#loginBox{position:relative;}#loginBox:before{content:' ';position:absolute;top:0;left:0;width:70%;height:100vh;background:var(--lBgColor);z-index:1;}#loginBox:after{content:' ';position:absolute;top:0;right:0;width:30%;height:100vh;background:var(--rBgColor);z-index:1;}#loginBox .border{display:flex;justify-content:center;align-items:center;position:absolute;top:10vh;left:15vw;width:70vw;height:80vh;margin:0 auto;background:var(--bgColor);border-radius:var(--bSize);overflow:hidden;z-index:2;}#loginBox .border .imgBox{height:100vh;background:url(/assets/img/loginPic.png) left;background-size:inherit;flex:0 0 60%;}#loginBox .border .login{padding:0 var(--bLRSize);flex-wrap:wrap;flex:0 0 40%;}#loginBox .border .login h1{font-weight:600;}#loginBox .border .login h5{margin:0 0 var(--bSssmzie);font-weight:normal;color:var(--fSsmColor);}#loginBox .border .input-group{display:flex;margin:var(--bSize) 0;flex-wrap:wrap;}#loginBox .border .input-group .list{display:flex;width:100%;margin:0 0 var(--bSmize);padding:0;border-bottom:1px solid var(--bLine);flex-wrap:nowrap;}#loginBox .border .input-group .list:hover .iconfont{color:var(--lBgColor);transition:0.35s ease-in-out;}#loginBox .border .input-group .list input{padding:0;border:none;flex:0 0 calc(100% - 1rem);}#loginBox .border .input-group .list .code{flex:0 0 calc(100% - 6rem);}#loginBox .border button{margin:var(--bSize) 0 0 0;background:var(--lBgColor) !important;border:none;border-radius:var(--bSmize);transition:0.35s ease-in-out;}#loginBox .border button:hover{border-radius:var(--bSize);opacity:0.85;}#copyRightBox{position:absolute;bottom:var(--bSize);text-align:center;width:100vw;color:#fff;z-index:2;}@media only screen and (max-width:768px){#loginBox .border{top:20vh;left:10vw;width:80vw;height:60vh;}#loginBox .border .imgBox{flex:0 0 0;}#loginBox .border .login{padding:0 var(--bLsize);flex:0 0 100%;}}@media only screen and (min-width:769px) and (max-width:1024px){#loginBox .border{top:20vh;left:10vw;width:80vw;height:60vh;}#loginBox .border .imgBox{flex:0 0 0;}#loginBox .border .login{padding:0 var(--bLsize);flex:0 0 100%;}}@media only screen and (min-width:1025px) and (max-width:1680px){#loginBox .border .imgBox{background:url(/assets/img/loginPic.png) 14%;}}