body,td,th{font-family:'Microsoft YaHei','Source Sans Pro',sans-serif}
body{margin:0;padding:0}
*{box-sizing:border-box;margin:0;padding:0}
body ::-webkit-input-placeholder{font-family:'Microsoft YaHei','Source Sans Pro',sans-serif;color:#fff;font-weight:300}
body :-moz-placeholder{font-family:'Microsoft YaHei','Source Sans Pro',sans-serif;color:#fff;opacity:1;font-weight:300}
body ::-moz-placeholder{font-family:'Microsoft YaHei','Source Sans Pro',sans-serif;color:#fff;opacity:1;font-weight:300}
body :-ms-input-placeholder{font-family:'Microsoft YaHei','Source Sans Pro',sans-serif;color:#fff;font-weight:300}
.wrapper{background:#50a3a2;background:-webkit-linear-gradient(top left,#50a3a2 0,#53e3a6 100%);background:linear-gradient(to bottom right,#50a3a2 0,#53e3a6 100%);opacity:.8;position:absolute;top:40%;left:0;width:100%;height:440px;margin-top:-200px;overflow:hidden}
.wrapper .ids{font-size:45px;display:none;color:#fff}
.wrapper.form-login .ids{-webkit-transform:translateY(85px);-ms-transform:translateY(85px);transform:translateY(85px);display:block}
.wrapper.form-login .container h1{-webkit-transform:translateY(85px);-ms-transform:translateY(85px);transform:translateY(85px)}
.container{max-width:600px;margin:0 auto;padding:80px 0;height:400px;text-align:center}
.container h1{font-size:40px;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function:ease-in-put;transition-timing-function:ease-in-put;font-weight:200}
form{padding:20px 0;position:relative;z-index:2}
form input{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;border:1px solid rgba(255,255,255,.4);background-color:rgba(255,255,255,.2);width:250px;border-radius:3px;padding:10px 15px;margin:0 auto 10px auto;display:block;text-align:center;font-size:15px;color:#fff;-webkit-transition-duration:.25s;transition-duration:.25s;font-weight:300}
form input:hover{background-color:rgba(255,255,255,.4)}
form input:focus{background-color:#fff;width:300px;color:#000}
form button{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;background-color:#fff;border:0;padding:10px 15px;color:#53e3a6;border-radius:3px;width:250px;cursor:pointer;font-size:18px;-webkit-transition-duration:.25s;transition-duration:.25s}
form button:hover{background-color:#e4393c;color:#fff}
.bg-bubbles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.bg-bubbles li{position:absolute;list-style:none;display:block;width:40px;height:40px;line-height:40px;text-align:center;color:rgba(255,255,255,.35); background-color:rgba(255,255,255,.15);bottom:-160px;-webkit-animation:square 25s infinite;animation:square 25s infinite;-webkit-transition-timing-function:linear;transition-timing-function:linear}
.bg-bubbles li:nth-child(1){left:10%}
.bg-bubbles li:nth-child(2){left:20%;width:80px;height:80px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:17s;animation-duration:17s}
.bg-bubbles li:nth-child(3){left:25%;-webkit-animation-delay:4s;animation-delay:4s}
.bg-bubbles li:nth-child(4){left:40%;width:60px;height:60px;-webkit-animation-duration:22s;animation-duration:22s;background-color:rgba(255,255,255,.25)}
.bg-bubbles li:nth-child(5){left:70%}
.bg-bubbles li:nth-child(6){left:80%;width:120px;height:120px;-webkit-animation-delay:3s;animation-delay:3s;background-color:rgba(255,255,255,.2)}
.bg-bubbles li:nth-child(7){left:32%;width:160px;height:160px;-webkit-animation-delay:7s;animation-delay:7s}
.bg-bubbles li:nth-child(8){left:55%;width:20px;height:20px;-webkit-animation-delay:15s;animation-delay:15s;-webkit-animation-duration:40s;animation-duration:40s}
.bg-bubbles li:nth-child(9){left:25%;width:10px;height:10px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:40s;animation-duration:40s;background-color:rgba(255,255,255,.3)}
.bg-bubbles li:nth-child(10){left:90%;width:160px;height:160px;-webkit-animation-delay:11s;animation-delay:11s}
@-webkit-keyframes square{0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(-700px) rotate(600deg);transform:translateY(-700px) rotate(600deg)}
}
@keyframes square{0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(-700px) rotate(600deg);transform:translateY(-700px) rotate(600deg)}
}
#supersized{display:block;position:fixed;left:0;top:0;overflow:hidden;z-index:-999;height:100%;width:100%}
#supersized img{width:auto;height:auto;position:relative;display:none;outline:0;border:none}
#supersized.speed img{-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges}
#supersized.quality img{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality}
#supersized li{display:block;list-style:none;z-index:-30;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;background:#111}
#supersized a{width:100%;height:100%;display:block}
#supersized li.prevslide{z-index:-20}
#supersized li.activeslide{z-index:-10}
#supersized li.image-loading img{visibility:hidden}
#supersized li.activeslide img,#supersized li.prevslide img{display:inline}
#supersized img{max-width:none!important}
.dialog,.dialog__overlay{width:100%;height:100%;top:0;left:0}
.dialog{position:fixed;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;pointer-events:none;z-index:999}
.dialog__overlay{position:absolute;z-index:1;background:rgba(0,0,0,.75);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-backface-visibility:hidden}
.dialog--open .dialog__overlay{opacity:1;pointer-events:auto}
.dialog__content{width:50%;max-width:560px;min-width:290px;background:#fff;padding:4em;text-align:center;position:relative;z-index:5;opacity:0}
.dialog--open .dialog__content{pointer-events:auto}
.dialog h2{margin:0;font-weight:400;font-size:21px;padding:0 0 2em;margin:0}
.dialog--open .dialog__overlay{-webkit-transition-duration:.8s;transition-duration:.8s}
.dialog--close .dialog__overlay{-webkit-transition-duration:.5s;transition-duration:.5s}
.dialog__content{padding:0;background:0 0}
.dialog.dialog--open .dialog__content{opacity:1}
.morph-shape{position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:-2px;left:-2px;z-index:-1}
.morph-shape svg rect{stroke:#fff;stroke-width:2px;stroke-dasharray:1680}
.dialog--open .morph-shape svg rect{-webkit-animation:anim-dash .6s forwards;animation:anim-dash .6s forwards}
.dialog-inner{opacity:0;background:#fff;color:#c94e50}
.dialog--open .dialog-inner{padding:4em;opacity:1;-webkit-transition:opacity .85s .35s;transition:opacity .85s .35s}
.dialog.dialog--open h2{-webkit-animation:anim-elem-1 .7s ease-out both;animation:anim-elem-1 .7s ease-out both}
.dialog.dialog--open button{-webkit-animation:anim-elem-2 .7s ease-out both;animation:anim-elem-2 .7s ease-out both}
@keyframes anim-dash{0%{stroke-dashoffset:1680}
100%{stroke-dashoffset:0}
}
@-webkit-keyframes anim-dash{0%{stroke-dashoffset:1680}
100%{stroke-dashoffset:0}
}
@-webkit-keyframes anim-elem-1{0%{opacity:0;-webkit-transform:translate3d(-150px,0,0)}
100%{opacity:1;-webkit-transform:translate3d(0,0,0)}
}
@keyframes anim-elem-1{0%{opacity:0;-webkit-transform:translate3d(-150px,0,0);transform:translate3d(-150px,0,0)}
100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes anim-elem-2{0%{opacity:0;-webkit-transform:translate3d(150px,0,0)}
100%{opacity:1;-webkit-transform:translate3d(0,0,0)}
}
@keyframes anim-elem-2{0%{opacity:0;-webkit-transform:translate3d(150px,0,0);transform:translate3d(150px,0,0)}
100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.btn-close{padding:12px 34px;outline:0;border:none;color:#fff;background:#c94e50;font-family:'Microsoft YaHei','Source Sans Pro',sans-serif;cursor:pointer}
.small-btn-close{font-size:40px;position:absolute;right:4px;top:-9px;color:#c94e50;cursor:pointer}
.login_foot{color:#fff;font-size:15px;width:100%;height:50px;line-height:50px;position:absolute;left:0;bottom:0;text-align:center}
.code-img{position:absolute;top:3.5px;right:151px;display:none;-webkit-transition:all .25s;transition:all .25s;}
.validate-code:hover .code-img{display:block;}
.validate-code:hover input{background-color:#fff;width:300px;color:#000}