* { padding: 0; margin: 0; box-sizing: border-box } li, ol { list-style: none } a { text-decoration: none } @font-face { font-family: "方正大黑_GBK"; src: url("../font/方正大黑_GBK.eot?") format("eot"); src: url("../font/方正大黑_GBK.woff") format("woff"),url("../font/方正大黑_GBK.ttf") format("truetype") } @font-face { font-family: "液晶数字"; src: url("../font/液晶数字.eot?") format("eot"); src: url("../font/液晶数字.woff") format("woff"),url("../font/液晶数字.ttf") format("truetype") } ::-webkit-scrollbar { width: 5px; height: 5px; background-color: transparent } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #6b81d4 } ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #1843e2 } ::-webkit-scrollbar-thumb:hover { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.4) } html { scrollbar-face-color: #071857; scrollbar-highlight-color: #010a2c; scrollbar-3dlight-color: #010a2c; scrollbar-darkshadow-color: #010a2c; scrollbar-shadow-color: #071857; scrollbar-arrow-color: rgba(1,10,44,0.4); scrollbar-track-color: #071857 } html { font-size: 10vw; width: 100%; height: 100%; min-width: 1200px; font-family: Microsoft YaHei; line-height: 1 } @media screen and (max-width:1200px) { html { font-size: 120px } } .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .flex-1 { flex: 1 } .dis-flex { display: flex } body { background: #dfe4f1 } .logo-wrap { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-x: hidden; overflow-y: hidden; background: url("../image/bj1.jpg") no-repeat center center; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/bj1.png'); background-size: cover; _background: none } .logo-wrap .logo-top { width: 1.19271rem; height: .29688rem; position: absolute; top: .20833rem; left: .15625rem } .logo-wrap .logo-top img { display: block; width: 2.26042rem; height: .26563rem } .logo-wrap .logo-main { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 6.17708rem; height: 3.33333rem; background-color: rgba(255,255,255,0.22); color:#fff; box-shadow: 0px 0px .15625rem .02604rem rgba(0,0,0,0.4) } .logo-wrap .logo-main .left-content { width: 3.125rem; height: 3.22917rem } .logo-wrap .logo-main .left-content img { display: block; width: 3.125rem; height: 3.22917rem } .logo-wrap .logo-main .right-content { padding: .41667rem .41667rem } .logo-wrap .logo-main .right-content .logo { margin-bottom: .36458rem; width: 2.39583rem } .logo-wrap .logo-main .right-content .logo .logo-txt { font-size: .17708rem; color: #fff; width: 100%; text-align: center; font-weight: 400; letter-spacing: .02604rem; } .logo-wrap .logo-main .right-content .icon img { display: block; width: .15625rem; height: auto } .logo-wrap .logo-main .right-content .login-main { margin-bottom: .65104rem } * { padding:0; margin:0; box-sizing:border-box } li,ol { list-style:none } a { text-decoration:none } @font-face { font-family:"方正大黑_GBK"; src:url("../font/方正大黑_GBK.eot?") format("eot"); src:url("../font/方正大黑_GBK.woff") format("woff"),url("../font/方正大黑_GBK.ttf") format("truetype") } @font-face { font-family:"液晶数字"; src:url("../font/液晶数字.eot?") format("eot"); src:url("../font/液晶数字.woff") format("woff"),url("../font/液晶数字.ttf") format("truetype") } ::-webkit-scrollbar { width:5px; height:5px; background-color:transparent } ::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px; background-color:#6b81d4 } ::-webkit-scrollbar-thumb { border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); background-color:#1843e2 } ::-webkit-scrollbar-thumb:hover { border-radius:5px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:rgba(0,0,0,0.4) } html { scrollbar-face-color:#071857; scrollbar-highlight-color:#010a2c; scrollbar-3dlight-color:#010a2c; scrollbar-darkshadow-color:#010a2c; scrollbar-shadow-color:#071857; scrollbar-arrow-color:rgba(1,10,44,0.4); scrollbar-track-color:#071857 } html { font-size:10vw; width:100%; height:100%; min-width:1200px; font-family:Microsoft YaHei; line-height:1 } @media screen and (max-width:1200px) { html { font-size:120px } }.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .flexCenter { display:flex; align-items:center; justify-content:center } .flexCenterV { display:flex; align-items:center; justify-content:center; flex-direction:column } .flex-1 { flex:1 } .dis-flex { display:flex } body { background:#dfe4f1 } .logo-wrap { position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden; overflow-x:hidden; overflow-y:hidden; background:url("../image/bj1.jpg") no-repeat center center; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/bj1.jpg'); background-size:cover; _background:none } .logo-wrap input::-webkit-input-placeholder { color:#fff } .logo-wrap .logo-top { width:2.26042rem; height:.26563rem; position:absolute; top:.24479rem; left:.33333rem } .logo-wrap .logo-top img { display:block; width:2.26042rem; height:.36563rem } .logo-wrap .logo-main { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:6.17708rem; height:3.33333rem; background-color:rgba(255,255,255,0.22); color:#fff; box-shadow:0px 0px .15625rem .02604rem rgba(0,0,0,0.4) } .logo-wrap .logo-main .left-content { width:3.10417rem; height:3.33333rem } .logo-wrap .logo-main .left-content img { display:block; width:3.10417rem; height:3.33333rem } .logo-wrap .logo-main .right-content { width:3.07292rem; height:3.33333rem; padding:.39063rem .41667rem .36979rem } .logo-wrap .logo-main .right-content .logo { margin-bottom:.36458rem; width:2.39583rem } .logo-wrap .logo-main .right-content .logo img { display:block; width:2.39583rem; height:auto } .logo-wrap .logo-main .right-content .logo .logo-txt { font-size:.17708rem; color:#fff; width:100%; text-align:center; font-weight:400; letter-spacing:.02604rem } .logo-wrap .logo-main .right-content .icon img { display:block; width:.15625rem; height:auto } .logo-wrap .logo-main .right-content .login-main { margin-bottom: .35104rem } .logo-wrap .logo-main .right-content .login-main .login-layout { display:flex; height:.29167rem; border-bottom:1px solid #ccc; padding:.05208rem .02604rem; margin-bottom:.26042rem } .logo-wrap .logo-main .right-content .login-main .login-layout-two { margin-bottom:.20833rem } .logo-wrap .logo-main .right-content .login-main .input-text { padding-left:.07813rem; color:#fff } .logo-wrap .logo-main .right-content .login-main input { border:none; outline:0; background-color:transparent; padding:0; margin:0; width:100%; height:100% } .logo-wrap .logo-main .right-content .login-main input:focus { border:none } .logo-wrap .logo-main .right-content .login-main .login-help { display:flex; align-items:center; justify-content:space-between; font-size:.08333rem } .logo-wrap .logo-main .right-content .login-main .login-help .login-help-left { display:flex; cursor:pointer } .logo-wrap .logo-main .right-content .login-main .login-help .login-help-left .checkbox { width:.11458rem } .logo-wrap .logo-main .right-content .login-main .login-help .login-help-left .checkbox .basic-check { width:.08333rem; height:.08333rem; position:relative } .logo-wrap .logo-main .right-content .login-main .login-help .login-help-left .checkbox .basic-check .checkbox-content { width:.08333rem; height:.08333rem; background-color:#fff; border-radius:2px; border:1px solid #C5CDD2 } .logo-wrap .logo-main .right-content .login-main .login-help .login-help-left .checkbox .basic-check .checkbox-content::after { position:absolute; display:table; top:40%; left:25%; border:2px solid transparent; border-top:0; border-left:0; width:4px; height:8px; transform:rotate(45deg) scale(1) translate(-50%,-50%); content:'' } .logo-wrap .logo-main .right-content .login-main .login-help .login-help-left .checkbox .basic-check .checkbox-content.active::after { border-color:#107f8b; opacity:1 } .logo-wrap .logo-main .right-content .login-main .login-help .forget { color:#fff } .logo-wrap .logo-main .right-content .login-main .login-layout { display: flex; height: .29167rem; border-bottom: 1px solid #ccc; padding: .05208rem .02604rem; margin-bottom: .26042rem } .logo-wrap .logo-main .right-content .login-main .login-layout-two { margin-bottom: .20833rem } .logo-wrap .logo-main .right-content .login-main .input-text { padding-left: .07813rem; color: color: #fff; } .logo-wrap .logo-main .right-content .login-main input { border: none; outline: 0; background-color: transparent; padding: 0; margin: 0; width: 100%; height: 100% } .logo-wrap .logo-main .right-content .login-main input:focus { border: none } .logo-wrap .logo-main .right-content .login-main .login-sys-check { display: flex; align-items: center; justify-content: space-between; font-size: .08333rem } .logo-wrap .logo-main .right-content .login-main .login-help { display: flex; align-items: center; justify-content: space-between; font-size: .08333rem } .logo-wrap .logo-main .right-content .login-main .login-help .login-help-left { display: flex; cursor: pointer } .logo-wrap .logo-main .right-content .login-main .login-help .login-help-left .checkbox { width: .11458rem } .logo-wrap .logo-main .right-content .login-main .login-help .login-help-left .checkbox .basic-check { width: .09375rem; height: .09375rem; position: relative } .logo-wrap .logo-main .right-content .login-main .login-help .login-help-left .checkbox .basic-check .checkbox-content { width: .08333rem; height: .08333rem; background-color: #fff; border-radius: 2px; border: 1px solid #C5CDD2 } .logo-wrap .logo-main .right-content .login-main .login-help .login-help-left .checkbox .basic-check .checkbox-content::after { position: absolute; display: table; top: 40%; left: 25%; border: 2px solid transparent; border-top: 0; border-left: 0; width: 4px; height: 8px; transform: rotate(45deg) scale(1) translate(-50%,-50%); content: '' } .logo-wrap .logo-main .right-content .login-main .login-help .login-help-left .checkbox .basic-check .checkbox-content.active::after { border-color: #107f8b; opacity: 1 } .logo-wrap .logo-main .right-content .login-btn { cursor: pointer; background-color: #0088F4; color: #fff; font-size: .08333rem; display: flex; justify-content: center; align-items: center; width: 1.85938rem; height: .26563rem; border-radius: .01042rem; letter-spacing: .02604rem; margin: 0 auto }