@charset "utf-8";
/* CSS Document */
body{ margin:0px 0px; padding:0px 0px; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; font-size:14px; color:#555;  background:#f6f6f6; line-height:26px; margin-left:auto; margin-right:auto; width:100%; height:100%; position:absolute; min-height: 800px;}
a{ color:#555; text-decoration:none; outline-style:none; outline-color:invert; outline-width:medium;-webkit-tap-highlight-color:transparent;}
a:link{ text-decoration:none;}
a:hover{ color:#df581f;}
a img{ border:0 none;}
a {blr:expression(this.onFocus=this.blur());}
a { outline: none;}
a:focus { outline: none;} 
h1,h2,h3,h4,ul,li,div,p,span,b,i,input,select{ margin:0px; padding:0px;}
ul,li,dl,dd,dt{ padding:0px; margin:0px; list-style:none;}
input,textarea{font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;outline:none;resize:none;}
em,i{ font-style:normal;}
.clear{ clear:both; height:0; overflow:hidden; display:block;}
.con{ padding:0 30px; text-align:left;}
.container{ max-width:1000px; width:100%; margin:0 auto; padding:0; text-align:left;}
.w100{ width: 100px;}
.w150{ width: 150px;}
.w200{ width: 200px;}
.w300{ width: 300px;}
.w400{ width: 400px;}
.w500{ width: 500px;}

/*login*/
.login_top{ width:100%; height:60px; line-height:60px; background:#fff; box-shadow:0 2px 5px 0 rgba(0,0,0,0.05);}
.login_top img{ width:auto; height:40px; padding-top:10px; float:left;}
.login_top em{ font-size:18px; font-weight:500; color:#333; padding-left:20px; border-left:1px solid #e6e6e6; margin-left:20px;}
.login_top .r{ float:right; color:#999;}
.login_top .r>a{ margin:0 5px; position:relative;}
.login_top .r>i{ color:#555; margin-left:5px; display:inline-block;}
.login_top .r>i>span{ color:#df581f; font-weight:bold;}
.login_top .r>a>img{ height:auto; position:absolute; top:6px; left:-38px; display:none;}
.login_top .r>a:nth-child(2):hover>img{ display:block;}
.login_top .r>a:nth-child(3):hover>img{ display:block; left:-30px;}
.login_top .loginBtn{ position: absolute; top: 0; right: 15px; font-size: 16px; z-index: 999;}
.login_top .loginBtn a{ color: #ed4b24; text-decoration: underline;}
.login_top .con{ position: relative; max-width: 1000px; margin: 0 auto;}

.login{ width:100%; margin-top:90px;}
.login .login_con{ width:100%; height:500px; background:#fff; box-shadow:0 0 20px 0 rgba(12,1,4,0.05); border-radius:4px; overflow:hidden;}
.login .login_con>.img{ float:left; width:60%;}
.login .login_con>.login_form{ float:right; width:40%; position: relative;}
.login .login_form > .loginForm_top{ width:92%; margin:0 auto; background:rgba(223,88,31,0.1); display:block; text-align:left; text-indent:20px; color:#333; height:42px; line-height:42px; margin-top:15px; border-radius:5px; position: relative;}
.login .login_form > .loginForm_top a.regBtn{ position: absolute; right: 20px; top: 0; font-weight: bold; color: #ed4b24;}

.login .login_form > em{ height:80px; line-height:80px; font-size:18px; font-weight:bold; text-align:center; display:block; border-bottom:1px solid #f0f0f0;}
.login .login_form form{ width:300px; margin:0 auto; padding:45px;}
.login-form {background-color:#fff;border:1px solid #fff;border-radius:3px;padding:14px 20px;}
/* .login-form .layui-btn-normal{ background-color: #ed4b24;} */
.login-form .layui-form-checkbox[lay-skin=primary]:hover i{border-color:#ed4b24}
.login-form .layui-form-checked[lay-skin=primary] i{border-color:#ed4b24!important; background-color: #ed4b24;}
.login-form .layui-form-item {position:relative;}
.login-form .layui-form-item label {position:absolute;left:1px;top:1px;width:38px;line-height:36px;text-align:center;color:#d2d2d2;}
.login-form .layui-form-item input {padding-left:36px;}
.captcha {width:195px;display:inline-block;}
.captcha-img {display:inline-block;width:100px; vertical-align: top;}
.captcha-img img {height:34px;border:1px solid #e6e6e6;height:36px;width:100%; cursor: pointer;}
.form-submit{ height: 46px; background-color:#ed4b24; color: #fff; font-size: 18px; border-radius: 5px; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);}

.regPage{ width:100%; margin-top:90px;}
.regPage .container{ max-width: 800px;}
.regPage .reg_con{ width:100%; height:500px; background:#fff; box-shadow:0 0 20px 0 rgba(12,1,4,0.05); border-radius:4px; overflow:hidden; position: relative;}


#regPageForm{ padding-top: 70px;}
#regPageForm .lay-step{font-size: 0; padding-left:100px; margin: 0 auto; max-width: 100%;}
#regPageForm .step_list{ max-width: 400px; margin: 0 auto; width: 100%;}
#regPageForm .step_item{ padding: 30px 0 0 0;}
#regPageForm .itemList{ padding-right: 40px;}
#regPageForm .itemList li{ padding-bottom: 20px; position: relative; padding-left: 110px;}
#regPageForm .itemList li > span.itemName{ height: 38px; line-height: 38px; text-align: right; top: 0; left: 0; position: absolute; width: 100px;}
#regPageForm .imgValidBox{ padding-right:110px;  position: relative;}
#regPageForm .imgValidBox #captchaPic{ position: absolute; display: block; right: 0; width: 100px; height: 36px;  top: 0; border: 1px solid #ddd; cursor: pointer;}
#regPageForm .phoneValidBox{ padding-right:150px;  position: relative;}
#regPageForm .phoneValidBox .getCodeBtn{ position: absolute; right: 0; top: 0; padding: 0; width: 140px; background-color: #ed4b24; color: #fff; width: 140PX;}
#regPageForm .phoneValidBox .getCodeBtn:hover{opacity: .9;}
#regPageForm .itemList li.subBtn{ padding: 0;}
#regPageForm .itemList li.required::after{ content:"*"; position: absolute; top: 7px; right:-15px; font-size: 12px; color: red;}

#regPageForm .itemBtn{ background-color: #ed4b24; color: #fff; width: 150PX;}
#regPageForm .itemBtn:hover{ opacity: .9;}

#regPageForm .loginStep{ width: 200px; margin: 0 auto; padding-top: 30px;}
#regPageForm .loginStep a,#regPageForm .subBtn button{ height: 45px; line-height: 45px; text-align: center; color: #fff; border-radius: 4px; background-color: #ed4b24; display: block; cursor: pointer; border: 0; outline: none;}
#regPageForm .loginStep a:hover,#regPageForm .subBtn button:hover{ opacity: .9;}
#regPageForm .subBtn{width: 230px; margin: 0 auto; padding-top: 10px;}
#regPageForm .subBtn > button{ width: 100%;}
#regPageForm .showPsw{ position: absolute; top: 5px; right: 10px; cursor: pointer; font-size: 20px; }
#regPageForm .showPsw.on::before{content: "\e681"; }

#backStep_1{ background-color: #fff; color: #555; width: 100px; border: 1px solid #ddd;}
#backStep_1:hover{ border: 1px solid #ed4b24;}
/* #regPageForm .step_1 .step_item{ } */
/* #regPageForm .step_2 .step_item{}
#regPageForm .step_3 .step_item{}
#regPageForm .step_3 .step_item{} */
#regPageForm .inputText{ line-height: 38px;}
#regPageForm .step-item-main-title{ padding-top: 3px;}

/*footer*/
.footer{ text-align:center; position:absolute; bottom:50px; left:0; right:0;}
.footer .footer_nav{ color:#999;}
.footer .footer_nav>a{ margin:0 5px;}

/* .showLLW .login_top,.showLLW .footer{ display: block;} */

#getPswForm .lay-step{font-size: 0; padding-left:100px; margin: 0 auto; max-width: 100%; }
#getPswForm .findType{ margin: 15px auto; max-width: 350px; height:45px; text-align: center; line-height: 45px; cursor: pointer; background-color: #fff; color: #555; border: 1px solid #ddd; border-radius: 4px;}
#getPswForm .findType:hover{ background-color: #ed4b24; color: #fff;}
#getPswForm .step_item{ padding: 30px 20px 0 20px;}
#getPswForm .getCodeBtn{ background-color: #ed4b24; color: #fff; width: 150PX;}
#getPswForm .getCodeBtn:hover{ opacity: .9;}
#accountHtml input[name='account']{ width: 300px;}
#backStep_1{ background-color: #fff; color: #555; width: 100px; border: 1px solid #ddd;}
#backStep_1:hover{ border: 1px solid #ed4b24;}
#getPswForm .step_1 .step_item{ padding-top: 50px;}
#getPswForm .step_2 .step_item,#getPswForm .step_3 .step_item{ padding-left: 50px;}
#getPswForm .step_3 .step_item{ padding-top: 5px;}
#getPswForm .inputText{ line-height: 38px;}
#getPswForm .step-item-main-title{ padding-top: 3px;}

.lay-step + [carousel-item] > *{ background-color: transparent!important;}

@media screen and (max-width:768px){
 body{min-height: auto;}
 .con{ padding:0 15px;}
 .container{ width:100%; min-width:100%;}
 .login{ margin-top:20px;}
 .regPage{ width:100%; margin-top:20px;}
 .login_top img{ height:30px; padding-top:15px;}
 .login_top em{ display:none;}
 .login_top .r{ display:none;}
 .login .login_con{ width:94%; margin:0 auto; height:auto;}
 .login .login_con>.img{ float:none; width:100%; display:none;}
 .login .login_con>.img>img{ width:100%; height:160px; object-fit:cover;}
 .login .login_con>.login_form{ width:100%; float:none;}
 .login .login_form form{ width:90%; padding:5% 5%;}
 .login .login_form em{ height:50px; line-height:50px;}
 .login .login_form input[type="submit"]{ margin-bottom:0; margin-top:20px;}
 .footer{ bottom:20px;}
 .footer>.footer_nav{ width:80%; margin:0 auto; display:none;}
}
@media screen and (max-width: 450px) {
    #getPswForm  .layui-form-item .layui-input-inline {
        margin: 0;
        float: left;
    }
    #getTypeCode{ margin-left: 10px;}
    #regPageForm .lay-step{ padding-left: 70px;}
}