*{padding:0;margin:0;list-style:none;text-decoration:none}
body,html{height:100%;width:100%;font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;color:#555;font-size:15px;line-height:1.7}
input:focus{outline:0}
canvas{display:block;vertical-align:bottom}
#box{width:100%;height:100%;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1}
.cent-box{width:300px;height:440px;vertical-align:middle;white-space:normal;margin:0 auto;position:absolute;z-index:2;left:50%;top:50%;margin-left:-150px;margin-top:-280px}
.register-box{height:490px;margin-top:-300px}
.cent-box-header{text-align:center}
.hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
/* .cent-box-header .main-title{width:160px;height:74px;margin:0 auto;background:url(../images/appconf_v3/reglogo.png) no-repeat;background-size:contain} */
.cent-box-header .sub-title{margin:30px 0 20px;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 .index-slide-nav{display:inline-block;position:relative}
.index-tab .index-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 .index-slide-nav a:hover{color:#0f88ebopacity: 1}
.index-tab .index-slide-nav a.active{opacity:1;color:#48D5B1}
.slide-bar{position:absolute;left:0;bottom:0;margin:0 .8em;width:2.4em;height:2px;background:#48D5B1}
.slide-bar1{left:4em}
.form{float:none;margin:auto;text-align:left;width:300px}
.form .group{padding:1px 0;border:1px solid #d5d5d5;border-radius:3px}
.form .group .group-ipt{position:relative;margin:0;overflow:hidden}
.form .group .group-ipt input{padding:1em .8em;width:100%;box-sizing:border-box;border:0;border-radius:0;box-shadow:none;background:rgba(255,255,255,.5);font-family:'Microsoft Yahei';color:#666;position:relative}
#password,#password1,#user,#verify{border-top:1px solid #e8e8e8}
.imgcode{width:95px;position:absolute;right:0;top:2px;cursor:pointer;height:40px}
.valcode{width:95px;position:absolute;right:0;top:2px;cursor:pointer;height:40px;border:1px solid #e8e8e8;line-height:40px;text-align:center;}
.button{margin-top:18px}
#button{width:100%;background:#48D5B1;box-shadow:none;border:0;border-radius:3px;line-height:41px;color:#fff;display:block;font-size:15px;cursor:pointer;font-family:'Microsoft Yahei'}
#button:hover{background:#1dd2af}
.remember{margin-top:10px;line-height:30px}
.remember label{display:block}
.remember-me{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:#48D5B1;margin:1px;display:block}
#remember-me{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:underline}
.footer{position:fixed;width:100%;height:40px;bottom:0;left:0;text-align:center;color:#999;z-index:2;padding-bottom:10px;font-size:13px}
.footer a{color:#666;text-decoration:underline}

.qlong {margin-top:18px;line-height:50px;height:50px;}
.qlong img{vertical-align:middle;padding-left:9px;padding-right:9px;height:30px;widht:30px;}