.body-wrap{
    padding-bottom: 2rem;
    background: #FF2F29;
    overflow: hidden;
}
.dragon{
    width: 2.22rem;
    height: 3.07rem;
    position: absolute;
    top: 2.19rem;
    left: 0;
    z-index: 3;
}
.ban{
    position: relative;
}
.gifindex,.top-video-wrap{
    width: 4.01rem;
    height: 6.8rem;
    position: absolute;
    top: 2.59rem;
    left: 1.26rem;
    border-radius: 0.68rem 0.68rem 0 0;
    object-fit: cover;
    overflow: hidden;
}
.top-btn-play{
    position: absolute;
    width: 1.1rem;
    height: 1.1rem;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.top-video-cover,.top-video-wrap .pop-video{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}
#rolling {
    width: 2.43rem;
    height: 1.55rem;
    overflow: hidden;
    position: absolute;
    right: .1rem;
    top: 6.5rem;
  }
  #rolling .swiper-slide {
    width: 2.43rem;
    height: 0.42rem;
    line-height: 0.47rem;
    text-align: center;
    color: #FFFFFF;
    font-size: 0.17rem;
    border-radius: 0.21rem;
    margin-bottom: 0.14rem;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .top-gif{
    width: 4.82rem;
    height: 1.72rem;
    position: absolute;
    top: .61rem;
    left: .33rem;
  }
  .logo{
    width: 2.05rem;
    height: .48rem;
    position: absolute;
    top: 0;
    left: 0;
  }
.btnbg{
    position: absolute;
    top: 6.57rem;
    left: 0;
    z-index: 2;
}
.input-wrap{
    position: relative;
    z-index: 2;
    margin-top: -.45rem;
}
.input-box{
    width: 5.26rem;
    height: .9rem;
    margin: 0 auto;
    border-radius: .6rem;
    border: 3px solid #FFF8B6;
    overflow: hidden;
}
.input-box input{
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: .32rem;
}
.get-btn{
    width: 5.50rem;
    height: 1.46rem;
    margin: 0 auto;
    position: relative;
    margin-top: .15rem;
    margin-bottom: .15rem;
}
.get-btn .btn{
    width: 100%;
    height: 100%;
    background: url(/vrbt_v5/img/2023/42/get-btn5.png) no-repeat;
    background-size: contain;
    -webkit-animation: scale 1s ease infinite; 
    animation: scale 1s ease infinite;
}
.get-btn .hand{
    width: 1.19rem;
    height: 1.07rem;
    background: url(/vrbt_v5/img/2023/42/hand.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: .39rem;
    right: .17rem;
    animation: moveTrans 1s linear infinite alternate;

}
@-webkit-keyframes scale {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes scale {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}
@keyframes moveTrans {
    0% {
      transform: translate(0, 0);
    }
    50% {
      transform: translate(35%, 35%);
    }
    100% {
      transform: translate(0, 0);
    }
  }
  /*  */
  .item-cont{
    position: relative;
  }
  .item-bg{
    width: 6.16rem;
    height: 9.07rem;
    margin: 0 auto;
    background: linear-gradient(0deg, #EDB35D 0%, #FCCD8B 50%);
    border-radius: .26rem;
    padding: .18rem;
    box-sizing: border-box;
    position: relative;
    margin-top: 1.5rem;
    z-index: 2;
    border-top: 1px solid #FFFFFF;
  }
  .item-box{
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #FEE8BF 0%, #FFFEFF 100%);
    border-radius: .26rem;
  }
  .title1{
    width: 6.16rem;
    height: 1.71rem;
    margin: 0 auto;
    position: absolute;
    top: -1.5rem;
    left: 50%;
    transform: translate(-50%,0);
  }
  .item-box p{
    width: 4.87rem;
    margin: 0 auto;
    padding-top: .42rem;
    font-size: .27rem;
    text-align: center;
    color: #000000;
    font-style: italic;
    font-weight: 400;
  }
  .item-flex{
    display: flex;
    width: 5rem;
    margin: 0 auto;
    position: relative;
    margin-top: .3rem;
  }
  .item-flex .before{
    width: 2.06rem;
    height: 4.44rem;
    margin-top: .2rem;
    margin-right: .26rem;
  }
  .item-flex .item-sj{
    width: 2.51rem;
    height: 4.45rem;
    background: url(/vrbt_v5/img/2023/42/phone_bg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 2;
  }
  .phone_bg{
    width: 2.13rem;
    height: 4.11rem;
    position: absolute;
    top: .1rem;
    right: .36rem;
    border-radius: .1rem;
    z-index: 1;
  }
  .bom-sjtext{
    width: 3.29rem;
    height: .64rem;
    background: url(/vrbt_v5/img/2023/42/charac.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -0.7rem;
    right: -.1rem;
  }
  .arrow{
    width: 1.6rem;
    height: .85rem;
    position: absolute;
    top: 1.3rem;
    left: 1.5rem;
    z-index: 2;
  }
  .sj-btn{
    width: 3.75rem;
    height: 1.08rem;
    margin: 0 auto;
    margin-top: 1.08rem;
    background: url(/vrbt_v5/img/2023/42/btn21.png) no-repeat;
    background-size: contain;

  }
  .tips_after{
    width: 1.77rem;
    height: .41rem;
    position: absolute;
    top: -.1rem;
    right: .39rem;
    z-index: 4;
  }
  .surface{
    width: 1.79rem;
    height: 3.22rem;
    position: absolute;
    top: .5rem;
    right: .55rem;
    z-index: 3;
  }
  .item-cont1 .item-bg{
    height: auto;
    margin-top: 1.7rem;
  }
  .config-msg{
    width: 5.15rem;
    margin: 0 auto;
    color: #FFE478;
    font-size: .2rem;
  }
  /* 轮播 */
#swiper1{
    height: 6rem;
    overflow: hidden;
    padding-top: 1.3rem;
}
#swiper1 .swiper-slide {
    width: 3.06rem;
    height: 6.14rem;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    background: #fff;
    position: relative;
    z-index: 1;
    border-radius: 0.2rem;
    overflow: hidden;
    box-shadow: 2px 11px 13px -3px #EA541B;
}
#swiper1 .swiper-slide-prev,#swiper1 .swiper-slide-next{
    z-index: 2;
}
#swiper1 .swiper-slide-active {
    transform: scale(1);
    -webkit-transform: scale(1);
    z-index: 3;
    transform: translate(0,-.6rem);
}
#swiper1 .video-bg {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 0.2rem;
    margin: 0 auto;
    overflow: hidden;
}
#swiper1 .video-bg .img-cover{
    width: 100%;
    height: 100%;
}

