ul,li{padding:0;margin:0; list-style:none;}
.content {
  position:relative;
  width:100%
}
.content .background-wrapper {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0
}
.content .background-wrapper .flex-box {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  overflow:hidden
}
.content .content-wrapper {
  position:relative;
  width:100%;
  margin:0 auto;
  max-width:1920px
}
.header {
  height:80px;
  padding:19px 0;
  background-color:transparent
}
.header .left-logo {
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center
}
.header .left-logo .logo {
  margin-left:40px
}
.header .left-logo .logo img {
  width:auto;
  height:60px
}
.header .left-logo span {
  font-size:22px;
  margin-left:16px;
  line-height:42px; font-weight:bold; color:#333;
}
.free-register a{ color:#db0909;}
.container {
  margin:0 auto;
  padding-top:5%
}
.login-form {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:flex-start
}
.login-left {
  width:60%
}
.login-left .service {
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:flex-end
}
.login-left .service strong {
  font-size:40px;
  line-height:44px;
  margin-left:8px
}
.login-left .advantage {
  font-size:46px;text-transform: uppercase;
  font-weight:bold;
  line-height:50px; text-align:left; color:#333;MARGIN-BOTTOM: 5%;width:100%;float:left;
}
.login-left .feature {
  font-size:20px;
  margin-top:5px;width:100%;float:left;
  margin-bottom:33px
}
.login-left .feature li {
  position:relative;
  padding-left:28px;
  line-height:34px;float: left;
  width: 100%; color:#666;
  text-align: left;
}
.login-left .feature li:before {
  content:'';
  position:absolute;
  top:50%;
  left:0;
  width:21px;
  height:20px;background: url('../images/icon_checked.webp') no-repeat center;
  transform:translateY(-50%); 
}
.login-left .btn {
  display:block;
  color:#fff;
  width:170px;
  font-size:16px;
  padding:10px 0;
  line-height:30px;
  text-align:center;
  font-weight:bold;
  border-radius:5px;
 background-color: #0f3c95;float:left;
  margin-top: 5%;
}
.login-left .btn:hover {
background-color: #042568;
}
.login-left .tellurion {
  position:relative;
  height:310px
}
.login-left .tellurion>.earth {
  position:absolute;
  top:-50px;
  right:143px;
  width:247px;
  height:232px;
  animation:rotating 60s linear;
  animation-iteration-count:infinite;
  z-index:3
}
.login-left .tellurion>.chassis {
  position:absolute;
  bottom:-22px;
  right:27px;
  width:480px;
  height:143px
}
.form-box {
  position:relative;
  width:40%;
  padding:0 30px 0 30px;
  background:#FFF;
  border-radius:10px;
  border:1px solid #FFF
}
.form-box .form-title {
  font-size:22px;
  line-height:36px;
  margin-top:42px; text-align:left; color:#333;
}
.form-box .free-register {
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  line-height:28px;
  margin-top:6px
}
.form-box .free-register .icon-arrow-right {
  margin-left:4px
}
.form-box .alert-error {
  height:36px;
  font-size:14px;
  line-height:24px;
  padding:5px 15px 5px 15px;
  color:var(--color-red-1);
  border:1px solid var(--color-pink-1);
  background-color:var(--color-pink-2)
}
.form-box .tab-title {
  margin-bottom:22px
}
.form-box .tab-title ul {
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center
}
.form-box .tab-title ul li {
  position:relative;
  height:30px;
  margin:0 20px
}
.form-box .tab-title li:first-child {
  margin-left:0
}
.form-box .tab-title li.active:after {
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  width:22px;
  height:3px;
  margin-top:-1px;
  border-radius:2px;
  background-color:var(--color-red-1)
}
.form-box .tab-title li a {
  display:block;
  color:var(--color-neutral-6);
  font-size:16px;
  line-height:28px
}
.form-box .tab-title .active a {
  color:var(--color-black);
  font-weight:bold
}
.tab-content .tab-inner {
  display:none
}
.tab-content .tab-inner.active {
  display:block
}
.tab-inner li {
  position:relative
}
.tab-inner li .txt {
  width:100%;
  height:44px;
  font-size:14px;
  padding:0 12px;
  border-radius:2px;
  margin-bottom:18px;
  border:solid 1px #dedede; background-color:#fff;
  outline:0
}
.tab-inner li .code {
  position:absolute;
  top:7px;
  right:12px;
  width:90px;
  height:30px
}
.tab-inner li .code img {
  width:90px;
  height:30px;
  cursor:pointer
}
.tab-inner .send-sms-code {
  position:absolute;
  top:1px;
  right:1px;
  padding:0 12px;
  height:42px;
  line-height:42px
}
.tab-inner .send-sms-code[disabled] {
  cursor:not-allowed;
  text-decoration:none;
  color:var(--color-neutral-1)
}
.tab-inner .code-login {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center
}
.tab-inner .code-login .qrcode-wrap {
  position:relative;
  height:364px;
  margin-top:19px
}
.tab-inner .code-login .qrcode-wrap .wechat-box>iframe {
  display:block;
  height:364px
}
.tab-inner .code-login .scan-tips {
  font-size:14px;
  margin-top:20px;
  line-height:32px
}
.tab-inner ul li .erro_alert {
  position:absolute;
  left:0;
  bottom:0;
  font-size:14px;
  line-height:18px;
  color:var(--color-red-1);
  display:none
}
.back-register {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:flex-start;
  width:100%;
  font-size:14px;
  line-height:14px
}
.login-btn-wrap {
  width:100%;
  height:44px;
  margin:40px 0 99px 0
}
.login-btn-wrap .login-btn {
  display:block;
  width:100%;
  height:44px;
  color:#fff;
  font-size:16px;
  text-align:center;
  border-radius:3px; background-color:#0f3c95;
}
.quick-login {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center
}
.quick-login .logo-wrap {
  width:122px;
  height:122px;
  margin-top:91px;
  border-radius:100%;
  border:1px solid var(--color-neutral-4)
}
.quick-login .logo-wrap img {
  width:120px;
  height:120px
}
.quick-login .login-name {
  max-width:100%;
  font-size:16px;
  margin-top:14px;
  line-height:32px;
  font-weight:bold;
  overflow:hidden
}
.quick-login .login-btn-wrap {
  margin-top:35px;
  margin-bottom:18px
}
.quick-login .switch-login-box {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  width:100%;
  line-height:28px;
  margin-bottom:93px
}
.container>.footer {
  margin-top:15%;width:100%;float:left;
}
.footer {
  height:auto;
  background-color:transparent
}
.footer p {
  font-size:14px;
  line-height:20px;
  margin-bottom:5px;
  text-align:center;
  color:var(--color-neutral-2)
}
.footer a {
  margin:0 8px;
  color:var(--color-neutral-2)
}
@keyframes rotating {
  from {
    transform:rotate(0)
  }
  to {
    transform:rotate(360deg)
  }
}
.background-wrapper img{height: 100vh;width: 100%;}

@media(max-width:1400px){.login-left .advantage{ font-size:40px;}.login-left {
  width: 55%;
}}

@media(max-width:1000px){
	body{ background-color:#c1e2f3;}
	.login-left{width:100%;}.form-box{width: 100%;
    float: left;}.login-form{display:block;width:100%;float:left;}
	  .login-left .advantage {
    font-size: 30px;
    line-height: 30px;
  }}