body{
	background: #fff;
}
.dn{display:none;}.di{display:inline;}.db{display:block;}.dib{display:inline-block;}div.dib{*display:inline;*zoom:1;}
.fa{font-family:Arial;}.ft{font-family:Tahoma;}.fv{font-family:Verdana;}.fs{font-family:Simsun;}.fl{font-family:'Lucida Console';}.fw{font-family:'Microsoft Yahei';}.n{font-weight:normal; font-style:normal; white-space: normal;}.b{font-weight:bold;}.i{font-style:italic;}
.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}.tj{text-align:justify;}
.vm{vertical-align:middle;}.vtb{vertical-align:text-bottom;}.vb{vertical-align:bottom;}.vt{vertical-align:top;}.v-1{vertical-align:-1px;}.v-2{vertical-align:-2px;}.v-3{vertical-align:-3px;}.v-4{vertical-align:-4px;}.v-5{vertical-align:-5px;}
.l{float:left;}.r{float:right;}
.cl{clear:both;}
.rel{position:relative;}.abs{position:absolute;}
.zx1{z-index:1;}.zx2{z-index:2;}
.poi{cursor:pointer;}.def{cursor:default;}
.ovh{overflow:hidden;}.ova{overflow:auto;}
.vh{visibility:hidden;}.vv{visibility:visible;}
.opa0{opacity:0; filer:alpha(opacity=0);}
.z{*zoom:1;}

/* ------------------- multiply CSS ------------------ */
.auto{margin-left:auto; margin-right:auto;}
.fix{*zoom:1;}.fix:after{display:table; content:''; clear:both;}
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.loading{background:url(about:blank) no-repeat center;}
.bd_none{border:0; outline:none;}
.disabled{outline:0 none; cursor:default!important; opacity:.4; filer:alpha(opacity=40); -ms-pointer-events:none; pointer-events:none;}
.ha-oh{ height:auto; overflow:hidden;}
input{outline:none;border:none;}
img {vertical-align: middle;}

.header{height:100px;box-shadow: 0 0 10px rgb(0 0 0 / 12%)}
.header .logo{width:160px;height:50px;float:left;margin-top:24px}
.header .logo-title{float:left;height:34px;line-height:34px;font-size:24px;color:#333;padding-left:20px;margin-top:34px}
.header .have-account{font-size:16px;float:right;margin-top:55px;color:#999}
.header .have-account a{color:#333;}
.header .have-account a:hover{ text-decoration:underline;}

.footer{font-size:12px;text-align:center;border-top:solid 1px #e6e6e6;color:#999;padding-bottom:30px}
.footer .links{padding-top:30px;padding-bottom:15px}
.footer p{color:#bbb}
.footer a{color:#999;margin:0 10px}

.w{width:990px;margin:0 auto;}

.reg-form{width:450px;margin:auto;margin-top:50px; font-size:14px;}
.register-box{ position:relative;border:1px solid #ddd;margin-bottom:32px;}
.register-box label{height:52px;line-height:52px;padding-left:20px;display:inline-block; color:#666;}
.form-error {border: solid 1px #e22;}
.form--valid .i-status {position: absolute;width: 16px;height: 16px;top: 20px; right: 20px; background:url(http://my.7sup.cn/file/2018/reg/images/icon.png); background-position: 0 -117px;}
.register-box input{width:280px;height:19px;padding-bottom:11px;padding-left:20px;padding-top:16px;font-size:14px;color:#666;}
.register-box .tips{position:absolute;margin-top:5px;font-size:14px;color:#ccc;}
.register-box .username_label{word-spacing:10px;}
.register-box .other_label{word-spacing:2px;}
.register-box span{display:inline-block;width:77px;height:52px;}
.register-box1{ position:relative;margin-bottom:32px;}
.register-box1 .tips{position:absolute;margin-top:5px;font-size:14px;color:#ccc;}

.submit_btn button{ margin-top:20px;width:100%;height:54px;color:#fff;background:#0097ff;border:0;font-size:16px; cursor:pointer;}
.submit_btn button:hover{ background:#0174c4;}
.one-key{  text-align:center; color:#c1c1c1;}
.one-key li{ display:inline-block; height: 41px; width: 41px; margin:0 6em;display: inline-block; }
.one-key li a{display: inlin-block; height: 41px; width: 41px; pointer: cursor;}
.one-key li img{ width:55px; transition:all .3s linear}
.one-key li:hover img{ transform:rotate(360deg)}
.fm-onekey{margin-top:30px;}
.fm-onekey li{ margin:0 3em;}
.form-ft{ margin-top:60px;}

.icon-sprite {position: relative;}
.icon-sprite::after {content: '';position: absolute;vertical-align: middle;background-image: url(/Public/Front/style/images/login-sprite.png);background-repeat: no-repeat;}
.icon-sprite {display: block;width: 41px;height: 41px;margin: 0 auto;}
.icon-sprite::after,
.wx-icon.icon-sprite::after {width: 41px;height: 41px;top: 0;left: 0;border-radius: 50%;background-position: -66px -40px;transform: scale(1.2);}
.wx-icon.icon-sprite::after {background-position: -117px -40px;}