#swiper1 .play-btn {
    display: none;
    position: absolute;
    width: 0.96rem;
    height: 0.96rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#swiper1 .swiper-slide-active .play-btn {
    display: block;
}

#swiper1 .video-slide #video {
    width: 100%;
    height: 100%;
    border-radius: 0.2rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.btn-set{
    width: 3.75rem;
    height: 1.08rem;
    margin: 0 auto;
    background: url(/vrbt_v5/img/2023/42/btn21.png) no-repeat;
    background-size: contain;
}
.btn-text{
    padding-top: .32rem;
    padding-bottom: .61rem;
    text-align: center;
    color: #D0250F;
}
.item-cont2 .item-box{
    padding: .44rem .3rem .55rem;
    box-sizing: border-box;
    color: #9B2812;
    font-size: .2rem;
}
.item-cont3 .title1{
    height: 1.31rem;
    top: -1.1rem;
}
.service-box {
    position: relative;
    z-index: 1;
}


.service-content {
    padding: .38rem 0 0 .35rem;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.service-info-title {
    font-size: 0.28rem;
    color: black;

}
.service-div {
    display: flex;
    width: 50%;
    margin-bottom: 0.49rem;
    align-items: center;
}
.service-div:nth-child(2n-1) {
    width: 42%;
}
.service-div:nth-child(2n) {
    width: 52%;
    margin-left: .15rem;
}

.service-info-content {
    font-size: 0.2rem;
    line-height: .2rem;
    margin-top: .1rem;
    color: black;
}

.service-info {
    margin-left: .11rem;
    display: inline-block;

}

.service-icon-phone {
    background: url(/vrbt_v5/img/2023/42/icon_pnum.png) no-repeat;
}

.service-icon-qq {
    background: url(/vrbt_v5/img/2023/42/icon_qq.png) no-repeat;
}

.service-icon-time {
    background: url(/vrbt_v5/img/2023/42/icon_time.png) no-repeat;
}

.service-icon-email {
    background: url(/vrbt_v5/img/2023/42/icon_email.png) no-repeat;
}

.service-icon-phone,
.service-icon-qq,
.service-icon-time,
.service-icon-email {
    width: 0.51rem;
    height: 0.51rem;
    flex: 0 0 .51rem;
    background-size: 100% 100%;
    display: inline-block;
}
.bom_btn .btn-img {
    width: 100%;
    height: 100%;
    text-shadow: 0px -3px 2px #FFF8B0;
    margin: 0 auto;
    background: url(/vrbt_v5/img/2023/42/get-btn5.png) no-repeat;
    background-size: 100% 100%;
    -webkit-animation: scale 1s ease infinite; 
    animation: scale 1s ease infinite;
}
.bom_btn{
    width: 5.5rem;
    height: 1.46rem;
    position: fixed;
    bottom: 0.3rem;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 50;
    display: none;
}
.bom_btn .hand {
    background: url(/vrbt_v5/img/2023/42/hand.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: .39rem;
    right: .17rem;
    width: 1.19rem;
    height: 1.07rem;
    -webkit-animation: moveTrans 1s infinite ease;
    animation: moveTrans 1s infinite ease;
}
.tips{
    width: 1.72rem;
    height: .79rem;
    background: url(/vrbt_v5/img/2023/42/tips.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: -.2rem;
    left: 0;
}
/*  */
.login{
    display: block !important;
}
.login-pop-layer{
    width: 5.12rem;
}
.login-pop-layer .agreement-wrap .agreement {
    width: auto;
}
.confirm-outer {
    width: 5.17rem;
    position: relative;
}
.confirm-outer .body{
    background-color: #FF2F29;
    border: 1px solid #FFC150;
    border-top: none;
    border-radius: 0 0 .17rem .17rem;
    padding: .6rem 0 .3rem;
    margin-top: -.4rem;
}

.confirm-outer .pop-title {
    top: 1.65rem;
    width: 5.49rem;
    height: auto;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
}
.confirm-outer .pop-bg {
    position: relative;
    width: 5.50rem;
    height: 3.35rem;
    left: 50%;
    transform: translateX(-50%);
}

.confirm-outer .close-btn {
    margin: 0;
    display: block;
    position: absolute;
    width: .56rem;
    height: .56rem;
    top: .04rem;
    right: .04rem;
    background: transparent;
}

.pop-cont-inner h3, .pop-layer-1 .pop-con {
    width: 4.2rem;
    font-size: .27rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .36rem;
    margin: 0 auto .15rem;
    word-break: break-all;
    text-align: center;
}
.pop-layer-1 .pop-con {
    margin-bottom: .4rem;
}

.pop-cont-inner .phone-wrap, .pop-cont-inner .code-wrap {
    margin: 0 auto;
    width: 4.49rem;
    height: .84rem;
    background: rgba(255, 219, 142, 1);
    border-radius: .42rem;
    position: relative;
}

.pop-cont-inner input {
    position: absolute;
    right: .03rem;
    top: .03rem;
    box-sizing: border-box;
    width: 4.43rem;
    height: .78rem;
    background: #FFFBFA;
    font-size: .27rem;
    font-weight: 400;
    color: #000;
    text-align: center;
    border-radius: .42rem;
}
.pop-cont-inner input::placeholder {
    color: #666666;
}

.confirm-outer .pop-btn {
    margin: .15rem auto 0;
    width: 4.62rem;
    height: 1.24rem;
    background: url(/vrbt_v5/img/2023/42/pop-btn.png);
    background-size: 100% 100%;   
}
.confirm-outer .btn-ok {
    width: 100%;
    height: 100%;
}

.pop-cont-inner .code {
    text-align: left;
    padding-left: .28rem;
}

.pop-cont-inner .verified-btn {
    position: absolute;
    font-size: .27rem;
    font-weight: 400;
    color: rgba(216, 63, 25, 1);
    top: 0.25rem;
    right: 0.35rem;
}

.verify-shadow .pop-cont .phone-wrap {
    display: none;
}
.pop-layer-1 .pop-btn {
    margin-top: .19rem;
}

.login-pop-layer .pop-msg {
    width: 4.7rem;
    color: #FFB951;
    line-height: .22rem;
    margin: .2rem auto 0;
    font-size: .19rem;
    font-weight: 400;
    max-height: 3rem;
    overflow-y: scroll;
}
.pop-layer-1  h3 {
    display: none;
}
.login-pop-layer .pop-gif{
    width: 3.14rem;
    height: 1.54rem;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
}
/* 弹窗播放样式 */
.pop-video-layer {
    left: 0;
    display: none;
    top: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    background: rgb(35, 24, 21, .8);
    z-index: 1000;
}
.pop-video-main {
    width: 4.51rem;
    height: 8.03rem;
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate3d(-50%, -50%, 0);
    background: url(/vrbt_v5/img/2023/41/phone.png);
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
}

.pop-video-close {
    width: .48rem;
    height: .48rem;
    position: absolute;
    right: -0.5rem;
    top: -0.5rem;
    z-index: 2;
}
.pop-video-wrap {
    width: 4.51rem;
    height: 8.03rem;
    position: absolute;
    left: 0;
    top: 0;
}

.pop-video-bg {
    width: inherit;
    height: inherit;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/vrbt_v5/img/2023/41/phone.png);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
}
.pop-video ,.pop-video-cover{
    position: absolute;
    overflow: hidden;
    width: inherit;
    height: inherit;
    border-radius: 0.6rem;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) !important;
}
.pop-video-call {
    width: 3.63rem;
    height: 6.52rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) !important;
}
.pop-btn-play {
    position: absolute;
    width: 1.65rem;
    height: 1.65rem;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0) !important;
    z-index: 5;
}


