/* 个人主页 CSS */

/* 引入 SELECT CSS */
@import url(lulu.datetime.css);

body {
    background-color: #f8f8f8;
}

.g-pr {
    height: 103px;
    background-color: #ffffff;
}

.g-pr .warp {
    background-image: url(grzy_1.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto 100%;
    height: 100%;
    position: relative;
}

.g-pr .logo {
    width: 166px;
    height: 216px;
    background-color: #ffffff;
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: -133px;
    left: 0;
}

.g-pr .logo div {
    width: 150px;
    height: 200px;
    background-color: #cccccc;
    margin: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.g-pr .info {
    margin: 0 0 0 210px;
    line-height: 74px;
}

.g-pr .name {
    font-size: 26px;
    color: #63065f;
    font-weight: bold;
}

.g-pr .nationality {
    font-size: 26px;
    color: #333333;
}

.g-pr .honor {
    font-size: 18px;
    color: #333333;
    margin: 0 0 0 30px;
    display: inline-block;
}

.g-mn {
    margin: 30px auto 40px;
}

.g-mn .content {
    width: 860px;
    background-color: #ffffff;
    min-height: 1200px;
}

.g-mn .nav {
    height: 55px;
    line-height: 55px;
    background-color: #c9a070;
    border-radius: 3px 3px 0px 0px;
    font-size: 0;
    color: #ffffff;
}

.g-mn .nav .item {
    display: inline-block;
    text-align: center;
    width: 115px;
    font-size: 18px;
    cursor: pointer;
    border-right: solid 1px #dcb88d;
}

.g-mn .nav .item:hover {
    font-weight: bold;
    background-color: #721170;
    border-top: solid 4px #ffcc00;
    border-right: 0;
    margin: -4px 0 0;
	width: 116px;
    border-radius: 3px 3px 0px 0px;
}

.g-mn .nav .item.z-sel {
    font-weight: bold;
    background-color: #721170;
    border-top: solid 4px #ffcc00;
    border-right: 0;
    margin: -4px 0 0;
	width: 116px;
    border-radius: 3px 3px 0px 0px;
}

.g-mn .info {
    width: 310px;
}

.g-mn .info .channel {
    width: 100%;
    height: 55px;
    line-height: 55px;
    background-color: #ffffff;
    border-top: solid 2px #c9a070;
    border-bottom: solid 1px #e6e6e6;
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 18px;
    color: #721170;
    position: relative;
}

.g-mn .info .channel img {
    width: 20px;
    margin: -3px 2px 0 0;
}

.g-mn .info .channel .change {
    text-decoration: underline;
    font-size: 14px;
    color: #666666;
    position: absolute;
    top: 0;
    right: 20px;
    cursor: pointer;
}

.g-mn .contact {
    margin: 0 0 30px;
}

.g-mn .contact .ctx {
    background-color: #ffffff;
    padding: 10px 25px;
    width: 100%;
    display: table;
    box-sizing: border-box;
}

.g-mn .contact .item {
    display: table-row;
    height: 40px;
}

.g-mn .contact .item img {
    width: 15px;
    margin: -3px 10px 0 0;
}

.g-mn .contact .item .tips,
.g-mn .contact .item .show {
    display: table-cell;
    vertical-align: middle;
}

.g-mn .contact .item .tips {
    font-size: 16px;
    white-space: nowrap;
    color: #333333;
}

.g-mn .contact .item .show {
    color: #454545;
    font-size: 14px;
}

.g-mn .colleague {
    margin: 0 0 30px;
}

.g-mn .colleague .ctx {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #ffffff;
    padding: 18px 0;
}

.g-mn .colleague .item {
    width: 155px;
    text-align: center;
    box-sizing: border-box;
    padding: 18px 7px;
}

.g-mn .colleague .item .logo {
    width: 105px;
    height: 105px;
    background-color: #a7a7a7;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 auto 12px;
}

.g-mn .colleague .item span {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #666666;
}

.g-mn .colleague .item .name {
    font-size: 16px;
    color: #333333;
}

.g-mn .qrcode {
    width: 310px;
    height: 330px;
    background-color: #ffffff;
    border-top: solid 2px #c9a070;
    box-sizing: border-box;
    padding: 32px 0 0;
    position: relative;
}

.g-mn .qrcode .code {
    margin: 0 auto;
    width: 154px;
    height: 154px;
    border: solid 1px #cccccc;
}

.g-mn .qrcode .code img {
    margin: 8px;
}

.g-mn .qrcode .text {
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin: 15px 0 0;
}

.g-mn .qrcode .tips {
    width: 100%;
    height: 86px;
    background-color: #eeeeee;
    position: absolute;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 19px;
    font-size: 14px;
    line-height: 24px;
    color: #545455;
}

.g-mn .qrcode .copy {
    text-align: right;
}

.g-mn .qrcode .copy img {
    width: 16px;
    margin: -3px 5px 0 0;
}

.g-mn .qrcode .copy span {
    cursor: pointer;
    text-decoration: underline;
}

.g-mn .qrcode .url {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*  分组模块 */
/* 个人首页 */
.g-mn .index {
    width: 100%;
    box-sizing: border-box;
    padding: 30px;
}

.g-mn .index .channel {
    width: 143px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    background-color: #c9a070;
}

.g-mn .index .channel img {
    width: 20px;
    margin: -3px 7px 0 0;
}


.g-mn .index .item {
    margin: 0 0 30px;
}

.g-mn .index .info {
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    padding: 10px 0;
}

.g-mn .index .info .bold {
    color: #000000;
    font-weight: bold;
}

/* 承担项目 */
.g-mn .project {
    width: 100%;
    box-sizing: border-box;
    padding: 30px;
}

.g-mn .project .item {
    display: table;
    width: 800px;
    border-collapse: collapse;
    margin: 0 0 50px;
}

.g-mn .project .row {
    display: table-row;
    height: 50px;
    font-size: 16px;
    color: #333333;
}

.g-mn .project .row:nth-child(2n) {
    background-color: #f9f9f9;
}

.g-mn .project .row.head {
    height: 58px;
    background-color: #f3f3f3;
    font-weight: bold;
    border-top: solid 2px #c9a070;
}

.g-mn .project .pro-tips,
.g-mn .project .pro-info {
    display: table-cell;
    vertical-align: middle;
}

.g-mn .project .pro-tips {
    width: 155px;
    text-align: center;
}

/* 学术成果 */
.g-mn .achieve {
    width: 100%;
    box-sizing: border-box;
    padding: 30px;
}

.g-mn .ach-tab {
    height: 37px;
    line-height: 37px;
}

.g-mn .ach-tab div {
    width: 100px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.g-mn .ach-tab div::after {
    content: '';
    width: 0;
    height: 0;
    border-width: 10px 10px 0 10px;
    border-color: transparent transparent transparent transparent;
    border-style: solid;
    position: absolute;
    left: 40px;
    bottom: 0;
    transition: linear 0.3s;
}

.g-mn .ach-tab div:hover {
    background-color: #721170;
    border-radius: 3px;
    position: relative;
    color: #ffffff;
}

.g-mn .ach-tab div:hover::after {
    bottom: -6px;
    border-color: #721170 transparent transparent transparent;    
}

.g-mn .ach-tab div.select {
    background-color: #721170;
    border-radius: 3px;
    position: relative;
    color: #ffffff;
}

.g-mn .ach-tab div.select::after {
    border-color: #721170 transparent transparent transparent;
    bottom: -6px;
}

.g-mn .ach-ctx {
    margin: 30px 0 0;
}

.g-mn .ach-ctx .item {
    font-size: 0;
    margin: 0 0 20px;
}

.g-mn .ach-ctx .ach-tag,
.g-mn .ach-ctx .ach-info {
    display: inline-block;
    font-size: 16px;
    line-height: 28px;
    text-align: justify;
    vertical-align: top;
}

.g-mn .ach-ctx .ach-tag {
    width: 8%;
    color: #c9a070;
    font-weight: bold;
}

.g-mn .ach-ctx .ach-info {
    width: 92%;
}

/* 成果获奖 */
.g-mn .prize {
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
}

.g-mn .prize .item {
    display: table;
    width: 800px;
    border-collapse: collapse;
    margin: 0 0 50px;
}

.g-mn .prize .row {
    display: table-row;
    height: 50px;
    font-size: 16px;
    color: #333333;
}

.g-mn .prize .row:nth-child(2n) {
    background-color: #f9f9f9;
}

.g-mn .prize .row.head {
    height: 58px;
    background-color: #f3f3f3;
    font-weight: bold;
    border-top: solid 2px #c9a070;
}

.g-mn .prize .pri-tips,
.g-mn .prize .pri-info {
    display: table-cell;
    vertical-align: middle;
}

.g-mn .prize .pri-tips {
    width: 155px;
    text-align: center;
}

/*教学数据*/
.g-mn .course {
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
}

.g-mn .course .item {
    display: table;
    width: 800px;
    border-collapse: collapse;
    margin: 0 0 50px;
}

.g-mn .course .row {
    display: table-row;
    height: 50px;
    font-size: 16px;
    color: #333333;
}

.g-mn .course .row:nth-child(2n) {
    background-color: #f9f9f9;
}

.g-mn .course .row.head {
    height: 58px;
    background-color: #f3f3f3;
    font-weight: bold;
    border-top: solid 2px #c9a070;
}

.g-mn .course .pri-tips,
.g-mn .course .pri-info {
    display: table-cell;
    vertical-align: middle;
}

.g-mn .course .pri-tips {
    width: 155px;
    text-align: center;
}



/* 公共组件 */
.g-mn .content .search {
    height: 38px;
    line-height: 38px;
    vertical-align: middle;
    color: #333333;
    margin: 0 auto 30px 0;
}

.g-mn .content .search span,
.g-mn .content .search select,
.g-mn .content .search input,
.g-mn .content .search button {
    outline: 0;
    vertical-align: middle;
    box-sizing: border-box;
    height: 38px;
    border-radius: 4px;
    margin: 0 12px 0 0;
}
/* lulu UI 修改 */
.g-mn .content .search input.year {
    width: 100px;
    box-sizing: border-box;
}

.ui-date-arrow {
    top: 5px;
    right: 15px;
}

span.ui-input {
    font-size: 0;
}

.g-mn .content .search input {
    width: 380px;
    padding: 0 15px;
    border: 1px solid #d0d0d5;
}

.g-mn .content .search button {
    width: 70px;
    background-color: #ffffff;
    text-align: center;
    border: solid 1px #c9a070;
    color: #c9a070;
}

.ui-date-container .selected {
	background-color: #721170
}

.ui-date-arrow::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-205 297 200 200'%3E%3Cpath d='M-59.3 365.9c-5.1-5.2-13.4-5.2-18.5 0l-27.7 28.3-27.7-28.3c-5.1-5.2-13.4-5.2-18.5 0s-5.1 13.6 0 18.9l46.2 47.1 46.2-47.1c5.1-5.2 5.1-13.6 0-18.9z' fill='%23721170'/%3E%3C/svg%3E") no-repeat right;
}

/*.reverse > a.ui-select-button {
    border-radius: 4px 4px 0 0;
}

.reverse > .ui-select-datalist {
    top: 39px;
    bottom: auto;
}

.g-mn .content .sel-search {
    width: 116px;
    margin: 0 12px 0 0;
}

.g-mn .content .ui-select-button {
    padding-top: 8px;
    padding-bottom: 8px;
}

.g-mn .content  .ui-select {
    height: 38px;
}
*/