*{padding:0;margin:0;list-style:none;text-decoration:none}
html,body{height:100%;width:100%;overflow-x:hidden;font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;color:#555;font-size:15px;line-height:1.7}
a{text-decoration:none !important}
input:focus{outline:0}
input::-webkit-input-placeholder{color:#999 !important}
input:-moz-placeholder{color:#999 !important}
input::-moz-placeholder{color:#999 !important}
input:-ms-input-placeholder{color:#999 !important}
input::-ms-input-placeholder{color:#999 !important}
canvas{display:block;vertical-align:bottom}
#box{width:100%;height:100%;background-color:#f7fafc;background-image:url('../images/hdk-login-bg.jpg');background-size:cover;background-position:50% 50%;background-repeat:no-repeat;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden}
.login-box{width:340px;height:440px;vertical-align:middle;white-space:normal;margin:0 auto;position:absolute;z-index:2;left:50%;top:50%;margin-left:-170px;margin-top:-260px}
.login-box .login-box-header{text-align:center}
.login-box .login-main{background:#fff;padding:20px 20px 50px;border-radius:5px;box-shadow:0 0 20px 0 rgb(200 220 245 / 50%)}
.qrlogin{text-align:center;margin:10px}
.login-box-header .title-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.login-box-header .main-title{width:138px;margin:0 auto 10px;overflow:hidden;position:relative}
.login-box-header .main-title:before{content:'';display:inline-block;position:absolute;top:25px;width:120px;height:20px;background:#fff;background-blend-mode:normal,normal;opacity:.3;transform:rotate(134deg);-webkit-animation:leftToRight 2s ease-in-out infinite;-o-animation:leftToRight 2s ease-in-out infinite;animation:leftToRight 2s ease-in-out infinite}
@keyframes leftToRight{0%{left:248px}
100%{left:-252px}
}.login-box-header .sub-title{margin:15px 0 20px;color:#888;font-weight:400;font-size:18px;line-height:1}
.clearfix:before{content:'';display:table}
.index-tab{text-align:center;font-size:18px;margin-bottom:10px}
.index-tab .login-slide-nav{display:inline-block;position:relative}
.index-tab .login-slide-nav a{float:left;width:4em;line-height:35px;opacity:.7;-webkit-transition:opacity .15s,color .15s;transition:opacity .15s,color .15s;color:#555}
.index-tab .login-slide-nav a:hover{color:#275dee}
.index-tab .login-slide-nav a.active{color:#275dee;opacity:1}
.slide-bar{position:absolute;left:0;bottom:0;margin:0 .8em;width:2.4em;height:2px;background:#275dee}
.slide-bar1{left:4em}
.form{float:none;margin:auto;text-align:left;width:300px}
.form .user-main{padding:1px 0;/*border:1px solid #e8e8e8;*/border-radius:3px}
.form .user-main .user-info{position:relative;margin:0;overflow:hidden}
.form .user-main .user-info input{padding:1em .8em;margin-bottom:10px;height:48px;width:100%;box-sizing:border-box;border:0;border-radius:0;box-shadow:none;background:rgba(241,243,246,.6);color:#666;position:relative}
#wechat,#passWord,#verify,#user,#passWord1{/*border-top:1px solid #e8e8e8*/}
.imgcode{width:95px;position:absolute;right:4px;top:4px;cursor:pointer;height:40px}
.button{margin-top:20px}
#button{width:100%;background:#275dee;box-shadow:none;border:0;border-radius:3px;line-height:40px;color:#fff;display:block;font-size:14px;cursor:pointer}
#button:hover{opacity:0.9}
.mobilecode{width:36% !important;float:right;text-align:center;right:0;top:0;position:absolute;height:48px;line-height:48px !important;border-radius:3px !important;background:none !important;color:#649efd !important;font-size:14px !important;}
.mobilecode:hover{color:#275dee !important;opacity:1 !important;}
.login-text{margin-top:10px;line-height:30px}
.login-text>label{display:block}
.login-text>label>a{color:#888;font-weight:normal;font-size:13px}
.login-text>label>a:hover{color:#275dee}
.login-text-left{font-size:14px;float:left;position:relative;cursor:pointer}
.icon{width:11px;height:11px;display:block;border:1px solid #ccc;float:left;margin-top:8px;margin-right:5px;cursor:pointer}
.zt{width:9px;height:9px;background:#275dee;margin:1px;display:block}
#login-text-left{position:absolute;left:0;top:8px;opacity:0;cursor:pointer}
.forgot-passWord{float:right;font-size:14px}
.forgot-passWord a{color:#555}
.forgot-passWord a:hover{text-decoration:none}
.footer{position:fixed;width:100%;height:50px;bottom:0;left:0;text-align:center;color:#ccc;z-index:2;padding-bottom:10px;font-size:13px}
.footer a{color:#ccc;text-decoration:none}
.qrlogin #qrcode{width:200px;height:200px;border:1px solid #ddd;margin-bottom:5px;border-radius:5px}
.logintype{display:block;width:100px;margin:20px auto;text-align:center}
.logintype img{border-radius:50%;width:42px;padding:8px;margin-bottom:5px;background:#f5f6fa;}
.logintype img:hover{background:#eee;}
.logintype span{float:left;color:#999;text-align:center;font-size:13px;margin:auto;display:block;width:100px}
.ewm{width:200px;height:200px;background:#666;margin-left:42px;text-align:center;color:#fff;display:none;border-radius:5px}
.ewm div{margin:0 auto;width:60px;height:140px}
.ewm div img{width:100%;margin-top:50px}