.pop-set-btn .hand {
    width: .97rem;
    height: .98rem;
    position: absolute;
    top: 0.4rem;
    right: 0rem;
    background: url(/vrbt_v5/img/2023/41/hand.png) no-repeat;
    background-size: contain;
    -webkit-animation: floating 1s linear infinite alternate;
    animation: floating 1s linear infinite alternate;
}

.set-btn {
    margin-top: .2rem;
}
.pop-video-title {
    font-size: .26rem;
    font-weight: 400;
    color: #FFFFFF;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) !important;
    width: 6.4rem;
    text-align: center;
    top: -.54rem;
}

.pop-tip {
    position: absolute;
    left: -.85rem;
    top: -.54rem;
    width: 2.47rem;
    height: 1.02rem;
}
.pop-set-btn {
    position: absolute;
    left: .19rem;
    bottom: -1.25rem;
    z-index: 3;
    width: 4.14rem;
    height: 1.06rem;
    background: url(/vrbt_v5/img/2023/41/pop-set-btn.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.payment-wrap {
    display: none;
    box-sizing: border-box;
    padding-left: 1rem;
    margin-top: .15rem;
    font-size: .24rem;
    font-weight: 800;
    color: #FFF3E0;
}
.payment-wrap label {
    display: flex;
    align-items: center;
    line-height: .40rem;
    flex-wrap: wrap;
}
.payment-wrap input {
    display: none;
}
.payment-wrap label span {
    color: rgba(254, 235, 74, 1);
}
.payment-wrap .radio-dot {
    margin-right: .1rem;
    flex: 0 0 .29rem;
    width: .29rem;
    height: .27rem;
    background: url(/vrbt_v5/img/2023/42/unchecked.png) no-repeat;
    background-size: 100% 100%;
}
.payment-wrap .radio-dot.selected{
    background-image: url(/vrbt_v5/img/2023/42/checked.png);
}
/* 结 */
/*00003282052753定制样式 开始*/
.item-box-328205{
    padding: .3rem;
    box-sizing: border-box;
}
.logo-qukan{
    width: 3.34rem;
    height: 1.11rem;
    border-radius: .09rem;
    border: .03rem solid #FFE3C0;
    margin: 0 auto .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.logo-qukan img{
    width: 2.09rem;
    height: .78rem;
}

.item-cont-tip{
    width: 4.97rem;
    height: 1.09rem;
    font-weight: 400;
    font-size: .27rem;
    color: #000000;
    line-height: .41rem;
    font-style: italic;
    text-align: center;
    padding: .1rem;
}
.item-cont-tip span{
    color: #F10700;
}
.video-list-wrap {
    box-sizing: border-box;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.video-list-wrap .video-item .bottom .set-vrbt-btn {
    width: 2.37rem;
    height: .67rem;
    background: url(/vrbt_v5/img/2023/42-10/btn-set.png) no-repeat center;
    background-size: 100% 100%;
    margin: .16rem auto .26rem;
}

.video-list-wrap .video-item {
    width: 2.47rem;
}

.video-list-wrap .video-item .video-box {
    width: 100%;
    height: 4.38rem;
    margin: 0 auto;
    background: none;
    border-radius: .17rem;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}

.video-list-wrap .video-box .cover-img {
    width: 100%;
    border-radius: 0.17rem;
}

.video-list-wrap .video-box .play-btn {
    width: .88rem;
    height: .88rem;
    background: transparent url("/vrbt_v5/img/2022/2/btn-play.png") center no-repeat;
    background-size: 0.88rem auto;
    -webkit-background-size: .88rem auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.44rem 0 0 -.44rem;
}

.video-list-wrap .video-box .hot {
    width: 100%;
    font-size: 0.2rem;
    color: #FFFFFF;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: .21rem;
    box-sizing: border-box;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
    display: flex;
    align-items: center;
}
.video-list-wrap .hot .fire{
    width: .22rem;
    height: .22rem;
    margin-right: .11rem;
}
.video-layer .information .vrbt-name:before{
    position: absolute;
    content: '@趣玩视频铃声';
    display: block;
    top: -.55rem;
    left: 0;
    font-size: .32rem;
}
/*登录弹窗*/

.calling{
    text-align: center;
    color: #FFF;
    font-size: .2rem;
    margin: 0 auto .2rem;
    font-weight: 500;
}
.calling .calling-title{
    color: #FFFFFF;
    padding: .1rem 0 .16rem;
}
.calling .calling-choose{
    display: flex;
    justify-content: center;
}
.calling .calling-type{
    padding: .03rem .08rem;
    line-height: .29rem;
    background: #DD1D07;
    border-radius: .07rem;
    text-align: center;
    color: #FEEB4A;
    margin-left: .09rem;
}
.calling input{
    margin-right: .09rem;
}
.calling input:nth-of-type(2){
    margin-left: .49rem;
}
.calling input[type="checkbox"]{
    position: relative;
    appearance:none;
    width:.26rem;
    height:.26rem;
    background-image:url(/vrbt_v5/img/2023/42/inptucheck.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position: center;
}
.calling input[type="checkbox"]:checked {
    background-image:url(/vrbt_v5/img/2023/42/inptcheck.png);
}
.verify-shadow .calling{
    display: none;
}
.check-pop {
    width: 4.95rem;
    background: #FFFFFF;
    border-radius: 0.2rem;
    overflow: hidden;
    z-index: 1000 !important;
}
.check-pop .title {
    font-weight: 600;
    font-size: 0.31rem;
    color: #333333;
    text-align: center;
    font-style: normal;
    margin: 0.38rem auto 0 auto;
}
.check-pop .pop-tips {
    width: 4.21rem;
    font-weight: 400;
    font-size: 0.22rem;
    color: #333333;
    line-height: 0.37rem;
    text-align: left;
    font-style: normal;
    margin: 0.34rem auto 0 auto;
}
.check-pop .pop-btn-flex {
    width: 4.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0.41rem auto 0.6rem auto;
}
.check-pop .pop-btn-flex .cancel {
    width: 1.96rem;
    height: 0.68rem;
    background: #828282;
    border-radius: 0.34rem;
    font-weight: 600;
    font-size: 0.24rem;
    color: #FFFFFF;
    line-height: 0.68rem;
    text-align: center;
    font-style: normal;
}
.check-pop .pop-btn-flex .cheke {
    width: 1.96rem;
    height: 0.68rem;
    background: #FE3059;
    border-radius: 0.34rem;
    font-weight: 600;
    font-size: 0.24rem;
    color: #FFFFFF;
    line-height: 0.68rem;
    text-align: center;
    font-style: normal;
}
.loadmore{
    width: 3.29rem;
    height: .79rem;
    margin: .1rem auto .2rem;
    background:url(/vrbt_v5/img/2023/42/btn_more.png) no-repeat;
    background-size:100% 100%;
}
/*00003282052753定制样式 结束*/