@charset "gb2312";
body{background:url(../../che2/passport/images/bg.jpg) center top no-repeat;}
.login .wp{width:1160px;}
.login{margin:180px auto 80px auto;}
.login .left{float:left; width:606px; height:430px; padding:50px; padding-right:56px; margin-right:-6px; border-radius:6px 0 0 6px; background:url(../../che2/passport/images/whitebg.png);}
.login .left li{float:left; width:87px; height:98px; padding:10px; padding-top:9px; margin:8px 6px 8px 7px; background:url(../../che2/passport/images/userbg.png);}
.login .left li a{display:block; width:88px; height:87px; border-radius:3px; overflow:hidden;}
.login .left li img{width:88px; height:87px;}
.login .left .usertip{text-align:right; font-size:20px; color:#fff; font-weight:bold;}
.login .left .usertip span{font-size:28px; color:#FF592D;}

.login .right{float:right; width:450px;}
.login .right .rtitle{height:75px; background:#1B1E23; border-radius:6px 6px 0 0; overflow:hidden;}
.login .right .rtitle a{display:block; width:153px; height:61px; padding:1px; margin:6px auto;}

.login .right .main{height:275px; padding:30px 75px; background:#fff;}
.login .right .maintip{border-bottom:dashed 1px #B7B7B7; text-align:center;}
.login .right .maintip span{display:block; width:135px; margin:-10px auto; line-height:20px; background:#fff;}

.login .right .connect{height:130px; border-radius:0 0 6px 6px; background:#fff; text-align:center;}
.login .right .connecttip{width:300px; margin:0 auto; border-bottom:dashed 1px #B7B7B7; text-align:center;}
.login .right .connecttip span{display:block; width:135px; margin:-10px auto; line-height:20px; background:#fff;}
.login .right .connect ul{margin-top:20px;}
/*.login .right .connect li{display:inline-block; width:77px; height:77px; background:url(../../che2/passport/images/bg.png);}
.login .right .connect li a{display:inline-block; width:77px; height:77px;}
.login .right .connect li.sina{background-position:0 -60px; margin-right:146px;}
.login .right .connect li.sina:hover{background-position:0 -140px;}
.login .right .connect li.qq{background-position:0 -220px;}
.login .right .connect li.qq:hover{background-position:0 -300px;}*/
.login .right .connect li{float:left; width:62px; height:62px; margin-right:60px; background:url(../images/passport.png);}
.login .right .connect li a{display:block; width:62px; height:62px;}
.login .right .connect li.sina{background-position:-62px 0px;}
.login .right .connect li.qq{background-position:0 0;}
.login .right .connect li.weixin{margin-left:70px; background-position:-124px 0;}


.usernameinput{margin-top:35px;}
.passwordinput+span{display:inline-block; margin-bottom:30px;}
.input1{position:relative; width:298px; margin-top:20px; border:solid 1px #ddd; border-radius:3px; overflow:hidden;}
.input1 .icon{float:left; width:39px; height:40px; border-right:solid 1px #ddd; background:url(../../che2/passport/images/bg.png) 13px 13px no-repeat;}
.input1 .icon.pw{background-position:13px -16px;}
.input1 input{float:left; width:238px; height:30px; padding:5px 10px; line-height:30px; border:none;}
.input1 .placeholder{position:absolute; line-height:40px; left:50px;}
#form1 input[name="lifetime"]{margin-bottom:-1px; margin-right:2px;}
#form1 input[type="submit"]{width:300px; height:40px; margin-top:20px; background:#FF592D; border:none; border-radius:5px; font-size:20px; color:#fff; font-family:"Microsoft YaHei";}
#form1 input[type="submit"]:hover{background:#FF6633;}


.login .right{position:relative;}
.login .qrcodeicon{position:absolute; top:75px; right:0; width:87px; height:79px; background:url(../../che2/passport/images/qrcodeicon.png) bottom center; cursor:pointer;}
.login .qrcodeicon.qrcodeicon2{height:30px;}
.login .qrcode{display:none; height:455px; background:#fff; text-align:center; overflow:hidden;}
.login .qrcode .tip{width:290px; margin:auto; margin-top:70px; margin-bottom:20px; font-size:16px; color:#333; text-align:left; line-height:30px;}
.login .qrcode .tip span{color:#e21519;}

.other1{margin-top:25px;}



.reg.reg3 .main{overflow-y:scroll;}
.reg{margin-top:40px;}
.reg .wp{border-radius:6px; overflow:hidden;}
.reg .left{float:left; width:160px; height:715px; background:url(../../che2/passport/images/regleftbg.png); background-size:160px 735px; overflow:hidden;}
.reg .left img{display:block; width:140px; margin:20px auto;}
.reg .left li{margin-bottom:5px;}
.reg .left li.cur,.reg .left li:hover{background:url(../../che2/passport/images/whitebg.png);}
.reg .left li a{display:block; padding-left:20px;/* background:url(../../che2/passport/images/bg.png) no-repeat;*/ line-height:40px; color:#fff; text-decoration:none;}
.reg .left li a i{color:#FF592D;}
.reg .left li a.a2{padding-left:14px;}
/*.reg .left li.zhuangao a{background-position:15px -387px;}
.reg .left li.huiyuan a{background-position:15px -427px;}*/

.reg .main{float:left; width:930px; height:685px; padding:30px 60px 0 50px; background:#fff;}
.reg .main .regtip{padding:10px; border:solid 1px #ddd; background:#F4F4F4; color:#FF592D; border-radius:4px;}
.reg .main .regtitle{margin:15px 0;font-size:14px; color:#333; font-weight:bold;}
.reg .main .line{margin-top:15px; border-bottom:solid 1px #ddd;}
.input2{padding:5px 0; line-height:35px;}
.input2 .label{display:block; float:left; width:120px;}
.input2 .label span{color:#FF592D;}
.input2 input[type="text"],.input2 input[type="password"]{width:250px; height:23px; padding:5px 10px; line-height:23px; border:solid 1px #ddd; border-radius:4px;}
.input2 input[type="checkbox"]{vertical-align:middle; margin-top:-3px;}
.input2 input[type="radio"]{vertical-align:middle; margin-top:-3px;}
.input2 .inputlabel{margin-right:10px;}
#saytext{width:400px; height:60px; padding:10px; border:solid 1px #ddd; border-radius:4px;}

.tiaokuanlabel{display:block; float:left; margin-left:120px; margin-top:20px; line-height:18px;}
.tiaokuanlabel input{display:block; float:left;}
.tiaokuanlabel div{display:block; float:left; margin-top:-3px; margin-left:5px; cursor:default;}
.tiaokuanlabel div a{color:#fd8500;}
#tiaokuanTip{display:inline-block; margin-left:10px; margin-top:-6px;}

.reg input[type="submit"]{width:110px; height:30px; margin-top:0; margin-left:120px; font-size:16px; color:#fff; font-family:"Microsoft YaHei";}
.reg input[type="submit"]:hover{background:#F24447;}
.reg input[type="button"]{width:110px; height:30px; margin-left:30px; background:#CBCBCB; border:none; border-radius:5px; font-size:16px; color:#fff; font-family:"Microsoft YaHei";}
.reg input[type="button"]:hover{background:#E0E0E0;}
.reg input[value="ΞΆΠΕΧΆ²α"]{background:#F24447;}
.reg input[value="ΞΆΠΕΧΆ²α"]:hover{background:#F24447;}

.reg .other3{margin-top:20px; line-height:30px;}
.reg .loginlink{margin-left:30px;}
.reg #form1 input[type="submit"]{width:110px; height:30px; margin-top:0; font-size:16px;}

.reg .select1{height:35px; padding:0 5px; line-height:35px; border:solid 1px #CCCCCC; border-radius:5px; overflow:hidden;}

.getpassword{width:450px; margin:150px auto 50px auto;}
.getpassword .maintitle{height:75px; background:#1B1E23; border-radius:6px 6px 0 0; overflow:hidden;}
.getpassword .maintitle a{display:block; width:153px; height:61px; padding:1px; margin:6px auto;}
.getpassword .main{padding:30px 75px 30px 75px; border-radius:0 0 6px 6px; background:#fff;}

.getpassword .maintip{border-bottom:dashed 1px #B7B7B7; text-align:center;}
.getpassword .maintip span{display:block; width:135px; margin:-10px auto; line-height:20px; background:#fff;}

.input3{position:relative; width:298px; margin-top:20px; border:solid 1px #ddd; border-radius:3px; overflow:hidden;}
.input3 input{float:left; width:298px; height:30px; padding:5px 10px; line-height:30px; border:none;}
.input3 .placeholder{position:absolute; line-height:40px; left:10px;}
.input3.vcodeinput input{display:block; float:left; width:218px;}
.input3.vcodeinput img{display:block; float:left; width:50px; height:30px; margin:5px; border-radius:3px;}
.input3.username{width:278px; padding:5px 10px; line-height:30px;}

.vcode1 .vcodeinput{float:left;}
.vcode1 .vcodeinput input{width:13.6em; border:none; border-radius:0.2em;}
.vcode1 .getvcode,.vcode1 .getvcode2{float:right; width:3em; text-align:center; line-height:2.9em; background:#eee; border-radius:0.1em;}


.footer{width:420px; margin:50px auto 10px auto; background:none; border:none;}
.footer li{float:left; width:70px; text-align:center;}
.footer li a{color:#fff;}

.copyright{text-align:center; color:#fff;}