div#login{background:-webkit-gradient(linear,left top,left bottom,color-stop(15%,rgba(20,117,210,0)),to(rgba(20,117,210,.2))),url(https://obs-zjjx.cucloud.cn/jsjk-gz/datavSmartCampusBrain/login-bg.png) no-repeat 50%;background:linear-gradient(180deg,rgba(20,117,210,0) 15%,rgba(20,117,210,.2)),url(https://obs-zjjx.cucloud.cn/jsjk-gz/datavSmartCampusBrain/login-bg.png) no-repeat 50%;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}div#login>div.hd-head{position:absolute;left:0;right:0;width:100%;height:167px;background:url(https://obs-zjjx.cucloud.cn/jsjk-gz/datavSmartCampusBrain/border-top.png) no-repeat 50%;text-align:center}div#login>div.hd-head div.title{bottom:48px;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:76px;font-family:YouSheBiaoTiHei;font-size:42px;font-weight:400;line-height:normal;text-align:center;letter-spacing:0;font-variation-settings:"opsz" auto;background:-webkit-gradient(linear,left top,left bottom,color-stop(30%,#fff),color-stop(65%,#99d8ed),to(#4599d5));background:linear-gradient(180deg,#fff 30%,#99d8ed 65%,#4599d5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;text-shadow:0 8px 20px rgba(0,0,0,.1)}div#login>div.hd-head div.title,div#login div#qrcodeLoginContainer{position:absolute;left:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}div#login div#qrcodeLoginContainer{top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:450px;height:450px;background:url(https://obs-zjjx.cucloud.cn/jsjk-gz/datavSmartCampusBrain/login-scan-qrcode-bg.png) no-repeat 50%;background-size:cover;background-position-x:-9px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}div#login div#qrcodeLoginContainer div#qrcodeLogin{width:300px;height:300px}