.font-17 { font-size:17px; }
.en { font-family:arial; }

.ut-s {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/********************mem_login*************************/
.mem_login { width:288px; padding:0px 11.5%; background:#fafafa; margin:8.4% auto; border:1px solid #eee;  }
.mem_login .loginlb { padding:21% 0px 23.5%; }
.mem_login .loginlb ul li { position:relative; float:left; margin:10px 0px; color:#b8b8b8!important; width:100%;  }
.mem_login .loginlb ul li .ico { position:absolute; left:12px; top:13px; width:20px; height:20px; }
.mem_login .loginlb ul li .inp { padding-left:42px; overflow:hidden; border:1px solid #bebebe; border-radius:5px; }
.mem_login .loginlb ul li .inp input { float:left; border:none; background:none; line-height:44px; height:44px; width:90%; padding-right:10%; color:#666;  }
.mem_login .loginlb ul li .code { float:right; width:88px; line-height:46px; cursor:pointer; margin-left:10px;color:#3f79b9;  }
.mem_login .loginlb ul li .code img { width:88px; height:46px; }

.mem_login .loginlb ul li.but01 { margin-top:-5px;  }
.mem_login .loginlb ul li.but01 input { width:100%; height:46px; line-height:46px; background:#0463a0; border-radius:5px; border:none; color:#fff; }
.mem_login .loginlb ul li .inp .valid_message { position:absolute; left:10px; font-size:12px; line-height:13px; bottom:-13px; color:#f00; }

.mem_login .loginlb ul li.auto { margin-top:5px; }
.mem_login .loginlb ul li .check_group { float:left; cursor:pointer; padding-left:0px; }
.mem_login .loginlb ul li .check_group .checkbox { float:left; cursor:pointer; width:14px; height:14px; background:url(../images/loginlb_check01.png) no-repeat left top; margin-top:5px; margin-right:7px; }
.mem_login .loginlb ul li .check_group .checkbox02 { background-position:left bottom; }
.mem_login .loginlb ul li .check_group label { float:left; cursor:pointer; color:#6b7276!important;  line-height:24px; }
.mem_login .loginlb ul li .check_group .checkbox input { display:none; }



.third_party { border-top:1px solid #dadada; margin-top:7%;  text-align:center; }
.third_party h2 { font-weight:normal; color:#575757!important; padding:5% 0px 6%; }
.third_party dl dd { display:inline-block; margin:0px 7.5px; }
.lt9 .third_party dl dd {display:inline; }
.third_party dl dd img { width:36px; cursor:pointer; height:36px; display:inline-block; }
.third_party dl dd img:hover {  filter: Alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }

.mem_login .loginlb ul li .activation { background:#3898ce; float:right; display:inline-block; line-height:39px; height:39px; padding:0px 6px; color:#fff; border-radius:5px; margin:3px 0px 0px 6px; cursor:pointer;  }
.mem_login .loginlb ul li  a { color:#0463a0!important; line-height:22px; }
.mem_login .loginlb ul li a:hover { color:#551A8B!important;  }


.mem_bg { background:rgba(0,0,0,0.6); display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:1000; }
.lt9 .mem_bg {filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000")}

.mem_agreement { background:#fff; position:fixed; width:74%; padding:3%; display:none; left:10%; height:74%; top:10%; z-index:1000; }
.mem_agreement .con { max-height:100%; overflow-y:auto; }
.mem_agreement .con h2 { padding-bottom:20px; }
.mem_agreement .mem_close { position:absolute; right:0px; cursor:pointer; top:0px; }


.forget_box { width:auto; margin:0 auto 0; border:none; padding:0px; background:none; }

/**************forget_cur******************/
.forget_cur  { text-align:center; margin-bottom:81px; }
.forget_cur ul li { background:url(../images/forget_cur_li01.png) no-repeat right; padding-right:39px; display:inline-block; *+display:inline; width:15.39%; color:#333; padding-left:5px; }
.forget_cur ul li span { background:#f4f4f4; line-height:43px; border:1px solid #e0e0e0;  display:block; border-radius:3px; }
.forget_cur ul li span i { width:24px; position:relative; top:6px; *+top:1px; height:24px; display:inline-block; background:url(../images/forget_cur_ico01.png) no-repeat left top; margin-right:8px; }

.forget_cur ul li.li01 span i { background:url(../images/forget_cur_ico01.png) no-repeat left top;}
.forget_cur ul li.li02 span i { width:27px; background:url(../images/forget_cur_ico02.png) no-repeat left top;}
.forget_cur ul li.li03 span i { background:url(../images/forget_cur_ico03.png) no-repeat left top;}
.forget_cur ul li.li04 { background:none; padding-right:0px; }
.forget_cur ul li.li04 span i { background:url(../images/forget_cur_ico04.png) no-repeat left top;}
.forget_cur ul li.hover01 { color:#fff!important; }
.forget_cur ul li.hover01 span { background:#3898ce; border:1px solid #3898ce;  }
.forget_cur ul li.hover01 span i { background-position:left bottom; }


.forget_box .forget_form { float:left; width:47%; }
.forget_box .loginlb { float:right;  width:392px; margin-right:21.5px; }
.forget_box .loginlb ul li { position:relative; float:left; margin:10px 0px; color:#6b6b6b!important; width:100%;  }
.forget_box .loginlb ul li label { position:absolute; left:0px; line-height:46px; top:0px; }
.forget_box .loginlb ul li .inp { margin-left:63px; position:relative; overflow:hidden; padding:0px 10px; border:1px solid #bebebe; border-radius:5px; }
.forget_box .loginlb ul li .inp input { float:left; border:none; *+margin-left:-63px; background:none; line-height:24px; height:24px; width:100%; padding:10px 0px; color:#666;  }
.forget_box .loginlb ul li .inp .valid_message { position:absolute; right:10px; font-size:12px; line-height:13px; top:16px; color:#f00!important; }
.forget_box .loginlb ul li .inp01 .valid_message { right:43px; }


.forget_box .loginlb ul li .code { float:right; width:88px; line-height:46px; cursor:pointer; margin-left:20px;color:#3f79b9!important;  }
.forget_box .loginlb ul li .code img { width:88px; height:46px; }
.forget_box .loginlb ul li.but01 { }
.forget_box .loginlb ul li.but01 input { width:41%; margin-left:63px; float:left; height:46px; font-weight:bold; line-height:46px; background:#0463a0; border-radius:5px; border:none; color:#fff; }
.forget_box .loginlb ul li.but01 a { width:41%; margin-left:63px; float:left; height:46px; font-weight:bold; line-height:46px; background:#f4f4f4; border-radius:5px; border:none; color:#0463a0; text-align:center; }
.forget_box .loginlb ul li.but01 .but01 { margin-left:0px; float:right; }

.forget_box .loginlb .wenhao { position:absolute; right:12px; top:11px; cursor:pointer;  }
.forget_box .loginlb .wenhao .tishi { position:absolute; border:1px solid #bebebe; line-height:130%; width:194px; color:#7f7f7f!important; background:#fff; margin-bottom:17px; padding:10px 14px 12px; left:-34px; bottom:100%; border-radius:5px; display:none; } 
.forget_box .loginlb .wenhao .tishi span { color:#3898ce!important; font-weight:bold; }
.forget_box .loginlb .wenhao .tishi i { position:absolute; left:41px; bottom:-6px; background:url(../images/mem_jt01.jpg) no-repeat; width:7px; height:6px; }
.forget_box .loginlb .wenhao:hover .tishi { display:block; }

.forget_box .loginlb ul li .inp_tel { margin-left:63px; overflow:hidden; line-height:46px; }
.forget_box .loginlb ul li .inp_tel span { float:left; }
.forget_box .loginlb ul li .inp_tel .activation { background:#3898ce; float:right; display:inline-block; line-height:28px; height:28px; padding:0px 8px; color:#fff; border-radius:5px; margin:9px 0px 0px 6px; cursor:pointer;  }


.forget_box .forget_tel { float:left; width:50%; margin-top:10px; }
.forget_box .forget_tel .tel_con { width:480px; border:1px solid #1f3c65; background:#fbfdfe; color:#7f7f7f!important; height:130px; padding:46px 0px 0px; border-radius:5px; margin-left:21.5px; }
.forget_box .forget_tel .tel_con dl { overflow:hidden; width:192px; }
.forget_box .forget_tel .tel_con dl dt { padding-bottom:5%;}
.forget_box .forget_tel .tel_con .ico { margin-left:8.5%; margin-right:6%; float:left; width:64px; }
.forget_box .forget_tel .tel_con .ico img { width:100%; }


.account_anomalies { width:400px; margin:7.4% auto 3%; }
.account_anomalies .ico { float:left; width:48px; padding-right:26px; }
.account_anomalies .ico img { width:100%;}
.account_anomalies dl { overflow:hidden; color:#6b6b6b!important; }
.account_anomalies dl dt { color:#ff2020!important; line-height:120%; padding-bottom:4.5%; }
.account_anomalies span { color:#3898ce!important; font-weight:bold; }



.for_success { color:#6b6b6b!important; text-align:center; padding:1.2% 0px; line-height:44px; }
.for_success i { background:url(../images/for_success.png) no-repeat left center; display:inline-block; padding-left:65px; line-height:44px; }
.for_success a { background:#17a0fe; margin-top:20px; display:inline-block; font-weight:bold; line-height:36px; color:#fff!important; width:10%; }




/***********************************/
.per_center_head { background:#f2f2f2; position:relative; padding:31px 40px 37px; margin-bottom:2.5%; }
.per_center_head dl { padding-right:100px; float:left; }
.per_center_head dl dt { color:#0463a0;!important font-weight:bold; padding-bottom:2.3%; }
.per_center_head dl dd span { padding-right:48px; display:inline-block; }

.per_center_head .per_but { position:absolute; right:40px; top:50%; margin-top:-36px; }
.per_center_head .per_but a { display:block;background:#d3d3d7; color:#525252!important;  margin:5px 0px; text-align:center; width:97px; line-height:31px;  }
.per_center_head .per_but a:first-child { background:#0463a0; color:#fff!important; }


/***********per_center_body*****************/
.per_center_body { padding:0px 0px 0; }
.per_center_body h2 { color:#08578e!important; margin-bottom:1.8%; }

.per_center_body dl dt { background:#0463a0; padding:11px 0px; color:#fff!important; }
.per_center_body dl div { float:left; text-align:center; }
.per_center_body dl .div01 { width:27.19%; padding-left:4.45%; text-align:left; }
.per_center_body dl .div02 { width:23%; }
.per_center_body dl .div03 { width:23%; }
.per_center_body dl .div04 { width:22.36%; }

.per_center_body dl dd { border:1px solid #eaeaea;color:#717171!important; padding:2% 0px; margin:19px 0px 0px; border-left:2px solid #eaeaea; border-right:2px solid #eaeaea; } 
.per_center_body dl dd label { display:none; }
.per_center_body dl dd .div04 a { display:inline-block; background:#d3d3d7; margin:4px 5px 0px; text-align:center; min-width:85px; color:#525252!important; }
.per_center_body dl dd .div04 a:first-child { background:#0463a0; color:#fff!important;  }

.per_center_body dl dd .div01 { padding-top:7px; }
.per_center_body dl dd .div01 .ico { float:left; margin-right:20px; width:36px; height:44px; background:url(../images/per_center_body_li01.png) no-repeat; }

.per_center_body dl dd .div01 .text { text-align:left; float:none; overflow:hidden; }
.per_center_body dl dd .div01 .text  h3 { color:#444447; line-height:110%; padding-bottom:3.5%; }
.per_center_body dl dd .div01 .text  h3 a { color:#444447; }
.per_center_body dl dd .div01 .text  h3 a:hover { color:#0463a0!important; }
.per_center_body dl dd.first01 { margin-top:33px; }

.mem_page { text-align:center; padding-top:30px; }
.mem_page a { background:#3898ce; display:inline-block; color:#fff!important; width:117px; line-height:25px; text-align:center; }


.mem_cen_bg { background:rgba(0,0,0,0.6); position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:100; }
.lt9 .mem_cen_bg {filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000")}

.per_cen_tc { width:375px; position:fixed; z-index:101; left:50%; color:#585858!important; top:50%; margin-top:-105px; margin-left:-232.5px; background:#fff; padding:36px 45px 43px; }
.per_cen_tc h2 { font-weight:bold; color:#000!important; padding-bottom:10px; }	
.per_cen_tc .but { text-align:center; padding-top:25px; }
.per_cen_tc .but a { display:inline-block; background:#8f8f8f; color:#fff!important; line-height:31px; padding:0px 10px;  }
.per_cen_tc .but a:first-child { background:#0463a0; }

.per_cen_tc .per_cen_close { position:absolute; right:0px; cursor:pointer; top:0px; }



.mem_modify { background:#f2f2f2; padding:40px 40px 0px;}
.mem_modify dl dt { font-weight:bold; float:left; color:#0463a0!important; padding-left:35px; position:relative; padding-right:48px; }
.mem_modify dl dt i { position:absolute; left:0px; top:3px; width:28px; }
.mem_modify dl dd { overflow:hidden; padding-bottom:3.3%; }
.mem_modify h2 { color:#353535!important; padding-bottom:2.7%; }
.mem_modify  ul li { float:left; width:100%; }
.mem_modify  label { float:left; width:65px; line-height:29px; }
.mem_modify  .inp { width:144px; float:left; position:relative; padding:0px 5px; margin-right:32px; border-radius:5px; border:1px solid #bebebe; }
.mem_modify  .inp input { background:none; width:100%; border:none; height:27px; line-height:27px; }
.mem_modify .inp .valid_message { position:absolute; left:10px; font-size:12px; line-height:13px; bottom:-13px; color:#f00; }


.mem_modify .but01 { background:#0463a0; border:none; padding:0px 18px; margin-top:5.5px; margin-left:8px; margin-right:5px; line-height:29px; color:#fff; position:relative; }
.mem_modify .but02 { background:#888; }

.mem_modify .data_but { float:left; }

.mem_modify .pas_but { padding-top:14.5px; } 
.mem_modify .pas_but .but01 { margin-left:0px; margin-top:0px; margin-right:13px; }
.mem_modify .inp_box { float:left;  padding:6.5px 0px; }
.mem_modify  ul li:first-child .inp_box { padding-top:0px; }

.mem_modify dl:first-child dd { padding-bottom:3.9%; }


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

 .mem_modify .data_but { float:left; margin-top:13px; padding-left:57px;  }
 


}

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

 .mem_modify .inp_box { width:100%;  }
 .mem_modify .inp { float:none; overflow:hidden; width:auto; }
 

}

@media only screen and (max-width:1100px) {
  
  .forget_cur ul li { width:19.39%; }
  .forget_box .loginlb { width:86%; margin-right:3%; }
  .forget_box .forget_tel .tel_con { width:94%; margin-left:3%; }


}

@media only screen and (max-width:980px) {
 .mem_modify dl dt i { width:24px; }
 .mem_modify dl dt { padding-left:31px; }

}

@media only screen and (max-width:800px) {
	
  .forget_box .forget_tel .tel_con .ico { margin-left:5%; }
  
  .per_center_body dl dd .div01 .ico { width:26px; height:32px; background-size:100% 100%; margin-right:10px; }
  
}


@media only screen and (max-width:768px) {
  
 .mem_modify dl dt i { width:20px; top:1px; }
 .mem_modify dl dt { padding-left:27px; }
 .mem_modify { padding:1.5em 1.5em 0px; margin-bottom:0px; }
 .mem_modify h2 { padding-bottom:1em; }
 
 
  
}

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

  .mem_login { width:auto; margin:0px; }
  .mem_login .loginlb { padding:10% 0px; }
  
  .mem_agreement {  width:80%; padding:5%; left:5%; }
  .mem_agreement .mem_close img { width:3em; }
  
  .forget_cur { margin-bottom:2em; font-size:14px;  }
  .forget_box .forget_form { width:100%; }
  .forget_box .forget_tel {  width:100%;  }
  
  .forget_cur ul li { width:8em; padding-right:30px; margin:1% 0px; background-size:16px 18px; }
  .forget_box .loginlb { width:100%; margin:0px 0px 3%; }
  .forget_box .loginlb ul li .inp { margin-left:50px; }
  .forget_box .loginlb ul li .code { margin-left:10px; }
  .forget_box .loginlb ul li.but01 input { margin-left:50px; }
  .forget_box .loginlb .wenhao .tishi {left:auto; width:160px; right:-20px; } 
  .forget_box .loginlb .wenhao .tishi i {  left:auto; right:28px; }
  .forget_box .forget_tel .tel_con {  width:100%; margin:0px; }
  
  
  
   .forget_box .forget_tel .tel_con { padding:8% 0px; height:auto; }
   .forget_box .forget_tel .tel_con dl { width:auto; padding-right:5%; }
   .forget_box .forget_tel .tel_con .ico { width:50px; }
   
   .forget_box .loginlb ul li.but01 a { margin-left:50px; }

    .for_success a { width:30%; }
	.for_success i { background-size:1.8em 1.8em; padding-left:2em; line-height:30px; }
	
	.account_anomalies .ico { width:38px; padding-right:10px; }
	.account_anomalies dl dt { font-size:16px; }
	
	
	
	
	
	/***********************************/
	.per_center_head {  padding:1.5em; }
	.per_center_head dl { padding-right:0px;}
	.per_center_head dl dd span { padding-right:2em; }
	
	.per_center_head .per_but { position:relative; float:left; width:100%; right:0px;  top:0px; margin-top:1em; }
	.per_center_head .per_but a { padding-top:2px;  display:inline-block;  }
	
	
	
	.per_center_body dl dt { display:none; }
	
	.per_center_body dl div { text-align:left; float:none; padding:0.2em 1em 0px 6.5em; position:relative; }
	.per_center_body dl .div01 { width:auto;padding:0px 1em 0.5em 6.5em; }
	.per_center_body dl .div02 { width:auto; }
	.per_center_body dl .div03 { width:auto; }
	.per_center_body dl .div04 { width:auto; }
	
	.per_center_body dl dd { padding:1em 0px; }
	.per_center_body dl dd label { display:block; font-weight:600; position:absolute; left:1em; top:0.2em; }
	
	.per_center_body dl dd .div04 a { margin:0px 10px 0px 0px; padding-top:2px; text-align:center; min-width:85px;  }
	
	.per_center_body dl dd .div01 .ico { float:left; padding:0px;}
	
	.per_center_body dl dd .div01 .text { padding:0px;  }
	.per_center_body dl dd.first01 { margin-top:19px; }
	
	
	.mem_page {  padding-top:2em; }
	.mem_page a { padding-top:2px; }
	
	.mem_modify dl dt { padding-bottom:1em; }
    .mem_modify dl dd { float:left; width:100%; padding-bottom:2em;  }
	.mem_modify .inp { margin-right:0px; }
	.mem_modify .but01 { padding-top:2px; }
  
}

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

  .forget_cur ul li.li04 { padding-right:30px; }
  
  
  .account_anomalies { width:94%; }

}
@media only screen and (max-width:375px) {
   
   .forget_cur { font-size:14px; }
   .forget_cur ul li { width:9em; }
   
}

@media only screen and (max-width:375px) {
   
   .forget_cur { font-size:12px; }
   .forget_cur ul li { width:8.5em; }
   .forget_box .forget_tel .tel_con .ico { width:40px; }
}