html, body { background-color: #ff7f47; height: 100%; font-family: "Microsoft Yahei" }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*登录*/
.wrapper_login { position: relative; height: 100%; width: 100%; background: linear-gradient(#015498, #12a0ea); padding-top: 0px; min-height: 600px; }
.wrapper_login.reqister_box { min-height: 770px; }
.wrapper_login { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#015498, endColorstr=#12a0ea);}

.wrapper_login { -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#015498, endColorstr=#12a0ea)"; }
.wrapper_login h1 { position: fixed; left: 30px; top: 30px; width: 140px; height: 36px; }
.wrapper_login h1 a { display: block; position: absolute; left: 0px; top: 0px; width: 140px; height: 36px; background: rgb(1, 82, 146); border-radius: 18px; line-height: 36px; text-align: center; display: block; font-size: 14px; cursor: pointer; transition: background 0.5s ease; }
.wrapper_login h1 a span { color: #fff; padding-left: 30px; text-decoration: none; background: url(../images/logo_small.png) no-repeat left center; }
.wrapper_login h1 a:hover { background: rgb(1, 74, 131); text-decoration: none; }
.wrapper_login .tenet-login, .wrapper_login .tenet-register { background: #fff; margin: 0 auto; border-radius: 18px; padding-bottom: 30px; width: 420px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2) }
.wrapper_login .tenet-login .logo { width: 120px; height: auto; margin: 0px auto; padding-top: 30px; padding-bottom: 10px; }
.wrapper_login .tenet-login .logo img { width: 100%; }
.wrapper_login .tenet-login p { text-align: center; font-size: 24px; color: #666; padding-top: 10px; }
.wrapper_login .tenet-login p1 { text-align: center; font-size: 48px; color: #333; padding-top: 10px; }
.wrapper_login .tenet-login label { cursor: pointer; }
.wrapper_login .tenet-login .form-login { padding: 30px 45px 0; }
.wrapper_login .tenet-login .form-login .input-list{overflow: hidden;position: relative;}
.wrapper_login .tenet-login .form-login .input-list i{font-size: 13px;position: absolute;right: 8px;top: 8px;width: 24px;text-align: center;line-height: 24px;height: 24px;background: #fff;cursor: pointer;color: #999;}
.wrapper_login .tenet-login .form-login .input-list input { width: 244px; height: 40px; line-height: 38px; margin-bottom: 22px; background: #fff; border-radius: 0 20px 20px 0; padding: 0 10px; font-size: 14px; color: #666; outline: none; border: 1px solid #ccc; box-sizing: border-box; float: left; font-family: "Microsoft Yahei"; }
.wrapper_login .tenet-login .form-login .input-list input.sub { margin-bottom: 10px; width: 100%; border-radius: 36px; }
.wrapper_login .tenet-login .form-login .input-list input:focus { border: 1px solid #0090ff; }
.wrapper_login .tenet-login .form-login .input-list .imgbox { width: 120px; height: 40px; float: right; position: relative; overflow: hidden; }
.wrapper_login .tenet-login .form-login .input-list .imgbox img { width: 132px; height: 42px; position: absolute; left: -1px; top: -1px; }
.wrapper_login .tenet-login .form-login .input-list .sub { background: #f5821f; padding-left: 0px; color: #fff; font-size: 18px; cursor: pointer; height: 50px; border: 0px; }
.wrapper_login .tenet-login .form-login .input-list .sub:hover { background-color: #f5511f; }
.wrapper_login .tenet-login .form-login .checkbox { margin-top: -12px; margin-bottom: 8px; }
.wrapper_login .tenet-login .form-login .checkbox label { padding-left: 16px; }
.wrapper_login .tenet-login .form-login .checkbox input { float: left; margin: 6px 5px 14px 0; cursor: pointer; }
.wrapper_login .tenet-login .form-login .checkbox span { margin-left: 16px; }
.wrapper_login .tenet-login .form-login .checkbox span.passwo { float: right; color: #009fe8; cursor: pointer; }
.tenet-register .linkd, .tenet-login .linkd { text-align: right; padding: 0px; }
.tenet-register .linkd a, .tenet-login .linkd a { color: #009fe8; }
.tenet-login .linkd a:hover, .tenet-register .linkd a:hover { text-decoration: none; }
.wrapper_login>div>p { text-align: center; color: #ddd; font-size: 12px; margin-top: 30px; }
.vertical_box { padding: 120px 0; overflow: hidden; }
.wrapper_login .vertical_box { position: absolute; left: 50%; margin-left: -210px; padding: 0px; top: 50%; margin-top: -290px; }
.wrapper_login.reqister_box .vertical_box { position: absolute; left: 50%; margin-left: -300px; padding: 0px; top: 50%; margin-top: -350px; }
/*注册*/
.wrapper_login .tenet-register { width: 600px; }
.wrapper_login .tenet-register>p { height: 64px; line-height: 64px; font-size: 20px; color: #333; text-align: center; border-bottom: 1px solid #ccc; font-weight: 600; }
.wrapper_login .tenet-register .panel-body { padding: 35px 35px 0; }
.wrapper_login .tenet-register .panel-body .row_list, .wrapper_login .tenet-register .panel-body .row_list_6 .col-6 { width: 100%; height: 36px; margin-bottom: 20px; line-height: 34px; overflow: hidden; position: relative; }
.wrapper_login .input-text { width: 86px; height: 36px; line-height: 34px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: right; padding-right: 10px; font-size: 14px; color: #333; background: #f2f2f2; border-radius: 20px 0 0 20px; z-index: 99999999; float: left; }
.wrapper_login .tenet-login .input-text { text-align: center; height: 40px; padding: 0 3px 0 7px; line-height: 38px; }
.wrapper_login .tenet-register .panel-body input { float: left; border: none; outline: none; height: 36px; line-height: 36px; border: 1px solid #ccc; border-radius: 0 20px 20px 0; box-sizing: border-box; padding: 0 10px; font-size: 14px; font-family: "Microsoft Yahei"; }
.wrapper_login .tenet-register .panel-body .row_list input { width: 444px; }
.wrapper_login .tenet-register .panel-body .row_list_6 { height: 36px; }
.wrapper_login .tenet-register .panel-body .row_list_6 .col-6 input { width: 166px; }
.wrapper_login .tenet-register .panel-body .row_list_6 .col-6 { width: 252px; height: 36px; float: left; }
.wrapper_login .tenet-register .panel-body .row_list select.sel2 { border-left: 1px solid #ccc; }
.wrapper_login .tenet-register .panel-body .row_list .sel, .wrapper_login .tenet-register .panel-body .row_list .sel1 select { height: 36px; line-height: 36px; padding: 8px 0; outline: none; width: 148px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 0px; color: #999; padding-left: 7px; font-size: 14px; font-family: "Microsoft Yahei"; }
.wrapper_login .tenet-register .panel-body .row_list .sel1 select { border: none; float: left; height: 34px; width: 130px; }
.wrapper_login .tenet-register .panel-body .row_list .sel1 { border-radius: 0 18px 18px 0; width: 147px; height: 36px; padding: 0px; }
.wrapper_login .tenet-register .panel-body .row_list_6 .col-6:nth-of-type(2n-1) { margin-right: 25px; }
.wrapper_login .tenet-register .panel-body input:focus { border-color: #0090ff; }
.wrapper_login .tenet-register .panel-body .row_list_6 .col-6.imgbox { border: none; position: relative; width: 160px; }
.wrapper_login .tenet-register .panel-body .row_list_6 .col-6.imgbox img { width: 162px; height: 38px; position: absolute; left: -1px; top: -1px; }
.wrapper_login .tenet-register .panel-body .btnd input { width: 100%; background: #0090ff; text-align: center; border: none; color: #fff; border-radius: 36px; height: 40px; margin-top: 20px; cursor: pointer; margin-bottom: 10px; outline: none; font-size: 18px; }
.wrapper_login .tenet-register .panel-body .btnd input:hover { background-color: #0088CA; }
.wrapper_login .tenet-register .panel-body .msg p { margin: 15px 0 6px 0; padding-left: 5px; line-height: 34px; color: #333; font-weight: 400; }
.language { position: fixed; right: 30px; top: 30px; color: #fff; height: 36px; line-height: 36px; text-align: center; border-radius: 18px; font-size: 14px; background: rgba(167, 44, 7, 0.6); cursor: pointer; width: 120px; transition: background 0.5s ease; }
.language:hover { background: rgba(0, 0, 0, 0.2); color: #fff; }
.language .option { position: absolute; right: 0px; top: 30px; display: none; padding-top: 10px; }
.language .option ul li { width: 120px; text-align: center; border-radius: 18px; }
.language .option ul li:hover { background: rgba(0, 0, 0, 0.1); }