html{ height: 100%; }
ol,ul,li{list-style-type:none;}
*,body{ margin:0; padding:0; box-sizing:border-box; font-family: Helvetica Neue,PingFang SC,Microsoft YaHei,"Monospace Number",Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans GB,Helvetica,Arial,sans-serif; font-variant: tabular-nums; font-feature-settings: "tnum"; }
::-webkit-input-placeholder { color:#c3c3c3; }
:-moz-placeholder { color:#c3c3c3; }
::-moz-placeholder { color:#c3c3c3; }
:-ms-input-placeholder { color:#c3c3c3; }
body{color:#333333; line-height:1.75; font-size:14px;}
img,a img,a:hover img{ border:0; }
:focus{outline:0;}
a{color:#bbb; text-decoration:none; transition:all 300ms ease; }
a:hover{color:#fff; text-decoration: none; }

.wrap { min-width: 1300px; }

.header { width: 1260px; margin: 0 auto; padding: 13px 0; height: 80px;}
.header .logo { float: left; padding: 5px 0;}
.header .logo img{ display: block; height: 25px;}

.header .top_r { float: right;}
.header .top_r a { display: block; border: 1px #fff solid; border-radius: 4px; height: 35px; line-height: 33px; padding: 0 15px; color: #fff;}
.header .top_r a:hover { background-color: rgba(255,255,255,0.2);}

.login_main { clear: both;  margin-left: auto; margin-right: auto; position: relative;padding-top: 80px}

.login_img { float: left; }
.login_img img { display: block; height: 566px;}


.login_box {width:430px; background: #fff; border-radius: 8px; box-shadow: rgba(0, 16, 56, 0.2) 0px 2px 10px 0px;margin: auto}

.login_tit { height: 60px; line-height: 60px; border-bottom: 1px #e9e9e9 solid; text-align: center; font-size: 20px;}

.login_tab { padding: 20px 60px 0 60px; height: 52px;font-size: 18px}
.login_tab ul li { float: left; width: 50%; position: relative; text-align: center; height: 32px; line-height: 32px; color: #bbb; user-select: none; cursor: pointer; transition:all 300ms ease; padding-bottom: 40px}
.login_tab ul li:hover { color:#000; }
.login_tab ul li.on { color:#000; border-bottom: 1px solid}
.login_tab ul li.on:after { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #fff; }

.login_form { padding: 30px 20px 10px;  }
.login_form .wx-login{width: 360px;height: 260px;display: flex;align-items: center;justify-content: center;flex-flow: column nowrap;color: #bbb;}
.login_form .item { margin-bottom:15px; position:relative;}
.login_form .item .input{ display:block; width:100%; height:42px; line-height:40px; text-indent:30px; color: #333; background: #fff; border:1px #d9d9d9 solid; border-radius: 3px;}
.login_form .item i{ display: block; position: absolute; left: 6px; top: 50%; margin-top: -12px; width: 24px; height: 24px; opacity: 0.7;}
.login_form .item .user { background: url(../img/login/user.png) center center no-repeat;}
.login_form .item .password { background: url(../img/login/pass.png) center center no-repeat;}
.login_form .item .phone { background: url(../img/login/phone.png) center center no-repeat;}
.login_form .item .code { background: url(../img/login/code.png) center center no-repeat;}
.login_form .item .email { background: url(../img/login/email.png) center center no-repeat;}

.login_form .item .code_btn { position: absolute; right: 0; top: 0; height: 42px; line-height: 42px; padding: 0 20px; border-radius: 0 3px 3px 0;background: #4067cf; color:#fff; transition:all 300ms ease;}
.login_form .item .code_btn:hover{ background: #678adb; color:#fff; }
.login_form .item .code_btn1 { position: absolute; right: 0; top: 0; height: 42px; line-height: 42px; padding: 0 0px; border-radius: 0 3px 3px 0;background: #4067cf; color:#fff; transition:all 300ms ease;}
.login_form .item2 { height:30px; line-height: 18px; }
.login_form .item2 label{ float:left; color: #666; cursor: pointer; user-select: none; }
.login_form .item2 label input{ float:left; margin-right: 8px; margin-top: 1px; width: 16px; height: 16px; border-radius: 2px; background: #fff; border: 1px #d9d9d9 solid; appearance:none; -moz-appearance:none; -webkit-appearance:none; transition:all 300ms ease; }
.login_form .item2 label input:after { content: ''; display: block; width:4px; height: 8px; border-right: #ffffff solid 1px; border-bottom: #ffffff solid 1px; transform: rotate(35deg); margin:1px auto 0 auto; opacity: 0; transition:all 300ms ease; }
.login_form .item2 label input:checked { background: #4067cf; border: 1px #4067cf solid;}
.login_form .item2 label input:checked::after { opacity: 1;}
.login_form .item2 a{ float:right; }


.btnbox { }
.btnbox .btn{ display:block; width:100%; height:42px; line-height:42px; border-radius: 4px; text-align:center; background: #f05609; color:#fff; font-size:14px; cursor:pointer; border:none; transition:all 300ms ease; }
.btnbox .btn:hover{ background: #678adb; color:#fff; }


.login_foot { padding-bottom: 20px; text-align: center; color: #bbb; line-height: 30px; }
.login_foot a { color: #000;font-weight: 800 }
.login_foot a:hover { color: #000; }

.fcopy { padding: 15px 0; height: 60px; line-height: 30px; text-align: center; font-size: 12px; color: #ffffff; }
.fcopy a{ color: #ffffff; }
.fcopy a:hover{ color: #ffffff; text-decoration: underline; }

.login_agreement { max-height: 500px; overflow: auto; padding: 20px;}

.tt_main { display: none;}
.tt_main .tt_box{ position: fixed; left: 50%; top: 50%; width: 330px; margin-top: -116px; margin-left: -165px; padding: 10px; background: #fff; z-index: 99999;}
.tt_main .bg{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 99998;}

.captcha_box { width: 310px; margin: 0 auto; position: relative;}

canvas { display: block;}
.logo-name {
    color: #e6e6e6;
    font-size: 50px;
    font-weight: 800;
    margin-bottom: 20px;
    text-align: center;
}