@charset "utf-8";body{font-size:14px;font-family:'STHeiti','Microsoft YaHei','宋体','arial';color:#566570;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video{margin:0;padding:0}article,aside,footer,header,hgroup,nav,section,audio,canvas,video{display:block}a{text-decoration:none;color:#566570}a:hover{color:#333}a:visited{color:#566570;text-decoration:none}textarea{resize:none}.posRel{position:relative}.disBlock{display:inline-block}.fl{float:left}.fr{float:right}.tc{text-align:center}.tr{text-align:right}.tl{text-align:left}.cl{clear:both}.fb{font-weight:bold}.hr20{height:20px;clear:both}.hr10{height:10px;clear:both}.overflowH{overflow:hidden}.marR10{margin-right:10px}.font12{font-size:12px}.font16{font-size:16px}.font18{font-size:18px}.font24{font-size:24px}.lineH25{line-height:25px}.lineH30{line-height:30px}.lineH32{line-height:32px}.aLine,a.aLine,a.aLine:hover,.aLine a:link,.aLine a:hover{text-decoration:underline}.aline,a.aline,a.aline:hover,.aline a:hover{text-decoration:underline}iframe,img{border:0}img{vertical-align:middle; }ul,ol,li{list-style:none}button{outline:0;border:0;font-family:'STHeiti','Microsoft YaHei','宋体','arial';font-size:14px;color:#696969}input,textarea{outline:0;-webkit-user-modify:read-write-plaintext-only;border:0;font-family:'STHeiti','Microsoft YaHei','宋体','arial';font-size:14px;color:#696969}select{}option{font-size:14px}input:focus,select:focus{border:0}*{-webkit-tap-highlight-color:transparent}.submitBt{-webkit-appearance:none;display:block}.white,.white a,a.white,.white a:link,.white a:visited,.white a:hover,a.white:link,a.white:visited,a.white:hover{color:#fff}.blue,.blue a,a.blue,.blue a:link,.blue a:visited,a.blue:link,a.blue:visited{color:#008aff}.blue a:hover,a.blue:hover{color:#0077dc}.gray,.gray a,a.gray,.gray a:link,.gray a:visited,a.gray:link,a.gray:visited{color:#999}.gray a:hover,a.gray:hover{color:#666}.padBoxTb{padding:10px 0}.header{height:0px;width:100%}.logo{width:50%;height:95px;display:block;float:left;overflow:hidden;text-indent:-999px;background:url(../images/logo.png) no-repeat 0 center}.logoOut{width:120px;height:105px;display:block;float:left;overflow:hidden;text-indent:-999px;background:url(../images/logo_loginout.png) no-repeat 0 0}.wrapMain{overflow:hidden;width:100%;min-width:1280px;padding-top:105px;position:relative}.loginMainBg{
	
}.loginMainBg .bgPic{
    width:100%;
    height:100%;
    position: absolute;
    display: none;
}.loginoutMainBg{    height: 100%;
    width: 100%;}.loginoutMainBg .bgPic{
	 width:100%;
    height:100%;
    position: absolute;
    display: none;
} .loginMain{margin:0 auto 0 auto;}.change{position:absolute;top:140px;bottom:0;left:0;right:0}.logoPic{position: absolute;
    top: 2%;
    left: 10%;}.loginBox{    border-radius: 5px;
    width: 440px;
    height: 400px;
    position: absolute;
    top: 100px;
    right: 30px;
    z-index: 10000;
    display: block;
    }.tabBar{width:100%;height:60px;color:#000000;background:#dedede;border-top-left-radius:20px;border-top-right-radius:20px;}.tabBar li{/*width:33%;*/height:60px;float:left;cursor:pointer;margin-left: 25px;}.tab{width:100%;height:30px;overflow:hidden;text-indent:-999px;margin:10px 0;background-repeat:no-repeat;font-size: 18px;
    margin-left: 30px;
    line-height: 50px;
    color:#333;font-weight: bold;}.tab1{background-position:center -10px;margin-left:30px;line-height:50px;color:#333;}.tab2{background-position:center -70px}.tab3{background-position:center -130px}.tab4{background-position:center -190px;line-height: 50px;color: #333;}.tab5{background-position:center -610px}.tab10{background-position:center -736px}.tab11{background-position:center -876px}.tab12{background-position:center -1009px}.tab15{background-position:center -1137px}.tab16{background-position:center -1384px}.tab17{background-position:center -1513px}.tab18{background-position:center -1640px}.tab19{background-position:center -1765px}.tab20{background-position:center -1910px}.tabCertBind{background-position:center -490px}
	.tabBar li.dq{overflow:hidden;border-radius:5px 5px 0 0;    
	background: url(../images/border.png) no-repeat;
    background-position: 30px 55px;}.tabBar li.dq .tab{color:#c40f1e}.tabBar li.dq .tab1{background-position:center -250px}.tabBar li.dq .tab2{background-position:center -310px}.tabBar li.dq .tab3{background-position:center -370px}.tabBar li.dq .tab4{background-position:center -430px}.tabBar li.dq .tab5{background-position:center -670px}.tabBar li.dq .tab10{background-position:center -803px}.tabBar li.dq .tab11{background-position:center -943px}.tabBar li.dq .tab12{background-position:center -1071px}.tabBar li.dq .tab15{background-position:center -1201px}.tabBar li.dq .tab16{background-position:center -1448px}.tabBar li.dq .tab17{background-position:center -1577px}.tabBar li.dq .tab18{background-position:center -1703px}.tabBar li.dq .tab19{background-position:center -1837px}.tabBar li.dq .tab20{background-position:center -1974px}.tabBar li.dq .tabCertBind{background-position:center -550px}.tabCon{display:none}.inputBox{/*border:#cad2d7 1px solid;border-radius:20px;*/overflow:hidden;background-color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;}.inputBox li{border-top:#cad2d7 1px solid;margin-top:-1px;height:49px;padding:12px 10px}.inputBox li input.inputTl{width:100%;height:20px;line-height:20px;padding:2px 0;color:#ccc}.input_ico{display:block;width:25px;height:25px;background-image:url(../images/login_ico.png);background-repeat:no-repeat}.input_tab{display:block;width:55px;height:52px;/*background-image:url(../images/login_tab.png);*/background-repeat:no-repeat}.icoUser{float:left;background-position:0 0;padding-right:10px;border-right:#ccc 1px solid}.num{
    top:0;
    left:25px;
    color:#333;
	float:left;
	font-size: 16px;
}.select{float:left;margin-left:10px;margin-top:8px;}.bar{float:left;color: #999;
    font-size: 30px;margin-top:-10px;}.icoPass{float:left;background-position:0 -35px;padding-right:10px;border-right:#ccc 1px solid}.icoYzm{float:left;background-position:0 -70px;padding-right:10px;border-right:#ccc 1px solid;margin-top: 5px;}.icoOtp{float:left;background-position:0 -175px;padding-right:10px;border-right:#ccc 1px solid}.icoSms{float:left;background-position:0 -208px;padding-right:10px;border-right:#ccc 1px solid}.icoPhone{float:left;background-position:-50% -244px;padding-right:10px;border-right:#ccc 1px solid}.icoDel{float:right;background-position:0 -105px;cursor:pointer}.erweima{float:right;background-position:0 -105px;cursor:pointer;/*margin-right:0px;margin-top:-12px*/position:absolute;top:30px;right:0px;}.icoLook{float:right;background-position:0 -140px;cursor:pointer}.inputLogin{width:400px;float:left;height:47px;line-height:47px;padding:2px 8px;color:#ccc}.inputLogin2{width:260px;float:left;height:20px;line-height:20px;padding:2px 8px;color:#ccc}.inputLogin-pwdmod {width: 250px;float: left;height: 20px;line-height: 47px;padding: 2px 8px;color: #ccc;}.loginBox .inputBox2{border:#e2e2e2 1px solid;height:30px;padding:0 5px;overflow:hidden;border-radius:3px;margin:3px 0;background-color:#fff}.loginBox .inputBox2 input{width:100%;height:20px;line-height:20px;padding:5px 0;background:0}.loginBox .selectBox{border:#e2e2e2 1px solid;height:30px;overflow:hidden;border-radius:3px;margin:3px 0}.loginBox .selectBox .select{display:block;width:100%;height:30px;line-height:30px;padding-right:5px;padding-left:5px;text-align:left;padding:4px 2px 4px 2px\9}.
	yzmBar{clear:both;height:40px;
	line-height:40px;    margin-top: 10px;
    height: 50px;}
	.yzmBox{width:145px;padding:8px 10px 7px 10px;float:left;background-color:#fff;border-radius:3px;margin-right:10px;    border-radius: 20px;
    height: 35px;}.inputYzm{width:90px;float:left;height:20px;line-height:20px;padding:2px 8px;color:#ccc;margin-top: 5px;}.yzmPic{overflow:hidden;  width: 170px;
    height: 50px;
    float: right;}.yzmBox2{width:100%;float:left;background-color:#fff;}.inputYzm2{width:290px;float:left;height:48px;line-height:48px;padding:2px 8px;color:#ccc}.yzmBt{float: right;overflow: hidden;right: 22px;
    color: #c40f1e;
    cursor: pointer;font-size: 18px;background-color: #fff;
    margin-right: 20px;margin-top: 12px;}.zhengshuTxt{background-color:#fff;border-radius:3px;line-height:26px;font-size:16px;padding:10px 10px}a.loginBt{display:block;margin:20px 0;height:49px;line-height:49px;font-size:20px;text-align:center;background:url(../images/loginbt.png) repeat-x 0 0;border-radius:5px;border:#208ad6 1px solid}a.loginBt:hover{background:url(../images/loginbt.png) repeat-x 0 -51px}input.loginBt{display: block;
    width: 100%;
    margin: 15px 0;
    height: 54px;
    line-height: 49px;
    font-size: 20px;
    text-align: center;
    border-radius: 25px;
    /* border: #208ad6 1px solid; */
    color: #fff;
    background-color: #c20f1e;
    font-weight: bold;}input.loginBt:hover{}button.loginBt{
		    display: block;
    width: 100%;
    margin: 15px 0;
    height: 54px;
    line-height: 49px;
    font-size: 20px;
    text-align: center;
    border-radius: 25px;
    /* border: #208ad6 1px solid; */
    color: #fff;
    background-color: #c20f1e;
    font-weight: bold;
	}button.loginBt:hover{}.warningBox{float:right;position:relative;top:140px; right: 470px;}.warningBoxOut{width:335px;margin-top:20px;float:right;padding-right:2px;position:relative}.warningBar{position:absolute;width:100%;left:0;z-index:999}.wColor1{color:#ff8400}.wColor2{color:#18ff00}.wColor3{color:#00fcff}.closeBt{display:block;width:32px;height:22px;float:left;background:url(../images/close_bt.png) no-repeat center center;cursor:pointer}.infoBt{display:block;width:32px;height:22px;float:left;background:url(../images/ico_prompt1.png) no-repeat center center;cursor:pointer}.closeBt1{display:block;width:32px;height:22px;float:left;background:url(../images/close_bt.png) no-repeat center center;cursor:pointer}.warningBg{width:350px;margin:40px 0;line-height:22px;border-radius:5px;padding:7px 10px 7px 0;background:url(../images/warning_bg.png) repeat 0 0;position:relative;margin-right: 10px;}.warningBgSetPasswordHint{width:335px;margin:11px 0;margin-top:42px;line-height:22px;border-radius:5px;padding:7px 10px 7px 0;background:url(../images/warning_bg.png) repeat 0 0;position:relative}.warningBgUserInfo{width:335px;margin:11px 0;line-height:22px;border-radius:5px;padding:7px 10px 7px 0;background:url(../images/warning_bg.png) repeat 0 0;position:relative}.warningArr{display:block;width:6px;height:30px;background:url(../images/warningArr.png) no-repeat 0 0;position:absolute;right:-6px;top:0;z-index:1}.warningTxt{overflow:hidden;line-height:22px;font-size:18px;}.footerNavBar{width:1050px;height:100px;margin:38px auto 15px;background:url(../images/login_navline.png) no-repeat right center}.footerNavBar li{width:150px;height:100px;float:left;text-align:center;background:url(../images/login_navline.png) no-repeat left center}.fNav{display:inline-block;width:60px;height:60px;background-image:url(../images/login_footernav.png);background-repeat:no-repeat}.fNav1{background-position:0 0}.fNav2{background-position:0 -70px}.fNav3{background-position:0 -140px}.fNav4{background-position:0 -210px}.fNav5{background-position:0 -280px}.fNav6{background-position:0 -350px}.fNav7{background-position:0 -420px}.footerNavBar .tit{display:block;width:100%;clear:both;line-height:18px;padding-top:4px}.copyright{line-height:26px;width:100%;text-align:center;padding:20px 0}.passwordLayer{display:block;width:400px;height:60px;line-height:60px;background-color:#fff;position:absolute;left:13px;padding:0 5px;overflow:hidden;top:12px;color:#ccc}.passwordLayer span{display:none}.mibaoScroll{height:220px;overflow-y:auto;padding-right:5px;margin-bottom:10px}.buttonBarCol2 li{width:50%;float:left;overflow:hidden}a.button1{display:block;margin:10px 0;height:38px;line-height:38px;font-size:18px;text-align:center;background:url(../images/loginbt.png) repeat-x 0 0;border-radius:5px;border:#208ad6 1px solid;margin-right:3px}a.button1:hover{background:url(../images/loginbt.png) repeat-x 0 -51px}input.button1{display:block;margin:10px 0;height:38px;line-height:38px;font-size:18px;text-align:center;background:url(../images/loginbt.png) repeat-x 0 0;border-radius:5px;border:#208ad6 1px solid;color:#fff;margin-right:3px}input.button1:hover{background:url(../images/loginbt.png) repeat-x 0 -51px}a.button2{display:block;margin:10px 0;height:38px;line-height:38px;font-size:18px;text-align:center;background:url(../images/loginbt.png) repeat-x 0 -110;border-radius:5px;border:#cad2d7 1px solid;margin-left:3px}a.button2:hover{background:url(../images/loginbt.png) repeat-x 0 -170px}input.button2{display:block;margin:10px 0;height:38px;line-height:38px;font-size:18px;text-align:center;background:url(../images/loginbt.png) repeat-x 0 -110;border-radius:5px;border:#cad2d7 1px solid;margin-left:3px}input.button2:hover{background:url(../images/loginbt.png) repeat-x 0 -170px}.loginOutBox{width:550px;height:275px;padding:20px;background-color:#f3fbfd;border-radius:3px;float:right;-webkit-box-shadow:0 5px 5px #195c91;-moz-box-shadow:0 5px 5px #195c91;margin-top:65px;font-size:16px;color:#666;position:relative;}.loginOutTxt{font-size:26px;position:absolute;z-index:9;top:160px;left:70px}.loginOutBox .tit{height:30px;line-height:30px}.loginOutcon{height:130px;overflow-y:auto;margin:5px 0;padding:18px 18px;background-color:#fff;border-radius:3px;border:#cad2d7 1px solid}.loginOutcon li{line-height:20px;padding:5px 0;clear:both}.loginOutBt{width:330px;height:50px;margin:20px auto 40px auto}.warningBox.warningBoxMibao{margin-right:370px;margin-top:0}.loginBoxMibao{height:auto;margin-top:-50px;overflow:hidden;-webkit-box-shadow:none;-moz-box-shadow:none;z-index:100;position:absolute;min-height:380px}.loginBoxMibao{height:auto;margin-top:-50px;overflow:hidden;-webkit-box-shadow:none;-moz-box-shadow:no;z-index:100;position:absolute;}.loginCoverBg{z-index:10;left:0;top:0;position:fixed;opacity:.4;filter:Alpha(Opacity=40);width:100%;height:100%;display:block;background-color:#000}.loginBox .inputMibao{border:#e2e2e2 1px solid;height:40px;padding:0 10px;overflow:hidden;border-radius:3px;margin:5px 0;background-color:#fff}.loginBox .inputMibao input{width:100%;height:20px;line-height:20px;padding:10px 0;background:0}.loginBox .selectBox.selectMibao{border:#e2e2e2 1px solid;height:40px;overflow:hidden;border-radius:3px;margin:5px 0}.loginBox .selectBox.selectMibao .select{display:block;width:100%;height:40px;line-height:30px;padding-right:5px;padding-left:5px;text-align:left;padding:4px 2px 4px 2px\9}.hrMibao{height:5px;overflow:hidden;margin:10px 0 5px 0;border-top:#e2e2e2 1px solid}.loginMainRel{position:relative;height:390px}.loginBoxAbsolute{height:auto;overflow:hidden;-webkit-box-shadow:none;-moz-box-shadow:none;z-index:100;position:absolute;right:0;top:50%;min-height:280px}select:focus{border:#fff 1px solid}.promptTit{height:62px;line-height:62px;padding:10px 50px;font-size:24px}.promptTit span.promptIco{display:block;float:left;width:62px;height:62px;margin-right:10px}.promptTit span.promptIco img{width:62px;height:62px}.promptTxt{min-height:100px;padding:10px 50px;font-size:18px;line-height:28px;color:#666}.promptTxt2{min-height:100px;padding:10px 50px 20px 50px;font-size:16px;line-height:26px;color:#666}.promptTxt2 p{padding:8px 0}.popBox{background-color:#fff;border-radius:3px;overflow:hidden;z-index:100011;visibility:hidden;position:fixed}.popTitBar{height:30px;line-height:30px;padding:5px 10px 5px 20px;background:url(../images/pop_titbg.png) repeat-x 0 0;cursor:move}.popCon{padding:10px 20px;overflow-y:auto}.popCon p{padding:8px 0}.colseBt{display:inline-block;width:30px;height:30px;overflow:hidden;text-indent:-999px;background:url(../images/close.png) no-repeat center center}.chaxunBt,.chongzhiBt,a.chaxunBt,a.chongzhiBt{display:inline-block;width:110px;height:30px;border-radius:3px;overflow:hidden;line-height:30px;text-align:center;margin-left:10px}.chaxunBt{background:url(../images/bar_bg.png) repeat-x 0 0;border:#208ad6 1px solid}.chongzhiBt{background:url(../images/bar_bg.png) repeat-x 0 -40px;border:#cad2d7 1px solid}.loginText{margin-left:30%}.loginTe{margin-left:39%;margin-bottom:1%}.loginImg{margin-left:15%}.loginT{margin-left:23%;color:white;}.footer{    width: 100%;text-align: center;
    height: 60px;
    line-height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;    
	font-size: 18px;
    color: #fff;
    z-index: 0;}.right{    display: inline-block;
    margin-left: 10%;}.manger{margin-left: 11%;}.showMess{
    width:94%;
    height:75%;
    position: absolute;
    top:6%;
    top:6%\9;
    left:0;
    display: block;/*控制基本信息页面的显示与隐藏！！！！默认隐藏，改变这个为display:block;可以看到基本信息页面*/
}.basicMessData1{outline:0;-webkit-user-modify:read-write-plaintext-only;font-size:14px;color:#696969}
.basicMess{
    width:30%;
    height:63%;
    height:86%\9;
   
}
.otherName{
    width:30%;
    height:63%;
    height:86%\9;
    margin-left:27px;
}
.loginMethod{
    width: 30%;
    height:63%;
    height:86%\9;
    margin-left:27px;
}

.basicMess .title,.otherName .title,.loginMethod .title{
    display: block;
    width:-webkit-calc(100% - 45px);
    width: -moz-calc(100% - 45px);
    width:calc(100% - 45px);
    height:50px;
    line-height: 50px;
    
    font-size: 20px;
    color:#333;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding-left:45px;
}
.basicMess .mess,.otherName .mess,.loginMethod .mess{
    background: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-top:10px;
	height:-webkit-calc(100% - 40%);
    height: -moz-calc(100% - 40%);
    height:calc(100% - 40%);
	
}
:root .basicMess .mess,:root .otherName .mess,:root .loginMethod .mess{
    height:calc(100% - 83px)\0;
}
.basicMess .mess .detail{
    margin-bottom: 25px;
    /*padding-left:45px;*/
}
.basicMess .mess .detail span{
    font-size: 16px;
    color:#333;
}
.basicMess .mess .detail .fir{
    color:#89939c;
    width:120px;
    display: inline-block;
}
.otherName .mess .detail,.loginMethod .mess .detail {
    color:#89939c;
    font-size: 16px;
   
}
.otherName .mess .detail .fir{
    margin-right:20px;
    display: inline-block;
}
.loginMethod .mess .detail .fir{
    margin-right:32px;
    display: inline-block;
}
.loginMethod .mess .detail .chec{
    display: inline-block;
}
.loginMethod .mess .detail .check{
    margin-left:117px;
    margin-top:30px;
}
.loginMethod .mess .detail .checks{
    display: block;
    margin-left:117px;
    margin-top:20px;
}
.loginMethod .mess .details{
    margin-top:45px;
}
.loginMethod .mess .detail .chec span,.loginMethod .mess .detail .check span{
   width:100px;
    display:inline-block ;
    color:#333;
    position: relative;
}
.loginMethod .mess .detail .checks span{
    color: #333;
    position: relative;
}
.otherName .mess .detail .list{
    width:172px;
    width:54%\9;
    
    line-height: 40px;
    padding-left: 30px;
    border:1px solid #d5d6d8;
    display: inline-block;
    background: url(../images/option.png) no-repeat;
    background-position: 170px center;
    background-position-x:90% \9;
    vertical-align: middle;
    cursor: pointer;
}
.otherName .mess .detail .sel{
    width:172px;
    width:55%\9;
    height:214px;
    background: #eee;
    color:#333;
    margin-left:72px;
    padding-top:20px;
    padding-left:30px;
    display: none;
}
.otherName .mess .detail .sel li{
    margin-bottom: 20px;
    cursor: pointer;
}
option{
    height: 30px !important;
}.modify1{
	float:left;
	margin-left:20px;

}
 .logMethod{
     width:14px;
     height:14px;
    opacity: 0;
     filter:alpha(opacity=0);
     position: absolute;
     top:2px;
     left:0;
     z-index: 10001;
     cursor: pointer;
}.logMethod1{
	  width:14px;
     height:14px;
   
    
     position: absolute;
    
     z-index: 10001;
     cursor: pointer;
}
.logMethod+label{
    display: inline-block;
    width:20px;
    height:14px;
    background: url(../images/check.png) no-repeat;
    background-position: 0 -48px;
}
.logMethod:checked+label{
    background-position: 0 0;
}

.otherName .mess .detail .sel option{
    height:50px;
}
.btn{
  
	position: absolute;
    bottom: 45%;
    bottom: -15%\9;
    left: 50%;
    width: 155px;
    height: 46px;
    margin-left: -77.5px;
    background: #c20f1e;
    color: #fff;
    font-size: 20px;
    border-radius: 25px;
	
}
.borderPic1  {
   display:block ;
    position: absolute;
    top:46px;
    left:19px;
    display: none;
}

.active{
    display: block;
}







.basicMess,.otherName,.loginMethod{
    height:100%;
    background: #fff;
    border-radius: 20px;
}
.basicMess .messTitle,.otherName .messTitle,.loginMethod .messTitle{
    width: 100%;
    height:58px;
    line-height: 58px;
    background: #deedff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.basicMess .messTitle .title,.otherName .messTitle .title,.loginMethod .messTitle .title{
    font-size: 20px;
    color:#333;
    font-family:"PingFangSC";
    font-weight: bold;
}
.basicMess .messTitle .num,.otherName .messTitle .num,.loginMethod .messTitle .num{
    padding-left:40px;
    vertical-align: text-bottom;
}
.basicMess{
    width:32.2%;
    position: relative;
}
.basicMess .mess{
   /* margin-top:2%;*/
    margin-left: 9%;
    margin-right:5.4%;
}
.basicMess .mess .detail{
    margin-bottom: 5%;
    position: relative;
}
.basicMess .mess .detail .fir{
    font-size: 16px;
    color:#777;
    font-family:"PingFangSC";
}
.basicMess .mess .detail .val{
    font-size: 16px;
    color:#333;
    display: inline-block;
    float: right;
}
.basicMess .mess .detail .modify{
    margin-left:8px;
}
.confirm{
    width:100px;
    height:40px;
	margin: 0 auto;
	margin-top:25%;
	margin-bottom: -20%;
	
}
.basicMess .confirm{
   /* margin: 30px auto 0 auto; */
}
.confirm .btn1{
    
    background: #5ca2f8;
    font-size: 16px;
    color:#fff;
    border-radius: 5px;
}
.confirm .btn2{
  
    background: #5ca2f8;
    font-size: 16px;
    color:#fff;
    border-radius: 5px;
	 
    
}
.confirm .btn3{
  
    background: #5ca2f8;
    font-size: 16px;
    color:#fff;
    border-radius: 5px;
	   
    
}
.basicMess .mess .detail .list{
    width:150px;
    width:37.8%\9\0;
   
    line-height: 40px;
    padding-left: 30px;
    border:1px solid #d5d6d8;
    border-radius: 5px;
    display: inline-block;
    background: url(../images/option.png) no-repeat;
    background-position: 158px center;
    background-position-x:90% \9;
    vertical-align: middle;
    cursor: pointer;
}
:root .basicMess .mess .detail .list{
    width:150px\9\0;
}
.basicMess .mess .detail .sel{
    width:150px;
    background: #eee;
    color:#333;
    margin-left:72px;
    padding-top:20px;
    padding-left:30px;
    display: none;
    position: absolute;
    top:40px;
    right:0px;
    z-index: 10000;
}
.basicMess .mess .detail .sel li{
    margin-bottom: 20px;
    cursor: pointer;
}
.basicMess .mess .tele{
    margin-top:35px;
}
.alert{
    font-size: 14px;
    color: #d7001d;
    font-family:"PingFangSC";
    display: block;
    margin:5% 0 4% 0;
}
.otherName{
  
   
}
.otherName .mess{
    margin-top:2%;
    margin-left: 9%;
    margin-right:5.4%;
}
.otherName .mess .detail .alert{
    font-size: 14px;
    color: #d7001d;
}
.otherName .mess .detail .loginName{
    margin-top:7%;
}
.otherName .mess .detail .loginName .loginN{
    font-size: 16px;
    color:#777;
    display: inline-block;
    margin-right:14px;
}
.otherName .mess .detail .loginName .loginInput{
    display: inline-block;
    width:59%;
    float: right;
	
}
.otherName .mess .detail .loginName .loginInput .txt{
    width:calc(100% - 25px);
    height:40px;
    line-height: 40px;
    border: 1px solid #ccc;
    border-radius: 4px;
   
    color:#999;
    font-size: 16px;
    font-family:"PingFangSC";
    padding-left:20px;
}
.otherName .mess .detail .loginName .loginInput .active{
    border:1px solid #5ca2f8;
    color:#5ca2f8;
}
.otherName .confirm{
  
}
.loginMethod .confirm{
    
}
.loginMethod{
   
}
.loginMethod .mess{
    margin-top:2%;
    margin-left: 9%;
    margin-right:5.4%;
}
.loginMethod .mess .loginN{
    font-size: 16px;
    color: #777;
    display: inline-block;
    margin-top:7px;
}
.loginMethod .mess .alerts{
    margin-top:8%;
}
.loginMethod .mess .check{
    margin-top:7%;
}
.logMethod{
    width:14px;
    height:14px;
    opacity: 0;
    filter:alpha(opacity=0);
    position: absolute;
    top:2px;
    left:0;
    z-index: 10001;
    cursor: pointer;
}
.loginMethod .mess .chec span,.loginMethod .mess .check span{
    display:inline-block ;
    color:#333;
    position: relative;
}
.logMethod+label{
    display: inline-block;
    width:20px;
    height:23px;
    background: url(../images/check.png) no-repeat;
    background-position: 0 -41px;
}
.logMethod:checked+label{
    background-position: 0 6px;
}


.logMethoddd+label{
    display: inline-block; width: 20px; height: 23px;  background: url(../images/check.png) no-repeat;  background-position: 0 -41px;
}
.logMethoddd:checked+label{
     background-position: 0 6px;
}
.confirmPic1{
    position: absolute;
    top:2%;
    right:5.5%;
	z-index: 1000;
}.confirmPic2{
      position: absolute;
    top: 2%;
    right: 37%;
}.confirmPic3{
    position: absolute;
    top:2%;
    right:4.5%;
}

   

.hr{
    border: 1px dashed #dcdcdc;
    margin-top:18%;
}
.loginB{
    margin-right:25%;
}
@media screen and (max-height:900px){
    
    
    .basicMess .mess .detail .list{
        width:130px;
        background-position: 138px center;
    }
    .basicMess .mess .detail .sel{
        width:130px;
    }
}
@media screen and (max-height:1050px){
    .loginB{
        margin-right:12%;
    }
}
@media screen and (max-height:768px){
    .loginB{
        margin-right:-2%;
    }
}



















.mask{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    background: #d1d6dc;
    z-index: 9999;
  /*  display: none; */
}
.maskBox{
    width:419px;
    /*height:408px;*/
    background: #fff;
    border-radius: 20px;
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-204px;
    margin-left:-209.5px;
    z-index: 10000;
   /* display: none; */
}
.maskBox .maskBoxTop{
    width:100%;
    height:50px;
    line-height: 50px;
    background: #deedff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.maskBox .maskBoxTop .title{
    font-size: 20px;
    color: #333;
    margin-left:20px;
}
.maskBox .maskBoxTop .maskContent{
    margin-top:30px;
    margin:30px 27px 0 27px;
}
.maskBox .maskBoxTop .maskContent .alertMess{
    font-size: 14px;
    color:#df304f;
    line-height: 20px;
}
.alertMess{
    font-size: 14px;
    color:#df304f;
    line-height: 20px;
}
.maskBox .maskBoxTop .maskContent .select{
    width:327px;
    height:150px;
    margin:20px auto 0 auto;
	background:#ffffff;
}
.maskBox .maskBoxTop .maskContent .select ul li{
    width:100%;
    height:50px;
    border:1px solid #e5e5e5;
    text-align: center;
    font-size: 16px;
    color: #333;
    cursor: pointer;
}
.select ul li{
    width:99%;
    height:50px;
    border:1px solid #e5e5e5;
    text-align: center;
    font-size: 16px;
    color: #333;
    cursor: pointer;
}

.maskBox .maskBoxTop .maskContent .btn{
    width:100px;
    height: 40px;
    background: #59a0fc;
    color: #fff;
    border-radius: 6px;
    margin: 28px auto 0 auto;
    display: block;
    cursor: pointer;
}
.maskBoxs{
    width:464px;
    height:520px;
    background: #fff;
    border-radius: 20px;
    
    top:50%;
    left:50%;
    
  /*  z-index: 10000;
	margin-top:-232px;
    margin-left:-260px;
	position: absolute;
    display: none;
	*/
}
.maskBoxs .maskBoxTop{
    width:100%;
    height:50px;
    line-height: 50px;
    background: #deedff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.maskBoxs .maskBoxTop .title{
    font-size: 20px;
    color: #333;
    margin-left:20px;
}
.maskBoxs .maskBoxTop .maskContent{
    margin-top:30px;
    margin:7px 27px 0 27px;
}
.maskBoxs .maskBoxTop .maskContent .tip{
    font-size: 16px;
    color: #333;
}
.maskBoxs .maskBoxTop .maskContent .messShow{
    width:363px;
    height:99px;
    background: #eee;
    margin:0 auto;
    padding:0 20px;
}
.maskBoxs .maskBoxTop .maskContent .messShow .key{
    color:#747474;
    font-size: 16px;
	
}
.maskBoxs .maskBoxTop .maskContent .messShow .val{
    color:#333;
    font-size: 16px;
    float: right;
}
.maskBoxs .maskBoxTop .maskContent .loginMess{
    margin-top:28px;
}
.maskBoxs .maskBoxTop .maskContent .loginMess .key{
    font-size: 16px;
    color: #747474;
}
.maskBoxs .maskBoxTop .maskContent .loginMess .inputMess{
    margin-bottom: 10px;
    position: relative;
}
.maskBoxs .maskBoxTop .maskContent .loginMess .inputMess .txt{
    width:257px;
    height:50px;
    font-size: 16px;
    border: 1px solid #e5e5e5;
    padding:0 40px 0 10px;
}
.maskBoxs .maskBoxTop .maskContent .loginMess .inputMess .eye{
    position: absolute;
    top:20px;
    right:30px;
}
.maskBoxs .maskBoxTop .maskContent .btn{
    width:159px;
    height:40px;
    background: #59a0fc;
    color: #fff;
    border-radius: 6px;
    margin:30px auto 0 auto;
    display: block;
    cursor: pointer;
}

.phonebtn1{
	 width: 35px;  height: 25px;  background: #5ca2f8;  font-size: 16px;  color: #fff;  border-radius: 5px; float: right;
}
.logerweima{
	position:absolute;
	
}.logWarningBg{
	    width: 250px;
	    margin: 5px 0;
    line-height: 20px;
    border-radius: 5px;
    padding: 4px 6px 4px 0;
    background: url(../images/warning_bg.png) repeat 0 0;
    position: relative;
}.logerweimaphote{
	 background: url(../images/warning_bg.png) repeat 0 0;
	  border-radius: 9px;
}.chose1{
	left: 20px; 
}
.modalHeader{
	text-align: center;
	padding: 30px;
	font-size: 30px;
}
#authen4Form .inputLogin{
	height: 20px;
	line-height: 20px;
	width: 280px;
}
#authen4Form .inputYzm2{
	height: 20px;
	line-height: 20px;
	width: 170px;
}
#authen4Form .yzmBox2{
	margin-left: 10px;
	width: 235px;
}
#pop4LgView .modalBodyContent{
	top: 100px;
}
#authen4Form button.loginBt{
	margin: 100px 0;
}
#pop4LgView .yzmBt{
	margin-top: 0;
}
#pop4LgView .modalBody{
	    height: 400px;
	    right: 30px;
	    top: 60px;
		border-radius: 20px;
}
#authen9Form .inputLogin{
	    width: 271px;
		height: 20px;
		left: 20px;
		line-height: 20px;
}
#authen9Form .inputYzm2{
	width: 180px;
	height: 20px;
	left: 20px;
	top: -27px;
	line-height: 20px;
}
#authen9Form .yzmBox2{
	margin-left: 10px;
	margin-top: 10px;
}
#authen9Form .yzmBt{
	position: relative;
	top: -37px;
}
#pop9LgView .modalBody{
	right: 30px;
	top: 60px;
	border-radius: 20px;
	height: 400px;
}
@media screen and (max-height:900px){
    .showMess{
        top:14px;
		height:85%;
    }
    .loginMethod {
        height: 86%;
    }
    .otherName{
        height: 86%;
    }
    .basicMess{
        height: 86%;
    }
    .loginBt{
       
		top:510px;
    }.warningBoxMibao{
		padding-right: 35%;
		top:20px;
	
	}.loginBoxMibao{
		top:-12%;
		right:-4%;
	}.txt{
		margin-bottom:3%;
		
	}.list{
		height:30px;
		
	}.btn1{
		top:20px;
		
	}.btn2{
		top:65px;
		
	}.btn3{
		
		top:65px;
		
	}.otherName{
		margin-left:30px;
	}.loginMethod{
		margin-left:30px;
	}.basicMessData{
		width:55%;
	}.spanLabel{
		margin-top:-40px;
	}.loginInput{
		margin-right:50px;
	}.alert{
		font-size:14px;
	}.alertChange1{
		font-size:13px;
	}.alertChange2{
		font-size:15px
	}.phonebtn1{
		  margin-left: 3px;
	}.logerweima{
	top:41%;
	bottom:1px;
	left:2%;
	}.btn1{
		width:80px;
		height:30px;
	}
	.btn2{
		width:80px;
		height:30px;
	}.btn3{
		width:80px;
		height:30px;
	}
}
@media screen and (min-height:900px){
    .showMess{
      height:95%;
    }
    .loginMethod {
        height: 75%;
    }
    .otherName{
        height: 75%;
    }
    .basicMess{
        height: 75%;
    }
    .loginBt{
        bottom:-20px;
    }.warningBox{
		
	}.warningBoxMibao{
		top:20PX;
	
	}.loginBoxMibao{
		top:1%;
		right:3%;
	}.txt{
	
		margin-bottom:9%;
	}.list{
		
		height:40px;
	}.btn1{
		top:40px;
		
	}.btn2{
		
		top:70px;
	}.btn3{
		
		top:70px;
	}
	.loginBt{
        
		top:700px;
    }.basicMessData{
		width:40%;
	}.spanLabel{
		margin-top:-60px;
	}.loginInput{
		margin-right:90px;
	}.alert{
		font-size:17px;
	}.alertChange1{
		font-size:15px;
	}.alertChange2{
		font-size:20px
	}.phonebtn1{
		  margin-left: 9px;
	}.logerweima{
	top:60%;
	bottom:2px;
	left:4%;
	}.btn1{
		width:100px;
		height:40px;
	}
	.btn2{
		width:100px;
		height:40px;
	}.btn3{
		width:100px;
		height:40px;
	}
	
}
@media screen and (max-height:700px){
    .loginMethod .mess,.otherName .mess,.basicMess .mess {
        padding-top: 0px;
		margin-top:0%;
    }
    .loginMethod {
        height: 100%;
    }
    .otherName{
        height: 100%;
    }
    .basicMess{
        height: 100%;
    }.basicMessData{
		width:55%;
	}.basicMessData1{
		width:50%;
	}		
}
@media screen and (max-width:1500px){
    .otherName .mess .detail .list{
        width:107px;
        background-position: 109px center;
    }
    .otherName .mess .detail .sel{
        width:110px;
    }
}
@media screen and (width:1400px),(height:1050px){
	.chose1{
		left:0px;
	}
	.otherName{
		width:33%;
	}
	.loginBt{
		top:580px;
	}
	
	.showMess{
		width:98%;
		top:-6%;
	}
}
@media screen and (width:1440px),(height:900px){
	.loginBt{
		top:540px;
	}
}

@media screen and (width:1600px),(height:900px){
	.loginBt{
		top:540px;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.confirm{
		margin-top:-15%;
		
	}

}
::-ms-clear, ::-ms-reveal{display: none;}