@charset "utf-8";
.wrap{width: 1200px; margin: 0 auto;}

.head{width: 100%; height: 80px; background: #11244b; }
.head a{color: #fefefe;}
a.logo{display:inline-block;width: auto;height: 80px; float: left;}
.head ul{float: right;}
.head ul li{display: inline-block;float: left;line-height:80px;}

a.registBtn,a.loginBtn{display: inline-block;text-align: center;border-radius: 3px;}
a.registBtn{ width: 80px;height: 34px; line-height: 34px;border: solid 1px #ea5429; color: #ea5429; background: #11244b;}
a.registBtn:hover{background:#0a1731;}
a.loginBtn{width: 82px;height: 36px; line-height: 36px; background: #ea5429;color: #FFF;margin-left: 13px; }
a.loginBtn:hover{background: #d94e27;}

/*register*/
.re-con{width: 500px;min-height: 520px;margin: 0 auto; margin-top: 5%; background-color: #ffffff;box-shadow: 0px 5px 36px 4px rgba(0, 0, 0, 0.05);border-radius: 20px; padding-bottom: 15px;}
.re-con h1{font-size: 24px; color: #11244B; text-align: center; padding-top: 25px; margin-bottom: 25px;}
.re-con ul{width: 360px; margin: 0 auto;}
.re-con li{margin-bottom: 15px;}

.ipt{width: 338px;height: 43px;border-radius: 5px;border: solid 1px #e6e6e6;padding-left: 20px;}
.ipt:hover{border-color: #d2d2d2;}
.ipt:focus{border: 1px solid #5aadff;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);}

a.getCode,a.getCodeRed{display: inline-block;width: 130px;height: 45px;background:#eeeeee;border-radius: 5px; color: #999;text-align: center;line-height: 45px; margin-left: 10px;}
a.getCodeRed{background: #ea5429; color: #fff;}
a.getCodeRed:hover,a.btnRed:hover,a.loginBtn:hover{background: #e04113;}
li.error{color: #f60;}
.error em{display: inline-block; width: 17px;height: 17px; background-image: url(../images/error_icon.png); vertical-align: middle;margin-right: 10px;}

a.btnGray,a.btnRed{display: inline-block; width: 360px;height: 45px;background: #eeeeee;border-radius: 5px; font-size: 16px; color: #999; text-align: center; line-height: 45px;}
a.btnRed{background: #ea5429; color: #fff;}

/*login*/
/*.login-wrap{position: absolute;position: relative;left: 0;top: 50%;margin-top: 5%; }*/
.login-box{width: 1150px;height: 550px;background-color: #ffffff;box-shadow: 0px 5px 36px 4px rgba(0, 0, 0, 0.05);border-radius: 20px;margin: 0 auto;margin-top: 5%;}
.login-img{width: 600px;height: 550px; float: left;}
.login-con{width:360px; display: inline-block; float: right;margin: 30px 95px 0 0 ;}
.tab{border-bottom: 1px solid #e6e6e6; height: 50px; line-height: 50px;}
.tab li{float: left; margin-right: 40px; font-size: 16px; }
.tab li a{color: #999;}
.tab li.current {border-bottom: 2px solid #11244b;} 
.tab li.current a{color: #11244b;}
.loginfrm{margin-top: 20px;}
.loginfrm li{margin-bottom: 10px;}
.go-reg{color: #999; text-align: center;margin-top: 25px;}
.loginfrm li.error{margin-bottom: 20px;}
.tabContent{display: none;}

.codloginfrm{margin-top: 35px;}
.codloginfrm li{margin-bottom: 15px;}

/*滑块验证*/
.slider {width: 360px;height: 45px;position: relative;border-radius: 5px; background: #f5f5f5;overflow: hidden;text-align: center;user-select: none;-moz-user-select: none;-webkit-user-select: none; }
.slider_bg {position: absolute;left: 0px;top: 0; height: 43px;background: #f1f7ec; z-index: 1; border: 1px solid #eeeeee;}
.label {width: 60px;position: absolute;left: 0px;top: 0;height: 43px;line-height: 43px;border: 1px solid #eeeeee;background:url(../images/arrowDb.png) no-repeat center center #fff;z-index: 3;cursor: move;color: #e8e8e8;font-size: 18px;font-weight: 900; }
.labelTip {position: absolute;left: 0px;width: 100%;height: 100%; color: #999;line-height: 43px;
text-align: left;z-index: 2;text-indent: 90px;}
.sliderOk{}
.sliderOk .label{ background-image: url(../images/icon-right.png);border: 1px solid #b9db9c; border-radius: 2px; border-left:0;}
.sliderOk .labelTip{color: #7ac23c !important; text-indent: 120px; border-right:0;}
.sliderOk .slider_bg{border-color: #b9db9c; border-radius: 5px;}

.foot{width: 100%; color: #807f7f; text-align: center; margin: 120px 0 20px; /*position: absolute; bottom: 10px;*/}

li{position: relative;}
label{display: inline-block; line-height: 40px; font-size:14px; color: #999; padding-left: 10px;}

.re-con .ipt,.login-con .ipt{line-height: 45px; vertical-align: middle;}

a.sbtnGray,a.sbtnRed{display: inline-block;padding: 0 20px; min-width: 28px;height: 32px; text-align: center; line-height: 32px; border-radius: 3px;}
a.sbtnGray{background: #f9f9f9;border: 1px solid #e5e5e5; color: #666; margin-left: 13px;}
a.sbtnGray:hover{background: #fffaf9; border: 1px solid #f9cbbe; color: #d94e27;}
a.sbtnRed{background: #ea5429; color: #fff; height: 34px; line-height: 34px;}
a.sbtnRed:hover{background: #d94e27;}

.re-success{width: 420px; text-align: center; margin: 100px auto;}
.re-success h1{font-size: 18px; color: #000; margin: 30px 0 10px;}
.re-success h1 span{font-size: 16px; font-weight: bold; margin: 0 5px;}
.re-success p{color: #999;margin-bottom: 40px;}

.select{position: relative;}
.select i{position: absolute;right: 15px;top: 20px; display: inline-block; width: 12px;height: 6px;background: url(../images/down_icon.png);}
.select ul{position: absolute; top: 45px; left: 0; border: solid 1px #e6e6e6; background: #fff; z-index: 999; width: 358px; display: none;}
.select ul li{padding: 10px 20px; line-height: 1.5; margin-bottom: 0; cursor: pointer;}
.select ul li:hover{background: #eeeeee;}