html,body{height: 100%;}
.content {width: 100%;min-width: 1200px;background:  url(../images/bg.jpg) no-repeat;background-size: 100% 100%;height: 100%;}
.content>.wrap{height: calc(100% - 200px);min-height: 550px;}
.content .header{display: flex; height: 24px;line-height: 24px;padding: 18px 0;color: #FFFFFF;}
.content .header .icon{width: 24px;height: 24px;background: url(../images/icon.png) no-repeat;background-size: contain;}
.content .header .text{font-weight: 400;font-size: 16px;margin-left: 8px;}
.content .info{padding-top: 80px;}
.content .info .left{width: 650px;}
.content .info .left .tit{font-weight: bold;font-size: 96px;color: rgb(246 242 229);font-style: normal;text-transform: none;line-height: 144px;margin-top: 40px;}
.content .info .left .tit-s{font-weight: 200;font-size: 96px;color: rgb(246 242 229);font-style: normal;text-transform: none;line-height: 144px;position: relative;top: -38px;}
.content .info .left .tit-e{color: #FFFFFF;text-align: left;font-weight: 300;font-style: normal;text-transform: none;line-height: 48px;font-size: 32px;position: relative; top: -30px;left: -18px;}
.content .info .right{width: 476px;height: 478px;box-sizing: border-box;border-radius: 16px;border: 1px solid rgba(0,0,0,0.08);background:#FFFFFF;padding: 48px;position: relative;z-index: 1;}
.content .info .right .login-img{width: 112px;height: 32px;background: url(../images/logo.png) no-repeat;background-size: contain;}
.content .info .right .login-tit{font-weight: 500;line-height: 36px;height: 36px;font-size: 24px;color: rgba(0,0,0,0.88);margin-top: 8px;}
.content .info .right .login-gray{font-size: 14px;color: rgba(0,0,0,0.4);font-weight: 400;height: 22px;line-height: 22px;}
.content .info .right .inp-box{padding-top: 16px;}
.content .info .right .inp-box>.tit{height: 18px;line-height: 18px;margin-bottom: 4px;color: rgba(0,0,0,0.88);font-size: 12px;font-weight: 400;margin-top: 16px;}
.content .info .right .inp-box .inp-list .inp{width: 100%;height: 40px;line-height: 40px; background: rgba(0,0,0,0.02);border-radius: 4px 4px 4px 4px;font-size: 14px;font-weight: 400;box-sizing: border-box;padding-left: 12px;}
.content .info .right .inp-box .inp-list .inp::placeholder{color: rgba(0,0,0,0.4);font-size: 14px;font-weight: 400;}
.content .info .right .inp-box .inp-list .code-box{position: absolute;top: 0;right: 0;display: inline-block;}
.content .info .right .inp-box .inp-list .code-box .get-code{height: 40px;line-height: 40px;font-size: 14px;color: #1963FF;cursor: pointer;}
.content .info .right .inp-box .inp-list .code-box .get-code1{font-size: 14px;color: rgba(0,0,0,0.4);}
.content .info .right .inp-box .inp-list .code-box .reset{margin-left: 8px;width: 16px;height: 16px;background: url(../images/reset.png) no-repeat;background-size: contain;margin-top: 1px;cursor: pointer;margin-top: 11px;margin-right: 11px;}
.content .info .right .inp-box .err{color: #ff5f5f;height: 40px;line-height: 40px;font-size: 14px;}
.content .info .right .inp-box .btn{background: rgba(0,0,0,0.04);color: rgba(0,0,0,0.24);font-size: 16px;height: 40px;line-height: 40px;box-sizing: border-box;border-radius: 4px;}
.content .info .right .inp-box .blue{background: #1963FF;color:#fff;}
.content .info .right .inp-box .blue:hover{background: #0c46c1;}
.content .info .right .info_agreement{margin-top: 15px;height: 20px;line-height: 20px;font-weight: 400;font-size: 14px;color: rgba(0,0,0,0.88);cursor: pointer;}
.content .info .right .info_agreement a{color: RGBA(82, 138, 255, 1);}
@media (max-width: 1600px) and (min-width: 1401px) {
  .content .info{padding-top: 50px;}
}

.footer{width: 100%;min-width: 1200px; height: 200px;background: rgba(2,13,40,0.08);box-sizing: border-box;backdrop-filter: blur(10px);}
.footer>.wrap{padding-top: 52px;background: url(../images/footer.png) no-repeat right top;background-size: 334px 200px;height: 100%;box-sizing: border-box;}
.footer>.wrap>.footer-text{margin-bottom: 16px;font-weight: 400;color: #FFFFFF;}
.footer>.wrap>.footer-text>a{margin-right: 16px;cursor: pointer;}
.footer>.wrap>.footer-text>.jgw{width: 20px;height: 20px;background: url(../images/jbw.png) no-repeat left center;background-size: contain;padding-left: 24px;}
