html,body{
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
.spring-ad {
  height: 80px;
  background: url(../img/ai-jz.png) no-repeat center center;
  position: relative;
}

.spring-close-btn {
  position: absolute;
  right: 3%;
  width: 20px;
  height: 20px;
  FONT-SIZE: 20px;
  color: white;
  top: 30px;

}
.banner-header{
  position: relative;
  width: 100%;
  display: flex;
  min-width: 1200px;
}
/* 图片 */
.banner-header-img1 {
  width: 100%;
}
.banner-header-l{
  position: absolute;
  top: 0;
  left: 0;
  width: 14%;
  z-index: 2;
}
.banner-header-r{
  position: absolute;
  top: 0;
  right: 0;
  width: 14%;
  z-index: 2;
}
.banner-close{
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 3;
  cursor: pointer;
}
.home-warp{
  background-image: url('../img/all/index_bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-width: 1200px;
  height: 650px;
  box-sizing: border-box;
}
.intr-warp{
  background-image: url('../img/all/intr_bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-width: 1200px;
  height: 890px;
  box-sizing: border-box;
}
/* 顶部 */
.a1-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1300px;
  min-width: 1200px;
  box-sizing: border-box;
  margin: 0 auto;
  padding-top: 10px;
}
.a1-l{
  display: flex;
  align-items: center;
}
.a1-l-1 img {
  vertical-align: middle;
}
.a1-l-1 .img-line {
  display: inline-block;
  width: 1px;
  height: 31px;
  background: rgba(255, 255, 255, 0.51);
  vertical-align: middle;
  margin: 0 10px 0 10px;
}
.a1-l-2{
  display: flex;
  align-items: center;
  margin-left: 68px;
}
.l-2-item{
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 22px;
  position: relative;
  padding-bottom: 5px;
  margin-right: 52px;
}
.l-2-item:nth-last-child(1){
  margin-right: 0;
}
.l-2-item-active::after{
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #FFFFFF;
  border-radius: 54px 54px 54px 54px;
  bottom: 0;
  left: 0;
}
.a1-r-not{
  display: flex;
  align-items: center;
}
.login-btn1{
  display: block;
  width: 76px;
  height: 32px;
  line-height: 32px;
  background-color: #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  font-size: 14px;
  font-weight: 400;
  color: #0B2FF7;
  text-align: center;
}
.login-btn2{
  display: block;
  width: 76px;
  height: 32px;
  line-height: 32px;
  background-color: #3662EC;
  border-radius: 4px 4px 4px 4px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  margin-left: 5px;
}
.login-btn1 img,
.login-btn2 img{
  vertical-align: middle;
}
.a2{
  margin: 0 auto;
  width: 1200px;
  box-sizing: border-box;
  padding: 100px 0;
  text-align: center;
}
.a2-text{
  font-size: 70px;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 88px;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  letter-spacing: 3px;
}
.a2-text-color{
  color: #FFC300;
}
.a2-text-top{
  position: absolute;
  top: -27px;
  right: 139px;
  font-size: 30px;
  font-weight: 500;
  color: #FFFFFF;
}
.a2-img{
  width: 710px;
}
.a2-img-intr{
  width: 309px;
}
.a2-btn{
  display: block;
  width: 267px;
  height: 62px;
  background-image: url('../img/all/open_btn_bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin: 65px auto 0;
}
.a2-btns{
  display: flex;
  justify-content: center;
  margin: 81px auto 14px;
}
.a2-btn-2{
  display: block;
  width: 340px;
  height: 92px;
  line-height: 89px;
  background-image: url('../img/all/a2_btn_2_bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  font-size: 40px;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
}
.a2-btn-3{
  display: block;
  width: 340px;
  height: 92px;
  line-height: 90px;
  background-image: url('../img/all/a2_btn_3_bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  font-size: 40px;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  margin-left: 35px;
}

.a2-btn-4{
  display: block;
  width: 360px;
  height: 60px;
  line-height: 60px;
  background-image: linear-gradient(to right, rgb(187,127,228),rgb(75,94,238));
  background-repeat: no-repeat;
  background-size: contain;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 400;
  border-radius: 1000px;
  color: #FFFFFF;
  overflow: hidden;
  text-align: center;
  /* margin-left: 35px; */
}
.a2-btn-5{
  display: block;
  width: 360px;
  height: 60px;
  line-height: 60px;
  background-image: linear-gradient(to right, rgb(187,127,228),rgb(75,94,238));
  background-repeat: no-repeat;
  background-size: contain;
  box-sizing: border-box;
  font-size: 26px;
  font-weight: 400;
  border-radius: 1000px;
  color: #FFFFFF;
  overflow: hidden;
  text-align: center;
}
.a2-btn-6{
  display: flex;
  font-size: 36px;
  color: white;
  justify-content: center;
  align-items: center;
}
.a2-btn-6 img{
  margin-right: 10px;
}
.a2-tips-1{
  font-size: 28px;
  font-weight: 400;
  color: #fff;
  line-height: 40px;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 49px;
}
.a2-tips-box{
  width: 130%;
  margin-left: -15%;
  background: rgba(28, 9, 93, 0.4);
  border-radius: 10px 10px 10px 10px;
  box-sizing: border-box;
  padding: 19px 22px 16px;
  font-size: 20px;
  font-weight: 400;
  color: #E8E3FF;
  line-height: 34px;
}
@media only screen and (max-width: 1540px) {

  .a2-tips-box{
    width: 100%;
    margin-left: 0%;
  }
}
.a3{
  height: 637px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
}
.a3-box{
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 1200px;
  margin: 0px auto 0;
}
.a3-box img{
  width: 400px;
}
.a4{
  height: 928px;
  min-width: 1200px;
  background-image: url('../img/all/a4_bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
}
.a4-main{
  height: 100%;
  min-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}
.a4-title{
  text-align: center;
  padding: 70px 0px 40px;
}
.a4-title img{
  height: 66px;
}
.a5{
  height: 928px;
  min-width: 1200px;
  background-image: url('../img/all/a5_bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
}
.a5-main{
  height: 100%;
  min-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}
.a5-title{
  text-align: center;
  padding: 70px 0px 40px;
  font-size: 50px;
  font-weight: 700;
  color: #333333;
}
.a6{
  height: 1320px;
  min-width: 1200px;
  background-image: url('../img/all/a6_bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
}
.a6-main{
  height: 100%;
  min-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}
.a6-title{
  text-align: center;
  padding: 70px 0px 70px;
  font-size: 50px;
  font-weight: 700;
  color: #333333;
}
.a6-box{
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.a6-box .a6-box-item{
  width: 371px;
  position: relative;
}
.a6-box .a6-box-item img{
  width: 100%;
}
.a6-box .a6-box-item .buy-btn{
  position: absolute;
  top: 32%;
  left: 50%;
  transform: translateX(-50%);
  width: 288px;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  color: #FFFFFF;
  background: #5B71FF;
  border-radius: 8px 8px 8px 8px;
  max-width: 78%;
}
.a7{
  height: 384px;
  min-width: 1200px;
  background-image: url('../img/all/a7_bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
}
.a7-main{
  height: 100%;
  min-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}
.a7-main h3{
  font-size: 40px;
  font-weight: 500;
  color: #FFFFFF;
  padding: 66px 0px 30px;
  text-align: center;
}
.a7-main p{
  font-size: 24px;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
}
.a7-box{
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.a7-box .form-item{
  position: relative;
}
.a7-box .form-item+.form-item{
  margin-left: 20px;
}
.a7-box .form-item input[type="text"]{
  width: 369px;
  height: 53px;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 8px 8px 8px 8px;
  outline: none;
  box-sizing: border-box;
  padding: 0 24px;
  font-size: 15px;
  font-weight: 400;
  color: #3E3E3E;
}
.a7-box .form-item .input-label{
  position: absolute;
  top: 0;
  left: 0;
}
.a7-box .form-item input.input-phone{
  padding: 0 10px 0px 77px;
}
.a7-box .form-item .submit-btn{
  width: 126px;
  height: 49px;
  line-height: 49px;
  border-radius: 8px 8px 8px 8px;
  border: 2px solid #FFFFFF;
  font-size: 20px;
  font-weight: 500;
  color: #FFFFFF;
  display: inline-block;
  text-align: center;
}
.a8{
  height: 801px;
  min-width: 1200px;
  background-image: url('../img/all/a8_bg.png');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center center;
}
.a8-box{
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 82px 0 0;
  text-align: center;
}
.a8-logo{
  width: 239px;
  margin-bottom: 39px;
}
.a8-title{
  font-size: 50px;
  font-weight: 700;
  color: #333333;
  line-height: 56px;
  letter-spacing: 4px;
  text-align: center;
  margin-bottom: 29px;
}
.a8-text{
  font-size: 22px;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  text-align: center;
}
/* 底部 */
/* .footer-con {
  background: #424242;
  height: 240px;
  min-width: 1200px;
  color: #fff;
  box-sizing: border-box;
}
.footer-con .footer-main{
  width: 1100px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-con .footer-main a{
  display: inline-block;
  color: #ffffff;
}
.footer-con .foot_l p{
  font-size: 14px;
  line-height: 24px;
}
.footer-con .foot_l p span{
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.footer-con .foot_r{
  text-align: center;
} */
/* 轮播图 */
.swiper-btn{
  margin-bottom: 80px;
}
.swiper-btn ul {
  list-style: none;
  font-size: 22px;
  font-weight: 500;
  color: #333;
  text-align: center;
}
.swiper-btn ul li{
  display: inline-block;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
}
.swiper-btn ul li + li{
  margin-left: 100px;
}
.swiper-btn ul li.active{
  font-weight: 700;
  color: #3662EC;
}
.swiper-btn ul li.active::after{
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 4px;
  background: #2D29D5;
  /* box-shadow: 0px 2px 2px 0px #2D29D5; */
  border-radius: 104px 104px 104px 104px;
}
.swiper-box{
  display: flex;
  align-items: center;
}
.swiper-main{
  position: relative;
  height: 509px;
  text-align: center;
  width: 100%;
  overflow: hidden;
}
.swiper-item{
  position: absolute;
  left: 0;
  top: 0;
  width: 1130px;
  display: inline-block;
  z-index: 0;
  transition: transform .4s ease-in-out;
  text-align: center;
  max-width: 70%;
}
.swiper-item img{
  height: 100%;
  width: 100%;
}
.swiper-item.active{
  z-index: 2;
}
.swiper-item.pre_active{
  z-index: 1;
}
.swiper-item.pre_active::after{
  content: '';
  position: absolute;
  width: 33%;
  height: 100%;
  background: linear-gradient(-270deg, rgba(237,238,255,1) 0%, rgba(112,109,254,0) 100%);
  top: 0;
  right: 0;
}
.swiper-item.next_active{
  z-index: 1;
}
.swiper-item.next_active::after{
  content: '';
  position: absolute;
  width: 33%;
  height: 100%;
  background: linear-gradient(-270deg, rgba(112,109,254,0) 14%, rgba(237,238,255,100) 100%);
  top: 0;
  left: 0;
}

.swiper-btn1 ul {
  color: #333333;
}
.swiper-btn1 ul li.active{
  font-weight: 700;
  color: #3662EC;
}
.swiper-btn1 ul li.active::after{
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 4px;
  background: #3662EC;
  border-radius: 104px 104px 104px 104px;
  box-shadow: none;
}
.swiper-con1 .swiper-item.pre_active::after{
  content: '';
  position: absolute;
  width: 33%;
  height: 100%;
  background: linear-gradient(-270deg, #ECFAFF 14%, rgba(255,255,255,0) 100%);
  top: 0;
  right: 0;
}
.swiper-con1 .swiper-item.next_active::after{
  content: '';
  position: absolute;
  width: 33%;
  height: 100%;
  background: linear-gradient(-270deg, rgba(255,255,255,0) 14%, #F0E9FB 100%);
  top: 0;
  left: 0;
}
/* 注册页 */
.register-warp {
  background-image: url('../img/all/resgister_bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-bottom: 83px;
  min-width: 1200px;
  min-height: 100%;
}
.register-head{
  box-sizing: border-box;
  padding-left: 71px;
  margin-bottom: 56px;
}
.register-head img{
  vertical-align: middle;
}
.register-head .img-line{
  display: inline-block;
  width: 1px;
  height: 31px;
  background: rgba(255, 255, 255, 0.51);
  vertical-align: middle;
  margin: 0 10px 0 10px;
}
.register-box{
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0 auto;
  justify-content: space-between;
  padding: 0 100px;
}
.register-l{
  text-align: center;
  width: calc(100% - 600px);
}
.register-l-title{
  width: 680px;
  margin-bottom: 36px;
}
.register-l-img{
  width: 700px;
}
.register-mark {
  width: 533px;
  height: 803px;
  background-color: #F0F7FF;
  box-shadow: 0px 4px 9px 0px rgba(202, 202, 202, 0.3);
  border-radius: 14px 14px 14px 14px;
  padding: 40px 53px 28px;
  box-sizing: border-box;
}
/* 未注册 */
.register-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.reg-h-t{
  font-size: 28px;
  font-weight: 500;
  color: #444444;
  position: relative;
  padding-top: 22px;
  box-sizing: border-box;
}
.reg-h-t1{
  position: absolute;
  left: 2px;
  top: -9px;
}
.reg-h-t2 {
  display: block;
  width: 120px;
  height: 7px;
  background-color: #D0E0FF;
  border-radius: 23px 23px 23px 23px;
}
.reg-h-i{
  font-size: 14px;
  font-weight: 500;
  color: #A7A7A7;
  line-height: 18px;
}
.reg-h-l{
  color: #3976E9;
}
.register-content{
  border-top: 1px solid #D8D8D8;
  box-sizing: border-box;
  padding-top: 20px;
}
.reg-check-t{
  font-size: 20px;
  font-weight: 400;
  color: #6D6D6D;
  margin-bottom: 18px;
}
.reg-tabs{
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.reg-tab{
  display: flex;
  align-items: center;
  padding-left: 20px;
  width: 194px;
  height: 83px;
  background-color: #FFFFFF;
  box-shadow: 0px 3px 9px 0px rgba(211, 211, 211, 0.3);
  border-radius: 8px 8px 8px 8px;
  box-sizing: border-box;
  color: #A0A0AC;
  cursor: pointer;
}

.reg-tab-main{
  margin-left: 7px;
}
.reg-tab-main .text1 {
  font-size: 19px;
  margin-bottom: 11px;
}
.reg-tab-main .text2 {
  font-size: 14px;
}
.reg-tab-active{
  background-color: #3976E9;
  color: #FFFFFF;
}
.reg-form input {
  outline: none;
  border: none;
  padding: 0 15px;
  width: 100%;
}
.reg-form .itemWrap{
  margin-bottom: 36px;
  position: relative;
}
.reg-form .itemWrap .error{
  display: none;
}
.reg-form .error .error{
  display: block;
  color: #FF5252;
  position: absolute;
  bottom: -26px;
  font-size: 14px;
}
.reg-form .item{
  width: 100%;
  height: 46px;
  background-color: #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #E1E1E1;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.reg-form .item input[type="text"]::placeholder,
.reg-form .item input[type="password"]::placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #CDCDCD;
}
.reg-form .code{
  border-color: transparent;
  background-color: transparent;
}
.reg-form .code .code-suff {
  display: block;
  width: 108px;
  height: 46px;
  line-height: 46px;
  background: #6A8EFF;
  border-radius: 5px 5px 5px 5px;
  font-size: 15px;
  font-weight: 400;
  color: #FFFFFF;
  margin-left: 7px;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
}
.reg-form .code input{
  width: 73%;
  height: 46px;
  background-color: #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #E1E1E1;
  box-sizing: border-box;
}

.reg-form .iphone input {
  width: 100%;
  height: 44px;
  box-sizing: border-box;
  padding: 0 15px;
  border-radius: 0 5px 5px 0;
}
.reg-form .iphone .iphone-pre {
  display: inline-block;
  width: 55px;
  height: 46px;
  line-height: 46px;
  background-color: #EDEDED;
  border-radius: 5px 0px 0px 5px;
  font-size: 15px;
  font-weight: 400;
  color: #727272;
  text-align: center;
}

.reg-btn{
  outline: none;
  width: 100%;
  height: 49px;
  line-height: 49px;
  background: #3662EC;
  border-radius: 7px 7px 7px 7px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  border: none;
  cursor: pointer;
  margin-bottom: 16px;
}
.reg-check-box{
  box-sizing: border-box;
  padding: 0 15px;
}
.reg-check-box .reg-agree-checkbox {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-top: -2px;
}
.reg-agree-link{
  font-size: 13px;
  font-weight: 400;
  color: #525252;
}
.reg-agree-link a{
  color: #6A8EFF;
}

/* 注册成功之后展示 */
.register-success {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
}
.success-main{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
}
.success-main img{
  margin-bottom: 37px;
}
.success-main .text {
  font-size: 18px;
  font-weight: 500;
  color: #444444;
  margin-bottom: 24px;
}
.register-btn-sure {
  display: inline-block;
  width: 171px;
  height: 49px;
  line-height: 46px;
  background-color: #3662EC;
  border-radius: 7px 7px 7px 7px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #FFFFFF;
  box-sizing: border-box;
}
.register-btn-line {
  display: inline-block;
  box-sizing: border-box;
  width: 171px;
  height: 49px;
  line-height: 46px;
  background: #FFFFFF;
  border-radius: 7px 7px 7px 7px;
  border: 1px solid #A0A0AC;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #999999;
  margin-left: 17px;
}
.team-reg-from{
  display: none;
}

/* 登录页 */
.login-mark{
  height: 632px;
}
.login-mark .register-content {
  padding-top: 40px;
}
.login-mark .reg-check-box {
  margin-bottom: 47px;
  box-sizing: border-box;
}
.login-choose{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login-choose a{
  font-size: 13px;
  font-weight: 400;
  color: #525252;
}
.login-other-ways{
  box-sizing: border-box;
  padding-top: 30px;
  text-align: center;
}
.login-other-ways-title{
  font-size: 12px;
  font-weight: 400;
  color: #888888;
  line-height: 14px;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}
.login-other-ways-title::before{
  content: "";
  display: block;
  position: absolute;
  width: 150px;
  height: 1px;
  background-color: #D8D8D8;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
}
.login-other-ways-title::after{
  content: "";
  display: block;
  position: absolute;
  width: 150px;
  height: 1px;
  background-color: #D8D8D8;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}
.login-other-way{
  display: inline-block;
  width: 52px;
  height: 52px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.ways-qq{
  margin-right: 36px;
  background-image: url('../img/all/icon_qq.png');
}
.ways-wexin {
  background-image: url('../img/all/icon_wexin.png');
}
.xy {
  text-align: center;
  display: block;
  margin-top: 45px;
  font-size: 16px;
  color: white;
}
.xy a {
  color: white;
}

.double-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 28px;
  color: white;
  margin: 30px auto;
  font-weight: bold;
  width: 1000px;
}
.nav-user-dropdown {
  width: 127px;
  line-height: 44px;
  position: absolute;
  top: 100%;
  display: none;
  color: #333;
  right: 0;
  background-color: white;
  border-radius: 5px;
  text-align: center;
  font-size: 16px;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
}
.video-bg{
  height: 818px;
  background: url("../img/videobg.png") center top no-repeat;
  background-size: cover;
  /* display: flex;
  align-items: center;
  justify-content: center; */
  padding: 30px 0;
  position: relative;
  box-sizing: border-box;
}
.code{
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: 600px;
}
.video-js{
  position: relative;
  /*top: -60px;*/
  border-radius: 15px;
  overflow: hidden;
  margin: 0 auto;
  display: block !important;
}
.video-box{
  width: 1154px;
  margin: 0 auto;
  height: 200px;
  background-color: red;
}
.video-js{
  width: 1154px;
  height: 649px;
}
.pay-btn-box{
  display: flex;
  justify-content: center;
  align-items: center;
}
.jg-info{
  background-color: rgb(213, 218, 255);
  color: rgb(58, 99, 221);
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 26px;
  cursor: pointer;
  margin-left: 5px;
  padding: 0 5px;
  margin-top: 10px;
  border-radius: 4px;
  width: fit-content;
}
.jg-info img{
  width: 12px;
  margin-right: 5px;
}
.info-main{
  display: flex;
  flex-direction: column;
  justify-content: center;
}