@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0;font-size:14px;font-family:'微软雅黑','Microsoft YaHei';min-width: 1000px;}
body > div {margin-right:auto; margin-left:auto;}
div,form,img,ul,ol,li,p,dl,dt,dd,input,span { margin: 0; padding: 0; border: 0;}
h1,h2,h3,h4,h5,h6,.tel { margin:0; padding:0;font-weight:normal;font-family:'Microsoft YaHei';font-weight:bold;font-size:14px;}
ul,li {display:block;list-style:none; border-left-color:#000}
img{border:0px;}
*:focus { outline: none; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; border: 1px solid #CCC!important;}
a {text-decoration:none;color:#595959;cursor: pointer;cursor: hand;outline:none;}
a:hover{color:#f65b07;}
.left{ float: left;}
.right{ float: right;}
.f-r-sb{ display: flex;flex-direction: row;justify-content:space-between;}
.f-r-c{ display: flex;flex-direction: row;justify-content:center;}
.f-c-sb{ display: flex;flex-direction: column;justify-content:space-between;}
.f-c-c{ display: flex;flex-direction: column;justify-content:center;}
.f-c-se{ display: flex;flex-direction: column;justify-content:space-evenly;}
.area:after,.clear:after{content:" ";display:block;visibility:hidden;height:0;clear:both;}
.clear,.area,.con,ul,.center{zoom:1;}

.header{padding: 15px 0 15px 0;}
.header .top{ width:1000px;margin: 0 auto;overflow: auto; }
.header .top .login_logo img{ width: auto;height:40px}

.footer{ font-size:14px;height:auto;color: #666;padding: 0px 0px 10px;text-align: center;}
.footer .text {color: #333;line-height:28px;text-align: center; margin:5px 0px 0px}
.footer .text span{padding: 0 5px;}

.footer .tip{ margin:0px auto; overflow:hidden;}
.footer .tip p{ float:left; padding-top:4px;font-size: 13px;color: #5f5f5f;margin-top:6px}
.footer .tip p a{ color:#F66;text-decoration:underline}
.footer .tip img{ float:left;margin-top:8px}
.footer .collect{margin:0px auto;width:550px;text-align:center;margin-top:5px}

.login_bg{ background-position:top; background-size:cover;position:relative}
.login_text{color:#ffffff;font-size:20px;line-height:40pxs}
.login_text h3{font-size:35px;letter-spacing:0;font-weight:700}
.login-container_w{ width:1000px;min-height: calc(100vh - 201px); margin:0px auto;}
.login-container_w .login-container{ width:380px;background:#FFF;border-radius:5px; height:380px; padding: 20px 40px}

.login-form{ margin:0px auto; margin-top:5px; }
.policy_a{margin-top:15px;text-align:center;color: #f17100;}
.login_tips{color: #c1c6cd;text-align: center;font-size: 12px;margin-top: 5px;}

.phonenum{font-size:24px;color: #333}
.login_nav_group{background-color:rgba(255,255,255,.13);border-radius:12px;color:#ffffff; padding:20px 0px; text-align:center;line-height:26px; width:1000px;margin: 0px auto;}
.login_nav_group a{padding:15px 25px;font-size:14px;color:#ffffff;position: relative;}
.login_nav_group a:hover{text-decoration:underline}
.login_nav_group span{font-family:fangsong}

.login-box {width: 360px;background: #fff;border-radius: 12px;padding: 30px;color: #333;}
.login-tabs {display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #eee;margin-bottom: 24px;}
.tab {flex: 1;text-align: center;padding: 8px 0;font-weight: 500;cursor: pointer;position: relative;}
.tab.active {color: #0c73ed;}
.tab.active::after {content: '';position: absolute;bottom: -1px;left: 0;right: 0;height: 3px;background: #0c73ed;border-radius: 2px;}
.form-control {margin-bottom: 16px;height: 42px;border-radius: 6px;}
.code-box {display: flex;gap: 10px;}
.code-box img {height: 42px;cursor: pointer;border-radius: 6px;}
.agreement {font-size: 12px;color: #888;margin-bottom: 16px;}
.agreement input {margin-right: 6px;}
.btn-orange {background-color: #0c73ed;color: #fff;border: none;width: 100%;height: 42px;border-radius: 6px;font-size: 16px;}
.login-form {display: none;}
.login-form.active {display: block;}