#index{color:#d3d6dd;width:1920px;height:1080px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:left top;transform-origin:left top;overflow:hidden}#index .bg{width:100%;height:100%;padding:16px 16px 0 16px;background-size:cover;background-position:50%;background-color:#000}#index .host-body .dv-dec-10,#index .host-body .dv-dec-10-s{width:33.3%;height:5px}#index .host-body .dv-dec-10-s{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#index .host-body .dv-dec-8{width:200px;height:50px}#index .host-body .title{position:relative;width:500px;text-align:center;background-size:cover;background-repeat:no-repeat}#index .host-body .title .title-text{font-size:24px;bottom:0}#index .host-body .title .dv-dec-6,#index .host-body .title .title-text{position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}#index .host-body .title .dv-dec-6{bottom:-30px;width:250px;height:8px}#index .host-body .aside-width{width:40%}#index .host-body .react-l-s,#index .host-body .react-r-s{background-color:#0f1325}#index .host-body .react-right{font-size:18px;width:300px;line-height:50px;text-align:center;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#index .host-body .react-right.react-l-s{text-align:right;width:500px}#index .host-body .react-right .react-after{position:absolute;right:-25px;top:0;height:50px;width:50px;background-color:#0f1325;-webkit-transform:skewX(45deg);transform:skewX(45deg)}#index .host-body .react-right .text{display:inline-block;-webkit-transform:skewX(45deg);transform:skewX(45deg)}#index .host-body .react-left{font-size:18px;width:300px;height:50px;line-height:50px;text-align:center;-webkit-transform:skewX(45deg);transform:skewX(45deg);background-color:#0f1325}#index .host-body .react-left.react-l-s{width:500px;text-align:left}#index .host-body .react-left .react-before{position:absolute;left:-25px;top:0;height:50px;width:50px;background-color:#0f1325;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#index .host-body .react-left .text{display:inline-block;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}#index .host-body .body-box{margin-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#index .host-body .body-box .content-box{display:grid;grid-template-columns:4fr 7fr 4fr}#index .host-body .body-box .bototm-box{margin-top:10px;display:grid;grid-template-columns:8fr 2fr}.login_box{width:100%;height:100%;position:relative}.login_box .login_content{width:640px;background-color:#fff;border-radius:10px;overflow:hidden;position:absolute;top:30%;left:30%;padding-top:2%}.login_box .login_content h1{text-align:center;width:100%;height:40px;line-height:40px}.login_box .login_content .login-form{padding:30px;-webkit-box-sizing:border-box;box-sizing:border-box}.login_box .login_content .login-form .loginbtn{margin-top:40px;width:100%;text-align:center}.login_box .login_content .login-form .loginbtn .submit-btn{width:357px;height:58px;background:#128bf1;border-radius:8px;font-size:24px;border:transparent}.login_box .input-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.login_box .input-wrapper .el-input{width:70%}