/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

@charset "utf-8";
/* usually */
html{font-family: PingFang SC, Microsoft Yahei, Avenir, Segoe UI, Hiragino Sans GB, STHeiti, "Microsoft Sans Serif", WenQuanYi Micro Hei, sans-serif;font-size: 16px;font-weight: 400;color: #080303;}
@font-face{font-family:DINNextLT;font-style:normal;src:url(../font/DINNextLTPro-Regular.otf) format("truetype");font-display:swap}
@font-face{font-family:Alimama;font-style:normal;src:url(../font/AlimamaShuHeiTi-Bold.woff)  format('woff'),url('../font/AlimamaShuHeiTi-Bold.woff2') format('woff2');font-display:swap}
body,div,h1,h2,h3,h4,h5,h6,hr,p,span,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,a,:after,:before{margin:0;padding:0;box-sizing: border-box;}
ul,ol,li{list-style:none;}
a{text-decoration: none;color: #080303}
.auto{margin-left:auto;margin-right:auto;}
.l{float:left;}.r{float:right;}.tc{text-align: center;}.ti2{text-indent: 2em;}
.db{display:block;}.dn{display:none;}.dib{display: inline-block;}
.ovh{overflow:hidden;}.rel{position:relative;}.abs{position:absolute;}
.fix:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.fix-flex:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.fix-web:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.fix-phone:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.img-responsive{max-width: 100%; height: auto; display: block;}
.ellipsis{-o-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap;}
.ellipsis1{-o-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden; display: inline-block; white-space: nowrap;}
img {border:none;display: inline-block;height: auto;max-width: 100%;}
.swiper-slide {user-select: none;}
.showmenu.nav-ul-box {
  left: 0;
}

@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

/*margin*/
.m0{margin: 0px;}
.m1{margin: 1px;}.ml1{margin-left: 1px;}.mt1{margin-top: 1px;}.mr1{margin-right: 1px;}.mb1{margin-bottom: 1px;}
.m2{margin: 2px;}.ml2{margin-left: 2px;}.mt2{margin-top: 2px;}.mr2{margin-right: 2px;}.mb2{margin-bottom: 2px;}
.m5{margin: 5px;}.ml5{margin-left: 5px;}.mt5{margin-top: 5px;}.mr5{margin-right: 5px;}.mb5{margin-bottom: 5px;}
.m10{margin: 10px;}.ml10{margin-left: 10px;}.mt10{margin-top: 10px;}.mr10{margin-right: 10px;}.mb10{margin-bottom: 10px;}
.m15{margin: 15px;}.ml15{margin-left: 15px;}.mt15{margin-top: 15px;}.mr15{margin-right: 15px;}.mb15{margin-bottom: 15px;}
.m20{margin: 20px;}.ml20{margin-left: 20px;}.mt20{margin-top: 20px;}.mr20{margin-right: 20px;}.mb20{margin-bottom: 20px;}
.mr25 {margin-right: 25px;}
/*padding*/
.p0{padding: 0px;}
.p1{padding: 1px;}.pl1{padding-left: 1px;}.pt1{padding-top: 1px;}.pr1{padding-right: 1px;}.pb1{padding-bottom: 1px;}
.p2{padding: 2px;}.pl2{padding-left: 2px;}.pt2{padding-top: 2px;}.pr2{padding-right: 2px;}.pb2{padding-bottom: 2px;}
.p5{padding: 5px;}.pl5{padding-left: 5px;}.pt5{padding-top: 5px;}.pr5{padding-right: 5px;}.pb5{padding-bottom: 5px;}
.p10{padding: 10px;}.pl10{padding-left: 10px;}.pt10{padding-top: 10px;}.pr10{padding-right: 10px;}.pb10{padding-bottom: 10px;}
.p15{padding: 15px;}.pl15{padding-left: 15px;}.pt15{padding-top: 15px;}.pr15{padding-right: 15px;}.pb15{padding-bottom: 15px;}
.p20{padding: 20px;}.pl20{padding-left: 20px;}.pt20{padding-top: 20px;}.pr20{padding-right: 20px;}.pb20{padding-bottom: 20px;}
.mt30 {margin-top: 1.56vw;}
.mb25 {margin-bottom: 25px;}
.heigh100 {height: 100%;}

.icon-plus {display: inline-block;width: 18px;height: 18px;position: relative;cursor: pointer;}
.icon-plus::before,.icon-plus:after {content: "";display: block;width: 100%;height: 2px;background-color: #fff;border-radius: 4px;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;transition: transform .3s ease-in;border-radius: 4px;}
.icon-plus:after {transform: translate(-50%,-50%) rotate(90deg);}
.icon-plus.rotate:after {transform: translate(-50%,-50%) rotate(0);}


.pages {
  text-align: center;
  padding: 35px 0;
}

.pages li {
  display: inline-block;
  font-size: 16px;
  color: #333;

}

.pages li a {
  display: inline-flex;
  padding: 0 10px;
  border: 1px solid #E5E5E5;;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  height: 31px;
  color: #333;
}


.pages li span {
  display: inline-flex;
  padding: 0 10px;
  border: 1px solid #E5E5E5;;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  height: 31px;
  color: #333;
}


.pages li.thisclass a {
  background:#0575ff;
  border-color: #0575ff;
  color: #fff;
}


.pages .page-val {
  width: 41px;
  height: 31px;
  border: 1px solid #E5E5E5;
  text-align: center;
  font-size: 16px;
}

.page-btn {
  display: inline-flex;
  padding: 0 10px;
  border: 1px solid #E5E5E5;;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  height: 31px;
  color: #333;
}


input[type="text"],input[type="password"],input[type="number"],textarea,button,input[type="email"],input[type="date"] {
  border: none;
  outline: none;
  background-color: transparent;
}
input.el-input-date,input.el-input-date1{
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0;
}
input.el-input-date::-webkit-calendar-picker-indicator,input.el-input-date1::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 0;
  padding-left: 100%;
}

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-reverse {
  flex-direction: row-reverse;
}
.align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.flex-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.just-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.just-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.no {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

.banner {position: relative;}

.banner-i {
  width: 100%;
  display: block;
}


.normal-table {width: 100%;border-collapse: collapse;}
.normal-select {
  -webkit-appearance: none;
  appearance:none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  outline: none;
  background-color: transparent;
}

.swiper-normal-button.swiper-button-disabled {
  pointer-events: all;
  opacity: 1;
}
.swiper-normal-button {
  width: 45px;
  height: 45px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 6px 6px 0px rgba(47, 164, 245, .5);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}
.swiper-normal-button::after {font-size: 24px;}

.mobile-img {display: none;}

.menu {
  margin-left: 10px;
  cursor: pointer;
  display: none;
}

.hide-pc {display: none;}
.menu i {
  display: block;
  width: 25px;
  height: 2px;
  background-color: #0575ff;
  margin-top:7px;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition:-webkit-transform 0.3s;
  transition:-webkit-transform 0.3s;
  -o-transition:transform 0.3s;
  transition:transform 0.3s;
  transition:transform 0.3s, -webkit-transform 0.3s;
}


.menu i:first-child {
  margin-top: 0;
}
.menu.rotate i:nth-of-type(1) {
  -webkit-transform: rotate(46deg);
      -ms-transform: rotate(46deg);
          transform: rotate(46deg);
}
.menu.rotate i:nth-of-type(2){
  opacity: 0;
}

.menu.rotate i:nth-of-type(3){
  -webkit-transform: rotate(-46deg);
      -ms-transform: rotate(-46deg);
          transform: rotate(-46deg);
}

.normal-place ::-webkit-input-placeholder{
  font-size: 16px;
  color: #D5D5D5;
  font-family:HarmonyOS_Sans_Regular PingFang SC,Microsoft Yahei,Avenir,Segoe UI,Hiragino Sans GB,STHeiti,"Microsoft Sans Serif",WenQuanYi Micro Hei,sans-serif;
}
.normal-place :-moz-placeholder{
  font-size: 16px;
  color: #D5D5D5;
  font-family:HarmonyOS_Sans_Regular PingFang SC,Microsoft Yahei,Avenir,Segoe UI,Hiragino Sans GB,STHeiti,"Microsoft Sans Serif",WenQuanYi Micro Hei,sans-serif;
}

.normal-place :-ms-input-placeholder{
  font-size: 16px;
  color: #D5D5D5;
  font-family:HarmonyOS_Sans_Regular PingFang SC,Microsoft Yahei,Avenir,Segoe UI,Hiragino Sans GB,STHeiti,"Microsoft Sans Serif",WenQuanYi Micro Hei,sans-serif;
}


img[class*=avatar] {border-radius: 50%;}

.hover-a a:hover {color: #0575ff;}
.hover-tit a:hover [class*=tit] {color: #0575ff;}
._h-img {transition: transform .3s ease;}
.hover-img a:hover ._h-img {transform: scale(1.1);}
.bold {font-weight: 600;}
.tl {text-align: left;}
[class*=btn] {cursor: pointer;}
.col-red {color: #ff6600;}
.col-red1 {color: #FF0000;}
input.upload-file {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0;
  cursor: pointer;
  font-size:0
}


@-webkit-keyframes circleMove {
  from {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}
@keyframes circleMove {
  from {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}

.lg_sfdh {
  animation: play_btn 0.5s infinite alternate;
}

@keyframes play_btn{
  0%{transform:scale(1.0)}
  100%{transform:scale(1.1)}
}

@keyframes hideIndex{
  0% {
    padding-top: 20px;
    opacity: 0;
  }
  100% {
      padding-top: 0px;
      opacity: 1;
  }
}

@keyframes hideIndex2{
  0%{ opacity: 0; }
  100%{opacity: 1; }
}


@media (min-width:992px) {

}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
     -webkit-transition-delay: 99999s;
     -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}



.responsive-y {overflow-y: auto;}
.responsive-x {overflow-x: auto;}

.responsive-y::-webkit-scrollbar {/*滚动条整体样式*/
  width: 4px;
  height: 0;
}
.responsive-y::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 3px;
  background: #1c79e1;
}


.drop-content {position: absolute;left: 50%;transform: translate(-50%,100%);bottom: 0;min-width: 145px;display: none;}
.drop-ul {background-color: #fff;text-align: center;}
.drop-ul>li {padding: 20px 0;}
.drop-ul>li a {
  font-size: 14px;
  color: #292B33;
}
.head:has(.nav-ul>li:nth-of-type(2):hover) {
  background-color: #fff;
}
.drop-ul>li:hover a,.drop-ul>li.on a {
  color: #FF387B;
}
.nav-ul>li:hover .drop-content {
  display: block;
  animation: hideIndex .3s ease;
}
.nav-ul>li:hover .drop-tab>a,.nav-ul>li.on .drop-tab>a{
  color: #FF387B;
}
.media-bj {display: block;}
@media (min-width:992px) {

}
.head.blur {
  backdrop-filter: blur(40px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
}
.right-fixed-bott {background-size: 100% auto;background-position: center;background-repeat: no-repeat;}
.head-left {margin-right: 8.33vw;}
.head {padding-left: 50px;padding-right: 50px;}
.head-fixed {position: fixed;width: 100%;top: 0;z-index: 998;}
.logo-img {display: block;max-width: 151px;}
.center-box {width: 68%;margin-left: auto;margin-right: auto;max-width: 1200px;min-width: 1000px;}
.nav-ul {font-size: 16px;}
.nav-ul>li {position: relative;padding-top: 18px;padding-bottom: 18px;}
.nav-ul>li + li {margin-left: 3.64vw;}
.banner-word {position: absolute;top: 45%;width: 100%;transform: translate(0,-50%);}
.banner-word2 {position: absolute;top: 50%;width: 100%;transform: translate(0,-50%);}
.banner-tit {
  font-family: Alimama;
  font-weight: bold;
  font-size: 57px;
  color: #191919;
  line-height: 80px;
}
.banner-swiper {position: absolute;bottom: 0;transform: translate(-50%,50%);left: 50%;width: 100%;}
.banner-desc {
  font-size: 20px;
  color: #292B33;
  line-height: 2em;
  margin-top: 1.56vw;
}
.swiper-banner-pagination .swiper-pagination-bullet {background-color: #fff;opacity: 0.5;transition: width .3s ease;}
.swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;width: 16px;border-radius: 999px;}
.swiper-banner .swiper-button-disabled {pointer-events: all;opacity: 1;}

.swiper-banner .swiper-banner-btn {
  border: none;
  outline: none;
  height: 36px;
  width: 36px;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
  border-radius: 50%;
  background-color: rgba(31,45,61,.11);
  color: #fff;
  font-size: 12px;
  opacity: 0;
}
.swiper-banner-prev {
  left: 16px;
  transform: translate(-50%,0);
}
.swiper-banner-next {
  right: 16px;
  transform: translate(50%,0);
}
.swiper-banner .swiper-slide {height: auto;border-radius: 20px;overflow: hidden;}
.swiper-banner:hover .swiper-banner-prev{
  opacity: 1;
  transform: translate(0,0);
}
.swiper-banner:hover .swiper-banner-next {
  opacity: 1;
  transform: translate(0,0);
}
.swiper-banner-btn:hover {
  background-color: rgba(31,45,61,.23);
}
.swiper-banner-btn::after {
  font-size: 20px;
}

.normal-tit {
  font-weight: 600;
  font-size: 2.5vw;
  color: #191919;
  line-height: 67px;
}

.normal-desc {
  font-size: 16px;
  color: #292B33;
  text-align: center;
  line-height: 2.2em;
  max-width: 745px;
  margin-left: auto;
  margin-right: auto;
}
.normal-desc2 {
  font-weight: 600;
  font-size: 14px;
  margin-top: 12px;
}
.slide-hint {
  position: fixed;
  bottom: 32px;
  display: flex;
  flex-direction: column;
  pointer-events: none;
  width: 100%;
  align-items: center;
  z-index: 5;
  user-select: none;
  font-weight: 500;
  font-size: 14px;
  color: #595C66;
  mix-blend-mode: difference;
}

.slide-arrow-down {
  width: 14px;
  height: 14px;
  background: url(https://cdn.boomlive.com.cn/public/portal/arrow-down.png) no-repeat center;
  background-size: 100%;
  animation: home-arrow-down 2s linear infinite;
}
.ccode-img {max-width: 427px;}
.live {padding: 16.66vw 0 100px;background-attachment: fixed;background:#fff8fb url(https://cdn.boomlive.com.cn/public/portal/live-bj.png) no-repeat center;background-size: 100% auto;}
.live-img {display: block;}
.live-big {
  font-size: 3.02vw;
  color: #292B33;
  line-height: 68px;
  font-family: DINNextLT;
  font-weight: 600;
}
.live-ul {margin-top: -2.70vw;}
.live-ul>li {
  width: 45.83%;
  margin-top: 5.20vw;
  position: relative;
}
.live-inner {
  position: relative;
  background: #fff;
  border: 1px solid rgba(255,255,255,0.6);
  min-height: 11.30vw;
  border-radius: 20px 60px 20px 60px;
  box-shadow: 0 12px 21px rgba(245, 87, 140, .2);
}

.live-ul>li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 95.09%;
  background: linear-gradient( 303deg, #FF387B 0%, #F5578C 100%);
  border-radius: 20px 60px 20px 60px;
  transform-origin: 0 0;
  transform: rotate(2deg);
  box-shadow: 0 12px 21px rgba(245, 87, 140, .2);
}
.live-small {
  font-size: 28px;
  color: #434251;
  margin-left: 15px;
}
.live-desc {
  font-size: 22px;
  color: #292B33;
  line-height: 26px;
  margin-top: 5px;
}

.about-us {background:#fff7fb url(https://cdn.boomlive.com.cn/public/portal/ab-bj.png) no-repeat center;background-size: cover;padding: 3.75vw 0;}
.city-ul>li {
  font-weight: 500;
  font-size: 16px;
  color: #292B33;
  line-height: 19px;
  margin-top: 20px;
  font-weight: 600;
}
.city-ul>li + li {margin-left: 5px;}
.about-us-btn {
  display: inline-flex;
  width: 200px;
  height: 70px;
  background: #FF387B;
  box-shadow: 0px 12px 20px 0px rgba(245,87,140,0.2), inset 0px 2px 1px 0px rgba(255,255,255,0.64);
  border-radius: 39px 39px 39px 39px;
  border: 1px solid  rgba(255, 56, 123, 1);
  font-weight: 500;
  font-size: 26px;
  color: #FFFFFF;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.live-left {
  width: 39.09%;
}

.consult-img {
  width: 91px;
}
.consult-btn {display: flex;width: 80.94px;height: 27.58px;border-radius: 999px;background-color: #FF387B;box-shadow: inset 0 0 6.43px rgba(255,255,255,0.64);justify-content: center;align-items: center;color: #fff;font-size: 13px;position: absolute;bottom: 0;left: 50%;transform: translate(-50%,30%);}
.w-img {width: 49px;display: block;margin-left: auto;margin-right: auto;}
@keyframes cross{
  0%{

  }
  10%{
    top: 80%;
    left: 100%;
    transform: rotate(-45deg);
  }
  100% {
    top: 80%;
    left: 100%;
    transform: rotate(-45deg);
  }
}
.footer-tmid-ul a:hover {color: #FF387B;}
.about-us-mt {margin-top: 77px;}
.footer-logo {display: block;max-width: 167px;}
.footer {background-color: #151B26;position: sticky;position: -webkit-sticky;z-index: 99;color: #fff;}
.footer a {color: #fff;}
.footer-top {padding: 56px 0 33px;}
.footer-link {display: block;}
.code-img {width: 118px;display: block;}
.footer-tright {padding-left: 5.31vw;border-left: 1px solid rgba(255,255,255,0.1);}
.code-box {margin: 19px 0 17px;}
.footer-tmid-top {
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
}
.footer-links .footer-link {display: block;font-size: 14px;;margin-top: 20px;color: rgba(255,255,255,0.7);}
.footer-tmid {padding: 0 4.47vw 0 8.43vw;}
.footer-bott {
  font-size: 14px;
  color: rgba(255,255,255,0.7);
  padding: 25px 0;
  border-top: 1px solid rgba(255,255,255,0.1);
}
.footer-bott a {
  color: rgba(255,255,255,0.7);
}
.min-width {min-width: 1200px;}
.coperation {padding: 5.98vw 0 4.68vw;background-color: #F5F5F7;background-image: url(https://cdn.boomlive.com.cn/public/portal/co-bj.png),url(https://cdn.boomlive.com.cn/public/portal/co-bj2.png);background-repeat: no-repeat,no-repeat;background-position: right top,1.68% 70.67%;}
.coper-ul>li{
  display: flex;
  align-items: flex-start;
}
.right-word{
  flex-direction: row-reverse;
}
.left-word .left-icon-info {
  padding-left: 8px;
}
.left-itime {
  font-size: 14px;
  color: #292B33;
  line-height: 17px;
}
.left-imsg {
  font-size: 18px;
  color: #262629;
  padding: 10px 17px;
  margin-top: 12px;
}
.coper-ul>li + li {margin-top: 1.82vw;}
.right-word .left-icon-info {
  padding-right: 8px;
}
.right-word .left-itime {text-align: right;}
.left-word .left-imsg{background-color: #FFCADD;border-radius: 0px 11px 11px 11px;}
.right-word .left-imsg{background-color: #E4E6EA;;border-radius: 11px 0px 11px 11px;}
.coperation-inner {border-radius: 21px ;padding: 4.68vw 0 5.05vw;margin-top: 2.39vw;}
.coperation-box {max-width: 782px;margin-left: auto;margin-right: auto;}
.vip-box {background-repeat: no-repeat;background-size: cover;background-position: center;padding: 3.90vw 0 3.33vw;background-color: #FF387B;background-image: url(https://cdn.boomlive.com.cn/public/portal/vip-bj.png);}
.vip-tit {font-size: 83.32px;font-family: Alimama;font-weight: 600;text-align: center;background: linear-gradient(to bottom, #FFFDFE, #FFBAD1);-webkit-background-clip: text;color: transparent;line-height:106.65px;}
.vip-inner {
  box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.97), 0px 18px 21px 0px rgba(214,58,110,0.53);
  border-radius: 21px 21px 21px 21px;
  padding: 3.125vw 3.12vw 4.16vw;
  margin-top: 2.08vw;
}
.vip-inner-tit {
  font-weight: 600;
  font-size:2.5vw;
  color: #292B33;
  line-height: 67px;
}
.vip-vice-tit {
  font-size: 22px;
  line-height: 28px;
  margin-top: 7px;
  color: #494949;
}
.vip-ul-bott {margin-top: 10px;}
.vip-ul>li {text-align: center;margin-top: 25px;}
.vip-ul>li + li {margin-left: 135px;}
.vip-img {height: 88px;display: block;margin-left: auto;margin-right: auto;}
.vip-yes {display: inline-block;vertical-align: middle;position: relative;top: -2px;width: 24px;}
.vip-inner-box {
  background: #FFF2F6;
  border-radius: 17px 17px 17px 17px;
  padding: 6px 3.125vw 2.23vw;
  margin-top: 1.82vw;
}
.vip-ul2>li {width: 33.33%;margin-top: 53px;display: flex;align-items: center;}
.vip-ul2-inner {font-size: 20px;color: #000000;line-height: 23px;font-weight: 500;}
.vip-ul2-inner2 {
  font-size: 16px;
  color: #000000;
  line-height: 24px;
}
.maodian{position: absolute;top: -60px;}
.maodian2 {position: absolute;top: -100px;}
.mode-content-item {position: relative;}
.model-icon {display: block;width: 30px;}
.model-ul>li.on .model-on {display: block;}
.model-ul>li.on .model-normal {display: none;}
.model-on {display: none;}
.model-icon-box {display: flex;width: 30px;height: 30px;border-radius: 50%;background: linear-gradient( 180deg, #F05287 0%, #FF387B 100%);justify-content: center;align-items: center;margin-right: 10px;}
.model-icon-box .iconfont {color: #fff;}
.on-img {display: none;}
.model-icon {width: 30px;}
.vip-span + .vip-span {margin-top: 10px;}
.model-ul>li {display: inline-flex;width: 215px;height: 62px;border-radius: 53px;justify-content: center;align-items: center;font-weight: 500;font-size: 20px;margin-top: 3.125vw;color: #000000;cursor: pointer;background-color: #fff;}
.model-ul>li.on {
  background: linear-gradient( 90deg, #FF6393 0%, #FD3478 76%);
  box-shadow: 0px 13px 21px 0px rgba(245,87,140,0.2), inset 0px 0px 6px 0px rgba(255,255,255,0.64);
  color: #FFFFFF;
}
.model-ul>li.on a {color: #fff;}
.cost-img {display: block;margin-left: auto;margin-right: auto;width: 49.68vw;max-width: 954px;}
.model-ul>li.on .model-icon-box {background: linear-gradient( 180deg, #fff 0%, #fff 100%);}
.model-ul>li.on .model-icon-box .iconfont {color: #FF387B;}
.model-ul>li + li {margin-left: 4.53vw;}
.model {padding: 3.96vw 0 0;background-position: center;background-repeat: no-repeat;background-size: cover;}
.mode-cir-top {
  font-weight: 600;
  font-size: 22px;
  color: #FF387B;
}
.mode-content {padding: 8.125vw 0 62px;}
.mode-content-inner {border-radius: 21px 21px 21px 21px;background-color: rgba(255, 255, 255, 0.72);}
.mode-ci-ricon {display: block;width: 58px;margin-right: 15px;}
.mode-ci-img {display: block;position: absolute;bottom: 0;left: 0;width: 100%;}
.mode-ci-left {width: 36.11%;display: flex;align-items: flex-end;}
.mode-ci-right {padding-left: 3.28vw;}
.mode-cir-mid {
  font-weight: 600;
  font-size:1.97vw;
  color: #191919;
  line-height: 50px;
  margin-top: 2.55vw;
}
.mode-cir-bott {
  font-size: 18px;
  color: #262629;
  margin-top: 28px;
  line-height: 1.7em;
}

.swiper-scroll .swiper-wrapper{
  -webkit-transition-timing-function: linear !important; /*之前是ease-out*/
  -moz-transition-timing-function: linear !important;
  -ms-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.v-img {display: block;width: 100%;}
.video-inner {padding-top: 10.05vw;}
.video-scroll {background-color: #010000;padding: 25px 0;position: relative;}
.video-scroll::before,.video-scroll::after {content: "";position: absolute;width: 100%;height: 25px;background: url(https://cdn.boomlive.com.cn/public/portal/v-block.png) repeat-x left center;background-size: auto 100%;}
.video-scroll::before {top: 0;}
.video-scroll::after {bottom: 0;}
.video {padding: 4.37vw 0 11.97vw;background-color: #fff;background-image: url(https://cdn.boomlive.com.cn/public/portal/video-bj.png);background-repeat: no-repeat;background-size: 100% auto;background-position: center;}
.normal-bj {background-repeat: no-repeat;background-size: cover;background-position: center;}
.video-scroll-ul>li {margin:0 10px;width: 12.5%;float: left;}
.tempWrap {width: 100%!important;}
.video-flag.top {transform: translate(0,-100%);top:  0;}
.video-flag.bottom {transform: translate(0,100%);bottom:  0;}
.video-flag {
  position: absolute;
}
.float-img {filter:drop-shadow(0px 12px 20px rgba(245,87,140,0.2));}
.vs-img {display: block;}
.partner-inner {
  background: rgba(255,255,255,0.72);
  box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.89), 0px 18px 21px 0px rgba(255,56,123,0.06);
  border-radius: 21px 21px 21px 21px;
  padding: 23px 47px 48px;
  margin: -188px 0 66px;
  position: relative;
}
.partner-ul>li {
  width: 15.09%;
  margin-left: 1.884%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  color: #FF387B;
  line-height: 16px;
  margin-top: 25px;
  position: relative;
  border-radius: 14px;
  overflow: hidden;
}
.abus::after {
  content: "";
  position: absolute;
  left: 0;
  width: 961px;
  height: 603px;
  background: #FF5E94;
  border-radius: 0px 0px 0px 0px;
  opacity: 0.11;
  filter: blur(312.20001220703125px);
  transform:translate(0,90%) rotate(-0.52deg);
  bottom:  0;
}
.partner-ul>li a {color: #FF387B;}
.partner-ul>li:nth-of-type(6n+1) {margin-left: 0;}
.partner {padding: 73px 0 226px;background:#FF387B url(https://cdn.boomlive.com.cn/public/portal/part-bj.png) no-repeat center;background-size: 100% auto;}
.p-img {display: block;}
.abus {padding: 111px 0 134px;background-color: #F5F5F7;position: relative;overflow: hidden;}
.abus-ul {margin-top: 40px;}
.abus-ul>li {background-color: #fff;width: 31.91%;margin-left: 2.12%;padding: 44px;border-radius: 16px;margin-top: 40px;box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.97), 0px 18px 21px 0px rgba(255, 56, 123, 0.06);
  border-radius: 21px 21px 21px 21px;;}
.abus-ul>li:nth-of-type(3n+1) {margin-left: 0;}
.abus-uright {padding-left: 25px;}
.abus-urtit {
  font-weight: 600;
  font-size: 22px;
  color: #191919;
  line-height: 26px;
}
.abus-urdesc {
  font-size: 16px;
  color: #666;
  line-height: 19px;
  margin-top: 10px;
}
.contact-us {background-color: #F5F5F7;padding: 111px 0 66px;}
.banner-btn-mt {margin-top: 53px;}
.contact-inner {padding: 70px;border-radius: 21px;margin-top: 38px;}
.contact-form {max-width: 395px;padding-top: 10px;}
.contact-iright {padding: 25px 0 0 66px;}
.contact-dl {
  font-weight: 400;
  font-size: 16px;
  color: #292B33;
}
.contact-dl>dt {width: 80px;}
.el-input-box {
  width: 316px;
  padding: 0 18px;
  background: #FFFDFD;
  border-radius: 11px 11px 11px 11px;
  border: 1px solid #BDBDBD;
}
.contact-ir-tit {
  font-weight: 600;
  font-size: 20px;
  color: #000000;
  line-height: 28px;
}
.el-input-val {
  width: 100%;
  flex: 1;
  height: 44px;
  font-size: 16px;
  color: #000000;
}
.el-input-box:has(.el-input-val:focus){
  border-color: #FF387B;
}
.contact-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  background: #FF387B;
  box-shadow: 0px 4px 8px 0px rgba(231,50,111,0.19);
  border-radius: 13px 13px 13px 13px;
  font-weight: 600;
  font-size: 14px;
  color: #FFFFFF;
}
.c-img {height: 120px;}
.contact-dl {margin-top: 40px;}
.normal-item {display: none;}
.normal-item:first-child {display: block;}
.normal-item1 {height: 0;overflow: hidden;}
.normal-item1:first-child {height: auto;}
.robot-box {padding: 6.04vw 0 6.09vw;background-image: url(https://cdn.boomlive.com.cn/public/portal/video-bj.png);}
.robot-inner {width: 900px; aspect-ratio: 900 /720;position: relative;margin-left: auto;margin-right: auto;}
.robot-img {display: block;width: 319px;}
.robot-itext {
  font-weight: 600;
  font-size: 38px;
  color: #191919;
  line-height: 45px;
  position: absolute;
  left: 50%;
  width: 100%;
  text-align: center;
}
.TJ-ul {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.TJ-ul>li {
  position: absolute;
}

.TJ-ul>li:nth-of-type(1) {
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  width: 113px;
  height: 46px;
}

.TJ-ul>li:nth-of-type(2){
  top: 13.88%;
  right: 8.88%;
  width: 145px;
  height: 66px;
}

.TJ-ul>li:nth-of-type(3){
  top: 52.77%;
  right: 0;
  width: 139px;
  height: 64px;
}

.TJ-ul>li:nth-of-type(4){
  top: 81.25%;
  right: 8.33%;
  width: 113px;
  height: 51px;
}

.TJ-ul>li:nth-of-type(5){
  bottom: 0;
  left: 50%;
  width: 138px;
  height: 62px;
  transform: translate(-50%,0);
}

.TJ-ul>li:nth-of-type(6){
  left: 8.88%;
  top: 81.94%;
  width: 138px;
  height: 62px;
}

.TJ-ul>li:nth-of-type(7){
  top: 56.94%;
  width: 143px;
  height: 55px;
}

.TJ-ul>li:nth-of-type(8) {
  top: 21.52%;
  left: 7.77%;
  width: 145px;
  height: 66px;
}

.robot-itext-top {top: -50px;transform: translate(-50%,-100%);}
.robot-itext-bott {bottom: -50px;transform: translate(-50%,100%);}
.know-details-btn {
  display: inline-flex;
  width: 144px;
  height: 51px;
  background: #FF387B;
  box-shadow: 0px 9px 14px 0px rgba(245,87,140,0.2), inset 0px 1px 1px 0px rgba(255,255,255,0.64);
  border-radius: 28px 28px 28px 28px;
  border: 1px solid #FF387B;
  font-weight: 600;
  font-size: 19px;
  color: #FFFFFF;
  justify-content: center;
  align-items: center;
  margin-top: 2.08vw;
}
.phone-enter-center {padding-top: 10.3125vw;}
.phone-enter-bott {margin-top: 4.01vw;}
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes home-arrow-down {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }

  20% {
    opacity: 1;
    transform: translateY(-100%);
  }
  80% {
    opacity: 1;
    transform: translate(0);
  }
  100% {
    opacity: 0;
    transform: translate(0);
  }
}
.banner-menu {
  position: absolute;
  bottom: 0;
  transform: translate(0,50%);
  z-index: 99;
  width: 100%;
  left: 0;
}
.banner-menu-ul {
  position: relative;
}
.banner-menu-ul::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255,255,255,0.72);
  box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.97), 0px 18px 21px 0px rgba(255,56,123,0.06);
  border-radius: 21px 21px 21px 21px;
  backdrop-filter:blur(4px);
}
.banner-menu-ul>li{
  padding: 32px 0;
  text-align: center;
  position: relative;
  font-size: 20px;
  color: #000000;
}
.banner-menu-ul>li::after {
  content: "";
  width: 36px;
  height: 6px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(to bottom,#FF6C9D,#FF387B);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,0);
  width: 0;
  transition: width .3s ease;
}
.banner-menu-ul>li.on>a,.banner-menu-ul>li:hover>a {color: #FF387B;}
.banner-menu-ul>li.on::after,.banner-menu-ul>li:hover::after {width: 36px;}
.mu-bott {margin-top: 20px;}
.mu-top {height: 88px;}
.mu-img {display: block;margin-left: auto;margin-right: auto;height: 88px;}
.mini-program {position: relative;}
.mini-program-inner {padding: 5.20vw 0 55px;background-color: #F5F5F7;background-image: url(https://cdn.boomlive.com.cn/public/portal/mini-bj.png);background-position: center bottom;background-repeat: no-repeat;background-size: 100% auto;}
.mini-program-group {padding-top: 10.41vw;background-color: #F5F5F7;}
.phone-img {display: block;}
.phone-img-box {margin-top: 3.125vw;}
.phone-img-box1  .phone-eitem-flag {
  top: 40%;
  left: -60px;
  transform: translate(-100%,-50%) scale(1.4);
  opacity: 0;
}
.phone-img-box .phone-eitem-bubble {opacity: 0;}


.phone-enter {padding: 31px 0;}


.phone-enter-left {position: absolute;left: -5.52vw;transform: translate(-100%,0);top: 0;}
.phone-enter-right {position: absolute;right: -5.52vw;transform: translate(100%,0);top: 4.42vw;}

.phone-enter-up-left {position:absolute;left: 25px;transform: translate(-100%,0);top: 120px;}


.phone-enter-center2 {padding: 464px 0 278px;}

.phone-enter-up-right {
  position: absolute;
  right: 0;
  top: 148px;
  transform: translate(100%,0);
}

.phone-enter-bott-left {
  position: absolute;
  left: 0;
  transform: translate(-100%,0);
  bottom: 90px;
}

.phone-enter-bott-right {
  position: absolute;
  bottom: 66px;
  right: 29px;
  transform: translate(100%,0);
}

.left-icon {display: block;width: 48px;}
.f-img {display: block;width: 58px;}

.right-fixed {position: fixed;top: 50%;transform: translate(0,-50%);right: 8px;z-index: 99;}
.right-fixed-ul {
  width: 88px;
  height:158px;
  background-color: #FF387B;
  border-radius: 28px;
  box-shadow: 0 12px 21px rgba(245, 87, 140, .2),inset 0 0 6.43px rgba(255, 255, 255, .64);
  margin-top: 27px;
  color: #fff;
  text-align: center;
  font-size: 13px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.right-consult{cursor: pointer}
.right-consult::before {content: "";width: 102px;height: 102px;border: 1px solid #ff387b;border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;animation: breathe 1s linear infinite;}

.partner-inner-mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background: rgba(255,255,255,0.9);border-radius: 14px 14px 14px 14px;border: 1px solid rgba(255,94,148,0.63);opacity: 0;visibility: hidden;transition: all .3s ease;}
.partner-ul>li:hover .partner-inner-mask {opacity: 1;visibility: visible;}
.robot-inner-center::before {content: "";width: 110%;height: 110%;position: absolute;top: 50%;left: 50%;border: 1px solid #ff387b;border-radius: 50%;transform: translate(-50%,-50%);animation: breathe 1s linear infinite;}
@keyframes breathe {
  0% {
    transform: translate(-50%,-50%) scale(1);
    opacity: 1;
  }
  25% {
    transform: translate(-50%,-50%) scale(1.05);
    opacity: 0.8;
  }
  50% {
    transform: translate(-50%,-50%) scale(1.1);
    opacity: 0.1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.banner-vice-tit {
  font-size: 29px;
  color: #292B33;
  line-height: 34px;
  font-weight: 600;
  font-family: Alimama;
  margin-top: 20px;
}
.phone-eitem-bubble {position: absolute;filter:drop-shadow(0px 12px 20px rgba(245,87,140,0.2));}

.w-bott {position: relative;top: -4px;}
.right-fixed-ul>li {flex: 1;}
.right-fixed-ul>li a {color: #fff;}
.banner-swiper-img {border-radius:20px;overflow: hidden;}
.banner-tit-img {height: 8.33vw;}
@media (min-width:1920px) {
  .mini-program-group {padding-top: 200px;}
  .robot-box {padding: 116px 0 117px;}
  .video-inner {padding-top: 193px;}
  .video {padding: 84px 0 230px;}
  .mode-cir-mid {margin-top: 49px;}
  .mode-ci-right {padding-left: 63px;}
  .model {padding: 75px 0 0;}
  .vip-inner-box  {margin-top: 35px;}
  .vip-inner-tit {font-size: 48px;}
  .vip-inner {padding: 60px 60px 80px;;}
  .vip-box {padding: 75px 0 64px;}
  .coper-ul>li + li {margin-top: 35px;}
  .coperation-inner {margin-top: 46px;padding: 90px 0 97px;}
  .coperation {padding: 115px 0 90px;}
  .mode-content {padding: 156px 0 62px;}
  .banner-tit-img {height: 8.33vw;}
  .footer-tright {padding-left: 102px;}
  .footer-tmid {padding: 0 86px 0 162px;}
  .about-us {padding: 70px 0;}
  .live-inner {min-height: 217px;}
  .live-ul>li{margin-top: 108px;}
  .phone-enter-center {padding-top: 198px;}
  .phone-enter-left {left: -106px;}
  .phone-enter-right {right: -106px;}
  .phone-enter-bott {margin-top: 77px;}
  .mini-program-inner {padding: 100px 0 55px;}
  .model-ul>li + li {margin-left: 87px;}
  .model-ul>li {margin-top: 60px;}
  .live {padding: 320px 0 100px;}
  .head-left {margin-right: 150px;}
  .nav-ul>li + li {margin-left: 70px;}
}


.block {display: block;width: 100%;}
.mt25 {margin-top: 25px;}
.tr {text-align: right;}
.hide-pc {display: none;}
.webkit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.line2 {
  -webkit-line-clamp: 2;
}
.line3 {
  -webkit-line-clamp: 3;
}
.line5 {
  -webkit-line-clamp: 5;
}
.col-eee {color: #eee;}
.col-000 {
  color: #000;
}
.col-333 {
  color: #333;
}
.col-666 {
  color: #666;
}
.col-999 {
  color: #999;
}
.fs12 {
  font-size: 12px;
}
.fs14 {
  font-size: 14px;
}
.fs16 {
  font-size: 16px;
}
.col-fff {
  color: #fff;
}
.col-fff a{
  color: #fff;
}
.col-fb {
  color: #FBFBFD;
}
.bgfff {
  background-color: #fff;
}
.theme {color: #FF387B;}
.contact-wechat,.contact-tel {
  position: relative;
}
.contact-wechat:hover .contact-hover,.contact-tel:hover .contact-hover{
  display: block;
}
.contact-hover {
  display: none;
  position: absolute;
  right: 150%;
  top: 15px;
  padding: 3px;
  width: 200px;
  border-radius: 12px;
  background-color: #fff;
}
.contact-hover img {
  display: block;
}
.contact-tel .contact-hover {
  border-radius: 50px;
}
.contact-hover::after {
  content: '';
  position: absolute;
  top: 15px;
  left: 100%;
  border-left: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.toast {
  position: fixed;
  top: 100px;
  left: 0;
  right: 0;
  margin: auto;
  width: 400px;
  display: none;
}
.toast-close {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 18px;
  color: #909399;
  cursor: pointer;
}
.toast-content {
  padding: 15px;
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
  background-color: #edf2fc;
  border: 1px solid #ebeef5;
  color: #909399;
  box-sizing: border-box;
}
.toast-success,.toast-error,.toast-warning {
  color: #fff;
}
.toast-success+.toast-close{
  color: #67C23A;
}
.toast-error+.toast-close{
  color: #f56c6c;
}
.toast-warning+.toast-close{
  color: #E6A23C;
}
.toast-success {
  background-color: #f0f9eb;
  border-color: #e1f3d8;
  color: #67C23A;
}
.toast-error {
  background-color: #fef0f0;
  border-color: #fde2e2;
  color: #f56c6c;
}
.toast-warning {
  background-color: #fdf6ec;
  border-color: #faecd8;
  color: #E6A23C;
}