@charset "utf-8";
article,aside,audio,body,canvas,caption,dd,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,input,label,legend,li,mark,menu,nav,ol,p,section,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,video{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
article,aside,blockquote,dialog,figure,footer,header,hgroup,nav,section{display:block}
ol,ul{list-style:none}
img{border:0 none;vertical-align:top}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:none}
table{border-collapse:collapse;border-spacing:0}
em,i,strong{font-style:normal;font-weight:400}
ins{text-decoration:underline}
del{text-decoration:line-through}
mark{background:0 0}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
input[type=number]{-moz-appearance:none}
input::-ms-clear{display:none!important}
body{position:relative;font:14px/1.5 PingFangSC,\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,"Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei","Droid Sans Fallback",SimSun,sans-serif;background:#fff}
a,button,input{outline:none;font-family:PingFangSC,\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,"Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei","Droid Sans Fallback",SimSun,sans-serif}
a{text-decoration:none;color:#333}
a:hover{text-decoration:none}
html{scroll-behavior:smooth;height:100%;width:100%;overflow:hidden}
body{height:100%;width:100%;overflow:hidden}

.background-assets {position: absolute;top:0;left:0;display:block;width: 100%;height: 100%;text-align: center;z-index:0;background: url(default/img/login_bg_asset.png) no-repeat center;background-size: 1200px 1080px;}

.login{width:100%;height:100%;background:url(default/img/login_bg.jpg) no-repeat center;background-size:cover}
.login .wrapper{position:fixed;z-index:1;margin:0 auto;max-width:400px;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);}
.panel{padding:20px 40px;background:#fff url(default/img/panel_bg.png) no-repeat top center;min-height:400px}
.esites-title{padding:15px 0;text-align:center}
.esites-title .title img{width:180px;}
.esites-title .subtitle img{width:180px;padding-top:5px;}
.divider{display: block;width: 50px;height: 3px;margin:10px auto 20px;background:#4585f2;background:-webkit-linear-gradient(to right,#448aff,#0e68ab);background: linear-gradient(to right,#448aff,#0e68ab);}
.login-field{position:relative;display:block;margin:15px 0;}
.login-field label{display:block;margin-bottom:5px;color:#4d4d4d;font-size:12px;font-weight:600}
.login-field input{position:relative;display:block;box-sizing:border-box;width:100%;height:50px;padding:10px 10px 10px 45px;border-radius:25px;border:1px solid #eff0f2;font-size:14px;transition:all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;}
.login-field input:focus{border:1px solid #4c8aff;box-shadow:0 0 8px rgba(49,79,114,.15)}
.login-field.i1 input{background:#fff url(default/img/icon_1.png) no-repeat 13px center}
.login-field.i1 input:focus{background:#fff url(default/img/icon_1_focus.png) no-repeat 13px center}
.login-field.i2 input{background:#fff url(default/img/icon_2.png) no-repeat 13px center}
.login-field.i2 input:focus{background:#fff url(default/img/icon_2_focus.png) no-repeat 13px center}
.login-field.i3 input{background:#fff url(default/img/icon_3.png) no-repeat 13px center}
.login-field.i3 input:focus{background:#fff url(default/img/icon_3_focus.png) no-repeat 13px center}
.code-img {position: absolute;right:15px;bottom:10px;cursor: pointer;}
.code-img img {width:90px;height:30px;border: 1px solid #ededed;border-radius: 5px;}
.login-button{width:100%;height:45px;margin:25px 0 20px;font-size:18px;color:#fff;letter-spacing:1.5px;background:#4585f2;background:linear-gradient(to right,#448aff,#0e68ab);border:none;border-radius:30px;box-shadow:0 5px 10px rgba(49,79,114,.5);cursor:pointer;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}
.login-button img{vertical-align:middle;margin-left:5px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out}
.login-button:hover img{margin-left:10px}
.copyright{position: fixed;bottom: 30px;left:0;right:0;color: #fff;text-align: center;}

/* Skin */
.party .background-assets{display: none!important;visibility: hidden;opacity: 0;}
.party .login{background-image: url(party/img/login_bg.jpg);}
.party .panel{background-image: url(party/img/panel_bg.png);}
.party .login-field.i1 input{background:#fff url(party/img/icon_1.png) no-repeat 13px center}
.party .login-field.i1 input:focus{background:#fff url(party/img/icon_1_focus.png) no-repeat 13px center}
.party .login-field.i2 input{background:#fff url(party/img/icon_2.png) no-repeat 13px center}
.party .login-field.i2 input:focus{background:#fff url(party/img/icon_2_focus.png) no-repeat 13px center}
.party .login-field.i3 input{background:#fff url(party/img/icon_3.png) no-repeat 13px center}
.party .login-field.i3 input:focus{background:#fff url(party/img/icon_3_focus.png) no-repeat 13px center}
.party .divider{background:#db1514;background:linear-gradient(to right,#db1514,#f04f19);}
.party .login-field input:focus{border-color:#eb4d04;box-shadow:0 0 8px rgba(219, 21, 20,.15)}
.party .login-button{background:#e22924;background:linear-gradient(to right,#e22924,#f04f19);}
.party .panel{border-radius: 10px;box-shadow:0 0 10px rgba(219, 21, 20,.05);}

@media screen and (max-width:1200px) {
    .background-assets {position: absolute;top:0;left:0;display:block;width: 100%;height: 100%;text-align: center;z-index:0;background: url(default/img/login_bg_asset.png) no-repeat center;background-size: 100%;}
    .login .wrapper {}
}