@charset "UTF-8";

.header { /*box-shadow:0px 0px 3em rgba(0,0,0,0.2);*/}

.login-wrap { padding:19.625em 0px 13.375em; }

.login-form { width:86%; max-width:520px; margin:0px auto; padding:2.625em 0px 2em; background:rgba(255,255,255,0.9); border-radius:1em; }
.login-form .title { color:#333; }
.login-form .list { padding:0.875em 13.46%; }
.login-form .list ul li { position:relative; }
.login-form .list ul li .tit { position:absolute; left:0px; color:#333; bottom:1em; vertical-align:middle; }
.login-form .list ul li .tit img { width:20px; height:22px; margin-right:12px; vertical-align:middle;  }
.login-form .list ul li .tit b { color:#eb0c0c; }
.login-form .list ul li .inp { border-bottom:1px solid #aaaaaa; padding:2em 0px 1em 110px; }
.login-form .list ul li .inp input { border:none; background:none; float:left; width:100%; line-height:1.5;  }
.login-form .btn { padding-top:3.75em; }
.login-form .btn input { color:#fff; float:left; width:100%; border:none; border-radius:0.5em;  background:#0070bd; height:2.3em;  }
.login-form .btn span { color:#fff; float:left; line-height:2.3; cursor:pointer; width:100%; border:none; border-radius:0.5em;  background:#0070bd; height:2.3em;  }
.login-form .list ul li .tit2 { border-bottom:1px solid #aaaaaa; color:#333; padding:2em 0px 1em 0px; }

.login-form .a-btn { float:right; color:#0070bd; }
.login-form .a-btn a { color:#0070bd; }
.login-form .a-btn a:hover { text-decoration:underline; }
.login-form .ft-check { padding-top:1em; }
.login-form .sub-tit { padding-top:2.1875em; color:#333; padding-bottom:0.9375em; }
.login-form .login-btn { padding-top:0.9375em; }
.login-form .login-btn a { color:#0070bd; }
.login-form .login-btn a:hover { text-decoration:underline; }


.forget-form { padding-bottom:4.5em; display:none; min-height:27.0625em;  }


.forget-step2 .list ul li .inp { padding-left:8.5em; }
.forget-step3 .list ul li .inp { padding-left:8.5em; }


.reg-form {max-width:780px;  }
.reg-form .list { padding:1.5em 6.41% 0.875em; }
.reg-form .list ul li { float:left; width:44.2%; margin:0px 2.9%; }
.reg-form .list ul li .tit img { width:19px; display:none; height:auto; margin-right:12px; vertical-align:middle;  }
.reg-form .list ul li .tit .img01 { display:inline-block; position:relative; top:-1px; }
.reg-form .list ul li.code { padding-right:110px; }
.reg-form .list ul li.code .codeimg { position:absolute; bottom:6px; cursor:pointer; right:25px;}
.reg-form .list ul li.code .codeimg img { height:70px; height:32px; }
.reg-form .list ul li.code .codebtn { position:absolute; bottom:6px; cursor:pointer; right:0px; background:url(../images/refresh.png) no-repeat right center; width:40px; height:32px;  }

.reg-form .list ul li .get-code {position:absolute; background:#fff; color:#333; width:8.75em; border:1px solid #a4b2bf; line-height:2.375; padding:0px 0.25em; border-radius:5px; top:50%; margin-top:-1.1875em; cursor:pointer; right:0px;}
.reg-form .list ul li.code2 .inp { padding-right:9em; }

.reg-form .btn input {  float:none; max-width:380px;}
.reg-form .btn { padding-top:4.5em; }



.personal-center { background:#f8f8f8; padding-left:250px; min-height:500px; position:relative; }
.personal-center .personal-left { position:absolute; left:0px; top:0px; width:250px; padding:0px 25px; bottom:0px; height:100%; background:#fff; }
.personal-center .personal-left .img { width:5.625em; height:5.625em; margin:0px auto; margin-top:2.4375em; border-radius:50%;  }
.personal-center .personal-left .name { border-bottom:1px solid #e9e9ea; color:#333; padding:1.2857em 0px; }
.personal-center .personal-left .list { padding:1.0714em 26px; }
.personal-center .personal-left .list dd { padding:1px 0px; }
.personal-center .personal-left .list dd img { display:none; width:14px; height:14px; vertical-align:middle; margin-right:7px; }
.personal-center .personal-left .list dd .img01 { display:inline-block; }
.personal-center .personal-left .list dd  a { display:block; line-height:2.7142; border-radius:5px;  }
.personal-center .personal-left .list dd a.on { background:#4990e2; color:#fff;  }
.personal-center .personal-left .list dd a.on .img01 { display:none; }
.personal-center .personal-left .list dd a.on .img02 { display:inline-block; }
.personal-center .personal-left .list dd:first-child +dd img { width:15px; height:15px; }

.personal-center .personal-right { padding-left:19px; }
.personal-center .personal-right .title { color:#999; padding:1.7142em 0px; box-shadow:0px -1ems 1em rgba(0,0,0,0.1); }
.personal-center .personal-right .title span { display:inline-block; }
.personal-tab-nav { border-bottom:1px solid #d8d8d8; position:relative;  }
.personal-tab-nav ul { padding-right:20%; }
.personal-tab-nav ul li {padding:0.5em 1em; float:left; color:#666; position:relative; cursor:pointer; margin-right:2.3571em; }
.personal-tab-nav ul li i { position:absolute; display:none; left:0px; bottom:-1px; right:0px; height:2px; background:#4990e2; }
.personal-tab-nav ul li.on { color:#0070bd; font-weight:bold; }
.personal-tab-nav ul li.on i { display:inline-block; }

.personal-tab-nav .btn {  position:absolute; right:4.8%; bottom:1.0714em; }
.personal-tab-nav .btn a { display:inline-block; padding:0px 1em; line-height:2.0714; border:1px solid #dcdcdc; color:#999; border-radius:5px; }
.personal-tab-nav .btn a:hover { border:1px solid #0070bd; background:#0070bd; color:#fff; }

.personal-right { padding-bottom:3.75em; }
.personal-right .list { padding-bottom:4.2857em; }
.personal-right .list .sec-title { border-bottom:1px solid #d8d8d8; padding:1.6875em 0px; }
.personal-right .list .sec01 { width:40px; }
.personal-right .list .sec02 { width:20.42%; }
.personal-right .list .sec03 { width:19.09%; }
.personal-right .list .sec04 { width:31.87%; }
.personal-right .list .sec05 { width:16.12%; }

.personal-right .list .sec-content { color:#999; background:#fff; border-bottom:1px solid #ebebeb; }
.personal-right .list .sec-content ul li { padding:1.5714em 0px 2.1428em; border-bottom:1px dotted #ebf3f9; }
.personal-right .list .sec-content .text { width:90%; max-width:180px; margin:0px auto; }
.personal-right .list .sec-content .img { width:90%; max-width:120px; margin:0px auto; border:1px solid #dcdcdc; border-radius:5px; padding:5px; }
.personal-right .list .sec-content .img a { display:block; padding-bottom:100%; background-size:contain;  }
.personal-right .list .sec-content  .del { width:18px; height:18px; opacity:0.5; filter:alpha(opacity=50); background:url(../images/del.png) no-repeat center center; margin:0px auto; display:inline-block; cursor:pointer; }
.personal-right .list .sec-content  .down { width:14px; height:14px; opacity:0.5; filter:alpha(opacity=50); background:url(../images/down01.png) no-repeat center center; margin:0px auto; display:inline-block; cursor:pointer; }

.personal-right .list .sec-content ul li:hover { background:#f8f8f8; }
.personal-right .list .sec-content ul li:hover .del,.personal-right .list .sec-content ul li:hover .down { opacity:1; filter:alpha(opacity=100); }
.personal-right .check_group .checkbox { width:16px; height:16px; background-color:#f7f7f7; border:1px solid #dcdcdc; border-radius:3px; margin:0px 0px 0px 12px;   }



.change-password-form { margin:5em auto; }
.change-password-form .list ul li:nth-child(2n+1) .inp { padding-left:95px; } 


@media only screen and (max-width: 1440px){


.personal-right .list .sec02 { width:20.42%; }
.personal-right .list .sec03 { width:25.09%; }
.personal-right .list .sec04 { width:29.87%; }
.personal-right .list .sec05 { width:14.12%; }

}

@media only screen and (max-width: 1200px){


.personal-right .list .sec02 { width:18.42%; }
.personal-right .list .sec03 { width:31.09%; }
.personal-right .list .sec04 { width:27.87%; }
.personal-right .list .sec05 { width:12.12%; }

.personal-tab-nav ul li { margin-right:0.5em; }

.change-password-form { padding:0px; }
.change-password-form .list ul li { width:100%; margin:0px; }

}

@media only screen and (max-width:980px){
.personal-center { padding-left:200px; }	
.personal-center .personal-left { width:200px;  }
.personal-center .personal-left .list { padding:1.0714em 00px; }

.personal-right .list .sec02 { width:16.42%; }
.personal-right .list .sec03 { width:35.09%; }

.personal-tab-nav ul li { margin-right:0px; }


}

@media only screen and (max-width:900px){
	
.personal-tab-nav ul li { padding:0.5em 0.8em; }

}


@media only screen and (max-width: 767px){

.login-wrap { padding:5em 0px 4em; }
.login-form .title { font-size:0.32rem; font-weight:bold;  }

.login-form .list ul li .tit img { width:auto; height:1.25em; }
.login-form .list ul li .inp { padding:1em 0px 1em 6em; }
.login-form .btn { padding-top:2.5em; }

.reg-form { padding-bottom:2em; }

.reg-form .list ul li { float:left; width:100%; margin:0px; }
.reg-form .list ul li .tit .img01 { display:none; }
.reg-form .list ul li .tit .img02 { display:inline-block; }
.reg-form .list ul li.code .codeimg { bottom:0.75em; }
.reg-form .list ul li.code .codebtn { bottom:0.75em; }
.reg-form .list ul li.code .codeimg img { height:2em; }
.login-form .list ul li .inp { padding-left:6.5em; }
.change-password-form .list ul li:nth-child(2n+1) .inp { padding-left:6.5em; } 


.forget-form { min-height:23em; padding-bottom:2em;  }
.forget-step2 .list ul li .inp { padding-left:8.5em; }
.forget-step3 .list ul li .inp { padding-left:8.5em; }
.login-form .sub-tit { padding-top:2em; }

.personal-center { padding-left:0px; }
.personal-center .personal-left { width:100%; position:relative;  }
.personal-center .personal-left .list dd img,.personal-center .personal-left .list dd:first-child +dd img { width:1em; height:1em; }
.personal-center .personal-right .title { padding:1em 0px; }
.personal-center .personal-right { padding:1em 1.5em 2.5em; }
.personal-tab-nav ul { padding-right:0px; }
.personal-tab-nav .btn { right:0px; bottom:0px; position:relative; padding-bottom:1em; }
.personal-tab-nav ul li { padding-bottom:0.5em; }

.personal-right .list { padding-bottom:2em; }
.personal-right .list .sec-title .sec { display:none; }
.personal-right .list .sec-title .sec01 { display:block; width:100%; }
.personal-right .list .sec-title .sec01 label { display:inline-block; }
.personal-right .check_group .checkbox { top:0.25em; margin-right:10px; }
.personal-right .list .sec-content .sec { width:100%; }
.personal-right .list .sec-content .text { max-width:90%; padding:1em 0px; }
.personal-right .list .sec-content .img { max-width:70%; }
.personal-right .list .sec-content .sec02 { margin-top:1em; }
.personal-right .list .sec-content .sec04 { text-align:left; padding:0px 5%; }
.personal-right .list .sec-content ul li { position:relative; }
.personal-right .list .sec-content .del {  position:absolute; right:5%; top:1.5714em; }


.change-password-form { margin:1em auto; width:100%; }
.reg-form .list { padding-bottom:1em; }
.reg-form .list ul li .get-code { width:7em; }
.reg-form .list ul li.code2 .inp { padding-right:7.5em; }


}



@media only screen and (max-width: 340px){

 

}