/*表单验证样式*/
.error{font-size: 14px;color: red}
/*以下是登录界面样式*/
.login_content{position: relative}
.login_header{width: 1200px;height: 50px;display: flex;align-items: center;position: absolute;top: 25px;left: 50%;margin-left: -600px;}
.login_line{position: absolute;top:100px;height: 2px;box-shadow: 0 -2px 0 #f3f1f1;}
.login_header a{display: inline-block;width: 130px;height: 50px;float: left;margin-right:35px;}
.login_header a img{width: 130px;height: 50px;}
.login_header h2{font-family: "楷体";font-size: 32px;color: #333;height: 50px;line-height: 50px;width: 620px;}
.login_header .link{height: 20px;line-height: 20px;font-size: 14px;margin: 15px 0px;}
.login_header .link a{color: #333;width: auto;margin-right: 0px;padding: 0 20px;height: 20px;border-right: 1px solid #d5d5d5;}
.login_header .link a.last{border-right: none;}
.login_header .link a:hover{color: #10a8ff;}
.login_content{position: absolute;box-shadow: 0 -2px 0 #f3f1f1;top: 170px;}

/*以下是banner样式*/
.login_banner{position: relative;width: 100%;height: 550px;overflow: hidden}
.login_banner .pic{position: absolute;width: 100%;height: 100%;}
.login_banner .pic .img{float: left;width: 100%;height: 100%;}
.login_banner .pic .img img{width: 100%;height: 100%}
.login_banner ul{position: relative;top: 450px;list-style: none;display: flex;justify-content: center}
.login_banner ul li{display: none;float: left;width: 12px;height: 12px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.61);margin: 0 10px}
.login_banner ul li:hover{cursor: pointer;background-color: #fff}
.login_banner ul li.cur{background-color: #fff}
.login_banner .btnLeft{display: none;position: absolute;top: 50%;left: 80px;width: 85px;height: 55px;font-family: icon;font-size: 25px;line-height: 55px;text-align: center;color: rgba(255, 255, 255, 0.8);margin-top: -25px;border: 2px solid rgba(255, 255, 255, 0.81);cursor: pointer}
.login_banner .btnRight{display: none;position: absolute;top: 50%;right: 80px;width: 85px;height: 55px;font-family: icon;font-size: 25px;line-height: 55px;text-align: center;color: rgba(255, 255, 255, 0.8);margin-top: -25px;border: 2px solid rgba(255, 255, 255, 0.8);cursor: pointer}
/*以下是登录表单样式*/
.login_form{display: block;position: absolute;top: 90px;right: 19%;width: 360px;height: 375px;background-color: rgba(255,255,255,0.6);border-radius: 30px;padding: 20px 30px;}
.login_form h3{font-size: 20px;color: #333;font-family: "宋体";margin-bottom: 25px;text-align: center;}
.login_form div{width: 300px;height: 40px;margin-bottom: 20px;}
.login_form div:last-of-type{margin-bottom: 10px}
.login_form div p{float: left;width: 70px;height: 100%;font-family: icon;font-size: 14px;color: #4b4b4b;line-height: 40px;text-align: right;font-weight: 600;padding-right: 5px;}
.login_form div input{float: left;width: 230px;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: 40px;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: 40px;border: none;border-radius: 5px;background-color: #10a8ff;color: #fff;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: 40%;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{background-color: #333;padding: 20px 0;position: absolute;bottom: 0;}
.login_footer .link{font-size: 14px;text-align: center;margin-top: 50px;}
.login_footer .link a{position: relative;color: #333;padding: 0 20px;}
.login_footer .link a:hover{color: red;text-decoration: underline}
.login_footer .company{font-size: 12px;color: #999;text-align: center;line-height: 30px;margin-top: 30px;}
/*以下是注册页面样式*/
/*以下是注册页头部样式*/
.register .center{width: 90%;margin: 0 auto}
.register .register_header{width: 100%;height: 100px;padding-top: 25px;box-shadow: 0 2px 10px #eaeaea;background-color: #fff;}
.register .register_header .center{width: 90%;height: 75px;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: 155px;height: 50px;margin-right: 35px;}
.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: 350px;font-size: 16px;color: #999;text-align: right;}
.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: 50px;}
.main form{display: block;width: 500px;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: 110px;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: 260px;height: 44px;padding-left: 10px;border: none}
.main form div .get_num{display: block;width: 110px;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}
.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: 100%;margin: 50px 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: 530px;margin: 30px auto;padding-bottom: 50px}
.backPassword .backForm div{position: relative;width: 530px;height: 40px;margin-bottom: 30px}
.backPassword .backForm div p{float: left;width: 120px;height: 100%;font-size: 16px;color: #333;text-align: right;line-height: 40px;padding-right: 20px}
.backPassword .backForm div input{float: left;width: 300px;height: 100%;font-size: 16px;padding-left: 15px;border: 1px solid #ccc;border-radius: 3px}
.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{float: right;width: 100px;height: 100%;color: white;background-color: orangered;border: none;border-radius: 5px;cursor: pointer}
.backPassword .backForm div button.disabled{background-color: #ccc;color: #333}
.backPassword .backForm div .next{float: left;width: 200px;height: 100%;font-size: 20px;background-color: #f40;margin: 0px 0 0 160px;}
.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}
/*以下是成功跳转页面样式*/
.success{position: fixed;z-index: 999;top: 0;left: 0;width: 100%;height: 100%;background-color: white;}
.success .box{position: absolute;top: 50%;left: 50%;width: 800px;height: 300px;background-color: white;margin: -150px 0 0 -400px;box-shadow: -5px 10px 30px #666}
.success .box h3{width: 100%;height: 40px;font-size: 20px;font-family: "宋体";color: white;line-height: 40px;background-color: #009FD9;padding-left: 20px}
.success .box img{position: absolute;top: 120px;left: 160px;width: 80px;height: 80px;}
.success .box p{position: absolute;top: 130px;left: 260px;width: 420px;height: 60px;font-size: 20px;color: #333;font-family: "宋体";line-height: 30px;font-weight: 700}
.success .box p span{font-size: 16px;font-family: "黑体";font-weight: normal}
.success .box p span a{font-size: 16px;font-family: "宋体";color: red;font-weight: 600;text-decoration: underline}
.nav{padding-left: 0;margin-bottom: 20px;list-style: none;height:46px;clear: both;}
.nav-tabs{border-bottom: 1px solid #ddd}
.nav-tabs li{float: left;width: 50%;text-align: center;height: 46px;font-size: 14px;line-height: 46px;cursor: pointer;}
.nav-tabs li{margin-bottom: 0px!important;}
.nav-tabs li.active{background-color:#fff;border: 1px solid #ddd;}
.hide{display: none!important;}