@import "style.css"; 
.loginbg{ background:url(../img/loginbg.jpg) no-repeat; background-size:cover; }
.loginForm{ width:450px; height:570px; position:fixed; left:0; right:0; margin:auto; top:50%; margin-top:-285px; background:#fff; border-radius:6px; overflow:hidden; }
.loginForm .img1{ display:block; margin:0 auto; margin-top:30px; }
.loginForm .box{ padding:0 33px; }
.loginForm .box li{ margin-top:28px; }
.loginForm .box li .pt{ font-size:22px; color:#999; }
.loginForm .box li .intxt{ margin-top:12px; width:100%; border:1px solid #dcdcdc; height:70px; background:none; padding:0 12px; font-size:16px; }
.loginForm .box li .btndn{ height:70px; background:#4bb968; border:0; display:block;  width:100%; border-radius:6px; cursor:pointer; font-size:26px; color:#fff; line-height:70px; text-align:center;}
.loginForm .box li .btndn:active{ opacity:0.9; }
.loginForm .box li .btndn i{ width:30px; }
input::-webkit-input-placeholder { color:#bfbfbf; }

.membox { height:100%; background: #eceaea; overflow:hidden; display:flex; flex-direction:column;}
.memhead{ height:108px; background:#fff; padding:0 46px;}
.memhead .fl h2{ font-size:32px; padding-left:20px; }
.memhead .fr .a1 img{ width:39px; height:39px; border-radius:50%; margin-right:10px;}
.memhead .fr .a1 { font-size:18px; color:#666; min-width:165px; margin-right:20px; }
.memcon{ flex:1; overflow:hidden; display:flex; }

/***会员中心***/
.mleft{ width:335px; background:#4bb968; }
.mmenu li a{ display:block; height:85px; font-weight:normal; line-height:85px; padding:0 30px; overflow:hidden; position:relative; font-size:16px; color:#fff;}
.mmenu li a img{ width:23px; margin-right:10px; vertical-align: middle; }
.mmenu li a i{ width:9px; height:15px; background:url(../img/rr.png) no-repeat center; position:absolute; right:20px; top:50%; margin-top:-7.5px; }
.mmenu li a.on,.mmenu li a:hover{ background:#01883d;}
.mmenu li.on h3 a{ background:#3fac5c; }
.mmenu li .son a img{ width:17px; height:15px; margin-left:12px;}
.mmenu li .son{ background:#009944; display:none;}
.mmenu li.on .son{ display:block;}
.mmenu li.on .son a.on{ background:#01883d; }

/***右侧***/
.mright{ flex:1; margin:23px 0 0 23px; overflow-y:auto; height:100%; background:#fff; padding:5px 0 50px 10px;}
.mr-tit{ height:85px; padding-right:22px; line-height:85px; padding-left:22px; border-bottom:1px solid #eee; font-size:18px; color:#666; position:relative;}
.mr-tit:after{ width:3px; height:60px; background:#4bb968; position:absolute; left:0; top:50%; transform:translateY(-50%); content:'';}
.mr-tit .re{ float:right; font-size:16px; color:#666; }
.mem-search{ width:400px; height:50px; border:1px solid #eee; float:right; display:flex; margin-top:15px; }
.mem-search .intxt{ flex:1; border:0; height:48px; font-size:16px; padding:0 12px;}
.mem-search .sbtn{ height:50px; border:0; width:50px; cursor:pointer; background:url(../img/fdj.png) no-repeat center;}

/***个人资料***/
.mem-form { margin-top:45px; max-width:835px; }
.mem-form li{ position: relative; display: flex; align-items: center; clear: both; font-size:16px; color:#333; margin-bottom:28px; }
.mem-form li .himg{ width:66px; height:66px; border-radius:50%; }
.mem-form li .mft{ margin-right:25px; display: flex; align-items: center; justify-content: flex-end; width:140px; text-align: right;}
.mem-form li .mft i{ color:red;}
.mem-form li .input{ flex:1; }
.mem-form li .intxt{ flex:1; height:50px; line-height:50px; display: block; width:100%; border:1px solid #e5e5e5; padding:0 14px; border-radius: 3px; background: none; font-size:16px;}
.mem-form li .intxt:focus{ border-color:#4bb968}
.mem-form li .btn{ width:203px; font-size:16px; background:#4bb968; cursor:pointer; color:#fff; border:0; line-height:50px; height:50px; border-radius:5px;}
.mem-form li .btn:active{ opacity:0.9;}

/***科研项目***/
.projlist{ padding:0 26px; margin-top:12px;}
.projlist li a{ display:block; height:56px; line-height:56px; font-size:16px; border-bottom:1px solid #eee; }
.projlist li a span{ float:right; color:#999; margin-left:12px; }

.mem-detail{ padding:0 26px;}
.mem-detail .de-tit{ border-bottom:1px solid #eee; padding:30px 0 18px 0; text-align:center;}
.mem-detail .de-tit h1{ font-weight:normal; font-size:18px; padding-bottom:12px;}
.mem-detail .de-tit p{ font-size:16px; color:#999; }
.mem-detail .proimg{ max-width:100%; display:block; margin:0 auto;}
.probtn{ margin-top:30px;}
.probtn a{ width:203px; height:50px; border-radius:3px; background:#4bb968; color:#fff; font-size:16px; margin:0 20px;}
.probtn a img{ margin-right:10px;}
.pdbox , .pdbox span, .pdbox p{ text-wrap: wrap !important;}

/***帮助中心***/
.help{ display:flex; flex-wrap:wrap; padding-right:26px;  margin-left:-24px;}
.help dl{ width: calc(100% / 2 - 50px); margin-left:50px; margin-top:25px; }
.help dl dt{ height:65px; font-size:18px; background:#e5e5e5; line-height:65px; padding:0 25px; position:relative;}
.help dl dt::before{ width:3px; height:20px; background:#4bb968; content:''; position:absolute; left:13px; top:50%; transform:translateY(-50%); }
.help dl dt a{ float:right; color:#999;}
.help dl dt a:hover{ color:#4bb968;}
.helplist li a{ display:block; height:50px; padding:0 10px; line-height:50px; font-size:16px; color:#666; border-bottom:1px solid #eee;}
.helplist li a img{ float:right; margin-top:15px;}
.helplist li a:hover{ color:#4bb968; }
@media(max-width:1300px){
	.help dl{ width:100%; }
}