@import url(main.css);

.login{width:100%;max-width:1920px;height:548px;background:url(../images/login_bg.jpg) center center no-repeat;margin:0 auto;}

.login_box{width:340px;height:450px;background:#fff;float:right;margin:50px 50px 0 0;padding:35px;box-sizing:border-box;}
.login_box .title{width:280px;margin-bottom:15px;}
.login_box .title li{width:140px;float:left;color:#999;border-bottom:2px solid #999;height:35px;line-height:35px;text-align:center;cursor:pointer;}
.login_box .title li.hover{color:#333;border-bottom:2px solid #E16506;font-weight:bold;}

.login_box .alert_text{margin-top:10px;color:#f30;height:20px;}
.login_box .alert_text span{background:url(../images/alert.png) left center no-repeat;padding-left:20px;display:none;}
.login_box .userpass{margin-top:10px;}
.login_box .userpass .items{width:278px;border:1px solid #e6e4e3;border-radius:5px;height:35px;margin-bottom:20px;}
.login_box .userpass .items li{float:left;}
.login_box .userpass .items li.li1{background:url(../images/login_mobile.png) #dfdddc center center no-repeat;width:35px;height:35px;background-size:30px auto;}
.login_box .userpass .items li.li2{padding-left:6px;width:237px;}
.login_box .userpass .items li.li2 input.mobile{width:100%;height:35px;border:none;background:none;line-height:35px;}

.login_box .userpass .items li.li3{background:url(../images/login_lock.png) #dfdddc center center no-repeat;width:35px;height:35px;background-size:25px auto;}
.login_box .userpass .items li.li4{background:url(../images/login_key.png) #dfdddc center center no-repeat;width:35px;height:35px;background-size:25px auto;}
.login_box .userpass .items li.li5{padding-left:6px;width:237px;}
.login_box .userpass .items li.li5 input.mobile{width:117px;height:35px;border:none;background:none;line-height:35px;float:left;}
.login_box .userpass .items li.li5 span.getcode{float:left;width:120px;height:35px;text-align:center;line-height:35px;background:#f4f4f4;color:#999;}
.login_box .userpass .items li.li5 span.getcode a{color:#666;width:120px;height:35px;text-align:center;line-height:35px;background:#f4f4f4;display:inline-block;}
.login_box .userpass .items li.li5 span.getcode a:hover{background:#f9f9f9;}

.login_box .userpass .items li.li6{padding-left:6px;width:237px;}
.login_box .userpass .items li.li6{background:url(../images/login_mobile.png) #dfdddc center center no-repeat;width:35px;height:35px;background-size:30px auto;}

.login_box .userpass .items li.li7{background:url(../images/login_exp.png) #dfdddc center center no-repeat;width:35px;height:35px;background-size:30px auto;}
.login_box .userpass .items li.li8{background:url(../images/login_xing.png) #dfdddc center center no-repeat;width:35px;height:35px;background-size:30px auto;}



.login_box .forget{text-align:right;}
.login_box .forget a{color:#115ad4;}
.login_box .forget a:hover{color:#f30;}

.login_button{margin-top:35px;}
.login_button input{width:280px;height:40px;background:#FF6F00;color:#fff;text-align:center;line-height:40px;border-radius:5px;border:none;cursor:pointer;}
.login_button input:hover{background:#E16506;}

.login_box .reglink{text-align:left;margin-top:30px;}
.login_box .reglink a{color:#115ad4;}
.login_box .reglink a:hover{color:#f30;}


/** 注册 */
.register{width:100%;max-width:1920px;height:608px;background:url(../images/login_bg.jpg) center center no-repeat;background-size:auto 608px;margin:0 auto;}
.register_box{width:440px;height:540px;background:#fff;float:right;margin:50px 50px 0 0;padding:35px;box-sizing:border-box;}
.register_box .title{width:380px;margin-bottom:15px;}
.register_box .title li{width:100%;color:#333;border-bottom:2px solid #ec2828;font-weight:bold;height:35px;line-height:35px;text-align:center;}

.register_box .alert_text{margin-top:0px;color:#f30;height:20px;}
.register_box .alert_text span{background:url(../images/alert.png) left center no-repeat;padding-left:20px;display:none;}

.register_box .userpass{margin-top:0px;}
.register_box .userpass .items{width:378px;border:1px solid #e6e4e3;border-radius:5px;height:35px;margin-bottom:20px;}
.register_box .userpass .items li{float:left;}
.register_box .userpass .items li.li1{background:url(../images/login_mobile.png) #dfdddc center center no-repeat;width:35px;height:35px;background-size:30px auto;}
.register_box .userpass .items li.li2{padding-left:6px;width:337px;}
.register_box .userpass .items li.li2 input.mobile{width:100%;height:35px;border:none;background:none;line-height:35px;}

.register_box .userpass .items li.li3{background:url(../images/login_lock.png) #dfdddc center center no-repeat;width:35px;height:35px;background-size:25px auto;}
.register_box .userpass .items li.li4{background:url(../images/login_key.png) #dfdddc center center no-repeat;width:35px;height:35px;background-size:25px auto;}
.register_box .userpass .items li.li5{padding-left:6px;width:337px;}
.register_box .userpass .items li.li5 input.mobile{width:217px;height:35px;border:none;background:none;line-height:35px;float:left;}
.register_box .userpass .items li.li5 span.getcode{float:left;width:120px;height:35px;text-align:center;line-height:35px;background:#f4f4f4;color:#999;}
.register_box .userpass .items li.li5 span.getcode a{color:#666;width:120px;height:35px;text-align:center;line-height:35px;background:#f4f4f4;display:inline-block;}
.register_box .userpass .items li.li5 span.getcode a:hover{background:#f9f9f9;}

.register_box .userpass .items li.li7{background:url(../images/login_xing.png) #dfdddc center center no-repeat;width:35px;height:35px;background-size:25px auto;}
.register_box .userpass .items li.li8{background:url(../images/login_exp.png) #dfdddc center center no-repeat;width:35px;height:35px;background-size:23px auto;}


.register_box .zcqx{width:380px;}
.register_box .zcqx li{float:left;}
.register_box .zcqx li.li1{width:60px;color:#444;}
.register_box .zcqx li.li2{width:160px;color:#666;}
.register_box .zcqx li.li3{width:160px;color:#666;}
.register_box .zcqx li .radio{margin-right:3px;margin: 0 7px 0 10px;-webkit-appearance: none;border-radius: 50%;width: 14px;height: 14px;border: 2px solid #FF6F00;transition: .2s all linear;outline: 0;position: relative;top: 3px;}
.register_box .zcqx li .radio:checked {border: 5px solid #FF6F00;}

.register_box .zcxy{padding:10px 0;clear:both;overflow:hidden;}
.register_box .zcxy li{float:left;}
.register_box .zcxy li.li1{width:60px;color:#444;}
.register_box .zcxy li.li2{width:90px;color:#666;}
.register_box .zcxy li.li3{width:90px;color:#666;}
.register_box .zcxy li .checkboxr{margin-top: 2px;-webkit-appearance: none;border-radius: 3px;width: 12px;height: 12px;line-height: 12px;text-align: center;border: 1px solid #FF6F00;transition: .2s all linear;outline: 0;position:relative;}
.register_box .zcxy li .checkboxr:checked {background:#FF6F00;}
.register_box .zcxy li .checkboxr:checked::after{content:'';background:url(../images/checkbox_yes.png) center center no-repeat;position: absolute;background-size:12px;top:0;left:0;width:12px;height:12px;}

.register_box .zcxy li a{font-weight:bold;color:#333;}
.register_box .zcxy li a:hover{color:#f30;}


.register_box select{width:140px;height:30px;border:1px solid #d8d8d8;background:#f5f5f5;padding-left:5px;-webkit-appearance: button;-webkit-border-radius: 3px;-webkit-padding-end: 20px;-webkit-padding-start: 8px;background-image: url(../images/select.png),-webkit-linear-gradient(#fafafa,#f4f4f4 40%,#e5e5e5);background-position: center right;background-repeat: no-repeat;}


.register_button{margin-top:5px;}
.register_button input{width:380px;height:40px;background:#FF6F00;color:#fff;text-align:center;line-height:40px;border-radius:5px;border:none;cursor:pointer;}
.register_button input:hover{background:#E16506;}

.register_box .reglink{text-align:left;margin-top:30px;}
.register_box .reglink a{color:#115ad4;}
.register_box .reglink a:hover{color:#f30;}