html {}
body {font-family:microsoft yahei;font-size:12px;}
body {
    margin: 0;
    width: 100%;
    height: 100vh;
    font-family:sans-serif;
    color: #fff;
    /* background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab); */
    /* background-size:400% 400%; */
    /* animation:gradientBG 15s ease infinite; */
    background-color: #181a20;
    background-size: cover;

}


img {
	width: 100%;
	height: auto
}
.public_banner img {
    width: 25rem;
    margin: 1rem auto;
    display: block;
    -webkit-animation: rotating 240s linear infinite;

}
    @-webkit-keyframes rotating {
       from { -webkit-transform: rotate(0) }
       to { -webkit-transform: rotate(-360deg) }
    }


@keyframes gradientBG {0% {background-position:0% 50%;}
50% {background-position:100% 50%;}
100% {background-position:0% 50%;}
}
ul {padding:0;margin:0}
ul li {list-style-type:none}
a {text-decoration:none}
a:hover {text-decoration:none;color:red}
.cl {clear:both}
input[type=text]:focus,input[type=password]:focus {outline:0}
input::-ms-clear {display:none}
.login {margin:0 auto;width:370px;border:2px solid #eee;border-bottom:0;position:relative}
.header {height:50px;border-bottom:1px solid #e2e2e2;position:relative;font-family:microsoft yahei}
.header .switch {height:45px;position:absolute;left:60px;bottom:0;font-size:16px}
.header .switch #switch_qlogin {margin-right: 65px;
    font-family: sans-serif;
}
.header .switch .switch_btn {color: #00b98c;display:inline-block;height:45px;line-height:45px;outline:0;*hide-focus:expression(this.hideFocus=true);font-size: 18px;}
.header .switch .switch_btn_focus {color: #ff5757;display:inline-block;height:45px;line-height:45px;outline:0;*hide-focus:expression(this.hideFocus=true);font-size: 18px;}
.header .switch .switch_btn:hover {color:#333;text-decoration:none;
    font-family: sans-serif;
}
.header .switch .switch_btn_focus:hover {text-decoration:none}
#switch_bottom {position:absolute;bottom:-1px;_bottom:-2px;border-bottom: 2px solid #ff5757;}
.web_login {width:370px;position:relative;color: #fff;}
#web_login {_left:60px;*left:0}
.web_login .login_form {width:272px;margin:0 auto}
.web_login .reg_form {width:300px;margin:0 auto}
.web_login .input-tips {float:left;margin-top:10px;width:50px;height:42px;font-size:16px;line-height:42px;font-family:hiragino sans gb,microsoft yahei}
.web_login .input-tips2 {
    float:left;
    text-align:right;
    padding-right:10px;
    width:75px;
    height:30px;
    font-size: 14px;
    margin-top:10px;
    clear:both;
    line-height:30px;
    font-family:hiragino sans gb,microsoft yahei;
    
}
.web_login .inputOuter {width:200px;height:42px;margin-top:10px;float:left}
.web_login .inputOuter2 {width:200px;margin-top:6px;margin-top:5px\9;float:left}
.web_login .inputstyle {
    width: 200px;
    height: 38px;
    padding-left: 10px;
    line-height: 38px;
    border: 1px solid #666;
    background: #181a20;
    color: #fff;
    border-radius: 30px;
    font-family: Verdana, Tahoma, Arial;
    font-size: 16px;
    ime-mode: disabled
}
.web_login input.inputstyle2:focus,.web_login input.inputstyle:focus {border:1px solid #00b98c;box-shadow:0 0 2px #00b98c}
.web_login .inputstyle2 {
    width:200px;
    height: 30px;
    padding-left:5px;
    line-height: 30px;
    border: 1px solid #666;
    background: #181a20;
    color: #fff;
    border-radius: 30px;
    font-family:Verdana,Tahoma,Arial;
    font-size: 12px;
    ime-mode:disabled;
    
}
.web_login .uinArea {height:55px;position:relative;z-index:10}
.web_login .pwdArea {height:55px;margin-bottom:10px;position:relative;z-index:3}
.web_qr_login {position:relative;overflow:hidden}
.cue {height:40px;line-height:40px;font-size:14px;border:1px #ccc solid;margin-top:10px;margin-bottom:5px;text-align:center;font-family:hiragino sans gb,microsoft yahei}
.login {background-color:#fff}
h1 {margin:80px auto 50px;text-align:center;color:#fff;margin-left:-25px;font-size:35px;font-weight:200;text-shadow:0 1px 1px #555;}
h1 sup {font-size:18px;font-style:normal;position:absolute;margin-left:10px}
.login {
    border: 0;
    padding: 5px 0;
    background: #262a34;
    /* margin:0 auto; */
    /* -webkit-box-shadow:1px 1px 2px 0 rgba(0,0,0,.3); */
    /* box-shadow:1px 1px 2px 0 rgba(0,0,0,.3); */
    border-radius: 30px;
}
.web_login {padding-bottom:20px}
.jianyi {color:#fff;text-align:center;margin-top:25px;color:#b3b8c4}
.reg_form li {height: 50px;}
.cue {margin-top:15px;margin-bottom:10px;border:1px solid #eee;border-radius:3px}
.web_login input.inputstyle2:focus,.web_login input.inputstyle:focus {border:1px solid #5796f;box-shadow:0 0 0}
.web_login .reg_form {width:300px;margin:0 auto}
.web_login .inputstyle2 {border-radius:30px;width:210px}
.web_login .input-tips2 {padding-right:5px;width:80px;_width:75px;_font-size:12px}
.button_blue {display:inline-block;float:left;height:41px;border-radius:30px;background: #00b98d;border:0;cursor:pointer;*border-bottom:none;color:#fff;font-size:16px;padding:0 10px;*width:140px;text-align:center;outline:0;font-family:microsoft yahei,Arial,Helvetica,sans-serif;margin-top: 1rem;}
input.button_blue:hover {background: #00b98d;*border-bottom:none;color:#fff;text-decoration:none;}
a.zcxy {text-decoration:underline;line-height:58px;margin-left:15px;color:#959ca8}
.web_login .login_form {margin-top:30px}
.web_login .uinArea {height:60px}
.header .switch {left:70px;
    font-family: sans-serif;
}