body{width: 100%;height: 100%;}
.login_bg{width:100%;height:680px;background:#524e4f url(/static/v2022/img/login/bg.png) no-repeat;background-size:cover;padding-top: 20px;}
.main{width: 100%;height: 100%;position: relative;} 
.loginForm h4.title{margin-bottom:30px;padding-bottom:12px;position: relative;color: #333333;font-size:35px;font-family: Microsoft YaHei;font-weight: bold;}
.fl_div{width:100%;height:45px;background-size: cover;padding:0px 40px;color:#fff;display: flex;justify-content: space-between;align-items: center;}
.fl_div .line{margin-top:22px;margin-bottom:20px;width: 40px;height: 2px;background-color: #ffffff;}
.fl_div .text{font-size:16px;}
.fl_div .tel{font-size:24px;margin-top:13px;}
.fl_div .qq {font-size:24px;margin-top:13px;margin-bottom:30px;}
.fl_div .qq a{color:#ffffff;}
.fl_div ul li{display:inline-block;}
.fl_div ul li a{display: block;height:26px;line-height:26px;padding-left:20px;padding-right:20px;font-size:14px;color:#fff;position:relative;}
.fl_div ul li:first-child a{padding-left:0;}
.fl_div ul li:last-child a:after{background-color:transparent;}
.loginForm{position: absolute;right: 12%;top: 70px; width:476px;background-color: rgba(255, 255, 255, 0.9);box-shadow: -13px 13px 19px 1px rgba(0, 0, 0, 0.2);border-radius: 10px;padding:40px 35px;}
.inputBox{position: relative;}
.inputBox input{padding-left:14px;padding-right:14px; width:100%;height: 48px;line-height:48px;border-radius: 3px;border: solid 1px #cbcbcb;margin-bottom:20px;}
.yanzCode input{width:228px;}
.yanzCode a{display:flex;max-width:200px;height:48px;border-radius: 3px;border: solid 1px #cbcbcb;position:absolute;right:0;top:0;justify-content: center;align-items: center;background-color:#F3FBFE;}
.verifCode input{padding-right:105px;}
.verifCode a{width:105px;height:48px;line-height:48px;text-align:center;font-size:14px;color:#666;position:absolute;right:0;top:0;}
.privacy{display: flex;justify-content: flex-start;padding-left:20px;position: relative;color:#999;font-size:12px;margin-bottom:20px;}
.privacy input[type=checkbox]{display: none;}
.privacy label{cursor: pointer;}
.privacy label:before{content:"";display:inline-block;width:14px;height:14px;background:url(/static/index/images/login/checked_no.png);background-size:cover;position:absolute;left:0;top:2px;}
.privacy input[type=checkbox]:checked+label:before{content:"";display:inline-block;width:14px;height:14px;background:url(/static/index/images/login/checked.png);background-size:cover;position:absolute;left:0;top:2px;}
.privacy a{color:#666;}
.errorTip{padding-bottom:12px;}
.tips{display:flex;align-items:center;justify-content:flex-start;font-size:12px;color: #e45547;}
.tips img{margin-right:10px;}
a.submit{display: block;width:100%;height: 46px;line-height:46px;text-align:center;background-color: #c7483b;border-radius: 4px;color:#fff;font-size:18px;margin-bottom:15px;border-radius: 23px;}
.bottom{display: flex;}
.bottom .fll{flex:1;display:flex;justify-content: flex-start;font-size:14px;}
.bottom .fll:nth-of-type(2){justify-content: flex-end;}
.bottom .fll:nth-of-type(1) a{color:#ca3939;}
.bottom .fll span{color:#999}
.bottom .fll:nth-of-type(2) a{color: #666666;}
.loginForm .titleUnit{width:100%;height:30px;margin-bottom:40px;}
.titleUnit .unite{height:30px;position:relative;float:left;cursor: pointer;padding: 0px 16px;}
.titleUnit .unite:nth-of-type(1):after , .titleUnit .unite:nth-of-type(2):after{content:"";width: 1px;height: 20px;background-color: #cbcbcb;position:absolute;top:0px;right:0px;}
       
.titleUnit .unite h3.title{text-align:center;color: #999;font-size:18px;}
.titleUnit .unite.current h3.title{color: #df5151;}
.titleUnit .unite.current:before{content:"";width: 30px;height: 2px;background-color: #df5151;border-radius: 1px;position:absolute;left:50%;margin-left:-15px;bottom:0px;}

 #telCode{display: none;}
.joint_landing_wrap p{font-size: 18px;color: #df5151;text-align: center; margin-top: 15px;}
.joint_landing_wrap .joint_btn{width: 134px;margin: 20px auto;}
.joint_landing_wrap .joint_btn img{float: left;width: 45px;height: 45px;border-radius: 50%;margin: 0px 10px;}
#telCode .layui-btn{background-color: #c7483b !important;}
.zhuce{
    padding-left: 240px;
    padding-top: 10px;
 }
 input:focus {
 border: 1px #3686FF solid;
 }
 #agree{margin-right: 5px;}
 .imgbox{
    padding: 145px 0 0 240px;
 }
