html{font-family:PingFangSC-Light,PingFang SC,PingFangSC-Regular,AlibabaPuHuiTiR,"微软雅黑"}body{background-color:#000;min-height:100vh;margin:0}a{text-decoration:none}[v-cloak]{display:none}.page{position:relative;width:1200px;margin:0 auto;font-weight:300}.page-login{width:100%;height:100vh}.header{-webkit-box-sizing:border-box;box-sizing:border-box;padding:15px 0;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;width:100%;height:60px;top:0;z-index:10}.header .logo{width:285px;height:30px}.header a{font-size:14px;font-weight:400;font-family:PingFangSC-Regular,PingFang SC;line-height:20px;color:#9a9c99;margin-left:40px}.header a:hover{color:#fff}.main{color:#fff;padding-top:300px;height:700px}.main-left{width:600px;margin-bottom:200px;position:relative;z-index:10}.slogan{width:750px;margin-bottom:40px;font-family:PingFangSC-Light,PingFang SC}.slogan-l{line-height:70px;font-size:50px}.slogan-m{font-size:35px;color:#6f6f6f;line-height:49px}.main-left .slogan-en{width:750px;color:gray;font-size:30px;margin-bottom:55px}canvas{position:absolute;right:0;top:0;left:0}.icon{display:inline-block}.icon-enter{background-image:url(../images/enter.png);background-size:100%;width:15px;height:14px;margin-left:5px}.enter{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:147px;height:48px;font-size:18px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff;line-height:48px;padding-left:28px;border-radius:24px;border:1px solid #fff}.enter:hover{background:linear-gradient(108deg,rgba(94,225,228,1) 0,rgba(48,113,197,1) 100%);border:none}.des-wrap{height:750px;color:#fff;z-index:10;position:relative}.mask{background:rgba(1,8,7,.4);height:100%;width:100%;position:absolute;left:0;top:0}.des{padding-top:110px;height:640px;background-image:url(../images/bg.png);background-size:100%;background-position:310px 119px;background-repeat:no-repeat;background-color:#000}.des .des-title{font-size:20px;height:38px;font-size:28px;font-family:AlibabaPuHuiTiR;line-height:38px;font-weight:300;margin-bottom:65px}.des .title-icon{display:inline-block;width:4px;height:24px;background-color:#69c6f8;margin-right:14px;position:relative;top:4px}.des .des-content{line-height:30px;width:1035px;font-size:20px;color:#afafaf}.des-content p{margin-bottom:29px}.login-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;height:1080px;width:100%}.login-wrap .login-l{width:50%;background-image:url(../images/bg-login.png);background-size:100% 100%}.login-wrap .login-l .logo{padding-left:34px;padding-top:37px}.login-wrap .login-r{width:50%;background-color:#0f0f0f}.login-form{margin-top:300px;margin-left:80px;width:580px}.login-form .form-item{width:100%;height:56px;margin-top:12px}.login-form .form-item div{width:260px;height:56px;line-height:56px;position:relative;border-bottom:1px solid #6f6f6f}.fl{float:left}.fr{float:right}.trsY{position:absolute;right:0;z-index:10}.getCodeBtn{font-size:16px;color:#fff;cursor:pointer;padding:0 8px;display:inline-block;height:56px;line-height:56px}.gray-text{color:#6f6f6f}.login-form .form-item label{display:block;font-size:14px;font-weight:400}.login-form .form-item input{border-style:none;line-height:50px;width:100%;font-size:16px;background-color:#0f0f0f;color:#fff}.login-form .form-item .code-input{width:160px}.login-form .form-item input:focus{outline:0}.login-form .form-item input::-webkit-input-placeholder{color:#6f6f6f}.login-form .form-item input:-ms-input-placeholder{color:#6f6f6f}.login-form .form-item input::-ms-input-placeholder{color:#6f6f6f}.login-form .form-item input::placeholder{color:#6f6f6f}.login-form .form-item input::-webkit-input-placeholder{color:#6f6f6f}.login-form .form-item input:-moz-placeholder{color:#ccc;font-weight:400}.login-form .form-item input::-moz-placeholder{color:#ccc;font-weight:400}.login-form .form-item input:-ms-input-placeholder{color:#ccc!important;font-weight:400!important}.form-ft{margin-top:100px}.form-ft .login-bt{width:580px;height:62px;line-height:62px;background:linear-gradient(108deg,#5ee1e4 0,#3071c5 100%);border-radius:2px;margin:0;padding:0;outline:0;border:none;font-size:24px;color:#fff}.form-ft .login-bt:hover{cursor:pointer;background:linear-gradient(108deg,#55bbbd 0,#2961ac 100%)}.df-toast-container{width:210px;background:#09c6f2;position:fixed;left:50%;top:40%;margin-left:-105px;border-radius:5px;color:#fff;text-align:center;display:none;-webkit-transition:all 1s linear 1;transition:all 1s linear 1;z-index:99999999}.df-toast-container .df-toast-content{padding:5px;min-height:24px;line-height:24px}.df-toast-container.show{-webkit-transition:all 1s linear 1;transition:all 1s linear 1;display:block;z-index:999999}.df-toast-container{background-color:rgba(0,0,0,.45)}