/*登录页面css*/
.login_header{width: 90%;margin: 30px auto 20px;height: auto;line-height: 100px;}
.login_header .link{display: inline-block;margin-top: 15px;}
.login_header .link a{width: 25%;height: 30px;line-height: 30px;font-size: 14px;text-align: center;}
.login_header a{display: block;width: 50%;height: 50px;margin: 0 auto;float: left;}
.login_header a img{width: 100%;height: 100%;}
.login_header h2{font-family: "楷体";font-size: 1.5rem;color: #333;text-align: center;line-height: 50px;}
.login_banner{display: none;}
.login_form{width: 90%;margin: 20px auto;}
.login_form h3{font-size: 20px;color: #333;font-family: "宋体";margin-bottom: 20px;text-align: center;}
.login_form div{width: 100%;height: 45px;margin-bottom: 20px;}
.login_form div:last-of-type{margin-bottom: 10px}
.login_form div p{float: left;width: 20%;height: 100%;font-family: icon;font-size: 14px;color: #4b4b4b;line-height: 45px;text-align: center;font-weight: 600;}
.login_form div input{float: left;width: 80%;height: 100%;color: #333;border: 1px solid #999;padding-left: 10px;border-radius: 5px;}
.login_form .yanzheng_box{position: relative;}
.login_form #TPcode{display: block;position: absolute;top: 0;right: 0;width: 120px;height: 45px;border-radius: 0 5px 5px 0;}
.login_form .login_qq{display: block;float: left;width: 100px;font-size: 30px;line-height: 30px;font-family: icon;color: #00b9b8;text-align: left}
.login_form .login_qq span{font-size: 12px;}
.login_form .zhuce{width: 50%;font-size: 14px;color: #333;text-align: right;height: 40px;line-height: 40px;float: right;}
.login_form .zhuce a{color: #333;margin-left: 5px}
.login_form .zhuce a:hover{color: red;text-decoration: underline}
.login_form .form_error{height: 20px;background: transparent;border: none;font-size: 14px;color: red;text-align: center}
.bind_form .form_error{height: 20px;background: transparent;border: none;font-size: 14px;color: red;text-align: center}
.login_form button{width: 100%;height: 45px;border: none;border-radius: 4px;background-color: #10a8ff;color: white;font-size: 16px;letter-spacing: 10px;cursor: pointer;}
.login_form .isPhone{display: none;height: 20px;background: transparent;border: none;font-size: 14px;color: red;text-align: center;}
.login_form .third_login{width: 50%;font-size:14px;padding-left: 5px;color: #333;height: 40px;line-height: 40px;}
.login_form .third_login a{width: 20px;height: 18px;vertical-align: middle;display: inline-block;margin-left: 10px;background:url(../images/QQ.png) no-repeat 0 0;}
.login_footer .link{font-size: 14px;text-align: left;width: 90%;margin: 30px auto;line-height: 24px;}
.login_footer .link a{position: relative;color: #333;padding-right: 10px;}
.login_footer .link a:hover{color: red;text-decoration: underline}
.login_footer .company{width: 90%;margin: 0 auto;font-size: 12px;color: #999;text-align: center;line-height: 20px;}
/*以下是注册页头部样式*/
.register .center{width: 90%;margin: 0 auto}
.register .register_header{width: 100%;background-color: #fff;padding: 20px 0px;}
.register .register_header .center{width: 90%;height: 80px;margin: 0 auto;}
/*.register .center .headerLeft{float: left;width: 420px}*/
.register .center .headerLeft.qqPage_left{width: 520px;height: 100px;}
.register .center .headerLeft a{display: block;float: left;width: 50%;height: 50px;margin-right: 10px;}
.register .center .headerLeft a img{width: 100%;height: 100%}
.register .center .headerLeft h2{font-size: 32px;font-family: "楷体";line-height: 50px;color: #333;}
.register .center .headerRight{float: right;width: 100%;font-size: 16px;color: #999;text-align: center;margin-top: 10px}
.register .center .headerRight a{color: #333;margin: 0 5px}
.register .center .headerRight a:hover{color: red;text-decoration: underline}
.register .center .headerRight span{text-align: center;color: #666;margin: 0 5px}
/*以下是注册页内容样式*/
.main{width: 100%;margin-top: 30px;}
.main form{display: block;width: 100%;margin: 0 auto;}
.main form p{width: 100%;height: 30px;}
.main form p a{display: block;float: right;font-size: 12px;color: #38f;line-height: 30px}
.main form p a:hover{text-decoration: underline}
.main form div{position: relative;width: 100%;height: 46px;background-color: white;border: 1px solid #ddd;border-radius: 10px;margin-bottom: 20px;}
.main form div:before{position: absolute;top: 0;left: 10px;display: block;content: "*";font-size: 20px;color: red;line-height: 46px}
.main form .form_error:before{display: none}
.main form div p{float: left;width: 95px;height: 100%;font-size: 14px;font-weight:600;line-height: 46px;color: #666;text-align: center;padding-left: 5px}
.main form div input{float: left;width: 60%;height: 44px;padding-left: 10px;border: none}
.main form div input.code{width: 40%;}
.main form div .get_num{display: block;width: 72px;height: 100%;font-size: 14px;line-height: 46px;text-align: center;color: #fff;float: right;background-color: orangered;border-radius: 0 10px 10px 0;cursor: pointer}
.main form div .get_num.disabled{background-color: #ccc;color: #333}
.main form div a img{width: 100%;height: 100%;border-radius: 0 10px 10px 0}
.main form button{width: 100%;height: 40px;background-color: #009FD9;font-size: 16px;color: white;border: none;cursor: pointer;border-radius: 4px;}
.main form button.disabled{background-color: #ccc;color: #333}
.main form label{position: absolute;top: 44px;left: 0;width: 100%;height: 20px;font-size: 14px;line-height: 20px;color: red;padding-left: 10px;}
.main form .form_error{background: transparent;border: none;font-size: 14px;height: 30px;color: red;text-align: center;margin-bottom: 10px;}
.main form .isPhone{display: none;height: 20px;background: transparent;border: none;font-size: 14px;color: red;text-align: center;}
.TPyanzheng{display: none;position: fixed;z-index: 999;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.3)}
.TPyanzheng .TPyanzheng_box{position: absolute;top: 50%;left: 50%;width: 500px;height: 260px;background-color: white;margin: -130px 0 0 -250px;border-top: 5px solid #26c5ff;border-radius: 10px;padding: 25px 80px}
.TPyanzheng .TPyanzheng_box h3{font-size: 20px;color: #767676;line-height: 50px;font-weight: 500;font-family: "微软雅黑";border-bottom: 1px solid #eee;}
.TPyanzheng .TPyanzheng_box .yz_input{position: relative;width: 100%;height: 40px;margin: 30px 0 50px;}
.TPyanzheng .TPyanzheng_box .code_error{display: none;position: absolute;bottom: 70px;left: 0;font-size: 14px;color: red;text-align: center;line-height: 20px;}
.TPyanzheng .TPyanzheng_box .yz_input p{float: left;width: 65px;font-size: 14px;color: #545454;line-height: 40px;}
.TPyanzheng .TPyanzheng_box .yz_input input{display: block;float: left;width: 120px;height: 40px;border: 1px solid #ccc;padding-left: 5px}
.TPyanzheng .TPyanzheng_box .yz_input img{width: 125px;height: 40px;float: left;cursor: pointer}
.TPyanzheng .TPyanzheng_box .button{display: flex;justify-content: center;margin-top: 30px}
.TPyanzheng .TPyanzheng_box .button button{width: 115px;height:40px;font-size: 16px;border: none;border-radius: 5px;margin: 0 10px;cursor: pointer}
.TPyanzheng .TPyanzheng_box .button button:first-of-type{width: 130px;background-color: #009FD9;color: white}
.TPyanzheng .TPyanzheng_box .back{position: absolute;top: 20px;right: 40px;width: 50px;font-size: 30px;font-family: icon;text-align: right;cursor: pointer}
/*以下是找回密码页样式*/
.backPassword{width: 90%;margin: 30px auto 0}
.backPassword h2{position: relative;font-size: 16px;color: #333;font-weight: 500;padding-left: 40px}
.backPassword h2 span{position: absolute;top: -3px;left: 0;font-size: 24px;color: #68b5e2;font-family: icon;font-weight: 600;}
.backPassword .backForm{display: block;width: 100%;}
.backPassword .backForm div{position: relative;width: 100%;height: 40px;margin-bottom: 30px}
.backPassword .backForm div.form_error{margin-bottom: 10px;}
.backPassword .backForm div.yanzheng_Num{height: 90px;}
.backPassword .backForm div p{float: left;width: 120px;height: 40px;font-size: 16px;color: #333;text-align: right;line-height: 40px;padding-right: 10px}
.backPassword .backForm div input{float: left;width: 55%;height: 40px;font-size: 16px;border: 1px solid #ccc;border-radius: 4px;padding-left: 10px;}
.backPassword .backForm div img{float: right;width: 100px;height: 100%;cursor: pointer}
.backPassword .backForm div a{float: right;width: 100px;height: 100%;font-size: 14px;text-align: center;line-height: 40px;color: white;background-color: #009FD9;border: none;border-radius: 5px;cursor: pointer}
.backPassword .backForm div button{width: 100px;height: 40px;color: #fff;background-color: orangered;border: none;border-radius: 5px;cursor: pointer;margin: 10px 100px 0 0;float: right;}
.backPassword .backForm div button.disabled{background-color: #ccc;color: #333}
.backPassword .backForm div .next{float: left;width: 100%;height: 40px;font-size: 20px;background-color: #f40;margin: 0px auto;}
.backPassword form label{position: absolute;top: 40px;left: 120px;width: 100%;height: 30px;font-size: 14px;line-height: 30px;color: red;padding-left: 10px;}
.backPassword .isPhone{display: none;height: 20px;background: transparent;border: none;font-size: 14px;color: red;text-align: center;}
.backPassword .code_error{display: none;position: absolute;bottom: 70px;left: 0;font-size: 14px;color: red;text-align: center;line-height: 20px;}
.backPassword .form_error{background: transparent;border: none;font-size: 14px;color: red;text-align: center}