*{padding: 0;margin: 0;list-style: none;text-decoration: none;}
html,body{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: none;}
canvas{display:block;vertical-align:bottom;}
#box{width: 100%;height: 100%;background-color: #2F4056;background-image: url('');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{ padding-left: 50px;padding-right: 50px;padding-top: 40px;padding-bottom: 20px;box-shadow: 0 -15px 30px #0d957a;width: 350px;height: auto;vertical-align: middle;white-space: normal;margin: 0 auto;position: absolute;z-index: 2;left: 46%;top: 40%;margin-left: -150px;margin-top: -220px;}
.register-box{height: 490px;margin-top: -270px;}
.cent-box-header{text-align: center;}
.cent-box-header .main-title{width: 260px;height: 40px;margin: 0 auto;font-size: 32px;background-size: contain;color:#5CBDAA;}
.cent-box-header .sub-title{margin: 30px 0 20px;font-weight: 400;font-size: 18px;line-height: 1;color:#5CBDAA;}
.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: 0.7;-webkit-transition: opacity .15s,color .15s;transition: opacity .15s,color .15s;color: #555;}
.index-tab .index-slide-nav a:hover{color: #0f88eb£ºopacity: 1;}
.index-tab .index-slide-nav a.active{opacity: 1;color: #0f88eb;}
.slide-bar{position: absolute;left: 0;bottom: 0;margin: 0 .8em;width: 2.4em;height: 2px;background: #0f88eb;}
.slide-bar1{left: 4em;}
.form{float: none;margin: auto;text-align: left;width: 340px;}
.form .group{padding: 1px 0;border-radius: 3px;}
.form .group .group-ipt{position: relative;margin: 0;overflow: hidden;margin-top:10px;}
.form .group .group-ipt input{padding: 1em .8em;width: 300px;box-sizing: border-box;border: 0;border-radius: 0;box-shadow: none;background: #2F4056;font-family: 'Microsoft Yahei';color: #01AAED;position: relative;font-size: 14px;}
#name{border-top: 1px solid #0d957a;}
#pass{border-top: 1px solid #0d957a;}
.button{margin-top:18px;}
#button{width: 100%;background: #FF5722;box-shadow: none;border: 0;border-radius: 3px;line-height: 41px;color: #fff;display: block;font-size: 15px;cursor: pointer;font-family: 'Microsoft Yahei';}
.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: #FFF;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;}
