@charset"utf-8";body,html{height:100%;overflow:hidden}.container{position:relative;width:100%;height:100%;background-image:url("login_bg.png");background-repeat:no-repeat;background-position:center;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.box{position:absolute;top:50%;left:50%;margin:-235px auto auto 170px;width:434px;height:514px;background-color:#fff;box-shadow:0 0 14px 0 rgba(7, 30, 51, .2);opacity:1;transform:translateZ(0);transition:all 0.5s}.box header{position:relative;box-sizing:border-box;height:160px;padding:60px 0 0}.box .logo{width:70px;height:62px;margin:0 auto;background-image:url("logo.png");background-position:center;background-repeat:no-repeat;background-size:100%}.box header h2{margin-top:16px;font-size:20px;text-align:center}.box header .back{position:absolute;top:20px;left:20px;font-size:14px;color:#3a8ff6}.box header .back:before{font-family:'91font';content:'\e64a'}.box a{cursor:pointer}.box section{width:325px;margin:30px auto 0;font-size:14px}.head-div{position:absolute;top:20px;left:20px;display:-webkit-flex;display:flex;align-items:center;font-size:20px}#reg header{position:relative;box-sizing:border-box;height:76px;padding:60px 0 0}#reg .logo{width:22px;height:22px;margin:0 8px 0 12px;background-image:url("logo.png");background-position:center;background-repeat:no-repeat;background-size:100%}#reg header .back{position:static;top:20px;left:20px}#reg header h2{margin-top:0;font-size:20px;text-align:center;position:absolute;top:20px;left:135px}#reg section{width:300px;margin:8px auto 0;font-size:14px}#reg .mt-15{margin-top:5px !important}.box section ul li{position:relative;margin-bottom:20px;padding:0 0 0 50px;height:40px;border:1px solid #eee;border-radius:5px}.box li.captcha{width:140px}.box li.captcha a{display:block;position:absolute;top:0;right:-110px;width:100px;height:40px;line-height:40px;color:#fff;text-align:center;background-color:#3a8ff6;border-radius:5px;user-select:none}.box li.captcha a.disabled{color:#888;background-color:#e2e2e2;pointer-events:none}.box section ul li:before{display:block;position:absolute;left:0;top:7px;width:50px;font-size:24px;color:#aaa;text-align:center;font-family:'91font';vertical-align:middle}.box li.user:before{content:'\e647'}.box li.captcha:before{content:'\e649'}.box li.pwd:before{content:'\e648'}.box li.name:before{content:'\e601'}.box li.url:before{content:'\e602'}.box li.pwd a{display:block;position:absolute;right:5px;top:7px}.box li.pwd a:hover{color:#479afd}.box li.pwd a:before{font-family:'91font';content:'\e62e';font-size:20px}.box li.pwd a.on:before{content:'\e62d'}.box section ul li input{box-sizing:border-box;width:calc(100% - 30px);padding:12px 0;line-height:1;font-size:14px;border:none;background:none}.box section ul li.readonly{background-color:#eee}.box section ul li.readonly input{color:#aaa;user-select:none}.box section .stay{position:relative;color:#999;user-select:none}.box section .stay label:before{display:inline-block;margin-right:5px;font-family:'91font';content:'\e646';color:#d7d7d7;font-size:22px;vertical-align:sub}.box section .stay label.checked:before{color:#4caf50}.box section .stay a{color:#479afd}.box section a.forget{position:absolute;right:0;top:0;text-decoration:underline}.box section .submit{margin-top:18px;height:46px;line-height:46px;color:#fff;text-align:center;font-size:16px;background-color:#3a8ff7;border-radius:5px;cursor:pointer}.box section .submit:active{position:relative;top:1px;left:1px;background-color:#2084fd;user-select:none}.box section .error{display:table;margin:0 auto;color:#ff3d3d}.box.await{transform:translateX(100%);opacity:0}.box.fadeout{transform:translateX(-100%);opacity:0}.agreement{width:1210px;height:100%;position:fixed;top:0;left:50%;box-sizing:border-box;margin-left:-600px;padding:0 2%;background-color:#fff;box-shadow:0 0 14px 0 rgba(7, 30, 51, .2);transform:scale(0,0);opacity:0;z-index:1000001;transition:all 0.3s;overflow:hidden}.agreement.fadein{transform:scale(1,1);opacity:1}.agreement > header{position:relative;box-sizing:border-box;border-bottom:1px solid #999}.agreement > header h3{height:60px;line-height:60px;font-size:22px;text-align:center}.agreement > header .close{display:block;position:absolute;top:calc(50% - 8px);right:0;font-size:16px;cursor:pointer}.agreement > article{position:relative;box-sizing:border-box;height:calc(100% - 60px);padding:35px 0;line-height:1.5;font-size:16px;overflow:auto;-webkit-overflow-scrolling:touch;z-index:1}.agreement > article h2{margin-top:30px}.agreement > article p{margin-bottom:8px}.agreement > article h2 + p{margin-top:8px}.agreement > article ul{margin-top:8px}.agreement > article ul + p{margin-top:10px}@media screen and (max-width: 640px){.container{background-size:auto 100%}.box{width:100%;margin:0;transform:translateX(-50%) translateY(-50%);box-shadow:none}.agreement{left:0;width:100%;margin:0;padding:0 10px}.agreement > header h3{height:40px;line-height:40px;font-size:18px}.agreement > header .close{top:calc(50% - 7px);font-size:12px}.agreement > article{padding:15px 0;font-size:12px}.agreement > article h5{margin-top:15px;font-size:14px}.agreement > article ol{margin-top:5px}.agreement > article ol li{margin-bottom:3px}}