/*移动端重置样式*/
v-cloak {
  display: none;
}
html,
body {
  width: 100%;
  font-family: "Helvetica Neue", "Arial", "Hiragino Sans GB", "PingFang SC", "Heiti SC", "STHeiti", "Microsoft Yahei", "Source Han Sans SC", "Noto Sans CJK SC", "Droid Sans Fallback", "sans-serif";
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-overflow-scrolling: unset !important;
  word-wrap: break-word;
  word-break: break-all;
  margin: 0px;
  padding: 0px;
  position: relative;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  background-size: cover;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
img {
  display: block;
}
ul,p{
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-padding-start:0
}
.today,.prop-bottom-ul-li-p1{
  margin-block-start: 1em;
  margin-block-end: 1em;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
}

/* 顶部公告 */
.header-affiche{
  width:7.4rem;
  height:0.6rem;
  position: fixed;
  top:0.1rem;
  left:50%;
  transform: translateX(-50%);
  background: #e9dce2;
  display: flex;
  z-index: 35;
}

.header-affiche-logo{
  width:0.32rem;
  height:0.27rem;
  margin:0.16rem 0 0 0.08rem;
}

.header-affiche-text{
  width:6.91rem;
  height:0.3rem;
  margin:0.15rem 0 0 0.12rem;
  /* border:1px solid #000;  */
  /* overflow: hidden; */
  position: relative;
  overflow: hidden;
}

.header-affiche-text-p{
  height: 0.3rem;
  font-size: 0.2rem;
  line-height: 0.3rem;
  position: absolute;
  left:0;
  animation: textshow 40s infinite linear;
  white-space: nowrap;
}

@keyframes textshow{
  0%{
    transform: translateX(13%);
  }
  100%{
    transform: translateX(-110%);
  }
}

/* 头部 */
.header-content{
  width:7.5rem;
  height:0.65rem;
  margin: 0.8rem auto 0px;
  /* margin: 0.2rem auto 0px; */
  /* border:1px solid #000; */
  display: flex;
  position: relative;
}

/* 头部logo */
.header-logo{
  width:4.24rem;
  height:0.45rem;
  margin: 0 0 0 0.34rem;
  /* border:1px solid #000; */
  display: flex;
}

.YDlogo{
  width:1.16rem;
}

.WBlogo{
  width:1.27rem;
}

.logotext{
  width:1.32rem;
}

.header-logo img {
  float: left;
  margin: 0 0.15rem 0 0;
}

/* 头部右侧查看 */
.header-right-check{
  width:1.8rem;
  height:0.48rem;
  border-radius: 0.265rem 0 0 0.265rem;
  position: absolute;
  top:0;
  right:0;
  background-color: #f5c8ce;
  animation: mlbox infinite linear 5s;
}

.header-right-check a{
  display: flex;
}

.header-right-check img{
  width:.46rem;
  height: .44rem;
  margin:0 0 0 .17rem;
  transform-style: preserve-3d;
  animation: mlicon infinite linear 2s;
}

.header-right-check p{
  width:100%;
  font-size: 0.22rem;
  color:#882823;
  line-height: .48rem;
  text-align: center;
}

@keyframes mlbox{
  0%{
    transform: translateX(100%);
  }
  20%{
    transform: translateX(0);
  }
  80%{
    transform: translateX(0);
  }
  100%{
    transform: translateX(120%);
  }
}

@keyframes mlicon{
  0%{
    transform: rotateY(0deg);
  }
  100%{
    transform: rotateY(360deg);
  }
}

/* 头部签到模块 */
.sign{
  width:6.92rem;
  height:4.65rem;
  margin: 0 auto -.62rem;
  position: relative;
}

.sign-top{
  width:0.93rem;
  height:0.93rem;
  border-radius: 0.465rem;
  position: absolute;
  top:0;
  left:50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  z-index: 20;
}

.sign-bottom{
  width:6.92rem;
  height:4.22rem;
  position: absolute;
  bottom:0;
  left:-0.02rem;
  z-index: 10;
}

.sign-top-img{
  width:100%;
}

.sign-bottom-bg{
  width:100%;
  height: 3.6rem;
}

.sign-bottom-ul{
  width:6.34rem;
  height:1.24rem;
  /* border:1px solid #000; */
  list-style: none;
  position: absolute;
  top:0.7rem;
  left:50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  display: flex;
}

.sign-bottom-ul li{
  width:0.8rem;
  height: 1.24rem;
  position: relative;
  border-radius: 0.08rem;
  margin:0 0.06rem;
  overflow: hidden;
  /* border:1px solid #000; */
}

/* 可以抽奖样式 .todayLi */
.todayLi .sign-ul-li-bgY,.todayLi .sign-ul-li-bgLQ ,.todayLi .sign-ul-li-bgBQ ,
.todayLi .sign-ul-li-icon2,.todayLi .sign-ul-li-icon1,.todayLi .sign-ul-li-icon5,
.todayLi .sign-ul-li-icon6{
  display: none;
}

/* 未签到样式 .futureLi */
.futureLi .sign-ul-li-bgY ,.futureLi .sign-ul-li-bgLQ ,.futureLi .sign-ul-li-bgBQ ,
.futureLi .sign-ul-li-icon3,.futureLi .sign-ul-li-icon1,.futureLi .sign-ul-li-icon5,
.futureLi .sign-ul-li-icon6{
  display: none;
}

/* 已签到样式 .alreadyLi */
.alreadyLi .sign-ul-li-bgR ,.alreadyLi .sign-ul-li-bgLQ ,.alreadyLi .sign-ul-li-bgBQ ,
.alreadyLi .sign-ul-li-icon3,.alreadyLi .sign-ul-li-icon2,.alreadyLi .sign-ul-li-icon5 ,
.alreadyLi .sign-ul-li-icon6 {
  display: none;
}
.alreadyLi .today{
  color:#000;
}

/* 漏签样式 .missLi*/
.missLi .sign-ul-li-bgY ,.missLi .sign-ul-li-bgR ,.missLi .sign-ul-li-bgBQ ,
.missLi .sign-ul-li-icon3,.missLi .sign-ul-li-icon1,.missLi .sign-ul-li-icon2,
.missLi .sign-ul-li-icon6{
  display: none;
}

/* 补签样式 .addLi*/
.addLi .sign-ul-li-bgY ,.addLi .sign-ul-li-bgR ,.addLi .sign-ul-li-bgLQ ,
.addLi .sign-ul-li-icon3,.addLi .sign-ul-li-icon1,.addLi .sign-ul-li-icon2,
.addLi .sign-ul-li-icon5{
  display: none;
}

.sign-ul-li-bgR,.sign-ul-li-bgY,.sign-ul-li-bgBQ,.sign-ul-li-bgLQ{
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  left:0;
}

.sign-ul-li-icon1{
  width:0.45rem;
  height:0.45rem;
  position: absolute;
  top:0.29rem;
  left:0.18rem
}

.sign-ul-li-icon2,.sign-ul-li-icon3,.sign-ul-li-icon6{
  width:0.5rem;
  height:0.5rem;
  position: absolute;
  top:0.1rem;
  left:50%;
  transform: translateX(-50%);
}

.sign-ul-li-icon5{
  width:0.5rem;
  height:0.5rem;
  position: absolute;
  top:0.1rem;
  left:50%;
  transform: translateX(-50%);
}

.ago{
  font-size: 0.21rem;
  color:#462f1a;
  position: absolute;
  top:0.6rem;
}

.today{
  font-size: 0.25rem;
  color:#fff;
  position: absolute;
  top:0.52rem;
}

.tomorrow{
  font-size: 0.21rem;
  color:#fff;
  position: absolute;
  top:0.6rem;
}

.ago,.today,.tomorrow{
  width:100%;
  text-align: center;
  font-weight: bold;
}

.sign-btn,.sign-btn2{
  width:3.78rem;
  height:0.69rem;
  border-radius: 0.345rem;
  margin:.1rem auto 0;
  position: absolute;
  top: 2.04rem;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.sign-btn-bg,.sign-btn2-bg{
  width:100%;
  position: absolute;
  top:0;
  left:0;
  border-radius: 0.345rem;
}

.sign-btn-p1,.sign-btn2-p1{
  font-size: 0.36rem;
  color:#a10b39;
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
  margin-block-start: 0;
  margin-block-end: 0;
  width:100%;
  text-align: center;
  font-weight: bolder;
}

.sign-btn-p2{
  font-size: 0.36rem;
  color:#7b7b7b;
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
  margin-block-start: 0;
  margin-block-end: 0;
  width:100%;
  text-align: center;
  font-weight: bolder;
}

.sign-btn-hand{
  width:0.69rem;
  height:0.91rem;
  position: absolute;
  top:0.14rem;
  left:3.42rem;
  animation: 1s change infinite;
}

.changeBtn{
  display: none;
}

/* 动画变大变小效果 */
@keyframes change{
  0%{
    height:0.69rem;
    width:0.91rem;
  }
  50%{
    height:0.79rem;
    width:1.01rem;
  }
  100%{
    height:0.59rem;
    width:0.81rem;
  }
}

.sign-footer{
  width:3.4rem;
  height:0.41rem;
  position: absolute;
  top:3rem;
  left:50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  /* border:1px solid #000; */
  color:#fff;
}

.sign-footer-JP{
  width:1.6rem;
  height:100%;
  position: absolute;
  left:0;
  /* border:1px solid #fff; */
}

.sign-footer-span1{
  font-size: 0.4rem;
  font-weight: bolder;
  position: absolute;
  top:-0.1rem;
  left:50%;
  transform: translateX(-50%);
}

.sign-footer-GZ{
  width:1.6rem;
  height:100%;
  position: absolute;
  top:0;
  right:0;
  /* border:1px solid #fff; */
}

.sign-footer-JP-img,.sign-footer-GZ-img{
  width:0.29rem;
  position: absolute;
  top:0.08rem;
}

.sign-footer-JP-span,.sign-footer-GZ-span{
  font-size: 0.24rem;
  position: absolute;
  bottom:0;
  left:0.3rem;
  color:#fff;
}

.sign-shadow{
  width:7.13rem;
  height:3.22rem;
  position: absolute;
  top: 0.82rem;
  left:50%;
  transform: translateX(-49%);
  z-index: -1;
}

.sign-shadow img{
  width:100%;
}


/* 道具模块 */
.prop-title{
  width: 6.52rem;
  height: 0.56rem;
  margin:0.3rem auto 0;
}

.prop-title-p{
  font-size: 0.36rem;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.prop-title-p span{
  font-size: .26rem;
  color:#3c3c3c;
  font-weight: 400;
}

.prop{
  border:0.01rem solid #cc9b96;
  width:7.03rem;
  border-radius:0.2rem;
  margin:0.2rem auto 0;
  background: #fff;
  box-shadow: 0 0.2rem 0.3rem #dddde0;
  padding:0 0 1px;
}

.prop-top{
  width:7.03rem;
  height:0.89rem;
  border-radius: 0.2rem 0.2rem 0 0;
  /* border-bottom: 1px solid #000; */
  position: relative;
  background-image: url(../images/index-banner-txtBG.png);
  background-size: 100%;
  display: flex;
  justify-content: space-evenly;
}

.prop-top div{
  width:1.16rem;
  height:.89rem;
  line-height: 1.2rem;
  font-size: .28rem;
  text-align: center;
  color:#333333;
  position: relative;
}

.prop-top div span{
  width:.36rem;
  height:.36rem;
  border-radius: .18rem;
  text-align: center;
  line-height: .36rem;
  font-size: .22rem;
  color:#fff;
  background:#d41e06;
  position: absolute;
  top: 0.1rem;
}

.prop-top .prop-top-choose{
  border-bottom: .03rem solid #bc271c;
  color:#bc271c;
  font-weight: bold;
}

.prop-top .prop-top-choose span{
  font-weight:300;
  color:#fff;
}

.prop-show{
  height:4.2rem;
  padding:0 0 .3rem;
  overflow-x: hidden;
  position: relative;
  overflow-y: scroll;
}

.useprop-ul{
  width: 6.8rem;
  margin: .2rem auto;
}

.useprop-ul-li{
  width:6.74rem;
  height:1.47rem;
  background-image: url('../images/usecard-bg.png');
  background-size: 100% 100%;
  margin:0 auto .2rem;
  display: flex;
  }
  
  .usecard-icon{
  width:1.48rem;
  height:1.47rem;
  background-image: url('../images/usecard-fanbei.png');
  background-size:.99rem .94rem;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  }
  
  .usecard-icon2{
  background-image: url('../images/usecard-manqian.png');
  }
  
  .usecard-icon3{
  background-image: url('../images/usecard-buqian.png');
  }
  
  .usecard-icon4{
  background-image: url('../images/usecard-manghe.png');
  }
  
  .usecard{
  width:5.26rem;
  height:1.47rem;
  }
  
  .usecard-p1{
  width:5.26rem;
  height:.74rem;
  font-size: .28rem;
  color:#17130e;
  line-height: 1rem;
  margin:0 0 0 .2rem;
  display: flex;
  position: relative;
  font-weight:bolder;
  }
  
  .usecard-p2{
  width:5.26rem;
  height:.73rem;
  font-size: .24rem;
  color:#17130e;
  line-height: .73rem;
  margin:0 0 0 .2rem;
  }
  
  .usecard-p1 span{
    width: 1.35rem;
    height: 0.45rem;
    font-size: .24rem;
    color: #fff;
    background-image: -webkit-linear-gradient(top,#ed5b53,#d44137,#bc281c);
    display: block;
    line-height: .45rem;
    text-align: center;
    border-radius: 0.23rem;
    position: absolute;
    top:.25rem;
    left:3.4rem;
  }

.useprop-none{
  width:2.81rem;
  /*height:3.7rem;*/
  margin:-.3rem auto 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: none;
  }

.useprop-none img {
  width: 1.405rem;
  height: 1.285rem;
  display: block;
  margin: 0 auto;
}
  
  .useprop-none p{
  font-size: .35rem;
  text-align: center;
  margin:.24rem auto 0;
  font-weight: bold;
  }
  
  .useprop-none-btn{
    width: 6rem;
    height: .6rem;
    position: absolute;
    bottom: -.95rem;
    left:50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
  }
  
  .useprop-none-btn div{
    width: 2.74rem;
    height: .6rem;
    font-size: .32rem;
    text-align: center;
    line-height: .6rem;
    border-radius: .3rem;
    background-image: -webkit-linear-gradient(top,#f09854,#ec5561);
    color: #fff;
  }

.usecard-p1 strong{
  font-size: .3rem;
  color:#e3525b;
  position: absolute;
  left:2.4rem;
}

/* 轮播样式 */
.swiper-container {
  width: 6.35rem;
  height: 1.87rem;
  margin:.2rem auto 0;
}

.swiper-container img{
  width:100%;
  height:100%;
  margin:0 auto;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
}

.swiper-pagination-bullet-active {
  color: #fff;
  background: #007aff;
}

.lunbo{
  width:6.35rem;
  height:1.87rem;
  background-size: 100% 100%;
  border-radius: .3rem;
}

.lunbo1{
  background-image:url('../images/djlb-1.png');
}

.lunbo2{
  background-image:url('../images/djlb-2.png');
}

.lunbo-content{
  width:2.02rem;
  height:1.78rem;
  position: relative;
  padding:1px 0 0;
}

.lunbo-content-title{
  width:1.97rem;
  height:.38rem;
  background-image: url('../images/new-titlebg1.png');
  background-size: 100% 100%;
  font-size: .24rem;
  text-align: center;
  color:#552307;
}

.lunbo-content-p1,.lunbo-content-p3{
  font-size: .3rem;
  font-weight: bolder;
  color:#fff;
  margin:.25rem 0 0 0;
  width:100%;
  text-align: center;
}

.lunbo-content-p2{
  font-size: .3rem;
  color:#fff;
  margin:.22rem auto 0;
  width:100%;
  text-align: center;
  width:1.68rem;
  height:.45rem;
  line-height: .45rem;
  border-radius: .23rem;
  background-image: -webkit-linear-gradient(top,#ed5b53,#d34137,#bc281c);
}

.lunbo-content-p3{
  margin:.63rem 0 0 0;
}

.prop-bottom{
  width:7.03rem;
  /* border:1px solid #000; */
}

.prop-bottom-ul{
  width:6.69rem;
  margin:0 auto;
  display: flex;
  /* border:1px solid #000; */
  list-style: none;
  flex-wrap: wrap;
  /* justify-content: space-evenly; */
}

.prop-bottom-ul li{
  width: 2.06rem;
  height: 3.4rem;
  margin: 0.2rem 0.08rem 0;
  position: relative;
  background-image: url('../images/new-cardbg.png');
  background-size: 100% 100%;
}

.card-title{
  width:.88rem;
  height:.31rem;
  background-image: url('../images/new-titlebg2.png');
  background-size: 100% 100%;
  font-size: .24rem;
  text-align: center;
  color:#fff;
}

.card-logo{
  /* width:.82rem; */
  height:.82rem;
  position: absolute;
  top:.4rem;
  right:.14rem;
}

.card-p1{
  font-size: .28rem;
  font-weight: bolder;
  color:#8e0e00;
  margin:.2rem 0 0 .1rem;
}

.card-p2{
  font-size: .24rem;
  color: #671e16;
  margin:.8rem 0 0 .1rem;
}

.card-p3{
  font-size: .24rem;
  margin:.26rem 0 0 .15rem;
  color: #e3525b;
}

.card-p3 strong{
  font-size: .3rem;
}

.card-p3 span{
  text-decoration:line-through;
  margin: 0 0 0 0.6rem;
  color: #808080;
}

.card-p4{
  width:1.54rem;
  height:.45rem;
  font-size: .25rem;
  text-align: center;
  line-height: .45rem;
  border-radius: .24rem;
  margin:.1rem auto;
  color:#fff;
  background-image: -webkit-linear-gradient(top,#ed5b54,#d44037,#bb281b);
}

/* 部分道具(li)被隐藏 */
.prop-bottom-ul-li-hide{
  display: none;
}

.prop-footer-text{
  width:6.34rem;
  height:1rem;
  margin:0 auto 0;
  position: relative;
}

.prop-footer-text-p1{
  font-size: 0.24rem;
  color:#acacac;
  margin-block-start: 0;
  margin-block-end: 0;
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
}

.prop-footer-text-img{
  position: absolute;
  top:50%;
  right:2.1rem;
  transform:translateY(-50%);
  width:0.21rem;
}

/* 弹窗——新版道具弹出 */
.djtc-title{
  width:3.44rem;
  height:.5rem;
  background-image: url('../images/djtc-titlebg.png');
  background-size: 100%;
  font-size: .28rem;
  text-align: center;
  line-height: .5rem;
  color:#ee3a33;
  position: absolute;
  top: 0;
  left:50%;
  transform: translateX(-50%);
}

.djtc-main{
  width:7rem;
  margin:0 auto;
}

.djtc-main-header{
  width:6.84rem;
  height:1.77rem;
  margin:0 auto;
  display: flex;
}

.djtc-tab{
  width: 2.28rem;
  height: 1.77rem;
  background-image: url(../images/djtc-bg.png);
  background-size: 2.07rem 1.21rem;
  background-repeat: no-repeat;
  background-position: 50% 80%;
  /* margin: 0 0.07rem 0; */
  transition: all .5s;
}

.djtc-tab-p1,.djtc-tab-p3,.djtc-tab-p2{
  font-size: .26rem;
  text-align: center;
  color:#d93c35;
}

.djtc-tab-p1{
  margin: .04rem 0 0 ;
}

.djtc-tab-p2{
  color:#590500;
  margin: 0.26rem auto 0.2rem;
  font-weight: bold;
}

.tab-choose{
  background-image: url('../images/djtc-choose-bg.png');
  background-size: 2.28rem 1.77rem;
  background-position: 50% 0;
}

.tab-choose p:first-child{
  color:#fff;
}

.djtc-main-content{
  transition: all .5s;
}

.djtc-text{
  width:7rem;
  /* height:3rem; */
  padding:.32rem .32rem .04rem;
  box-shadow: 0rem 0rem 0.4rem #d5d5d5;
  border-radius: .3rem;
  margin:.4rem auto 0;
  position: relative;
}

.trigon{
  border-left: .2rem solid transparent;
  border-right: .2rem solid transparent;
  border-bottom: .3rem #fff solid;
  box-shadow:inset 0rem 0rem 0.4rem #d5d5d5;
  position: absolute;
  top: -0.3rem;
  left: 0.8rem;
}

.trigon-center{
  left: 3.3rem;
}

.trigon-right{
  left:5.5rem;
}

.djtc-text p{
  font-size: .24rem;
  color:#574546;
  background-image: url('../images/djtc-circle.png');
  background-size:.1rem ;
  background-repeat: no-repeat;
  background-position: 0 50%;
  width:100%;
  padding-left: .3rem;
  margin:0 0 .2rem 0;
}

.djtc-usetext{
  width:100%;
  text-align: center;
  margin:.2rem auto;
  font-size: .26rem;
  color:#2e3438;
}

.djtc-usetext strong{
  font-size: .28rem;
  font-weight: bolder;
  color:#ef3c35;
}

.djtc-price{
  width:7rem;
  height:.8rem;
  border-radius: .4rem;
  margin:.3rem auto 0;
  position: relative;
  background-image: -webkit-linear-gradient(top,#f3d7af,#eccea3,#e6c698);
}

.djtc-price-p{
  font-size: .3rem;
  line-height: .8rem;
  margin:0 0 0 .4rem;
  color:#190002;
}

.djtc-price-p strong{
  font-size: .37rem;
  color:#2e3438;
}

.djtc-price-p span{
  font-size: .26rem;
  color:#808080;
  text-decoration: line-through;
  margin:0 0 0 .44rem;
}

.djtc-price-btn{
  width:2.67rem;
  height:.92rem;
  background-image: url('../images/djtc-redbtn.png');
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top:50%;
  transform: translateY(-50%);
  font-size: .36rem;
  text-align: center;
  color:#fff8e9;
  line-height: .92rem;
}

.djtcyc{
  display: none;
}

.toaffiche{
  position: fixed;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
  width:100%;
  height:100%;
  background: rgba(0, 0, 0, .6);
  z-index: 999;
}

.toaffiche-content{
  width: 4.84rem;
  height: 7.49rem;
  background-image: url('../images/to-affiche.png');
  background-size: 100% 100%;
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
}

.toaffiche-close{
  width:.65rem;
  height:.65rem;
  background-image: url('../images/getMB-close.png');
  background-size: 100% 100%;
  position: absolute;
  top: -0.9rem;
  right: -0.3rem;
}

.toaffiche-main{
  width: 4.84rem;
  height: 7.49rem;
}

/* 弹窗——购买道具二次确认 */
.reconfirm-bg{
  width:100%;
  height:100%;
  background: rgba(0, 0, 0, 0.75);
  position: fixed;
  top:0;
  left:0;
  z-index: 800;
}

.showbox5,.showbox2,.showbox4,.showbox3,.showbox7,.showbox6,.showbox10,
.showbox8,.showbox9,.showbox11,.showbox12,.showbox13{
  display: none;
}

.reconfirm-content{
  width:5.6rem;
  height:6.74rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  /* border:1px solid #fff; */
}

.reconfirm-content2{
  width:5.57rem;
  height:6.73rem;
  /* border:1px solid #fff; */
  position: absolute;
  top:3.5rem;
  left:50%;
  transform: translateX(-50%);
}

.reconfirm-bg-img{
  width:100%;
}

.reconfirm-content-top{
  width:1.86rem;
  height:2.64rem;
  position: absolute;
  top:0.62rem;
  left:50%;
  transform: translateX(-50%);
}

.reconfirm-content-top-img{
  width:100%;
}

.reconfirm-content-close{
  width:0.65rem;
  height:0.65rem;
  position: absolute;
  top:-1.18rem;
  right:-0.21rem;
}

.reconfirm-BQK{
  width:3.92rem;
  position: absolute;
  top:-0.56rem;
  left:50%;
  transform: translateX(-50%);
  z-index: -1;
}

.new-close{
  top:-1rem;
}

.reconfirm-content-close-img{
  width:100%;
}

.new-BQKbg{
  position: absolute;
  top:0;
  left:0;
  z-index: -2;
}

.BQK-p1{
  font-size: 0.44rem;
  width:100%;
  text-align: center;
  font-weight: bolder;
  color:#d60f20;
}

.BQK-p2{
  font-size: 0.3rem;
  width:100%;
  text-align: center;
  color:#787474;
  margin:0.24rem 0 0;
}

.BQK-p2 span{
  font-size: 0.35rem;
  font-weight: bolder;
  color:#d60f20;
}

.BQK-ul{
  width:5.1rem;
  height:1.3rem;
  /* border:1px solid #000; */
  margin:1.8rem auto 0;
  list-style: none;
}

.BQK-ul-li{
  margin:0 0 0.18rem 0;
}

.BQK-ul-li p{
  font-size: 0.24rem;
  color:#574042;
}

.BQK-ul-li p img{
  display: inline-block;
  margin:0 0.14rem 0 0;
}

.reconfirm-content-title{
  width:4.22rem;
  height:0.9rem;
  position: absolute;
  top:1rem;
  left:50%;
  transform: translateX(-50%);
  border-bottom: 0.01rem solid #e6b9bd;
}

.reconfirm-content-title-p{
  font-size: 0.48rem;
  font-weight: bolder;
  width:100%;
  text-align: center;
  margin:0;
  color:#d60f20;
  margin-block-start: 0;
  margin-block-end: 0;
}

.reconfirm-content-text{
  width:4.94rem;
  height:3rem;
  position: absolute;
  bottom:1.14rem;
  left:50%;
  transform: translateX(-50%);
  overflow: auto;
}

.reconfirm-content-text p{
  margin-block-start: 0;
  margin-block-end: 0;
  font-size: 0.24rem;
  width:100%;
  color:#573e40;
  margin:0.1rem 0;
}

.reconfirm-content-leftbtn,.reconfirm-content-rightbtn{
  width:2.47rem;
  height: 0.83rem;
  position: absolute;
  bottom:0.24rem;
  border-radius: 0.42rem;
  background-image: -webkit-linear-gradient(top,#e95561,#db3b49,#cc2130);
}

.reconfirm-content-leftbtn{
  left:0.26rem;
}

.reconfirm-content-rightbtn{
  right:0.26rem;
}

.leftbtn2,.rightbtn2{
  top:7.2rem;
}

.new-btn{
  left:50%;
  bottom:0.3rem;
  transform: translateX(-50%);
}

.reconfirm-content-leftbtn-p,.reconfirm-content-rightbtn-p{
  font-size: 0.4rem;
  font-weight: bolder;
  width:100%;
  text-align: center;
  color:#fff;
  line-height: 0.83rem;
  margin-block-start: 0;
  margin-block-end:0;
}

.new-p{
  font-size: 0.4rem;
  font-weight: 300;
}

/* .reconfirm-content-text span{
  width:4.6rem;
  position: absolute;
  left:50%;
  transform: translateX(-50%);
} */

.reconfirm-content-text img{
  display: inline-block;
  width:0.1rem;
  margin: 0 0.14rem 0 0 ;
}

/* 弹窗——道具去使用 */
.useprop-bg,.PKchoose,.djtc{
  width:100%;
  height:100%;
  background: rgba(0, 0, 0, 0.75);
  position: fixed;
  top:0;
  left:0;
  z-index: 800;
  display: none;
}

.useprop,.djtc-content{
  width: 7.5rem;
  position: absolute;
  bottom: 0rem;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  transition: all 1s;
  border-radius: .3rem .3rem 0 0;
  background: #ffffff;
  padding: 0 0 0.4rem 0;
  /*height: 8.8rem;*/
  /* padding: 0 0 .8rem 0;*/
}

.usepropchange{
  height: 8.8rem;
}

.usepropshow{
  transition: all .5s;
  transform: translateX(-50%) translateY(0%);
}

.useprop-p,.djtc-content-p{
  font-size: 1rem;
  margin:0 0 0 6.7rem;
  color:#cacaca;
}

.reconfirm-content-text-p1 span{
  color:#d61021;
}

/* 弹窗——使用道具二次确认 */
.textStyle{
  width: 4rem;
  margin: 0 auto;
  top: 2.5rem;
  height: 1.6rem;
}

.bqcf{
  height: 4rem;
  width: 5rem;
}

.textStyle p{
  font-size: 0.34rem;
  color:#000;
}

.leftbtnStyle,.rightbtnStyle{
  top:4.5rem;
}

.leftbtnStyle{
  background-image: -webkit-linear-gradient(top,#d7d1d2,#aeacac,#929292);
}

.closeStyle{
  top:8.54rem;
  left:50%;
  transform: translateX(-50%);
  height:1.1rem;
}

.reconfirm-SX{
  width:0.03rem;
  position: absolute;
  left:50%;
  transform: translateX(-50%);
}

.reconfirm-content-close-img2{
  width:0.65rem;
  position: absolute;
  bottom:0;
  left:50%;
  transform: translateX(-50%);
}

.reconfirm-content-text-p1{
  width:100%;
  text-align: center;
}

/* 趣味签到模块 */
.liking-title{
  width:6.52rem;
  height: 0.62rem;
  margin:0.3rem auto 0;
}

.liking-title-p{
  font-size: 0.36rem;
  font-weight: bolder;
}

/* 组团签到--已签到20天 */
.cluster,.pk{
  width:7.06rem;
  height:3.12rem;
  border-radius: 0.2rem;
  margin:0.15rem auto 0;
  background: #fff;
  border:0.01rem solid #cb9b97;
  position: relative;
}

.cluster-img-bg,.pk-img-bg{
  width:6.77rem;
  height:2.78rem;
  border:0.2rem;
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
}

.cluster-p1{
  font-size: 0.32rem;
  font-weight: bolder;
  position: absolute;
  top: 0.3rem;
  left:0.4rem;
}

.cluster-btn{
  width:4rem;
  height:0.42rem;
  border-radius: 0.24rem;
  /* background: #f2c7b9; */
  position: absolute;
  top:0.3rem;
  right:0.1rem;
}

.cluster-btn-p1{
  font-size: 0.3rem;
  color:#c43527;
  line-height: 0.42rem;
  width:100%;
  text-align: center;
  margin-block-start: 0;
  margin-block-end: 0;
  font-weight: bold;
}

.cluster-btn-span1{
  color:#bd211d;
}

.cluster-myteam{
  width:1.9rem;
  height:0.31rem;
  border-radius: 0.155rem;
  background: #f2c7b9;
  position: absolute;
  top:0.75rem;
  right:0.44rem;
}

.cluster-myteam-img{
  width:0.4rem;
  position: absolute;
  bottom:0;
  left:-0.1rem;
}

.cluster-myteam-p{
  width:100%;
  font-size: 0.21rem;
  color:#3c3c3c;
  position: absolute;
  top:50%;
  left:0.4rem;
  transform: translateY(-50%);
  margin-block-start: 0;
  margin-block-end: 0;
}

.cluster-ul{
  width:5.4rem;
  height:1.7rem;
  position: absolute;
  top:1.11rem;
  left:0.22rem;
  /* border:1px solid #000; */
  list-style: none;
  display: flex;
  border-radius: 0.2rem;
  background: -webkit-linear-gradient(top,#ffeae4,#ffe0d7,#ffe0d7);
}

.cluster-ul li{
  /* border:1px solid #000; */
  flex-grow: 1;
  margin: 0 0 0 0.2rem;
  position: relative;
}

.cluster-ul-li-img1{
  width:1rem;
  height:1rem;
  position: absolute;
  top:0.2rem;
  left:50%;
  transform: translateX(-50%);
}

.cluster-ul-li-img2{
  width:0.6rem;
  height:0.6rem;
  position: absolute;
  top:0.38rem;
  left:50%;
  transform: translateX(-50%);
}

.cluster-ul-li-img3{
  width:0.34rem;
  height:0.34rem;
  position: absolute;
  top:0rem;
  left: 50%;
  transform: translateX(-50%);
}

.cluster-ul-li-btn2{
  width:1rem;
  height: 0.33rem;
  border-radius: 0.165rem;
  position: absolute;
  left:50%;
  top:1rem;
  transform: translateX(-50%);
  background: -webkit-linear-gradient(top,#fce7b3,#dfc183,#c7a25a);
}

.cluster-ul-li-btn2-p1{
  font-size: 0.24rem;
  color:#000;
  width:100%;
  text-align: center;
  line-height: 0.35rem;
  font-weight: bolder;
  margin-block-start: 0;
  margin-block-end: 0;
}

.cluster-ul-li-p1{
  font-size: 0.23rem;
  position: absolute;
  top:0.58rem;
  left:0.3rem;
  width:1rem;
}

.cluster-ul-li-p2{
  font-size: 0.23rem;
  position: absolute;
  top: 1.4rem;
  left:50%;
  transform: translateX(-50%);
  color:#696464;
  width: 1.3rem;
  text-align: center;
}

.cluster-ul-li-img4{
  width: 0.66rem;
  height: 0.66rem;
  position: absolute;
  top: 0.34rem;
  left: 50%;
  transform: translateX(-50%);
}

.cluster-ul-li-btn{
  width:1rem;
  height:0.35rem;
  border-radius: 0.5rem;
  background: #bd211d;
  position: absolute;
  top:1rem;
  left: 50%;
  transform: translateX(-50%);
}

.remind{
  background: #6b501a;
}

.already{
  background:#757575;
}

.signOk{
  background:#aa802b;
}

.cluster-ul-li-btn p{
  color:#fff;
  font-size: 0.2rem;
  width:1.2rem;
  text-align: center;
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
  margin-block-start:0;
  margin-block-end: 0;
}

.cluster-ul-img{
  width:0.28rem;
  position: absolute;
  top:0;
  right:0;
}

.cluster-hongbao{
  width:1.3rem;
  height:1.6rem;
  /* border:1px solid #000; */
  position: absolute;
  top: 0rem;
  right: -1.4rem;
}

.cluster-hongbao-img{
  width:1.05rem;
  height:1.01rem;
  position: absolute;
  top:.2rem;
  left:0;
}

.cluster-hongbao-p1{
  font-size: 0.2rem;
  color:#94152e;
  position: absolute;
  top: 1rem;
  left: -0.1rem;
  width: 1.5rem;
  font-weight: bolder;
}

.cluster-hongbao-p2{
  font-size: 0.2rem;
  position: absolute;
  top: 1.3rem;
  left: 0;
  width: 100%;
  text-align: center;
  font-weight: bolder;
}

.cluster-ul-li-p3{
  font-size: 0.2rem;
  color:#696464;
  position: absolute;
  top: 1.4rem;
  left:50%;
  transform: translateX(-50%);
  width: 1.3rem;
  text-align: center;
}

.hint{
  width:3.86rem;
  height:1.01rem;
  border-radius: 0.2rem;
  background: rgba(0, 0, 0, 0.75);
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
  color:#fff;
}

.hint p{
  margin-block-start:0;
  margin-block-end: 0;
}

.hint-p1{
  font-size: 0.3rem;
  width:100%;
  text-align: center;
  position: absolute;
  top:0.14rem;
}

.hint-p2{
  font-size: 0.3rem;
  width:100%;
  text-align: center;
  position: absolute;
  top:0.5rem;
}

.hint-p3{
  font-size: 0.3rem;
  position: absolute;
  top:50%;
  transform:translateY(-50%);
  width:100%;
  text-align: center;
}

/* 签到PK */
.pk{
  margin: 0.1rem auto 0;
}

.pk-righttop{
  height:0.75rem;
  width:2rem;
  position: absolute;
  top:0.3rem;
  right:0.35rem;
  /* border:1px solid #000; */
}

.pk-righttop p{
  margin-block-start: 0;
  margin-block-end: 0;
}

.pk-righttop-p1{
  font-size: 0.3rem;
  font-weight: bold;
  color:#3c3c3c;
  text-align: right;
}

.pk-righttop-img{
  width:1.4rem;
  height:0.33rem;
  float:right;
}

.pk-left-my{
  width:1.28rem;
  height:1.28rem;
  position: absolute;
  bottom:0.48rem;
  left:0.3rem;
  /* border:1px solid #000; */
}

.nostart{
  position: absolute;
  top:0.9rem;
  left:0.42rem;
}

.nobody{
  top:1.3rem;
  left:3.3rem;
}

.pk-nostart-text{
  width:2.3rem;
  height:0.98rem;
  /* border:1px solid #000; */
  position: absolute;
  top:1.1rem;
  left:4.4rem;
}

.text-p1,.text-p2{
  width:100%;
  text-align: center;
  font-size: 0.32rem;
  color:#000000;
  font-weight: 500;
  margin-block-start: 0;
  margin-block-end: 0;
}

.pk-nostart-p1{
  position:absolute;
  top:2.2rem;
  left:0.86rem;
}

.pk-left-my-p1{
  font-size: 0.24rem;
  font-weight: bolder;
  color:#ff3b48;
  position: absolute;
  top:-0.3rem;
  width:100%;
  text-align: center;

}

.pk-left-my-bg{
  width:100%;
}

.pk-left-my-main,.pk-right-he-main{
  width:0.7rem;
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
  /* border-radius: 0.365rem; */
}

.pk-right-he{
  width:1.28rem;
  height:1.28rem;
  position: absolute;
  bottom:0.48rem;
  right:0.4rem;
  /* border:1px solid #000; */
}

/*.pk-right-he-main{*/
/*  width: 0.3rem;*/
/*}*/

.pk-p1,.pk-p2,.pk-nostart-p1{
  color:#000;
  font-size:0.34rem;
  font-weight: bolder;
}

.pk-p1{
  position: absolute;
  bottom:1.6rem;
  left:1.89rem;
}

.pk-p2{
  position: absolute;
  bottom:1.6rem;
  right:1.3rem;
}

.pk-span1,.pk-span2{
  color:#562826;
  font-size: 0.24rem;

}

.pk-span1{
  position: absolute;
  bottom:1.2rem;
  left:1.89rem;
}

.pk-span2{
  position: absolute;
  bottom:1.2rem;
  right:1.8rem;
}

.tigger{
  width:6.77rem;
  height:1.39rem;
  position: absolute;
  left:50%;
  top:50%;
  transform: translateX(-50%);
  z-index: 10;
}

.PKchoose-content{
  width:6.63rem;
  height:6.1rem;
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
  /* border:1px solid #fff; */
}

.PKchoose-content-bg{
  width:100%;
  position: absolute;
  top:-1rem;
  left:50%;
  transform: translateX(-50%);
  z-index: -1;
}

.PKchoose-content-close{
  width:0.65rem;
  height:0.65rem;
  position: absolute;
  bottom:-1.16rem;
  left:50%;
  transform: translateX(-50%);
}

.PKchoose-content-close-img{
  width:100%;
}

.PKchoose-content-p1{
  font-size: 0.36rem;
  width:100%;
  text-align: center;
  color:#015ca0;
  margin:0.74rem auto 0;
}

.PKchoose-content-free{
  width:3.17rem;
  height:0.84rem;
  margin:0.38rem auto 0;
  border-radius: 0.42rem;
  background-image: -webkit-linear-gradient(top,#8fd3e4,#75beee,#61aef6);
}

.PKchoose-content-free-p,.PKchoose-content-choose-p{
  font-size: 0.4rem;
  width:100%;
  text-align: center;
  line-height: 0.84rem;
  color:#fff;
}

.PKchoose-content-choose{
  width:3.17rem;
  height:0.84rem;
  margin:0.28rem auto 0;
  border-radius: 0.42rem;
  background-image: -webkit-linear-gradient(top,#fddb00,#fdbb00,#fda100);
}

.PKchoose-content-choose a,.PKchoose-content-free a{
  text-decoration: none;
}

.PKchoose-content-ul{
  width: 4.9rem;
  margin:0.56rem 0 0 1.28rem;
  /* border:1px solid #000; */
  list-style: none;
}

.PKchoose-content-ul-li{
  width:4.9rem;
  margin:0;
}

.PKchoose-content-ul-li-p{
  font-size: 0.28rem;
  color:#377fb4;
  margin-block-start: 0;
  margin-block-end: 0;
}

.PKchoose-content-ul-li-img{
  width:0.12rem;
  display: inline-block;
  margin:0 0.16rem 0.08rem 0;
}


/* 任务中心——标题 */
.task-title{
  width:6.52rem;
  height:0.54rem;
  margin:0.3rem auto 0;
  /* border:1px solid #000; */
}

.task-title-span1{
  font-size: 0.36rem;
  font-weight: bold;
  float: left;
  line-height: 0.54rem;
}

.task-title-span2{
  font-size: 0.26rem;
  float: right;
  line-height: 0.54rem;
  color:#666666;
}

/* 任务中心——内容 */
.task{
  width:7.02rem;
  /* height:8.42rem; */
  border:0.01rem solid #cb9a95;
  border-radius: 0.2rem;
  margin:0.22rem auto 0;
  background: -webkit-linear-gradient(top,#fceae8,#fdf6f6,#fff);
}

.task-top{
  width:4.16rem;
  height:0.66rem;
  margin:0.3rem auto 0;
  /* border:1px solid #000; */
}

.task-top p{
  margin-block-start: 0;
  margin-block-end: 0;
}

.task-top-day{
  width:1.32rem;
  height:0.6rem;
  float: left;
  border-bottom: 0.06rem solid #bd211d;
}

.task-top-day-span1{
  font-size: 0.33rem;
  color:#bd211d;
  font-weight: bolder;
  line-height: 0.6rem;
  width:100%;
  text-align: center;
}

.task-top-month{
  width:1.36rem;
  height:0.6rem;
  float: right;
  /* border:1px solid #000; */
}

.task-top-month-span1{
  font-size: 0.32rem;
  font-weight: bold;
  line-height: 0.6rem;
  width:100%;
  text-align: center;
}

.task-content{
  width:6.34rem;
  margin:0.14rem auto 0;
  display: flex;
  flex-wrap: wrap;
  /* border:1px solid #000; */
  list-style: none;
  height: 3rem;
}
.task-content2{
  width:6.34rem;
  margin:0.14rem auto 0;
  display: flex;
  flex-wrap: wrap;
  /* border:1px solid #000; */
  list-style: none;
}

.task-content2{
  display: none;
}

.task-content li,.task-content2 li{
  border-bottom: 0.01rem solid #e4e4e4;
  height:1.22rem;
  width:6.34rem;
  position: relative;
}

.task-content-show{
  display: none;
}

.task-content-li-left{
  width:4.3rem;
  height:1.12rem;
  float: left;
  /* border:1px solid #000; */
  position: absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
}

.content-li-left-box1{
  width:4.3rem;
  height:0.58rem;
  /* border:1px solid #000; */
  position: relative;
}

.content-li-left-p1-img1{
  width:0.6rem;
  position: absolute;
  top: -0.04rem;
  left: -0.08rem;
}

.content-li-left-p1-span1{
  font-size: 0.28rem;
  display: inline-block;
  position: absolute;
  left: 0.6rem;
  top: 0.06rem;
}

.content-li-left-p1-edou{
  width:0.48rem;
  height:0.32rem;
  display: inline-block;
  position: absolute;
  top: 0.1rem;
  left: 3.4rem;
}

.content-li-left-p1-span2{
  font-size: 0.3rem;
  color:#a5362b;
  display: inline-block;
  position: absolute;
  top: 0.14rem;
  left: 3.9rem;
}

.content-li-left-box2{
  font-size: 0.24rem;
  color:#a5362b;
}

.task-content-li-btn{
  width:1.58rem;
  height:0.58rem;
  /* border: 1px solid #000; */
  background:#bd211d;
  color:#fff;
  position: absolute;
  right:0;
  top:50%;
  transform: translateY(-50%);
  border-radius: 0.29rem;
}
.btn-red {
  background:#bd211d; /* 深红色 */
}

.btn-orange {
  background:#f76c30; /* 橘红色 */
}

.btn-grey {
  background:#b5b5b5; /* 灰色 */
}

.content-li-btn-p1{
  font-size: 0.3rem;
  width:100%;
  text-align: center;
  line-height: 0.58rem;
  margin-block-start: 0;
  margin-block-end:  0;
}


.task-bottom{
  width:2rem;
  height:0.5rem;
  margin:0.3rem auto 0;
  /* border:1px solid #000; */
  position: relative;
}

.task-bottom-p1{
  font-size: 0.26rem;
  color:#acacac;
  margin-block-start: 0;
  margin-block-end: 0;
  display: inline-block;
  position: absolute;
  top:50%;
  left:0;
  transform: translateY(-50%);
}

.task-bottom-img{
  width:0.2rem;
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  right:0;
}


/* medal(我的勋章页面)样式 */
.medal{
  width:7.5rem;
  margin:0 auto;
  position: relative;
}

.medal-header{
  width: 7.5rem;
  height: 3.06rem;
  background-image: url('../images/medal-header-bg.png');
  background-color: #252432;
  background-size: 6.62rem 3.48rem;
  background-position: 50% -.64rem;
  background-repeat: no-repeat;
  margin:0 auto;
  padding: 1px 0 0;;
}

.medal-header-num{
  width: 2.14rem;
  height: .52rem;
  margin: 1.24rem 0 0 .64rem;
  background-image: url('../images/medal-header-titlebg.png');
  background-size: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .22rem;
  color:#975700;
}

.medal-header-num span{
  margin-left: .14rem;
  color:#2c2d3a;
}

.medal-body{
  width: 7.5rem;
  /* height: 14.1rem; */
  margin:-.34rem auto 0;
  border-radius: .5rem .5rem 0 0;
  background: #151515;
  padding: 1px 0 1rem;
}

.medal-body-content{
  width: 6.97rem;
  /* height: 9.45rem; */
  margin:.26rem auto 0;
  background: #252526;
  border-radius: .3rem;
  padding: 1px 0 0;
}

.medal-title{
  font-size: .31rem;
  color: #fff5ea;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 6.06rem;
  margin: .3rem auto 0;
}

.medal-title i{
  width: .31rem;
  height: .17rem;
  background-image: url('../images/lookmedal-icon.png');
  background-size: 100%;
  -webkit-transform: rotateZ(180deg);
  transition: all 1s;
}

.medal-ul{
  width:6.54rem;
  display: flex;
  flex-wrap: wrap;
  margin: .31rem auto 0;
  list-style: none;
}

.medal-ul li{
  width: 1.78rem;
  height: 2.92rem;
  margin:0 .2rem;
}

.medal-li-logo{
  width: 1.51rem;
  height: 1.58rem;
  margin:0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.medal-li-logo img{
  width:100%;
  height:100%;
}

.medal-li-logoshow{
  display: none;
}

.medal-header-return{
  width:1.2rem;
  height:.42rem;
  border-radius: .21rem;
  background: rgba(215,215,215,.3);
  color:#d5d4d7;
  font-size:.26rem;
  margin:.1rem 0 0 .2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.medal-header-rule{
  width:1.41rem;
  height:.42rem;
  border-radius: .21rem 0 0 .21rem;
  position: absolute;
  right:0;
  top:.2rem;
  font-size: .24rem;
  color:#e5e5e6;
  background: rgba(215,215,215,.3);
  text-align: center;
  line-height: .42rem;
}

.medal-li-name{
  text-align: center;
  color:#f9ae48;
  font-size: .26rem;
  margin:.14rem auto 0;
}

.medal-li-time{
  text-align: center;
  color:#bbbbbb;
  font-size: .22rem;
  margin:.1rem auto 0;
}

.nohave{
  color:#b0b0b0;
}

.signmedal-ul,.talkmedal-ul,.yearmedal-ul{
  height: 2.92rem;
  overflow: hidden;
}


/* prize(我的奖品页面)样式 */
.prize-header{
  margin: 0 auto;
  width:7.5rem;
  height:1rem;
  /* border:1px solid #000; */
  border-bottom: 0.02rem solid #e8e9eb;
  position: relative;
}

.prize-header-left{
  /*width:1.28rem;*/
  height:0.7rem;
  /* border:1px solid #000; */
  border-bottom: 0.06rem solid #bd211d;
  position: absolute;
  left:1.1rem;
  bottom:0rem;
}

.prize-header-p{
  font-weight: bolder;
  color:#bd211d;
} 

.prize-header-right{
  /*width:2.64rem;*/
  height:0.7rem;
  /* border:1px solid #000; */
  position: absolute;
  right:1.1rem;
  bottom:0rem;
}

.prize-header-right-p,.prize-header-left-p{
  font-size: 0.3rem;
  line-height: 0.7rem;
}

.prize-header-left-p,.prize-header-right-p,
.prize-content-date-p,.prize-content-left-p,
.prize-content-center-p,.prize-content-btn-p,
.pro-li-left-p1,.pro-li-left-p2,.pro-li-right-p3,
.prize-content-no-p{
  margin-block-start: 0;
  margin-block-end: 0;
  width:100%;
  text-align: center;
}

.prize-tab{
  width:6.3rem;
  height:.6rem;
  margin:.48rem auto 0;
  display: flex;
  justify-content: space-between;
  list-style: none;
}

.prize-tab-li{
  width:1.92rem;
  height:.6rem;
  border-radius: .2rem;
  background-color: #dedede;
  color:#8c8c8c;
  font-size: .30em;
  text-align: center;
  line-height: .6rem;
  /*transition: all 1s;*/
}

.choosetab{
  background-color: #e46c69;
  color:#fff;
  /*box-shadow: -.1rem .1rem .2rem grey;*/
  /*animation: choosetab 3s linear;*/
}

/* 整活动画 */
/* @keyframes choosetab{
  0%{
    transform: translateX(0) translateY(0) rotateZ(0deg)
  }
  25%{
    transform: translateX(0) translateY(-300%) rotateZ(360deg)
  }
  50%{
    transform: translateX(0) translateY(0) rotateZ(720deg)
  }
  75%{
    transform: translateX(0) translateY(1800%) rotateZ(3240deg)
  }
  100%{
    transform: translateX(0) translateY(0) rotateZ(6840deg)
  }
} */

.prize-content{
  width:7.5rem;
  margin: 0 auto;
}

.prize-content-no{
  width:2.6rem;
  height:3.64rem;
  /* border:1px solid #000; */
  /* 调整这个值来控制偏移量 */
  margin: 1.5rem auto 0.98rem;
}

.prize-content-no img{
  width:100%;
}

.prize-content-no-p{
  font-size: 0.36rem;
  margin:0.5rem auto 0;
}

.show2,.show3{
  display: none;
}

.prize-content-date{
  width:1.8rem;
  height:0.67rem;
  /* border:1px solid #000; */
  margin:0.48rem 0 0 0.52rem;
  border-bottom: 0.02rem solid #e8e9eb;
}

.prize-content-date-p{
  font-size: 0.3rem;
  line-height: 0.67rem;
  color:#5d6f8d;
}

.prize-content-ul{
  display: flex;
  width: 6.4rem;
  list-style: none;
  flex-wrap: wrap;
  /* border:1px solid #000; */
  margin: 0 auto;
}

.prize-content-ul-li{
  width:100%;
  height:0.8rem;
  /* border:1px solid #000; */
  position: relative;
  /* overflow: hidden; */
  margin: 0 0 0.28rem 0;
}

.prize-content-ul-li:nth-last-child(1){
  margin:0;
}

.prize-content-left{
  width:1.74rem;
  height:0.6rem;
  /* border:1px solid #000; */
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.prize-content-left-p{
  font-size: 0.3rem;
  line-height: 0.6rem;
  color:#5d6f8d;
  text-align: left;
}

.prize-content-center{
  width: 2.4rem;
  /* height: 0.6rem; */
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.74rem;
  /* border: 1px solid #000; */
}

.prize-content-center-p{
  font-size: 0.3rem;
  /* line-height: 0.6rem; */
  color: #fa6060;
  text-align: left;
  margin-block-start: .06rem;
}

/* 按钮样式，默认灰色 */
.prize-content-btn{
  width:2.04rem;
  height:0.6rem;
  position: absolute;
  top:50%;
  right:0;
  transform: translateY(-50%);
  /* border:1px solid #000; */
  border-radius: 0.3rem;
  background-image: -webkit-linear-gradient(top,#b7b7b7,#a5a4a4,#9d9b9b);
}

/* 按钮红色样式 */
.btnstyleR{
  background-image: -webkit-linear-gradient(top,#ee9455,#eb745b,#e95561);
}

/* 按钮蓝色样式 */
.btnstyleB{
  background-image: -webkit-linear-gradient(top,#8dd5f5,#60aff2,#3e91ef);
}

.prize-content-btn-p{
  font-size: 0.32rem;
  color:#fff;
  line-height: 0.6rem;
}

.pro{
  width:7.5rem;
  /* border:1px solid #000; */
  list-style: none;
}

.pro-li{
  width:7.5rem;
  height:1.49rem;
  /* border:1px solid #000; */
  position: relative;
  border-bottom: 0.01rem solid #f0f0f0;
  display: flex;
}

/* 高度变化li添加该类名 */
.pro-havebtn{
  height:1.9rem;
}

.pro-havebtn .pro-li-left,.pro-havebtn .pro-li-right{
  align-content: space-around;
}

.pro-havebtn .pro-li-left-p1{
  margin: 0.2rem auto 0rem;
}

.pro-li-left{
  width: 2.9rem;
  margin-left: 0.56rem;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.pro-li-right{
  width: 4.04rem;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.pro-li-left-p1{
  font-size: 0.32rem;
  margin: 0 auto 0.2rem;
  text-align: left;
  font-weight: bold;
}

.pro-li-left-p2{
  font-size: 0.3rem;
  /* margin:0.18rem auto 0; */
  color:#7b7b7b;
  text-align: left;
}

.pro-li-right-p3{
  font-size: 0.32rem;
  color: #bd211d;
  text-align: left;
  font-weight: bold;
  margin: 0.2rem 0 0 1.02rem;
}

.pro-li-right-btn{
  width:3.2rem;
  height:.48rem;
  display: flex;
  justify-content: space-between;
}

.pro-li-right-btn div{
  width:1.37rem;
  height:.49rem;
  border-radius: .25rem;
  font-size: .23rem;
  text-align: center;
  line-height: .49rem;
}

.pro-li-right-kfp{
  border: 1px solid #a5a5a5;
  color:#000;
}

.pro-li-right-buy{
  border: 1px solid #d66853;
  color:#cf4a31;
}


/* rule(查看规则页面)样式 */
.rule-header{
  width:7.5rem;
  height:0.98rem;
  /* border:1px solid #000; */
  /* border:0.01rem solid #e8e9eb; */
  display: flex;
  margin: 0 auto;
}

.rule-header-box{
  width:1.3rem;
  height:0.51rem;
  margin:0.47rem 0.3rem;
  /* border: 1px solid #000; */
}

.rule-header-box-p{
  width:100%;
  text-align: center;
  margin-block-start: 0;
  margin-block-end: 0;
}

.rule-header-box-p{
  font-size: 0.3rem;
  margin:0 auto;
}

.rulestyle{
  border-bottom: 0.06rem solid #bd211d;
  font-weight: bolder;
  color:#bd211d;
}

.rule-content{
  width:6.9rem;
  margin:0.2rem auto 0;
  /* border:1px solid #000; */
}

.rule-content-top{
  width:6.9rem;
  margin:0;
  /* border:1px solid #000; */
}

.rule-content-bottom{
  width:6.9rem;
  margin:0.4rem auto 0;
  /* border:1px solid #000; */
}

.rule-content p{
  font-size: 0.28rem;
  color:#414546;
  text-align: left;
  margin-block-start: 0;
  margin-block-end: 0;
}

.ruleshow{
  display: none;
}



/* 签到攻略样式 */
.strategy-header{
  width:7.5rem;
  height:3.96rem;
  margin:0.78rem auto 0;
}

.strategy-header img{
  width:100%;
}

.strategy-neck{
  width:7.01rem;
  height:6.04rem;
  margin:0.32rem auto 0;
}

.strategy-neck img{
  width:100%;
}

.strategy-heart{
  width:6.03rem;
  height:9.15rem;
  margin:0.55rem auto 0;
}

.strategy-heart img{
  width:100%;
}

.strategy-belly{
  width:6.41rem;
  height:8.24rem;
  margin:0.82rem auto 0;
}

.strategy-belly img{
  width:100%;
}

.strategy-footer{
  width:6.41rem;
  height:8.83rem;
  margin:1rem auto 0.72rem;
}

.strategy-footer img{
  width:100%;
}

.strategy-hint{
  width:100%;
  height:0.7rem;
  position: fixed;
  top:0;
  left:0;
  background: #8c8d8d;
}

.strategy-hint-content{
  width:7.5rem;
  height:0.7rem;
  position: absolute;
  top:0;
  left:50%;
  transform: translateX(-50%);
}

.strategy-hint-logo{
  width:0.58rem;
  position: absolute;
  top:50%;
  left:0.32rem;
  transform: translateY(-50%);
}

.strategy-hint-p{
  font-size: 0.28rem;
  color:#fff;
  position: absolute;
  left:1.08rem;
  line-height: 0.7rem;
  margin-block-start: 0;
  margin-block-end: 0;
}

.strategy-hint-btn{
  width:1.5rem;
  height:0.45rem;
  border-radius: 0.14rem;
  position: absolute;
  top:50%;
  right:0.32rem;
  transform: translateY(-50%);
  background: #ff6762;
}

.strategy-hint-btn-p{
  font-size: 0.23rem;
  color:#fff;
  width:100%;
  text-align: center;
  line-height: 0.45rem;
  margin-block-start: 0;
  margin-block-end: 0;
}


/* 我的成团情况页面样式 */
.condition-header{
  width:7.5rem;
  height:3.1rem;
  position: absolute;
  top:0;
  left: 50%;
  transform: translateX(-50%);
  /* z-index: -1; */
  background-image: url('../images/condition-header-bg.png');
  background-size: 100% 100%;
  padding: 0;
}

/* .condition-header img{
  width:100%;
} */

.condition-header-btn{
  width:1.74rem;
  height:.5rem;
  margin:.36rem 0 0 5.58rem;
  border-radius: .25rem;
  background-image: -webkit-linear-gradient(top,#f6c20f,#f3b00f,#e78e2c);
}

.condition-header-btn p{
  font-size: .24rem;
  line-height: .5rem;
  width: 100%;
  text-align: center;
  color:#fff;
}

.condition-content{
  width:7.5rem;
  /* border:1px solid #000; */
  margin:1.8rem auto 0;
  position: relative;
  z-index: 10;
}

.condition-content-li{
  width:7.3rem;
  height:2.6rem;
  margin:0 auto 0.42rem;
  /* border:1px solid #000; */
  display: flex;
  border-radius: 0.2rem;
  box-shadow: 0 0.1rem 0.2rem 0.1rem #f6e4e3;
}

.condition-content-li-team{
  width:6.17rem;
  height:2.6rem;
  /* border:1px solid #000; */
}

.condition-content-li-team-top{
  width:6.17rem;
  height:0.55rem;
  border-radius: 0.2rem 0.2rem 0 0;
  background-image: -webkit-linear-gradient(top,#fff0ec,#ffe7df,#ffdace);
}

.condition-content-li-team-top p{
  margin-block-start: 0;
  margin-block-end: 0;
  font-weight: bolder;
}

.condition-li-p1{
  font-size: 0.25rem;
  line-height: 0.55rem;
  float: left;
  margin: 0 0 0 0.08rem;
}

.condition-li-p1 span{
  font-weight: 900;
  font-size: 0.28rem;
  line-height: 0.6rem;
}

.condition-li-p2{
  font-size: 0.25rem;
  line-height: 0.55rem;
  color:#c43527;
  float: right;
  margin:0 0.14rem 0 0;
}

.condition-content-li-team-bottom{
  width:6.17rem;
  height:2.05rem;
  border-radius:0 0 0.2rem 0.2rem;
  background: #fff;
}

.condition-content-li-prize{
  width:1.12rem;
  height:1.93rem;
  margin:0.33rem auto;
  /* border:1px solid #000; */
  position: relative;
}

.condition-bottom-ul{
  background: #fff;
  border-radius: 0;
  position: unset;
  width:6.17rem;
}

.condition-bottom-ul li{
  margin:0;
}

.condition-bottom-ul-img1{
  width:1rem;
  height:1rem;
  top: 0.2rem;
}

.condition-bottom-ul-img2{
  width:0.9rem;
  height:0.9rem;
  top:0.24rem;
}

.condition-bottom-ul-img3{
  right:-0.1rem;
}

.condition-bottom-ul-btn{
  width:1.23rem;
}

.condition-bottom-ul li:last-child{
  flex-grow: 0.7;
  margin: 0 0.1rem 0 0;
}

.condition-content-li-prize-img{
  width:1.12rem;
  position: absolute;
  top:0;
  left:50%;
  transform: translateX(-50%);
}

.condition-content-li-prize-p{
  font-size: 0.2rem;
  width: 0.8rem;
  text-align: center;
  position: absolute;
  /* top: -0.18rem; */
  left: 50%;
  transform: translateX(-50%);
  font-weight: bolder;
}

.condition-content-li-prize-btn{
  width:1.1rem;
  height:0.42rem;
  border-radius: 0.21rem;
  background: #f2c7b9;
  position: absolute;
  bottom:0;
  left: 50%;
  transform: translateX(-50%);
}

.condition-content-li-prize-btn-p{
  font-size: 0.22rem;
  line-height: 0.42rem;
  width:100%;
  text-align: center;
  margin-block-start: 0;
  margin-block-end: 0;
}

.newbox-content{
  width:5.59rem;
  height:6.74rem;
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
  background-image: url(../images/getMB-bg.png);
  background-size: 100% 100%;
  padding: 1px;
}

.newbox{
  display: none;
}

.newbox-content-close{
  width:.65rem;
  height:.65rem;
  position: absolute;
  top: -0.74rem;
  left: 5.4rem;
}

.newbox-content-close img{
  width:100%;
  height:100%;
}

.newbox-content-record{
  width:5rem;
  height:5.1rem;
  margin:.82rem auto;
  /* border: 1px solid #000; */
}

.newbox-content-record-title{
  width:5rem;
  height:1rem;
  /* border: 1px solid #000; */
  border-bottom: 1px solid #e6bbbf;
  display: flex;
  justify-content: space-around;
  margin:0 0 .1rem;
}

.newbox-content-record-title-box{
  width:2rem;
  height:1rem;
  /* border: 1px solid #000; */
}

.newbox-content-record-title-box p,.newbox-content-record-title-box p{
  font-size: .38rem;
  width:100%;
  text-align: center;
  line-height: 1rem;
  color: #919191;
}

.newbox-content-record-title-box .showTitle-p{
  font-size: .4rem;
  font-weight: bold;
  color:#d60f20;
}

.showTitle{
  border-bottom: .05rem solid #d60f20;
}

.newbox-content-record-ul{
  width:5rem;
  height:4rem;
  overflow-y: auto;
  /* border: 1px solid rgb(170, 170, 252); */
  list-style: none;
}

.newbox-content-record-ul li{
  width:5rem;
  height:1.3rem;
  border-bottom: 1px solid #e6bbbf;
  display: flex;
  justify-content: space-around;
  padding: .23rem 0 0;
}

.newbox-li-left,.newbox-li-right{
  width:2.2rem;
  height:.85rem;
  /* border: 1px solid #000; */
  padding: .1rem 0 0;
}

.newbox-li-left-p1{
  font-size: .28rem;
  width:100%;
  text-align: center;
  color:#574143;
}

.newbox-li-left-p2{
  font-size: .18rem;
  width:100%;
  text-align: center;
  color:#574143;
}

/* 按钮默认样式为 未查看 */
.newbox-li-right-btn{
  width:1.93rem;
  height:.65rem;
  margin:0 auto;
  border-radius: .33rem;
  background-image: -webkit-linear-gradient(top,#e95561,#db3c49,#cc2130);
}

/* 已加入、已拒绝样式 */
.newbox-btn-already{
  background-image: -webkit-linear-gradient(top,#d4d4d4,#b0b1b1,#8d8d8d);
}

.newbox-li-right-btn p{
  font-size: .3rem;
  color:#fff;
  width:100%;
  text-align: center;
  line-height: .65rem;
}


/* 选择好友页面样式 */
.choose-header{
  width: 7.5rem;
  height: 1rem;
  /* border: 1px solid #000; */
  margin: 0.24rem auto;
  background: #fff;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.choose-header-img{
  width:0.36rem;
  height:0.36rem;
  margin:0 0 0 0.4rem;
}

.choose-header-p1{
  font-size: 0.34rem;
  color:#333333;
  margin:0 0 0 0.18rem;
}

.choose-header-p2{
  font-size: 0.5rem;
  color:#666666;
  margin:0 0 0 4.48rem;
  line-height: 1rem;
}


/* 您还没有添加好友 样式 */
.choose-content{
  width:4.1rem;
  height:3rem;
  margin:2.3rem auto 0;
  /* border:1px solid #000; */
}

.choose-content-p1,.choose-content-p2,.choose-content-p3{
  font-size: 0.36rem;
  width:100%;
  text-align: center;
  margin-block-start: 0;
  margin-block-end: 0;
  margin:0 0 0.14rem 0;
}

.choose-content-btn{
  width:3.57rem;
  height:0.73rem;
  border-radius: 0.36rem;
  margin:0.54rem auto 0;
  position: relative;
  display: flex;
}

.choose-content-btn-bg{
  width:100%;
  position: absolute;
  top:0;
  left:0;
  z-index: -1;
}

.choose-content-btn-p{
  font-size: 0.4rem;
  color:#fff;
  font-weight: bolder;
  width:100%;
  text-align: center;
  line-height: 0.73rem;
  margin-block-start: 0;
  margin-block-end: 0;
}

.choose-content-btn-img{
  width:0.15rem;
  height:0.28rem;
  position: absolute;
  top:50%;
  left:2.81rem;
  transform: translateY(-50%);
}

/* 好友列表样式 */
.choose-list{
  width:7.5rem;
  margin:0.18rem auto 0;
  /* border:1px solid #000; */
  position: relative;
}

.choose-list-title{
  width:7.5rem;
  height:0.68rem;
  background:#fff;
}

.choose-list-title-p{
  font-size: 0.3rem;
  width:100%;
  margin:0 0 0 0.46rem;
  line-height: 0.68rem;
}

.choose-list-ul{
  width: 7.5rem;
  /* border:1px solid #000; */
  display: flex;
  flex-wrap: wrap;
}

.choose-list-ul p{
  margin-block-start: 0;
  margin-block-end: 0;
}

.choose-list-ul-li{
  width:7.5rem;
  /* border:1px solid #000; */
  display: flex;
  flex-wrap: wrap;
}

.choose-list-ul-li-box1{
  width:7.5rem;
  height:0.68rem;
}

.choose-list-ul-li-box1-p{
  font-size: 0.3rem;
  color:#999999;
  margin:0.3rem 0 0.18rem 0.5rem;
  line-height: 0.8rem;
}

.choose-list-ul-li-box2{
  width:7.5rem;
  height:1.46rem;
  background: #fff;
  position: relative;
  border-bottom: 0.01rem solid #f2f2f2;
}

.choose-list-ul-li-box2-bor{
  width:0.66rem;
  height:0.66rem;
  border-radius: 0.33rem;
  border:0.01rem solid #d2d2d2;
  position: absolute;
  top:50%;
  left:0.3rem;
  transform: translateY(-50%);
  overflow: hidden;
}

.choose-list-ul-li-box2-img{
  width:100%;
}

/* .choose-list-ul-li-box2-img{
  width:0.66rem;
  border-radius: 0.33rem;
  border:0.01rem solid #d2d2d2;
  position: absolute;
  top:50%;
  left:0.3rem;
  transform: translateY(-50%);
} */

.choose-list-ul-li-box2-p1{
  font-size: 0.3rem;
  color:#333333;
  position: absolute;
  top:0.4rem;
  left:1.12rem;
}

.choose-list-ul-li-box2-p2{
  font-size: 0.2rem;
  color:#747474;
  position: absolute;
  top:0.84rem;
  left:1.12rem;
}

.choose-list-ul-li-box-p2 span{
  font-size: 0.14rem;
}

.choose-list-show{
  width:0.18rem;
  position: fixed;
  top:1.74rem;
  right:0.19rem;
}

.choose-list-show ul{
  list-style: none;
}

.choose-list-show ul li{
  color:#333333;
  font-size: 0.24rem;
  font-weight: bolder;
}

/* .random-center{
  width:7.5rem;
  height:3.11rem;
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
} */



/* 随机寻找样式 */
.random-top{
  width:7.5rem;
  height:8.02rem;
  position:absolute;
  animation: leftshow 0.5s linear;
}

.random-top-bg,.random-bottom-bg{
  width:100%;
  position: absolute;
  top:0;
  left:0;
  z-index: -1;
}

.random-top-content{
  width:5.63rem;
  height:2.22rem;
  /* border:1px solid #fff; */
  margin:1.29rem 0 0 0.54rem;
  display: flex;
  opacity: 0;
  transition: all 1s;
}

.random-top-content-admin{
  width:2.22rem;
  height:2.22rem;
  /* border:1px solid #fff; */
  position: relative;
}

.random-top-content-admin-kuang{
  width:2.22rem;
  position: absolute;
  top:-2%;
  left:-2%;
  animation: timego 2s linear infinite;
}

.random-top-content-admin-bg{
  width:1.65rem;
  height:1.65rem;
  border-radius: 50%;
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
  background: #4e83b1;
}

.random-top-content-admin-bg-bai{
  width:1.52rem;
  height:1.52rem;
  border-radius: 50%;
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
  background: #fff;
}

.random-top-content-admin-bg-bai-img{
  width:0.86rem;
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
}

.random-top-content-message{
  width:3.41rem;
  height:1.46rem;
  /* border:1px solid #fff; */
  margin:0.3rem 0 0;
}

.random-top-content-message-days{
  width: 3.8rem;
  height:0.54rem;
  /* border:1px solid #fff; */
  display: flex;
}

.random-top-content-message-arrow{
  width:1.48rem;
}

.random-top-content-message-p{
  font-size: 0.26rem;
  color:#fff;
  margin:0 0 0 0.16rem;
}

.random-top-content-message-p span{
  font-size: 0.44rem;
}

.random-top-content-message-who{
  width:3.41rem;
  height:0.92rem;
  /* border:1px solid #fff; */
}

.random-top-content-message-who-p{
  font-size: 0.54rem;
  color:#7cfbfb;
  margin:0rem;
  width: 100%;
  text-align: center;
}

/*VS样式 
.random-center{
  width:3.15rem;
  position: absolute;
  top:40%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
  animation: centershow 0.3s linear;
  display: none;
}

.random-center-VS{
  width:100%;
} */

.random-center{
  width:7.5rem;
  height: 10.88rem;
  position: absolute;
  top:0;
  left:50%;
  transform: translateX(-50%);
  overflow: hidden;

}

.random-center-QT2{
  position: absolute;
  top:0rem;
  left:0rem;
  transform: translateX(30%) translateY(80%);
  width:3.14rem;
  animation: tophand1 2s infinite;
  animation-delay: 0.2s;
  /* transition: all 0.2s; */
  opacity: 0;
}

.random-center-QT2-left{
  position: absolute;
  top:0rem;
  left:0rem;
  transform: translateX(30%) translateY(80%);
  width:3.14rem;
  animation: tophand2 0.8s infinite;
  animation-delay: 1.2s;
  opacity: 0;
}

.random-center-QT2-right{
  position: absolute;
  top:0rem;
  left:0rem;
  transform: translateX(30%) translateY(80%);
  width:3.14rem;
  animation: tophand3 0.8s;
  animation-delay: 1.8s;
  opacity: 0;
}

.random-center-QT1{
  position: absolute;
  bottom:0rem;
  right:0rem;
  transform: translateX(-30%) translateY(-40%);
  width:2.53rem;
  animation: bottomhand1 2s infinite;
  animation-delay: 0.2s;
  opacity: 0;
}

.random-center-QT1-left{
  position: absolute;
  bottom:0rem;
  right:0rem;
  transform: translateX(-30%) translateY(-40%);
  width:2.53rem;
  animation: bottomhand2 1.5s;
  animation-delay: 1.8s;
  opacity: 0;
}

.random-center-QT1-right{
  position: absolute;
  bottom:0rem;
  right:0rem;
  transform: translateX(-30%) translateY(-40%);
  width:2.53rem;
  animation: bottomhand3 0.8s;
  animation-delay: 1.2s;
  opacity: 0;
}

/* 拳头动画 */
@keyframes tophand1{
  0%,49%{
    opacity: 0;
  }
  50%{
    transform: translateX(30%) translateY(80%);
    opacity: 1;
  }
  60%{
    transform: translateX(40%) translateY(140%);
    opacity: 1;
  }
  70%{
    transform: translateX(35%) translateY(110%);
    opacity: 0.8;
  }
  85%{
    transform: translateX(40%) translateY(140%);
    opacity: 0.4;
  }
  100%{
    opacity: 0;
  }
}

/* @keyframes tophand2{
  0%{
    transform: translateX(30%) translateY(80%);
    opacity: 1;
  }
  80%{
    opacity: 0.8;
  }
  100%{
    transform: translateX(20%) translateY(170%);
    opacity: 0;
  }
}

@keyframes tophand3{
  0%{
    transform: translateX(30%) translateY(80%);
    opacity: 1;
  }
  80%{
    opacity: 0.8;
  }
  100%{
    transform: translateX(100%) translateY(100%);
    opacity: 0;
  }
} */

@keyframes bottomhand1{
  0%,49%{
    opacity: 0;
  }
  50%{
    transform: translateX(-30%) translateY(-40%);
    opacity: 1;
  }
  60%{
    transform: translateX(-80%) translateY(-80%);
    opacity: 1;
  }
  70%{
    transform: translateX(-55%) translateY(-60%);
    opacity: 0.8;
  }
  85%{
    transform: translateX(-80%) translateY(-80%);
    opacity: 0.4;
  }
  100%{
    opacity: 0;
  }
}

/* @keyframes bottomhand2{
  0%{
    transform: translateX(-30%) translateY(-40%);
    opacity: 1;
  }
  80%{
    opacity: 0.8;
  }
  100%{
    transform: translateX(-120%) translateY(-80%);
    opacity: 0;
  }
}

@keyframes bottomhand3{
  0%{
    transform: translateX(-30%) translateY(-40%);
    opacity: 1;
  }
  80%{
    opacity: 0.8;
  }
  100%{
    transform: translateX(-10%) translateY(-120%);
    opacity: 0;
  }
} */

.random-bottom{
  width:7.5rem;
  height:8.93rem;
  position: absolute;
  top:3.3rem;
  animation: rightshow 0.5s linear;
}

.random-bottom-content{
  margin:4.6rem 0 0 1.22rem;
}

.random-bottom-content-message-p{
  margin: 0 0.16rem 0 0;
}

.random-bottom-content-message-who-p{
  color: #e981f5;
  margin: 0 0 0 0;
}

.random-bottom-content-admin-bg{
  background: #594f9c;
}

.random-progress{
  width:6.22rem;
  height:1.77rem;
  border-radius: 0.2rem;
  background: #3a1b55;
  position: fixed;
  /* top:10.8rem; */
  bottom:0;
  left:50%;
  transform: translateX(-50%) translateY(100%);
  transition: 1s all;
}

.random-progress-p{
  font-size: 0.34rem;
  width:100%;
  text-align: center;
  color:#6cced1;
}

.random-progress-bar{
  width:4.83rem;
  height:0.67rem;
  border-radius:0.33rem;
  background: #89c4fa;
  margin:0.2rem auto 0;
  position: relative;
}

.random-progress-bar-chong{
  width:4.76rem;
  height:0.59rem;
  border-radius:0.3rem;
  background: #2c1e4e;
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
}

.random-progress-bar-chong-show{
  width:4.76rem;
  height:0.52rem;
  overflow: hidden;
  position: relative;
  border-radius: 0.3rem;
  animation: progressshow 2s linear;
  animation-delay: 1.2s;
  margin:0.035rem 0 0;;
}

.random-progress-bar-chong-show img{
  width:4.69rem;
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
  display: inline-block;
}

.random-who-logo{
  width:0.43rem;
}

/* 动画左侧加载效果 */
@keyframes leftshow{
  0%{
    left:-100%;
    top:50%;
  }
  70%{
    left:0;
    top:0;
  }
  80%{
    left:3%;
    top:-6%;
  }
  100%{
    left:0;
    top:0;
  }
}

/* 动画VS加载效果 */
/* @keyframes centershow{
  0%{
    display: block;
    width:10rem;
  }
  100%{
    display: block;
    width:3.15rem;
  }
} */

/* 动画右侧加载效果 */
@keyframes rightshow{
  0%{
    right:-100%;
    top:-50%;
  }
  70%{
    right:0;
    top:3.3rem;
  }
  80%{
    right:-3%;
    top:3.5rem;
  }
  100%{
    right:0;
    top:3.3rem;
  }
}

.BQK-p1,.random-top-content-message-p,.random-top-content-message-who-p,.random-progress-p,
.results-center-p2,.results-center-pk-left-p1,.results-center-pk-left-p2,.results-center-pk-left-p3,
.results-btn1-p,.results-center-bottom-p1,.results-center-bottom-btn-p,.reportyes-content-p1,
.reportyes-content-p2,.reportyes-content-p3,.reportyes-content-p4,.record-header-ul-li-p1,
.record-header-ul-li-p2,.record-ul-li-p{
  margin-block-start: 0;
  margin-block-end: 0;
}



/* 进度条动画加载效果 */
@keyframes progressshow{
  0%{
    height:0.52rem;
    width:0.52rem;
  }
  100%{
    height:0.52rem;
    width:4.76rem;
  }
}



/* 查看PK结果——PK打平 样式 */
.results-center{
  width:6.62rem;
  height:6.05rem;
  margin:3.34rem auto 0;
  position: relative;
  /* border:1px solid #fff; */
}

.results-header{
  height:3.99rem;
  width:7.5rem;
  position: absolute;
  top:1.77rem;
  left:50%;
  transform: translateX(-50%);
  z-index: 10;
}

.results-header-img{
  width:100%;
}

.result-center-bg{
  width:100%;
  position: absolute;
  top:0;
  left:0;
}

.result-guang{
  width:4.64rem;
  animation: timego 5s linear infinite;
  position:absolute;
  top:-2.4rem;
  left:15%;
}

@keyframes timego{
  from{
      transform:rotateZ(0);
  }
  to{
      transform:rotateZ(360deg);
  }
}

.result-draw-XX{
  width:3.09rem;
  position:absolute;
  top:-1.6rem;
  left:50%;
  transform: translateX(-50%);
}

.results-center-p1{
  font-size: 0.28rem;
  color:#fff;
  width:100%;
  text-align: center;
  position: absolute;
  margin:0.32rem auto 0;
}

.results-center-p2{
  font-size: 0.64rem;
  width:100%;
  font-weight: bolder;
  text-align: center;
  position: absolute;
  margin:1.9rem auto 0;
  background-image:-webkit-linear-gradient(top,#76d4f3,#4299ea,#4172e5);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.results-center-pk{
  width:5.88rem;
  height:2rem;
  /* border:1px solid #000; */
  position: absolute;
  top:2.6rem;
  left:50%;
  transform: translateX(-50%);
  display: flex;
}

.results-center-pk-left{
  width:1rem;
  height:2rem;
  /* border:1px solid #000; */
}

.results-center-pk-left-logo{
  width:0.98rem;
  height:0.98rem;
  margin:0 auto;
  position: relative;
}

.results-center-pk-left-WG{
  width:0.73rem;
  position: absolute;
  top:-0.35rem;
  left:50%;
  transform: translateX(-50%);
}

.results-center-pk-left-kuang{
  width:0.98rem;
  height:0.98rem;
}

.results-center-pk-left-5G{
  width:0.6rem;
  height:0.6rem;
  position: absolute;
  top:50%;
  left: 57%;
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
}

.results-center-pk-center{
  width:3.5rem;
  height:0.9rem;
  margin:0.23rem auto 0;
  /* border:1px solid #000; */
  position: relative;
  display: flex;
}

.results-center-pk-center-vs{
  width:0.74rem;
  height:0.88rem;
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
}

.results-center-pk-center-box1,.results-center-pk-center-box2{
  width:1.75rem;
  height:0.16rem;
  margin:0.4rem 0 0;
}

.results-center-pk-center-box1{
  background: #fe9c49;
  border-radius: 0.08rem 0 0 0.08rem;
}

.results-center-pk-center-box2{
  background: #3c9ff9;
  border-radius: 0 0.08rem 0.08rem 0;
}

.results-center-pk-right{
  width:1rem;
  height:2rem;
  /* border:1px solid #000; */
}

.results-center-pk-left-p1,.results-center-pk-left-p2{
  font-size: 0.28rem;
  width:100%;
  text-align: center;
}

.results-center-pk-left-p1,.results-center-pk-left-p3{
  color:#4170e5;
}

.results-center-pk-left-p2{
  color:#f05805;
}

.results-center-pk-left-p3{
  font-size: 0.28rem;
  width:1.8rem;
  margin: 0.04rem 0 0 -0.4rem;
}

.results-center-p3{
  font-size: 0.42rem;
  font-weight: bolder;
  width:100%;
  text-align: center;
  color:#284da7;
  position: absolute;
  top:4.2rem;
}

.results-btn1{
  width:4.92rem;
  height:1.02rem;
  /* border:1px solid #000; */
  position: relative;
  margin:0.8rem auto 0;
}

.results-btn1-bg{
  width:100%;
  position: absolute;
  top:0;
  left:0;
  z-index: -1;
}

.results-btn1-p{
  font-size: 0.45rem;
  width:100%;
  text-align: center;
  color:#fff;
  line-height: 1.02rem;
}

.results-center-bottom{
  width:2.6rem;
  height:1.24rem;
  /* border:1px solid #000; */
  position: absolute;
  top:4.36rem;
  left:50%;
  transform: translateX(-50%);
}

.results-center-bottom-p1{
  font-size: 0.3rem;
  width:100%;
  text-align: center;
  color:#284da7;
}

.results-center-bottom-btn{
  width:2.61rem;
  height:0.74rem;
  margin:0.15rem auto 0;
  border-radius: 0.37rem;
  background: #7da0f8;
  position: relative;
}

.results-center-bottom-btn-p{
  font-size: 0.34rem;
  color:#fff;
  line-height: 0.74rem;
  width:1.68rem;
  text-align: center;
  margin:0 0 0 0.84rem;
}

.results-center-bottom-btn img{
  width:0.71rem;
  display: inline-block;
  position: absolute;
  top:50%;
  left:0.27rem;
  transform: translateY(-50%);
}

.result-yes-btn1,.result-yes-btn2{
  margin:0.4rem auto 0;
}

.result-yes-btn2{
  margin:0.4rem auto 1.4rem;
}

.result-yes-header{
  top:1.3rem;
}

.result-yes-center{
  margin: 2.97rem auto 0;
}

.rate-yes1{
  width:2.25rem;
}

.rate-yes2{
  width:1.25rem;
}

 @media (min-device-height: 800px) {
  /* .random-center {
      width: 3.15rem;
      position: absolute;
      top: 45%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      animation: centershow 0.3s linear;
      display: none;
  }
  .random-bottom-content {
      margin: 6.6rem 0 0 1.22rem;
  } */
}

@media (min-device-height: 1200px) {
  /* .random-center {
      width: 3.15rem;
      position: absolute;
      top: 45%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      animation: centershow 0.3s linear;
      display: none;
  }
  .random-bottom-content {
      margin: 4.6rem 0 0 1.22rem;
  } */
}

@media (min-device-width: 500px) {
  /* .random-center {
      width: 3.15rem;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      animation: centershow 0.3s linear;
      display: none;
  }
  .random-bottom-content {
      margin: 3rem 0 0 1.22rem;
  } */
}

@media (min-device-width: 1000px) {
  /* .random-center {
      width: 3.15rem;
      position: absolute;
      top: 45%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      animation: centershow 0.3s linear;
      display: none;
  }
  .random-bottom-content {
      margin: 4.6rem 0 0 1.22rem;
  } */
}


/* 查看好友战报 样式 */
.random-big{
  margin:0 auto;
  width:7.5rem;
}

.reportyes-content{
  width:6.21rem;
  height:8.79rem;
  margin:1.2rem auto 0;
  /* border:1px solid #fff; */
  position: relative;
}

.reportyes-content-bg{
  width:100%;
  position: absolute;
  top:0;
  left:0;
  z-index: -1;
}

.reportyes-content-admin{
  width:1rem;
  height:1rem;
  border-radius: 50%;
  background-image: -webkit-linear-gradient(top,#3da7d7,#70bbe3,#98ccec);
  margin:3.18rem auto 0;
  position: relative;
}

.reportyes-content-admin-logo{
  width:0.82rem;
  height:0.82rem;
  background: #fff;
  margin:0.06rem auto 0;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top:45%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
}

.reportyes-content-admin-logo img{
  width:100%;
  position: absolute;
  top:50%;
  left:60%;
  transform: translateX(-50%) translateY(-50%);
}

.reportyes-content-p1{
  font-size: 0.3rem;
  width:100%;
  text-align: center;
  color:#fff;
  margin:0.06rem auto 0;
}

.reportyes-content-p2{
  font-size: 0.34rem;
  width:4rem;
  text-align: center;
  color:#004767;
  margin:0.2rem auto 0;
}

.reportyes-content-p3{
  font-size: 0.56rem;
  width:100%;
  text-align: center;
  color:#fff;
  margin:0.2rem auto 0;
  font-weight: bolder;
}

.reportyes-content-p3 span{
  font-size: 0.3rem;
  font-weight: 200;
}

.reportyes-content-p4{
  font-size: 0.34rem;
  width:100%;
  text-align: center;
  color:#fff;
  margin:0 auto;
}

.reportyes-center-btn{
  background: #3191bb;
  margin:0.34rem auto 0;
}

.clear_fix::before {
  content: ""; /* 添加内容 */
  clear: both; /* 清楚两侧浮动 */
  display: block; /* 转换元素类型为块元素 */
  height: 0;
  overflow: hidden; /* 溢出隐藏属性 */
  visibility: hidden;/* 隐藏属性 */
}

.reportyes-bottom-btn-p{
  font-size: 0.33rem;
  font-weight: bolder;
}

.reportyes-content-p5{
  width:2.64rem;
  text-align: center;
  font-size: 0.34rem;
  color:#fff;
  margin:0 auto;
}



/* 查看战绩 样式 */
.record-header{
  width:7.5rem;
  height:3.36rem;
  margin:0 auto;
  border: 1px solid transparent;
  border-color: transparent;
  border-color: rgba(0,0,0,0);
  /* border:1px solid #000; */
}

.record-header-bg{
  width: 7.5rem;
  height: 3.43rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.record-header-p1{
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.record-header-ul{
  width:5.88rem;
  height:0.85rem;
  margin:2.2rem auto 0;
  /* border:1px solid #000; */
  list-style: none;
  display: flex;
  justify-content: space-between;
}

.record-header-ul li{
  width:1.4rem;
  height:100%;
  /* border:1px solid #000; */
}

.record-header-ul-li-p1{
  font-size: 0.24rem;
  width:100%;
  text-align: center;
  color:#222222;
  font-weight: bolder;
}

.record-header-ul-li-p2{
  font-size: 0.34rem;
  width:100%;
  text-align: center;
  color:#1b509b;
  font-weight: bolder;
  margin:0.12rem auto 0;
}

.record-ul{
  width:6.98rem;
  height:9.05rem;
  margin:0.2rem auto 0;
  background: url('../images/record-ul-bg.png');
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-content: flex-start;
  border-radius: 0.3rem;
  overflow: auto;
}

.record-ul-li{
  width:6.54rem;
  height:1.12rem;
  background: #fff;
  border-radius: 0.2rem;
  margin:0.2rem auto;
  position: relative;
}

.record-ul-li-p{
  position: absolute;
  top: -0.26rem;
  left:0.7rem;
}

.record-ul-li-img{
  width:0.5rem;
  position: absolute;
  top:0;
  left:0.2rem
}

.record-ul-li-p-span1 {
  font-size: 0.2rem;
  color:#999999;
}

.record-ul-li-p-span2{
  font-size: 0.4rem;
  color:#959595;
  margin: 0 0 0 -0.2rem;
}

.record-ul-li-p-span3{
  font-size: 0.36rem;
  color:#ff3131;
  font-weight: bolder;
  margin: 0 .8rem 0 0;
}

.record-ul-li-p-span4{
  font-size: 0.28rem;
  color:#222222;
  width: .6rem;
  text-align: center;
  display: inline-block;
}

.span5{
  width:2rem;
}

.record-ul-li-my{
  width: 1rem;
  height: 1.15rem;
  position: absolute;
  top: 50%;
  left: 2.7rem;
  transform: translateY(-50%);
  /* border: 1px solid #000; */
}

.record-ul-li-my-p1{
  font-size: 0.28rem;
  color: #222222;
  width:100%;
  text-align: center;
  margin-block-start: .2rem;
}

.record-ul-li-my-p2{
  font-size: 0.26rem;
  color: #999999;
  width:100%;
  text-align: center;
}

.record-ul-li-who{
  width:2.2rem;
  height:1.15rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  /* border: 1px solid #000; */
}

/* 组团签到--点击建团 样式 */
.cluster-found{
  width:6.52rem;
  height:1.7rem;
  border-radius:.2rem;
  background-image: -webkit-linear-gradient(top,#ffd1c4,#ffbeaa,#ffa98e);
  position: absolute;
  top:1.15rem;
  left:50%;
  transform: translateX(-50%);
}

.cluster-found-add{
  width:2.9rem;
  height:.82rem;
  margin:.44rem auto;
  /* border: 1px solid #000; */
  display: flex;
  justify-content: space-evenly;
}

.addlogo{
  width:.82rem;
}

.cluster-found-add-p{
  font-size: .44rem;
  font-weight: bolder;
  line-height: .82rem;
  color:#612727;
}

/* 新增弹窗及协议样式 */
.popBox {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f000000', endColorstr='#7f000000');
  z-index: 40;
  display: none;
}

.popBox .popBox-inner{ background: #fff; position: absolute; width:6rem; top:50%; left:50%; margin-left:-3.5rem; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);border-radius:5px;}

.popBox .popBox-inner .close {
  position: absolute;
  bottom: -1rem;
  left: 3.125rem;
  background: url(../images/pop-close.png) no-repeat;
  width: .65rem;
  height: .65rem;
  background-size: 100% 100%;
}

.popBox .popBox-head {
  margin: 0;
  padding: 0 .1rem;
  position: relative;
  text-align: center;
  line-height: 1.2rem;
  font-size: .35rem;
  color: #735f4e;
  background: -webkit-linear-gradient(top, #cdb992,#f5dfbb);
  background: -moz-linear-gradient(top, #cdb992,#f5dfbb);
  border-radius: 5px 5px 0 0;
}

.popBox .popBox-body {
  padding: .5rem 0;
  font-size: .24rem;
  line-height: 180%;
  color: #666;
}

.popBox .popBox-body .popBox-scroll {
  max-height: 7rem;
  overflow: hidden;
  overflow-y: auto;
  word-break: break-all;
}

.popBox-scroll {
  padding: 0 .3rem;
  font-size: .26rem;
  color: #393838;
}

.rule-word {
  padding: 0 .2rem;
  line-height: 1.8;
}

.rule-word h1 {
  font-size: .28rem;
  margin: .1rem 0;
  font-weight: 700;
}

.mask {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 800;
  color: #000;
}

.pop5 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 6.1rem;
  height: 7.51rem;
  background: url(../images/pop3.png);
  background-size: 100% 100%;
  color: #fff;
  text-align: center;
  z-index: 2;
  font-size: .24rem;
}


.closeBtn {
  position: absolute;
  display: block;
  width: .49rem;
  height: .49rem;
  background: url(../images/closeBtn.png);
  background-size: 100% 100%;
  top: -.35rem;
  right: -.25rem;
  z-index: 3;
}

.pop5_tip {
  display: inline-flex;
  width: 90%;
  margin: 5.7rem auto 0;
  justify-content: center;
  align-items: center;
}

.pop5_btn3 {
  display: inline-flex;
  width: 3.27rem;
  height: 1.23rem;
  background: url(../images/pop3_btn.png);
  background-size: 100% 100%;
  margin: 0 auto;
  position: relative;
}

a{
  outline: 0;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.closeBtn3 {
  right: .1rem;
}

.happen {
  width: 2.8rem;
  height: 0.6rem;
  margin: 1rem auto 0;
  /* border: 1px solid #000; */
  position: absolute;
  /* background: #fff; */
  border-radius: 0.3rem;
  top: -0.76rem;
  left: 50%;
  transform: translateX(-50%);
}


.reconfirm-content-centerbtn{
  left:50%;
  transform:translateX(-50%);
}

/* 动态提醒样式 */
.sign-prize{
  width:.87rem;
  height:.76rem;
  position: absolute;
  top: 2.6rem;
  left: 0.8rem;
}

.sign-prize img{
  width:100%;
  height:100%;
}
#WoBlgo_div{
  width:1.35rem;
  height:.41rem
}

#WoBlgo_div img{
  width:100%;
}
.WoBlgo_div{
  width:1.16rem;
  height:.45rem;
}
.WoBlgo{
  width:100%;
}

/* 勋章展示弹窗样式 */
.medalbox{
  width: 5.4rem;
  height: 5.86rem;
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
  background-image: url('../images/lookmedal-bg.png');
  background-size: 100%;
}

.medalbox-content{
  height: 5.86rem;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.medalbox-zhuan1{
  width: 6.57rem;
  height: 6.57rem;
  position: absolute;
  background-image: url('../images/medal-popzhuan1.png');
  background-size: 100%;
  animation: zhuan1 linear infinite 8s;
  z-index: -1;
}

.medalbox-zhuan2{
  width: 6.48rem;
  height: 6.48rem;
  position: absolute;
  background-image: url('../images/medal-popzhuan2.png');
  background-size: 100%;
  animation: zhuan2 linear infinite 8s;
  z-index: -1;
}

@keyframes zhuan1{
  0%{
    transform:rotateZ(0deg);
  }
  100%{
    transform:rotateZ(360deg);
  }
}

@keyframes zhuan2{
  0%{
    transform:rotateZ(360deg);
  }
  100%{
    transform:rotateZ(0deg);
  }
}


.medalbox-logo{
  width: 2.72rem;
  height: 2.84rem;
  margin: -0.6rem auto 0;
  position: relative;
  z-index: 999;
}


.medalbox-logo img{
  width:100%;
  height:100%;
}

.medalbox-guang{
  width: 3.04rem;
  height: 2.81rem;
  position: absolute;
  background-image: url('../images/medal-popguang.png');
  background-size: 100%;
  z-index: 2;
  animation: guang linear infinite 3s;
}

@keyframes guang{
  0%{
    top: 3.05rem;
    transform: translateY(100%);
  }
  100%{
    top: 0;
    transform: translateY(-100%);
  }
}

.medalbox-text{
  font-size: .38rem;
  color: #222222;
  margin: 0.76rem auto 0;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 4rem;
  z-index: 10;
}

.medalbox-shu{
  width: .03rem;
  height: .6rem;
  background-image: url('../images/medal-popshu.png');
  background-size: 100%;
  position: absolute;
  bottom:0;
  left:50%;
  transform: translateY(100%) translateX(-50%);
}

.medalbox-close{
  width: .65rem;
  height: .65rem;
  background-image: url('../images/lookmedal-close.png');
  background-size: 100%;
  position: absolute;
  bottom:-.6rem;
  left:50%;
  transform: translateY(100%) translateX(-50%);
}

.rili-lookmedal{
  width: 1.49rem;
  height: .92rem;
  background-image: url('../images/index-header-rightJZ.png');
  background-size: 100%;
  color:#951f1d;
  font-size:.27rem;
  text-align:center;
  line-height: .96rem;
  margin:0 0 0 5.32rem;
  padding: 0 0 0 .6rem;
  position: relative;
  z-index: 999;
}



  /* 勋章页3秒浮层样式 */
.medal-fuceng{
  width: 4rem;
  text-align: center;
  height: 0.8rem;
}

.medal-fuceng p{
 line-height: .8rem;
 width:100%;
 margin-block-start: 0;
 margin-block-end: 0;
}


/* 右侧悬浮窗样式 */
.xf{
  width:1.55rem;
  height:1.66rem;
  position: fixed;
  bottom: 4.5rem;
  right: 0;
  z-index: 99;
}

.xf img{
  width:100%;
  height:100%;
}

/* 开宝箱页面样式 */
.openboxmain{
  width:7.5rem;
  height:14.46rem;
  position: relative;
  margin:0 auto;
  background-image: url('../images/openbox-bg.png');
  background-size: 100%;
  padding: 1px 0 0;
}

.openboxmain div{
  background-size: 100%;
}

.openboxmain img{
  width:100%;
  height:100%;
}

.openbox-return{
  width:1.75rem;
  height:.44rem;
  background: rgba(0,0,0,.2);
  border-radius: .22rem;
  margin:.2rem 0 0 .12rem;
  font-size: .28rem;
  color:#fff;
  text-align: center;
}

.openbox-banner{
  width:6.52rem;
  height:2.17rem;
  margin:.07rem auto 0;
}

.openbox-rightbtn{
  width:1.48rem;
  height:.44rem;
  position: absolute;
  right: 0;
  top:.2rem;
  font-size: .28rem;
  text-align: center;
  line-height: .48rem;
  border-radius: .22rem 0 0 .22rem;
  background-image: -webkit-linear-gradient(top,#fff8e1,#fbc2a0,#f7976c);
  color:#e00900;
}

.openbox-bx{
  width:5.96rem;
  height:4.25rem;
  margin:.46rem auto 0;
  background-image: url('../images/openbox-box.png');
  position: relative;
}

.openbox-bx div{
  width:1.31rem;
  height:1.31rem;
  position: absolute;
  animation: showopenbox linear infinite 2s;
}

.openbox-bx .openbox-bx-jp1{
  top:.08rem;
  left:1rem;
}

.openbox-bx .openbox-bx-jp2{
  top:-.4rem;
  left:2.3rem;
  animation-delay: .2s;
}

.openbox-bx .openbox-bx-jp3{
  top:.04rem;
  left:3.6rem;
  animation-delay: .1s;
}

.openbox-bx .openbox-bx-jp4{
  top:1rem;
  left:1.8rem;
  animation-delay: .3s;
}

.openbox-bx .openbox-bx-jp5{
  top:.9rem;
  left:3rem;
  animation-delay: .4s;
}

@keyframes showopenbox{
  0%{
    transform:translateY(0); 
  }
  50%{
    transform:translateY(-25%); 
  }
  100%{
    transform:translateY(0); 
  }
}

.openbox-text{
  width:6.5rem;
  height:.6rem;
  margin:0rem auto 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: .24rem;
  color:#fff;
}

.openbox-text a{
  color:#fff;
  text-decoration: underline;
}

.openbox-btn{
  width:4.89rem;
  height:1.08rem;
  margin:.14rem auto 0;
  background-image: url('../images/openbox-btnred.png');
}

.openbox-footer{
  width:6.52rem;
  height:3.46rem;
  margin:.55rem auto 0;
}

.openbox-footer-title{
  font-size: .38rem;
  font-weight: bold;
  color:#fff;
}

.openbox-footer-content{
  width:6.52rem;
  height:2.73rem;
  margin:.28rem auto 0;
  display: flex;
  justify-content: space-between;
}

.openbox-footer-content div{
  width:2.07rem;
  height:2.73rem;
}

/* 开宝箱弹窗样式 */
.obpop{
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
  background-size: 100%;
}

.obpop div{
  background-size: 100%;
} 

.obpop img{
  width:100%;
  height:100%;
} 

.obpop1{
  width:6.16rem;
  height:6.01rem;
  background-image: url('../images/openbox-popbg2.png');
}

.obpop2{
  width:6rem;
  height:5.8rem;
  background-image: url('../images/openbox-popbg.png');
}

.obpop3{
  width:6rem;
  height:7rem;
  background-image: url('../images/openbox-popbg3.png');
}

.obpop-close{
  font-size: .6rem;
  color:#fff;
  position: absolute;
  right:.3rem;
  top:.2rem;
}

.obpop2-close{
  top: 0.02rem;
  right: 0.26rem;
}

.obpop1-logo{
  width:3.23rem;
  height:3.14rem;
  margin:-.32rem auto 0;
}

.obpop2-logo{
  width:3.29rem;
  height:2.71rem;
  margin:-.76rem auto 0;
}

.obpop3-logo{
  width:2.22rem;
  height:1.71rem;
  margin:.06rem auto 0;
}

.obpop-p1{
  font-size: .55rem;
  text-align: center;
  font-weight: bold;
  color:#9f0101;
  margin:1.1rem auto 0;
}

.obpop-p2{
  font-size: .42rem;
  text-align: center;
  font-weight: bold;
  color:#9f0101;
  margin:.22rem auto 0;
}

.obpop-p2 span{
  color:#e92718;
}

.obpop-p3{
  font-size: .28rem;
  text-align: center;
  font-weight: bold;
  color:#9f0101;
  margin:.22rem auto 0;
}

.obpop-p4{
  font-size: .36rem;
  text-align: center;
  margin:.36rem auto 0;
  color:#9f0101;
  font-weight: bold;
}

.obpop2-btn{
  width:3.4rem;
  height:.9rem;
  margin:.4rem auto 0;
  text-align: center;
  line-height: .9rem;
  border-radius: .45rem;
  background-image: -webkit-linear-gradient(top,#ec5b54,#bc271b);
  color:#fff;
  font-size: .5rem;
}

.obshow4-title{
  font-size: .52rem;
  text-align: center;
  margin:.5rem auto 0;
  color:#9f0101;
  font-weight: bold;
}

.obshow4-content{
  width:5.18rem;
  height:5.33rem;
  margin:.14rem auto 0;
  overflow: auto;
}

.obshow4-content-title{
  font-size: .28rem;
  font-weight: bold;
  color:#9f0101;
}

.obshow4-content-text{
  font-size: .24rem;
  color:#9f0101;
  margin-bottom: .24rem;
}

.obshow1,.obshow2,.obshow3{
  display: none;
}

.obshow5-hdgg {
  width: 7.5rem;
  height: 8.3rem;
  background-image: url('../images/hdgg.png');
  padding: 1px 0 0;
}

.obshow5 .obshow5-close {
  width: .51rem;
  height: .51rem;
  position: absolute;
  top: .5rem;
  right: 1rem;
}

.obshow5 .obshow5-btn {
  width: 3.4rem;
  height: .9rem;
  margin: 5.3rem auto 0;
}


/* 勋章规则页样式 */
.medalrule{
  width:7.5rem;
  background-image: -webkit-linear-gradient(top,#323248,#2c2c3b);
  position: relative;
  padding: 1px 0 1rem;
  margin:0 auto;
  transition: all 1s;
  animation: showbg 1s linear infinite;
}

.medalrule .medalrule-title{
  width:6.66rem;
  height:.56rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color:#fff;
  font-size:.46rem;
  margin:.31rem auto 0;
}

.medalrule .medalrule-title-return{
  font-size: .4rem;
  color:#cacad0;
  position: absolute;
  left:0;
}

.medalrule .medalrule-p1{
  width:4.62rem;
  height:.5rem;
  background-image: -webkit-linear-gradient(left,#41415c,#2f2f43);
  margin:.46rem 0 0;
  padding:0 0 0 .42rem;
  font-size: .3rem;
  color:#fff;
  line-height: .5rem;
}

.medalrule .medalrule-p2{
  width:6.66rem;
  margin:.14rem auto 0;
  font-size: .24rem;
  color:#ccccd1;
}

.medalrule .medalrule-p2 span {
  color: #fff;
}

.medalrule .medalrule-p2 i {
  width: .95rem;
  height: .36rem;
  background-image: url('../images/medalrule-icon.png');
  background-size: 100% 100%;
  display: inline-block;
  margin-bottom: -.06rem;
}


/* 文字变红色 */
.medalrule .medalrule-p2 strong{
  color:#ca0b10;
}

.medalrule .medalrule-change {
  display: none;;
}

.medalrule .medalrule-p3{
  width:6.66rem;
  margin:.08rem auto 0;
  font-size: .22rem;
  color:#b9b9c0;
}

/* 签到状态4弹窗新增样式 */
.content4{
  width: 5.6rem;
  height: 3.06rem;
}

/* 发票弹窗样式 */
.invoice{
  width:5rem;
  font-size: .32rem;
  top:.8rem;
  left:.3rem;
  text-align: left;
}

.showbox26-btn{
  bottom:-1.2rem;
}

/* 新增显著卖点 */
.selling{
  width:7.5rem;
  height:4.41rem;
  margin:-.2rem auto -2.2rem;
}

.selling img{
  width:100%;
  height:100%;
}


/* 20230510 新增底部banner dly */
/* 图片轮播 */
.newSwiper{
  width: 6.92rem;
  height: 2.39rem;
  margin: .6rem auto 0;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.newSwiper .swiperXz{
  height: 1.99rem;
}


.newSwiper .swiper-slide{
  background: none;
}

.newSwiper .swiper-slide img{
  width:1.548rem;
  height:1.791rem;
}

.newSwiper .swiper-scrollbar{
  width:11% !important;
  left:50% !important;
  transform: translateX(-50%);
  background:#e7e7e7;
  div{
    background:#de594d;
  }
}


.jionNum{
  position: absolute;
  z-index: 4;
  bottom: .28rem;
  right: .28rem;
  background-color: rgb(232, 93, 84);
  text-align: center;
  border-radius: .2rem 0 .2rem 0;
}
.jionNum p{
  font-size: .24rem;
  -moz-transform: matrix( 0.7,0,0,0.7,0,0);
  -webkit-transform: matrix( 0.7,0,0,0.7,0,0);
  -ms-transform: matrix( 0.7,0,0,0.7,0,0);
  font-family: "SourceHanSansCN";
  color: rgba(255, 255, 255, 0.922);
}


.tableBox .tableTitle{
    font-size: .34rem;
    font-family: "SourceHanSansCN";
    color: #9e2a27;
    font-weight: bold;
    text-align: center;
    margin-bottom: .3rem;
}

.tableBox .tableSub,.tableBox table th{
    font-size: .3rem;
    font-family: "SourceHanSansCN";
    color: rgb(138, 54, 57);
    text-align: center;
    margin-bottom: .2rem;
    font-weight: bold;
}
.tableBox table{
  width: 100%;
  font-size: .28rem;  
  text-align: center;
  border-collapse: collapse; 
  border-spacing: 0;
}

.tableBox .tableDiv{
  border-radius: .1rem;
  border: 1px solid rgb(138, 54, 57);
  margin-bottom: .3rem;
}

.tableBox table th,.tableBox table td{
  border: 1px solid rgb(138, 54, 57);
  border-radius: .1rem;
  padding: .1rem 0;
  font-size: .26rem;
  font-family: "SourceHanSansCN";
  color: rgba(138, 54, 57, 0.839);
}

.tableBox table th{
  border-top: none;
}

.tableBox table th:nth-child(1),
.tableBox table td:nth-child(1){
  border-left: none;
  width: 65%;
}
.tableBox table th:nth-child(2),
.tableBox table td:nth-child(2){
  border-right: none;
  width: 35%;
}

.tableBox table tr:last-child td{
  border-bottom: none;
}


/* 图片轮播 */
.newSwiper2{
  width: 7.05rem;
  height: 1.8rem;
  margin: 0.3rem auto .5rem;
  position: relative;
  z-index: 90;
  overflow: hidden;
}


.newSwiper2 .swiper-slide{
  background: none;
}

.newSwiper2 .swiper-slide img{
  width:7.05rem;
  height:1.8rem;
}

.newSwiper2 .paginationWhite{
  color:#fff;
  background-color: #fff;
  --swiper-theme-color: #fff;
  height: 0.08rem;
  width: 0.4rem;
  border-radius: 0;
}