*, *::after, *::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  user-select: none;
}

body {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f0f0f0;
}

/**/
.main {
  position: relative;
  min-width: 1080px;
  min-height: 650px;
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  width: 570px;
  height: 100%;
  background-color: #fff;
  transition: 1s;
}

.logo-bq{width: 100%;text-align: center;font-size: 14px;color: #666;position: absolute;bottom: 10%;}
.logo-bq a{color: #666;}

.ym1{text-align: center;}
.ym1 .tit{font-size: 60px;color: #fff;font-weight: bold;}
.ym1 .tit span{font-family: Arial;display: block;font-size: 80px;margin-left: -20px;}
.ym1 p{font-size: 18px;color: #fff;margin: 60px 0;display: block;} 
.ym1 .reg{display: block;width: 156px;height: 48px;border: 2px solid #fff;border-radius: 20px;line-height: 48px;text-align: center;font-size: 22px;color: #fff;font-weight: bold;letter-spacing: 5px;margin: 0 auto;background: none;cursor: pointer;}
.ym1 .reg:hover{background: #fff;color: #005caa;}
.ll-g{margin: 0px auto 15px;display: block;}

.mt-tabpage{width: 380px;margin: 0 auto;}
.mt-tabpage-title{height: 68px;}
.mt-tabpage-title .mt-tabpage-item{float: left;width: 49.33%;text-align: center;}
.mt-tabpage-title .mt-tabpage-item p{font-size: 14px;color: #545353;margin-top: 10px;}

.mt-tabpage-count {position: relative;width: 100%;height: 400px;overflow: hidden;}
.mt-tabpage-cont__wrap {position: absolute;width: 100%;}
.mt-tabpage-count .mt-tabpage-item2 {width: 380px;position: relative;}
.mt-tabpage-count .mt-tabpage-item{text-align: center;}
.mt-tabpage-count .mt-tabpage-item .t1{font-size: 20px;color: #010101;margin-bottom: 30px;}
.mt-tabpage-count .mt-tabpage-item .t2{font-size: 16px;color: #545353;}
.mt-tabpage-count .mt-tabpage-item .t3{font-size: 18px;color: #545353;position: relative;}
.mt-tabpage-count .mt-tabpage-item .t3:before{content: "";width: 110px;height: 1px;background: #777676;position: absolute;top: 50%;left: 0;}
.mt-tabpage-count .mt-tabpage-item .t3:after{content: "";width: 110px;height: 1px;background: #777676;position: absolute;top: 50%;right: 0;}
.mt-tabpage-count .mt-tabpage-item .t4{margin: 30px auto;}
.t5{font-size: 14px;color: #545353;text-align: center;margin-top: 24px;}
.t5 a{color: #005ca9;}
.xuan-z[type=checkbox]{width: 12px;height: 12px;visibility:hidden;margin-right:8px;margin-top: -4px;}
.xuan-z[type=checkbox]:after{width: 100%;height: 100%;content: " ";border: 1px solid #545353;display: inline-block;visibility: visible;}
.xuan-z[type=checkbox]:checked:after {background: url(../images/tick.png) no-repeat center;}
.pop,.pop2{display: none;  width: 50%; min-height: 470px;  max-height: 500px;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  margin: auto;  padding: 25px;  z-index: 999;  border-radius: 8px;  background-color: #fff;}
.pop-top{  height:40px;  width:100%;  border-bottom: 1px #E5E5E5 solid;  }
.pop-top h2{  float: left; color: #333;}
.pop-top span{  float: right;  cursor: pointer;  font-weight: bold; display:black}
.pop-foot{  height:50px;  line-height:50px;  width:100%;  border-top: 1px #E5E5E5 solid;  text-align: right;  }
.pop-cancel{  padding:8px 20px;  margin:15px 5px;  border: none;  border-radius: 3px;  background-color: #d9262c;  color: #fff;  cursor:pointer;  }
.pop-cancel { background-color: #d9262c;  color: #fff;font-size: 14px;padding:8px 30px;}
.pop-content{  height: auto;  }
.pop-content-left{  float: left;  }
.pop-content-right{padding: 20px 20px; font-size: 15px;  line-height:30px;  }
.bgPop{  display: none;  position: absolute;  z-index: 999;  left: 0;  top: 0;  width: 100%;  height: 100%;  background: rgba(0,0,0,.4);  }
.mt-tabpage-count .mt-tabpage-item .t-bg{height: 300px;}
.yzm-dl .yzm1{width: 100%;border-radius: 20px;font-size: 15px;color: #999;border: 1px #bbb solid;box-sizing: border-box;margin-bottom: 25px;padding: 15px 20px;box-sizing: border-box;display: inline-block;}
.yzm-dl input::-webkit-input-placeholder {color: #999;}
.yzm-dl .dl-but{width: 150px;height: 48px;background: #005ca9;text-align: center;font-size: 22px;color: #fff;border-radius: 20px;letter-spacing: 4px;cursor: pointer;}

.select{position:relative;}
.select dt{display:inline-block;background: url( ../images/dl5.png) no-repeat right;font-weight:bold;cursor:pointer;width:54px;overflow:hidden;position:relative;z-index:99;font-size: 15px;color: #333;font-weight: normal;text-align: left;}
.select dd{position:absolute;left:0;top:42px;box-shadow: 0 0 10px #ddd;background:#fff;display:none;}
.select dd ul{overflow:auto;padding: 5px 14px;text-align: left;}
.select dd ul li a{line-height:30px;display:block;}
.mobile_input{width: 250px;font-size: 15px;color: #999;}
.account_code{width: 86px;font-size: 14px;color: #005ca9;background: none;text-align: right;cursor: pointer;border-left: 1px solid #bbb;}
.dl-tp{float: left;border-right: 1px solid #bbb;width: 54px;box-sizing: border-box;}
.dl-tp img{padding-left: 10px;float: left;}
.t6{text-align: right;font-size: 14px;color: #005ca9;display: block;height: 40px;}
.mt-tabpage-item3{height: auto;}
.mt-tabpage-count2{height: 500px;}

.fg85{min-width: 380px;}


/**/
.a-container {
  z-index: 100;
  left: calc(100% - 570px );
}

.b-container {
  left: calc(100% - 570px );
  z-index: 0;
}

.switch {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 510px;
  z-index: 200;
  transition: 1s;
  background: url(../images/login-ym1.jpg) no-repeat left;
  overflow: hidden;
}

/**/
.is-txr {
  left: calc(100% - 510px );
  transition: 1s;
  transform-origin: left;
}

.is-txl {
  left: 0;
  transition: 1s;
  transform-origin: right;
}

.is-z200 {
  z-index: 200;
  transition: 1s;
}

.is-hidden {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: 1s;
}

.is-gx {
  animation: is-gx 1s;
}

@keyframes is-gx {
  0%, 10%, 100% {
    width: 510px;
  }
}


.login-main{display: none;background: #fff;position: relative;height: 100vh;}
@media (max-width: 1080px){
	.login-main{display: block;}
	.com-dl,.logo-bq{display: none;}
	.ym1 .tit{font-size: 36px;}
	.ym1 .tit span{font-size: 50px;}
	.ym1 p{line-height: 30px;}
	.ll-g{margin-top: 30px;}
	.login-ym{max-width: 1180px;margin: 0 auto;border-radius: 20px;overflow: hidden;}
	.login-yml{background: url(../images/login-ym1.jpg) no-repeat left;background-size: cover;height: 650px;width: 44%;}
	.login-ymr{width: 56%;background: #fff;height: 650px;}
}

@media (max-width: 800px){
	.login-yml,.login-ymr{width: 100%;height: auto;}
	.ym1{padding-top: 50px;padding-bottom: 50px;}
	.logo-bq{position: inherit;padding: 40px 0;}
	.ym1 p{margin: 40px 0;}
	.login-ymr{padding-bottom: 40px;}
}

@media (max-width: 500px){
	.ym1 .tit{font-size: 24px;}
	.ym1 .tit span{font-size: 30px;}
	.ym1 p{font-size: 16px;margin: 30px 0;}
	.ym1 .reg{font-size: 20px;height: 42px;line-height: 36px;}
	.ll-g,.mt-tabpage-count .mt-tabpage-item .t4{width: 40%;}
	.mt-tabpage-count .mt-tabpage-item .t1{margin-bottom: 20px;}
	.mt-tabpage-count .mt-tabpage-item .t-bg{height: 240px;}
	.mt-tabpage-count{height: 340px;}
	.yzm-dl .yzm1{margin-bottom: 10px;}
	.mt-tabpage-count2{height: 350px;}
	.pop, .pop2{width: 100%;max-width: 90%;max-height: 100vh;}
	.pop-content-right{padding: 20px 0;}

}