html,
body {
  width: 100%;
  background: #C0AAFF;
  padding-bottom: 0.5866666667rem;
  overflow-x: hidden;
}

.back {
  position: fixed;
  top: 0.9333333333rem;
  left: 0.4533333333rem;
  z-index: 9;
  width: 0.8266666667rem;
  height: 0.8266666667rem;
}
.back img {
  width: 100%;
  height: 100%;
}

.header {
  width: 10rem;
  height: 13.4666666667rem;
  background: url(../images/header.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto -2.6533333333rem;
  position: relative;
}
.header .rules {
  width: 0.64rem;
  height: 1.8666666667rem;
  position: absolute;
  right: 0;
  top: 4.0133333333rem;
}

.ruleContent {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99;
}
.ruleContent img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8rem;
  height: 13.2666666667rem;
}

.limitGift {
  width: 9.2rem;
  height: 3.84rem;
  background: url(../images/limitGift.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 0.5333333333rem;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  padding-top: 1.12rem;
}
.limitGift .swiper {
  width: 7.9333333333rem;
  height: 2.4rem;
  margin: 0 auto;
  overflow: hidden;
}
.limitGift .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
}

.tabBox {
  width: 9.2rem;
  height: 0.8933333333rem;
  margin: 0 auto 0.5333333333rem;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
.tabBox .tab {
  width: 2.2rem;
  height: 0.8933333333rem;
}
.tabBox .tab1 {
  background: url(../images/tab1_active.png) no-repeat;
  background-size: 100% 100%;
}
.tabBox .tab2 {
  background: url(../images/tab2_active.png) no-repeat;
  background-size: 100% 100%;
}
.tabBox .tab3 {
  background: url(../images/tab3_active.png) no-repeat;
  background-size: 100% 100%;
}
.tabBox .tab4 {
  background: url(../images/tab4_active.png) no-repeat;
  background-size: 100% 100%;
}
.tabBox .tab1_active {
  background: url(../images/tab1.png) no-repeat;
  background-size: 100% 100%;
}
.tabBox .tab2_active {
  background: url(../images/tab3.png) no-repeat;
  background-size: 100% 100%;
}
.tabBox .tab3_active {
  background: url(../images/tab2.png) no-repeat;
  background-size: 100% 100%;
}
.tabBox .tab4_active {
  background: url(../images/tab4.png) no-repeat;
  background-size: 100% 100%;
}

.page1 .desire {
  width: 9.2rem;
  height: 27.48rem;
  margin: 0 auto 0rem;
  background: url(../images/desire.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.page1 .desire .rule1_but {
  width: 2rem;
  height: 0.7rem;
  position: absolute;
  right: 0.4rem;
  top: 2.6rem;
}
.page1 .desire .clock {
  color: #FE447F;
  font-size: 0.3466666667rem;
  position: absolute;
  left: 2.2933333333rem;
  top: 2.7733333333rem;
  font-weight: bold;
}
.page1 .desire .speed {
  width: 8.56rem;
  height: 1.4666666667rem;
  border: 0.0133333333rem solid #FFFFFF;
  background: linear-gradient(0deg, #FFC9BA 0%, #FF8D9F 96%);
  border-radius: 0.2133333333rem;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  top: 3.52rem;
}
.page1 .desire .speed .line {
  position: relative;
  width: 7.8rem;
  height: 0.2666666667rem;
  border-radius: 0.1066666667rem;
  left: 50%;
  top: 0.4133333333rem;
  transform: translateX(-50%);
  background: rgba(255, 255, 255, 0.5);
}
.page1 .desire .speed .line span {
  width: 10%;
  height: 100%;
  border-radius: 0.1066666667rem;
  position: absolute;
  left: 0;
  top: 0;
  background: #FF6686;
}
.page1 .desire .speed .line .gift1,
.page1 .desire .speed .line .gift2,
.page1 .desire .speed .line .gift3 {
  position: absolute;
  left: 1.1rem;
  top: 90%;
  transform: translateY(-50%);
  width: 1.7333333333rem;
}
.page1 .desire .speed .line .gift1 img,
.page1 .desire .speed .line .gift2 img,
.page1 .desire .speed .line .gift3 img {
  display: block;
  width: 1.2266666667rem;
  height: 0.8933333333rem;
  margin: 0 auto;
}
.page1 .desire .speed .line .gift1 p,
.page1 .desire .speed .line .gift2 p,
.page1 .desire .speed .line .gift3 p {
  color: #FFFFFF;
  font-size: 0.2933333333rem;
  text-align: center;
}
.page1 .desire .speed .line .gift2 {
  left: 4.08rem;
}
.page1 .desire .speed .line .gift3 {
  left: 6.4533333333rem;
}
.page1 .desire .card {
  width: 4rem;
  height: 5.1733333333rem;
  position: absolute;
  z-index: 1;
}
.page1 .desire .card .clicks {
  position: absolute;
  left: 0;
  top: 0;
  width: 4rem;
  height: 5.1733333333rem;
  display: none;
}
.page1 .desire .card .notObtained {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/notObtained.png) no-repeat;
  background-size: 100% 100%;
  z-index: 2;
}
.page1 .desire .card .notObtained .but {
  width: 2.3333333333rem;
  height: 0.8rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 2.15rem;
}
.page1 .desire .card .obtained {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/obtained.png) no-repeat;
  background-size: 100% 100%;
  z-index: 3;
}
.page1 .desire .card .obtained .but1 {
  width: 2.8rem;
  height: 0.9066666667rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 1.1rem;
}
.page1 .desire .card .obtained .but2 {
  width: 2.8rem;
  height: 0.9066666667rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 2.45rem;
}
.page1 .desire .card .acquired {
  display: none;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0.0133333333rem;
  width: 2.1333333333rem;
  height: 0.8rem;
}
.page1 .desire .card .cardNum {
  position: absolute;
  width: 0.8533333333rem;
  height: 0.8533333333rem;
  line-height: 0.9866666667rem;
  text-align: center;
  color: #FE447F;
  font-size: 0.3466666667rem;
  right: 0.1466666667rem;
  bottom: 1.32rem;
  background: url(../images/cardNum.png) no-repeat;
  background-size: 100% 100%;
}
.page1 .desire .card1 {
  left: 0.32rem;
  top: 5.2933333333rem;
}
.page1 .desire .card2 {
  right: 0.32rem;
  top: 5.2933333333rem;
}
.page1 .desire .card3 {
  left: 0.32rem;
  top: 10.7733333333rem;
}
.page1 .desire .card4 {
  right: 0.32rem;
  top: 10.7733333333rem;
}
.page1 .desire .card5 {
  left: 0.32rem;
  top: 16.28rem;
}
.page1 .desire .card6 {
  right: 0.32rem;
  top: 16.28rem;
}
.page1 .desire .card7 {
  left: 0.32rem;
  bottom: 0.5333333333rem;
}
.page1 .desire .card8 {
  right: 0.32rem;
  bottom: 0.5333333333rem;
}

.page2 .redTree {
  width: 9.2rem;
  height: 11.8266666667rem;
  background: url(../images/redTree.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 0.6133333333rem;
  position: relative;
}
.page2 .redTree .redTree_bag {
  position: absolute;
  color: #FE447F;
  font-size: 0.3466666667rem;
  height: 0.5866666667rem;
  left: 2.4rem;
  top: 1.36rem;
}
.page2 .redTree .redTree_bag span {
  display: inline-block;
  width: 0.5866666667rem;
  height: 0.5866666667rem;
  background: url(../images/redTree_bag_span.png) no-repeat;
  background-size: 100% 100%;
  margin-right: 0.1333333333rem;
  float: left;
}
.page2 .redTree .redTree_bag b {
  height: 0.5866666667rem;
  line-height: 0.5866666667rem;
  display: inline-block;
  float: left;
}
.page2 .redTree .recordRules {
  width: 2.1333333333rem;
  height: 0.64rem;
  line-height: 0.64rem;
  border-radius: 0.2666666667rem;
  position: absolute;
  top: 1.3466666667rem;
  text-align: center;
  color: #FE447F;
  font-size: 0.3466666667rem;
  right: 0.32rem;
  background: #fff;
}
.page2 .redTree .box {
  width: 8.56rem;
  height: 6.4rem;
  left: 50%;
  transform: translateX(-50%);
  top: 2.2666666667rem;
  background: url(../images/redTreeBg.png) no-repeat;
  background-size: 100% 100%;
  border-radius: 0.2666666667rem;
  position: absolute;
}
.page2 .redTree .box .cloud {
  width: 8.3466666667rem;
  height: 2.2rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.0666666667rem;
  z-index: 2;
}
.page2 .redTree .box .red {
  width: 2rem;
  height: 2.1333333333rem;
  position: absolute;
  background: url(../images/nohb.png) no-repeat;
  background-size: 100% 100%;
}
.page2 .redTree .box .red .red_in {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
.page2 .redTree .box .red .red_in .gift {
  position: absolute;
  width: 0.96rem;
  height: 0.96rem;
  left: 50%;
  transform: translateX(-50%);
  top: 0.2133333333rem;
  border-radius: 50%;
}
.page2 .redTree .box .red .red_in .gift_img {
  width: 0.9rem;
  height: 0.45rem;
  top: 0.5rem;
}
.page2 .redTree .box .red .red_in p {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 0.2666666667rem;
  position: absolute;
  left: 0;
  top: 1.4rem;
}
.page2 .redTree .box .red .red_in span {
  position: absolute;
  width: 100%;
  left: 0;
  top: 1.72rem;
  color: #FEFFA3;
  font-size: 0.24rem;
  text-align: center;
}
.page2 .redTree .box .red .redBagSvag {
  position: absolute;
  left: 0;
  top: 0;
  width: 2rem;
  height: 2.1333333333rem;
  display: none;
}
.page2 .redTree .box .red1 {
  left: 0.0933333333rem;
  top: 2.8666666667rem;
}
.page2 .redTree .box .red2 {
  left: 2.1733333333rem;
  top: 3.8266666667rem;
}
.page2 .redTree .box .red3 {
  left: 3.1733333333rem;
  top: 1.3866666667rem;
}
.page2 .redTree .box .red4 {
  left: 4.8933333333rem;
  top: 3.5733333333rem;
}
.page2 .redTree .box .red5 {
  left: 5.68rem;
  top: 0.9733333333rem;
}
.page2 .redTree .box .active {
  background: url(../images/hb.png) no-repeat;
  background-size: 100% 100%;
}
.page2 .redTree .box2 {
  width: 8.56rem;
  height: 6.4rem;
  left: 50%;
  transform: translateX(-50%);
  top: 2.2666666667rem;
  position: absolute;
  z-index: 1;
  display: none;
}
.page2 .redTree .box2 .red {
  width: 2rem;
  height: 2.1333333333rem;
  position: absolute;
}
.page2 .redTree .box2 .red .redBagSvag {
  position: absolute;
  left: 0;
  top: 0;
  width: 2rem;
  height: 2.1333333333rem;
  display: none;
}
.page2 .redTree .box2 .red1 {
  left: 0.0933333333rem;
  top: 2.8666666667rem;
}
.page2 .redTree .box2 .red2 {
  left: 2.1733333333rem;
  top: 3.8266666667rem;
}
.page2 .redTree .box2 .red3 {
  left: 3.1733333333rem;
  top: 1.3866666667rem;
}
.page2 .redTree .box2 .red4 {
  left: 4.8933333333rem;
  top: 3.5733333333rem;
}
.page2 .redTree .box2 .red5 {
  left: 5.68rem;
  top: 0.9733333333rem;
}
.page2 .redTree .box2 .active {
  background: url(../images/hb.png) no-repeat;
  background-size: 100% 100%;
}
.page2 .redTree .redTreeBut {
  width: 5.3333333333rem;
  height: 1.3066666667rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 9.2533333333rem;
}
.page2 .redTree .sx {
  width: 4rem;
  height: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.47rem;
  position: absolute;
}
.page2 .redTreeTakst {
  width: 9.2rem;
  height: 10.7866666667rem;
  margin: 0 auto 0.5333333333rem;
  background: url(../images/redTreeTakst.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.page2 .redTreeTakst .redTreeTakstTab {
  position: absolute;
  width: 6.6666666667rem;
  height: 0.96rem;
  line-height: 0.96rem;
  border-radius: 0.96rem;
  background: #FFFFFF;
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 1.4266666667rem;
}
.page2 .redTreeTakst .redTreeTakstTab div {
  width: 3.3333333333rem;
  height: 100%;
  border-radius: 0.96rem;
  text-align: center;
  color: #FE7AA3;
  background: #fff;
  font-size: 0.4rem;
  font-weight: bold;
}
.page2 .redTreeTakst .redTreeTakstTab .active {
  color: #FFFFFF;
  background: linear-gradient(0deg, #FF7489 0%, #FFC1AF 100%);
}
.page2 .redTreeTakst .title {
  width: 100%;
  position: absolute;
  left: 0;
  top: 2.8266666667rem;
  font-size: 0.2933333333rem;
  color: #BB4A56;
  text-align: center;
}
.page2 .redTreeTakst .tabs1 {
  width: 8.5466666667rem;
  margin: 0.6133333333rem auto 0;
  overflow: hidden;
}
.page2 .redTreeTakst .tabs1 .div {
  width: 8.5466666667rem;
  position: relative;
  background: linear-gradient(90deg, #FF8894 0%, #FFA2A4 99%);
  border-radius: 0.2133333333rem;
  margin-bottom: 0.2133333333rem;
  height: 1.2533333333rem;
}
.page2 .redTreeTakst .tabs1 .div p {
  position: absolute;
  color: #fff;
  font-size: 0.2666666667rem;
  left: 0.3466666667rem;
  top: 0.2933333333rem;
}
.page2 .redTreeTakst .tabs1 .div b {
  position: absolute;
  font-size: 0.24rem;
  color: #FEFFA3;
  left: 0.3466666667rem;
  top: 0.7066666667rem;
}
.page2 .redTreeTakst .tabs1 .div .but {
  width: 1.4666666667rem;
  height: 0.6rem;
  background: url(../images/redTreeTakst_but.png);
  background-size: 100% 100%;
  border-radius: 0.1066666667rem;
  color: #3D001F;
  font-size: 0.3066666667rem;
  text-align: center;
  line-height: 0.5333333333rem;
  position: absolute;
  right: 0.3466666667rem;
  top: 50%;
  transform: translateY(-50%);
}
.page2 .redTreeTakst .tabs1 .div .butOut {
  background: #EBCACB;
  color: #FFF3F9;
}
.page2 .redTreeTakst .tabs1 .div1 {
  height: 2.2266666667rem;
  margin-top: 3.3866666667rem;
}
.page2 .redTreeTakst .tabs1 .div1 p {
  color: #fff;
  font-size: 0.2666666667rem;
  position: absolute;
  left: 0.3466666667rem;
  top: 0.1866666667rem;
}
.page2 .redTreeTakst .tabs1 .div1 .line {
  width: 5.8533333333rem;
  height: 0.36rem;
  border-radius: 0.36rem;
  border: 0.0133333333rem solid #FFE4E7;
  position: absolute;
  left: 0.32rem;
  top: 1.12rem;
  box-sizing: border-box;
  background: #ff6687;
}
.page2 .redTreeTakst .tabs1 .div1 .line b {
  position: absolute;
  z-index: 3;
  color: #fff;
  font-size: 0.2666666667rem;
  left: 0.1066666667rem;
  top: 50%;
  transform: translateY(-50%);
}
.page2 .redTreeTakst .tabs1 .div1 .line span {
  position: absolute;
  left: 0;
  top: 0;
  width: 80%;
  height: 0.3266666667rem;
  background: linear-gradient(90deg, #FFD5A9 0%, #E6FFFC 99%);
  border-radius: 0.3266666667rem;
}
.page2 .redTreeTakst .tabs1 .div1 .line .gift1,
.page2 .redTreeTakst .tabs1 .div1 .line .gift2,
.page2 .redTreeTakst .tabs1 .div1 .line .gift3 {
  width: 1.0666666667rem;
  height: 1.3333333333rem;
  position: absolute;
  left: 1.7333333333rem;
  top: 50%;
  transform: translateY(-50%);
}
.page2 .redTreeTakst .tabs1 .div1 .line .gift1 b,
.page2 .redTreeTakst .tabs1 .div1 .line .gift2 b,
.page2 .redTreeTakst .tabs1 .div1 .line .gift3 b {
  display: block;
  width: 100%;
  text-align: center;
  color: #FEFFA3;
  font-size: 0.24rem;
  position: absolute;
  left: 0;
  top: 0.2rem;
}
.page2 .redTreeTakst .tabs1 .div1 .line .gift1 img,
.page2 .redTreeTakst .tabs1 .div1 .line .gift2 img,
.page2 .redTreeTakst .tabs1 .div1 .line .gift3 img {
  display: block;
  width: 0.6533333333rem;
  height: 0.64rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page2 .redTreeTakst .tabs1 .div1 .line .gift1 i,
.page2 .redTreeTakst .tabs1 .div1 .line .gift2 i,
.page2 .redTreeTakst .tabs1 .div1 .line .gift3 i {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 0.2666666667rem;
  position: absolute;
  left: 0;
  bottom: 0;
  font-style: normal;
}
.page2 .redTreeTakst .tabs1 .div1 .line .gift2 {
  left: 3.7333333333rem;
}
.page2 .redTreeTakst .tabs1 .div1 .line .gift3 {
  left: 5.2rem;
}
.page2 .redTreeTakst .tabs2 {
  display: none;
}
.page2 .redTreeTakst .tabs2 .redTreeTakstGift {
  width: 8.5866666667rem;
  height: 5.96rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 3.3733333333rem;
}
.page2 .redTreeTakst .tabs2 .redTreeTakstButImg {
  position: absolute;
  width: 3.7333333333rem;
  height: 0.96rem;
  left: 50%;
  transform: translateX(-50%);
  top: 9.5066666667rem;
}

.page3 .lovePostOffice {
  width: 9.2rem;
  height: 10.8266666667rem;
  background: url(../images/lovePostOffice.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 0.52rem;
  position: relative;
  overflow: hidden;
}
.page3 .lovePostOffice .dm {
  margin: 1.6rem auto 0;
  width: 8rem;
  height: 6rem;
}
.page3 .lovePostOffice .dm .my_containers {
  height: 0.8rem;
  line-height: 0.8rem;
  border-radius: 0.8rem;
  font-size: 0.32rem;
  color: #FEFFA3;
  position: relative;
  box-sizing: border-box;
  background: rgba(48, 0, 9, 0.5);
  padding: 0 0.1866666667rem 0 1.6rem;
  border: 0.0266666667rem solid #FFF7D0;
}
.page3 .lovePostOffice .dm .my_containers .l {
  position: absolute;
  left: 0.0133333333rem;
  top: 0rem;
  width: 0.7466666667rem;
  height: 0.7466666667rem;
  border-radius: 0.7466666667rem;
}
.page3 .lovePostOffice .dm .my_containers .r {
  position: absolute;
  left: 0.64rem;
  top: 0rem;
  width: 0.7466666667rem;
  height: 0.7466666667rem;
  border-radius: 0.7466666667rem;
  z-index: 2;
}
.page3 .lovePostOffice .zfImg {
  position: absolute;
  right: 0.3066666667rem;
  top: 8.0133333333rem;
  width: 3.68rem;
  height: 0.4533333333rem;
}
.page3 .lovePostOffice .yw {
  width: 4.1333333333rem;
  height: 1.6rem;
  position: absolute;
  left: 0.32rem;
  top: 8.7466666667rem;
}
.page3 .lovePostOffice .yx {
  width: 4.1333333333rem;
  height: 1.6rem;
  position: absolute;
  right: 0.32rem;
  top: 8.7466666667rem;
}
.page3 .lovePostOffice .redDot {
  width: 0.2133333333rem;
  height: 0.2133333333rem;
  border-radius: 0.2133333333rem;
  background: #FF3871;
  z-index: 3;
  position: absolute;
  right: 0.56rem;
  bottom: 1.6933333333rem;
}
.page3 .twoWayRush {
  width: 9.2rem;
  height: 17.48rem;
  background: url(../images/twoWayRush.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 0.72rem;
  position: relative;
}
.page3 .twoWayRush .rule_img {
  position: absolute;
  width: 2.2rem;
  height: 0.7rem;
  right: 0.15rem;
  top: 0.2rem;
}
.page3 .twoWayRush .twoWayRush_qs {
  width: 2.1066666667rem;
  height: 1.12rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 2.5066666667rem;
  background: url(../images/twoWayRush_qs.png) no-repeat;
  background-size: 100% 100%;
}
.page3 .twoWayRush .twoWayRush_qs .twoWayRush_ax {
  position: absolute;
  width: 1.32rem;
  height: 0.64rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.page3 .twoWayRush .twoWayRush_qs .tx_l {
  width: 1.0666666667rem;
  height: 1.0666666667rem;
  position: absolute;
  left: 0.0266666667rem;
  top: 0.0266666667rem;
  border-radius: 50%;
  z-index: 1;
}
.page3 .twoWayRush .twoWayRush_qs .tx_r {
  width: 1.0666666667rem;
  height: 1.0666666667rem;
  position: absolute;
  right: 0.0266666667rem;
  top: 0.0266666667rem;
  border-radius: 50%;
  z-index: 2;
}
.page3 .twoWayRush .twoWayRushline {
  width: 8.56rem;
  height: 0.5333333333rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 3.64rem;
  border-radius: 0.5333333333rem;
  background: #fff;
  display: flex;
}
.page3 .twoWayRush .twoWayRushline .mc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.page3 .twoWayRush .twoWayRushline .c {
  width: 0.08rem;
  height: 0.6933333333rem;
  border-radius: 0.08rem;
  background: #FF4B85;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.page3 .twoWayRush .twoWayRushline .left {
  width: 10%;
  position: absolute;
  left: 0;
  top: 0;
  height: 0.5333333333rem;
  background: linear-gradient(90deg, #FF4585 0%, #FF8691 100%);
  flex: 1;
  border-top-left-radius: 0.5333333333rem;
  border-bottom-left-radius: 0.5333333333rem;
}
.page3 .twoWayRush .twoWayRushline .right {
  width: 10%;
  position: absolute;
  right: 0;
  top: 0;
  height: 0.5333333333rem;
  background: linear-gradient(90deg, #89CCFF 0%, #A272F4 100%);
  flex: 1;
  border-top-right-radius: 0.5333333333rem;
  border-bottom-right-radius: 0.5333333333rem;
}
.page3 .twoWayRush .qingshu {
  width: 8.56rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 4.4666666667rem;
}
.page3 .twoWayRush .qingshu span {
  float: left;
  color: #482F2F;
  font-size: 0.3466666667rem;
}
.page3 .twoWayRush .qingshu span b {
  color: #FE447F;
  font-size: 0.32rem;
  font-weight: bold;
}
.page3 .twoWayRush .qingshu .r {
  float: right;
}
.page3 .twoWayRush .twoWayRushRed {
  height: 0.5866666667rem;
  line-height: 0.5866666667rem;
  position: absolute;
  top: 6.4933333333rem;
  left: 2.28rem;
}
.page3 .twoWayRush .twoWayRushRed img {
  display: inline-block;
  float: left;
  width: 0.5866666667rem;
  height: 0.5866666667rem;
  margin-right: 0.12rem;
}
.page3 .twoWayRush .twoWayRushRed b {
  float: left;
  font-weight: bold;
  color: #FE447F;
  font-size: 0.3466666667rem;
  line-height: 0.6666666667rem;
}
.page3 .twoWayRush .gbdm {
  width: 8.5733333333rem;
  height: 7.3733333333rem;
  background: url(../images/gb.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 7.6133333333rem;
  left: 50%;
  transform: translateX(-50%);
}
.page3 .twoWayRush .gbdm .yqz9999 {
  width: 1.8533333333rem;
  height: 1.7733333333rem;
  position: absolute;
  left: 0.28rem;
  top: 0;
}
.page3 .twoWayRush .gbdm .yqz12999 {
  width: 1.8533333333rem;
  height: 1.7733333333rem;
  position: absolute;
  left: 0.28rem;
  top: 0;
  display: none;
}
.page3 .twoWayRush .gbdm .num {
  color: #FE447F;
  font-size: 0.32rem;
  position: absolute;
  z-index: 2;
  right: 0.9066666667rem;
  bottom: 3.28rem;
  font-weight: bold;
}
.page3 .twoWayRush .gbdm textarea {
  width: 6.76rem;
  height: 0.96rem;
  position: absolute;
  left: 0.9066666667rem;
  top: 2.8666666667rem;
  background: none;
  outline: none;
  border: none;
  resize: none;
  overflow: auto;
  color: #482F2F;
  font-weight: bold;
  font-size: 0.32rem;
}
.page3 .twoWayRush .gbdm textarea::-webkit-input-placeholder {
  color: #FE447F;
  font-size: 0.2933333333rem;
  font-weight: normal;
}
.page3 .twoWayRush .gbdm .text {
  width: 6.4933333333rem;
  height: 0.5866666667rem;
  line-height: 0.5866666667rem;
  border-radius: 0.5866666667rem;
  text-align: center;
  color: #FE447F;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 4.6rem;
  border: 0.0133333333rem solid #FE447F;
}
.page3 .twoWayRush .gbdm .gbdmBut {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 5.88rem;
  width: 3.7333333333rem;
  height: 0.96rem;
}
.page3 .twoWayRush .gbdm .tx_l {
  width: 1.3066666667rem;
  height: 1.3066666667rem;
  border-radius: 1.3066666667rem;
  top: 0.5466666667rem;
  left: 1.5866666667rem;
  position: absolute;
}
.page3 .twoWayRush .gbdm .tx_r {
  width: 1.3066666667rem;
  height: 1.3066666667rem;
  border-radius: 1.3066666667rem;
  top: 0.5333333333rem;
  right: 1.74rem;
  position: absolute;
}
.page3 .twoWayRush .gbdm .nice_l {
  width: 2.5rem;
  font-size: 0.3466666667rem;
  color: #FE447F;
  left: 1.2rem;
  top: 2.13rem;
  position: absolute;
  text-align: center;
}
.page3 .twoWayRush .gbdm .nice_r {
  width: 2.5rem;
  font-size: 0.3466666667rem;
  color: #FE447F;
  right: 1.2rem;
  top: 2.13rem;
  position: absolute;
  text-align: center;
}
.page3 .twoWayRush .gbdm .new {
  width: 1.4933333333rem;
  height: 0.4533333333rem;
  position: absolute;
  left: 6.8rem;
  top: 6.1333333333rem;
}
.page3 .twoWayRush .office {
  width: 8.56rem;
  height: 1.8666666667rem;
  position: absolute;
  top: 15.28rem;
  left: 50%;
  transform: translateX(-50%);
  background: url(../images/office.png) no-repeat;
  background-size: 100% 100%;
}
.page3 .twoWayRush .office .reduce {
  width: 0.64rem;
  height: 0.48rem;
  position: absolute;
  left: 3.3733333333rem;
  top: 0.68rem;
}
.page3 .twoWayRush .office input {
  background: none;
  outline: none;
  border: none;
  width: 0.8rem;
  height: 0.48rem;
  text-align: center;
  color: #482F2F;
  font-weight: bold;
  font-size: 0.2933333333rem;
  position: absolute;
  left: 4.1733333333rem;
  top: 0.68rem;
  box-sizing: border-box;
  padding: 0 0.1333333333rem;
}
.page3 .twoWayRush .office .add {
  width: 0.64rem;
  height: 0.48rem;
  position: absolute;
  left: 5.1333333333rem;
  top: 0.68rem;
}
.page3 .twoWayRush .office .but {
  width: 1.4666666667rem;
  height: 0.5866666667rem;
  position: absolute;
  right: 0.4133333333rem;
  top: 0.6666666667rem;
}
.page3 .twoWayRush .office .p1 {
  color: #fff;
  font-size: 0.2666666667rem;
  position: absolute;
  left: 53%;
  transform: translateX(-50%);
  top: 1.3733333333rem;
}
.page3 .twoWayRush .office .p2 {
  color: #fff;
  font-size: 0.2933333333rem;
  position: absolute;
  right: 0.3333333333rem;
  top: 0.1866666667rem;
  height: 0.4rem;
  line-height: 0.4rem;
}
.page3 .twoWayRush .office .p2 b {
  font-weight: bold;
  color: #FEF15B;
  font-size: 0.32rem;
}
.page3 .rule_roce {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99;
  display: none;
}
.page3 .rule_roce .rule_roce_in {
  width: 8rem;
  height: 9.3866666667rem;
  background: linear-gradient(90deg, #DAFFFC 0%, #FFFBE6 47%, #FFD5EC 100%);
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.5333333333rem;
  overflow: hidden;
}
.page3 .rule_roce .rule_roce_in .tab {
  width: 6.6666666667rem;
  height: 0.96rem;
  border-radius: 0.96rem;
  margin: 0.5333333333rem auto 0.32rem;
  display: flex;
  justify-content: space-between;
  background: #FFDBE0;
}
.page3 .rule_roce .rule_roce_in .tab div {
  width: 3.3333333333rem;
  height: 100%;
  line-height: 0.96rem;
  text-align: center;
  color: #BB4A56;
  font-size: 0.4rem;
  font-weight: bold;
}
.page3 .rule_roce .rule_roce_in .tab .active {
  background: linear-gradient(0deg, #FF7489 0%, #FFC1AF 100%);
  color: #fff;
  border-radius: 0.96rem;
}
.page3 .rule_roce .rule_roce_in .tab1 {
  margin: 0 auto 0;
  width: 7.2rem;
  height: 7.04rem;
  border-radius: 0.1333333333rem;
  background: #fff;
}
.page3 .rule_roce .rule_roce_in .tab1 img {
  display: block;
  width: 100%;
  height: 100%;
}
.page3 .rule_roce .rule_roce_in .tab2 {
  margin: 0 auto 0;
  width: 7.2rem;
  height: 7.04rem;
  border-radius: 0.1333333333rem;
  background: #fff;
  box-sizing: border-box;
  padding: 0.2rem 0.2266666667rem;
  display: none;
}
.page3 .rule_roce .rule_roce_in .tab2 p {
  font-size: 0.2933333333rem;
  color: #3D001F;
  margin-bottom: 0.3333333333rem;
  line-height: 0.5rem;
  font-weight: bold;
}
.page3 .recipient {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99;
  display: none;
}
.page3 .recipient .recipient_in {
  width: 100%;
  height: 13.3333333333rem;
  background: linear-gradient(90deg, #DAFFFC 0%, #FFFBE6 47%, #FFD5EC 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 0.5333333333rem 0.5333333333rem 0px 0px;
  overflow: hidden;
  padding: 0rem 0.44rem;
  box-sizing: border-box;
}
.page3 .recipient .recipient_in .recipient_text {
  display: block;
  width: 5.9333333333rem;
  height: 0.72rem;
  margin: 0.4266666667rem auto 0.3333333333rem;
}
.page3 .recipient .recipient_in ul {
  width: 100%;
  height: 11.1rem;
  overflow-y: scroll;
}
.page3 .recipient .recipient_in ul li {
  width: 100%;
  height: 2.0133333333rem;
  margin-bottom: 0.4133333333rem;
}
.page3 .recipient .recipient_in ul li .num {
  width: 0.64rem;
  height: 100%;
  line-height: 2.0133333333rem;
  color: #482F2F;
  font-size: 0.48rem;
  margin-right: 0.44rem;
  float: left;
}
.page3 .recipient .recipient_in ul li .left {
  float: left;
  width: 1.6133333333rem;
  height: 1.6133333333rem;
  background: url(../images/recipientBg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  margin-right: 0.08rem;
  text-align: center;
}
.page3 .recipient .recipient_in ul li .left .tx {
  width: 1.3066666667rem;
  height: 1.3066666667rem;
  border-radius: 50%;
  position: absolute;
  left: 0.1466666667rem;
  top: 0.1466666667rem;
}
.page3 .recipient .recipient_in ul li .left .nickLeft {
  position: absolute;
  bottom: -0.4rem;
  left: 0;
  width: 100%;
  text-align: center;
  color: #FE447F;
  font-size: 0.32rem;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page3 .recipient .recipient_in ul li .love {
  float: left;
  width: 2.04rem;
  height: 0.8666666667rem;
  margin-top: 0.3866666667rem;
  margin-right: 0.0533333333rem;
  display: block;
}
.page3 .recipient .recipient_in ul li .right {
  float: left;
  width: 1.6133333333rem;
  height: 1.6133333333rem;
  background: url(../images/recipientBg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  margin-right: 0.08rem;
  text-align: center;
}
.page3 .recipient .recipient_in ul li .right .tx {
  width: 1.3066666667rem;
  height: 1.3066666667rem;
  border-radius: 50%;
  position: absolute;
  left: 0.1466666667rem;
  top: 0.1466666667rem;
}
.page3 .recipient .recipient_in ul li .right .nickLeft {
  position: absolute;
  bottom: -0.4rem;
  left: 0;
  width: 100%;
  text-align: center;
  color: #FE447F;
  font-size: 0.32rem;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page3 .recipient .recipient_in ul li .but {
  float: right;
  width: 2.1333333333rem;
  height: 0.8rem;
  display: block;
  margin-top: 0.52rem;
}
.page3 .letter {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99;
  display: none;
}
.page3 .letter .letter_in {
  width: 8rem;
  height: 9.3866666667rem;
  background: linear-gradient(90deg, #DAFFFC 0%, #FFFBE6 47%, #FFD5EC 100%);
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.5333333333rem;
  overflow: hidden;
}
.page3 .letter .letter_in .tab {
  width: 6.6666666667rem;
  height: 0.96rem;
  border-radius: 0.96rem;
  margin: 0.5333333333rem auto 0.4266666667rem;
  display: flex;
  justify-content: space-between;
  background: #FFDBE0;
}
.page3 .letter .letter_in .tab div {
  width: 3.3333333333rem;
  height: 100%;
  line-height: 0.96rem;
  text-align: center;
  color: #BB4A56;
  font-size: 0.4rem;
}
.page3 .letter .letter_in .tab .active {
  background: linear-gradient(0deg, #FF7489 0%, #FFC1AF 100%);
  color: #fff;
  border-radius: 0.96rem;
}
.page3 .letter .letter_in ul {
  width: 100%;
  padding: 0 0.4rem;
  box-sizing: border-box;
  margin: 0 auto 0;
  height: 7rem;
  overflow-y: scroll;
}
.page3 .letter .letter_in ul li {
  width: 100%;
  height: 1.9733333333rem;
  background: linear-gradient(90deg, #FF8894 0%, #FFA2A4 99%);
  border-radius: 0.1333333333rem;
  position: relative;
  margin-bottom: 0.2133333333rem;
}
.page3 .letter .letter_in ul li p {
  width: 100%;
  position: absolute;
  left: 0.2266666667rem;
  top: 0.2266666667rem;
  color: #fff;
  font-size: 0.2933333333rem;
}
.page3 .letter .letter_in ul li .tx_l {
  width: 0.96rem;
  height: 0.96rem;
  border: 0.0133333333rem solid #fff;
  background: #98535B;
  border-radius: 50%;
  position: absolute;
  left: 0.44rem;
  top: 0.7466666667rem;
  z-index: 2;
  box-sizing: border-box;
}
.page3 .letter .letter_in ul li .love2 {
  position: absolute;
  width: 1.2933333333rem;
  height: 0.56rem;
  top: 0.96rem;
  left: 1.2133333333rem;
}
.page3 .letter .letter_in ul li .tx_r {
  width: 0.96rem;
  height: 0.96rem;
  border: 0.0133333333rem solid #fff;
  background: #98535B;
  border-radius: 50%;
  position: absolute;
  left: 2.28rem;
  top: 0.7466666667rem;
  z-index: 2;
  box-sizing: border-box;
}
.page3 .letter .letter_in ul li .letters {
  width: 1.2133333333rem;
  height: 1.0133333333rem;
  position: absolute;
  left: 3.6666666667rem;
  top: 0.6933333333rem;
}
.page3 .letter .letter_in ul li .but {
  width: 1.48rem;
  height: 0.5866666667rem;
  position: absolute;
  top: 0.9466666667rem;
  right: 0.4133333333rem;
}
.page3 .capture {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99;
  display: none;
}
.page3 .capture .letter_in1Img {
  width: 8.5866666667rem;
  height: 8.5066666667rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 35%;
  border-radius: 0.2666666667rem;
}
.page3 .capture .letter_in1 {
  width: 8.5866666667rem;
  height: 8.5066666667rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 35%;
  border-radius: 0.2666666667rem;
}
.page3 .capture .letter_in1 .letter_in111111 {
  width: 8.5866666667rem;
  height: 8.5066666667rem;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0.2666666667rem;
}
.page3 .capture .letter_in1 .letter_in111111 img {
  display: block;
  width: 100%;
  height: 100%;
}
.page3 .capture .letter_in1 .letter_in222 {
  width: 0.72rem;
  height: 0.72rem;
  position: absolute;
  left: 1.2933333333rem;
  top: 1.5rem;
  border-radius: 0.2666666667rem;
  overflow: hidden;
  border-radius: 50%;
  border: 0.0133333333rem solid #FF7489;
}
.page3 .capture .letter_in1 .letter_in222 img {
  display: block;
  width: 100%;
  height: 100%;
}
.page3 .capture .letter_in1 .letter_in333 {
  width: 0.72rem;
  height: 0.72rem;
  position: absolute;
  right: 2.4rem;
  top: 5.1333333333rem;
  border-radius: 0.2666666667rem;
  overflow: hidden;
  border-radius: 50%;
  border: 0.0133333333rem solid #FF7489;
}
.page3 .capture .letter_in1 .letter_in333 img {
  display: block;
  width: 100%;
  height: 100%;
}
.page3 .capture .letter_in1 .line {
  width: 95%;
  height: 95%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 0.0266666667rem solid #FFB9C4;
  border-radius: 0.4rem;
  background: #FFFAE6;
  display: none;
}
.page3 .capture .letter_in1 .title {
  width: 100%;
  text-align: center;
  left: 0;
  top: 0.7733333333rem;
  color: #990D39;
  font-weight: bold;
  font-size: 0.44rem;
  position: absolute;
}
.page3 .capture .letter_in1 .to {
  height: 0.7333333333rem;
  line-height: 0.7333333333rem;
  position: absolute;
  left: 0.6933333333rem;
  top: 1.44rem;
  color: #FE447F;
  font-size: 0.32rem;
}
.page3 .capture .letter_in1 .to .toImg {
  display: inline-block;
  width: 0.7333333333rem;
  height: 0.7333333333rem;
  margin: 0 0.0533333333rem;
  border-radius: 50%;
  border: 0.0133333333rem solid #FF7489;
  z-index: 5;
}
.page3 .capture .letter_in1 p {
  width: 5.2rem;
  text-align: center;
  color: #3D001F;
  font-size: 0.32rem;
  top: 3.2533333333rem;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  line-height: 0.5rem;
  z-index: 2;
}
.page3 .capture .letter_in1 .bg {
  width: 6.9333333333rem;
  height: 1.9733333333rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 2.7466666667rem;
  background: #FFE8E8;
  border-radius: 0.2666666667rem;
  z-index: 2;
}
.page3 .capture .letter_in1 .form {
  height: 0.7333333333rem;
  line-height: 0.7333333333rem;
  position: absolute;
  right: 0.7066666667rem;
  bottom: 2.6533333333rem;
  color: #FE447F;
  font-size: 0.32rem;
}
.page3 .capture .letter_in1 .form .toImg {
  display: inline-block;
  width: 0.7333333333rem;
  height: 0.7333333333rem;
  margin: 0 0.0533333333rem;
  border-radius: 50%;
  border: 0.0133333333rem solid #FF7489;
  z-index: 5;
}
.page3 .capture .letter_in1 .form .toImg img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}
.page3 .capture .letter_in1 i {
  font-style: normal;
  color: #723E52;
  font-size: 0.2933333333rem;
  position: absolute;
  right: 0.8266666667rem;
  bottom: 2.24rem;
}
.page3 .capture .letter_in2 {
  width: 8.5866666667rem;
  height: 4.5066666667rem;
  background-size: 100% 100%;
  position: absolute;
  left: 49.9%;
  transform: translateX(-50%);
  top: 53%;
  z-index: 2;
}
.page3 .capture .letter_in2 .close {
  width: 2.9333333333rem;
  height: 0.8666666667rem;
  line-height: 0.8666666667rem;
  border-radius: 0.8666666667rem;
  text-align: center;
  color: #482F2F;
  font-weight: bold;
  font-size: 0.3733333333rem;
  position: absolute;
  left: 1.0266666667rem;
  bottom: 0.3333333333rem;
  background: #FFFFFF;
}
.page3 .capture .letter_in2 .ok {
  width: 2.9333333333rem;
  height: 0.96rem;
  line-height: 0.96rem;
  border-radius: 0.96rem;
  text-align: center;
  color: #482F2F;
  font-weight: bold;
  font-size: 0.3733333333rem;
  position: absolute;
  right: 1.0266666667rem;
  bottom: 0.2933333333rem;
}
.page3 .dynamic {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99;
  display: none;
}
.page3 .dynamic .dynamic_in {
  width: 8rem;
  height: 5.6133333333rem;
  background: linear-gradient(90deg, #DAFFFC 0%, #FFFBE6 47%, #FFD5EC 100%);
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.5333333333rem;
  overflow: hidden;
}
.page3 .dynamic .dynamic_in .title {
  width: 2.7733333333rem;
  height: 1.04rem;
  margin: 0.44rem auto 0.8666666667rem;
  display: block;
}
.page3 .dynamic .dynamic_in p {
  color: #3D001F;
  font-size: 0.3466666667rem;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
.page3 .dynamic .dynamic_in .close {
  position: absolute;
  width: 2.9333333333rem;
  height: 0.96rem;
  line-height: 0.96rem;
  border-radius: 0.96rem;
  text-align: center;
  color: #482F2F;
  font-weight: bold;
  font-size: 0.3733333333rem;
  background: #fff;
  left: 0.8rem;
  bottom: 0.44rem;
}
.page3 .dynamic .dynamic_in .ok {
  position: absolute;
  width: 2.9333333333rem;
  height: 0.96rem;
  line-height: 0.96rem;
  border-radius: 0.96rem;
  text-align: center;
  color: #482F2F;
  font-weight: bold;
  font-size: 0.3733333333rem;
  background: #fff;
  right: 0.8rem;
  bottom: 0.44rem;
}

.desire_pub {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
}
.desire_pub .desire_pub_in {
  width: 8rem;
  height: 9.4rem;
  background: url(../images/desire_pub.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.desire_pub .desire_pub_in .desire_pub_in_tab {
  width: 6.6666666667rem;
  height: 0.96rem;
  line-height: 0.96rem;
  border-radius: 0.96rem;
  background: #fff;
  font-size: 0.4rem;
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0.5333333333rem;
}
.desire_pub .desire_pub_in .desire_pub_in_tab div {
  width: 3.3333333333rem;
  text-align: center;
  color: #FE7AA3;
  font-weight: bold;
}
.desire_pub .desire_pub_in .desire_pub_in_tab .active {
  background: linear-gradient(0deg, #FF7489 0%, #FFC1AF 100%);
  border-radius: 0.96rem;
  color: #fff;
}
.desire_pub .desire_pub_in ul {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 1.92rem;
  width: 7.2rem;
  height: 7.04rem;
  overflow-y: scroll;
  box-sizing: border-box;
  padding: 0.2133333333rem;
}
.desire_pub .desire_pub_in ul li {
  width: 100%;
  height: 1.1733333333rem;
  margin-bottom: 0.24rem;
}
.desire_pub .desire_pub_in ul li img {
  display: inline-block;
  width: 1.1733333333rem;
  height: 1.1733333333rem;
  background: #FFADB7;
  float: left;
  margin-right: 0.1866666667rem;
  border-radius: 50%;
}
.desire_pub .desire_pub_in ul li div {
  float: left;
}
.desire_pub .desire_pub_in ul li div p {
  margin: 0.2533333333rem 0 0.1466666667rem;
  color: #482f2f;
  font-size: 0.32rem;
}
.desire_pub .desire_pub_in ul li div b {
  color: #fe447f;
  font-size: 0.2666666667rem;
}
.desire_pub .desire_pub_in .rule {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 1.92rem;
  width: 7.2rem;
  height: 7.04rem;
  box-sizing: border-box;
  padding: 0.2133333333rem;
}
.desire_pub .desire_pub_in .rule p {
  color: #482f2f;
  font-size: 0.32rem;
  margin-bottom: 0.3333333333rem;
  line-height: 0.5333333333rem;
}

.redTree_pub {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
}
.redTree_pub .desire_pub_in {
  width: 8rem;
  height: 9.4rem;
  background: url(../images/desire_pub.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.redTree_pub .desire_pub_in .desire_pub_in_tab {
  width: 6.6666666667rem;
  height: 0.96rem;
  line-height: 0.96rem;
  border-radius: 0.96rem;
  background: #fff;
  font-size: 0.4rem;
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0.5333333333rem;
}
.redTree_pub .desire_pub_in .desire_pub_in_tab div {
  width: 3.3333333333rem;
  text-align: center;
  color: #FE7AA3;
  font-weight: bold;
}
.redTree_pub .desire_pub_in .desire_pub_in_tab .active {
  background: linear-gradient(0deg, #FF7489 0%, #FFC1AF 100%);
  border-radius: 0.96rem;
  color: #fff;
}
.redTree_pub .desire_pub_in ul {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 1.92rem;
  width: 7.2rem;
  height: 7.04rem;
  overflow-y: scroll;
  box-sizing: border-box;
  padding: 0.2133333333rem;
  overflow-x: hidden;
}
.redTree_pub .desire_pub_in ul li {
  width: 6.6666666667rem;
  margin: 0 auto;
  height: 0.8rem;
  line-height: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.redTree_pub .desire_pub_in ul li span {
  flex: 1;
  font-weight: bold;
  color: #3D001F;
  text-align: center;
  font-size: 0.32rem;
}
.redTree_pub .desire_pub_in ul .li {
  margin-bottom: 0.32rem;
}
.redTree_pub .desire_pub_in ul .li span {
  width: 1.6666666667rem;
  height: 0.6666666667rem;
}
.redTree_pub .desire_pub_in ul .li span i {
  width: 100%;
  height: 0.25rem;
  text-align: center;
  color: #3D001F;
  font-size: 0.2933333333rem;
  margin-bottom: 0.1466666667rem;
  font-style: normal;
  display: block;
}
.redTree_pub .desire_pub_in ul .li span b {
  width: 100%;
  text-align: center;
  font-size: 0.2666666667rem;
  color: #C3646E;
}
.redTree_pub .desire_pub_in .rule {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 1.92rem;
  width: 7.2rem;
  height: 7.04rem;
  box-sizing: border-box;
  padding: 0.2133333333rem;
}
.redTree_pub .desire_pub_in .rule p {
  color: #3D001F;
  font-size: 0.2933333333rem;
  margin-bottom: 0.3333333333rem;
  font-weight: bold;
  line-height: 0.5333333333rem;
}

.desire_see {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
}
.desire_see .desire_see_in {
  width: 8rem;
  height: 8.4rem;
  background: linear-gradient(90deg, #DAFFFC 0%, #FFFBE6 47%, #FFD5EC 100%);
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.5333333333rem;
}
.desire_see .desire_see_in .title {
  width: 3.3733333333rem;
  height: 1.04rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0.3866666667rem;
}
.desire_see .desire_see_in .gift {
  width: 7.2rem;
  height: 4.28rem;
  background: #fff;
  border-radius: 0.1333333333rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 1.7866666667rem;
}
.desire_see .desire_see_in .desire_see_in_but {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 6.9466666667rem;
  width: 3.7333333333rem;
  height: 0.96rem;
}

.confirmTheGift {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
}
.confirmTheGift .confirmTheGift_in {
  width: 8rem;
  height: 5.6133333333rem;
  background: linear-gradient(90deg, #DAFFFC 0%, #FFFBE6 47%, #FFD5EC 100%);
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.5333333333rem;
  box-sizing: border-box;
}
.confirmTheGift .confirmTheGift_in .confirmTheGift_in_title {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0.5333333333rem;
  color: #990D39;
  font-size: 0.3466666667rem;
  font-weight: bold;
}
.confirmTheGift .confirmTheGift_in .confirmTheGift_in_title b {
  color: #503938;
  font-weight: bold;
}
.confirmTheGift .confirmTheGift_in .confirmTheGift_in_title i {
  font-style: normal;
  font-weight: bold;
}
.confirmTheGift .confirmTheGift_in .gift {
  width: 2.1333333333rem;
  height: 2.1333333333rem;
  background: #FFADB7;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 1.48rem;
}
.confirmTheGift .confirmTheGift_in .but1 {
  text-align: center;
  color: #482F2F;
  font-size: 0.3733333333rem;
  font-weight: bold;
  line-height: 0.96rem;
  width: 2.9333333333rem;
  height: 0.96rem;
  border-radius: 0.96rem;
  position: absolute;
  left: 0.8rem;
  top: 4.2133333333rem;
  background: #fff;
}
.confirmTheGift .confirmTheGift_in .but2 {
  width: 2.9333333333rem;
  height: 0.96rem;
  position: absolute;
  right: 0.8rem;
  top: 4.2133333333rem;
  background: url(../images/confirmTheGift_in_but2.png) no-repeat;
  background-size: 100% 100%;
}

.page4 .rankTab {
  width: 6.6666666667rem;
  height: 1.1466666667rem;
  background: #FFC2CA;
  border: 0.04rem solid #FFE1EC;
  border-radius: 0.56rem;
  margin: 0.5333333333rem auto 0;
  display: flex;
  position: relative;
  z-index: 1;
}
.page4 .rankTab .rankItem {
  width: 50%;
  height: 1.1466666667rem;
  color: #D5747E;
  font-size: 0.4533333333rem;
  text-align: center;
  line-height: 1.1466666667rem;
  margin-top: -0.02rem;
}
.page4 .rankTab .rankItem_act {
  background: url(../images/rank/rank_act.png) no-repeat;
  background-size: 100% 100%;
  color: #FFFFFF;
}
.page4 .yqListWrap {
  width: 9.2rem;
  height: 39.5rem;
  background: linear-gradient(90deg, #FFE1ED 0%, #FFF6E7 100%);
  border-radius: 0.4rem;
  margin: -0.6rem auto 2rem;
  position: relative;
}
.page4 .yqListWrap .rankAward {
  width: 2.1333333333rem;
  height: 0.64rem;
  background: #FFFFFF;
  border-radius: 0.2666666667rem;
  font-size: 0.3466666667rem;
  color: #FE447F;
  text-align: center;
  line-height: 0.64rem;
  position: absolute;
  top: 0.8rem;
  right: 0.4rem;
}
.page4 .yqListWrap .tips {
  width: 100%;
  font-size: 0.32rem;
  color: #482F2F;
  text-align: center;
  position: absolute;
  top: 1.76rem;
}
.page4 .yqListWrap .dateTab {
  width: 4.5733333333rem;
  height: 0.88rem;
  position: absolute;
  top: 2.36rem;
  left: 2.3066666667rem;
  display: flex;
  justify-content: space-between;
}
.page4 .yqListWrap .dateTab .iteml {
  width: 2.2666666667rem;
  height: 0.88rem;
  background: url("../images/rank/date.png") no-repeat;
  background-size: 100%;
  line-height: 0.88rem;
  text-align: center;
  font-size: 0.3466666667rem;
  color: #CE5F6B;
  font-weight: 500;
  transform: rotate(180deg);
}
.page4 .yqListWrap .dateTab .iteml p {
  transform: rotate(-180deg);
}
.page4 .yqListWrap .dateTab .itemr {
  width: 2.2666666667rem;
  height: 0.88rem;
  background: url("../images/rank/date.png") no-repeat;
  background-size: 100%;
  line-height: 0.88rem;
  text-align: center;
  font-size: 0.3466666667rem;
  color: #CE5F6B;
  font-weight: 500;
}
.page4 .yqListWrap .dateTab .iteml_act {
  background: url("../images/rank/date_act.png") no-repeat;
  background-size: 100%;
  transform: rotate(0deg);
}
.page4 .yqListWrap .dateTab .iteml_act p {
  transform: rotate(0deg);
}
.page4 .yqListWrap .dateTab .itemr_act {
  background: url("../images/rank/date_act.png") no-repeat;
  background-size: 100%;
  transform: rotate(180deg);
}
.page4 .yqListWrap .dateTab .itemr_act p {
  transform: rotate(-180deg);
}
.page4 .yqListWrap .time {
  width: 8.75rem;
  height: 0.48rem;
  line-height: 0.48rem;
  text-align: center;
  display: flex;
  position: relative;
  left: 5%;
  top: 3.5466666667rem;
  overflow-x: scroll;
}
.page4 .yqListWrap .time::-webkit-scrollbar {
  width: 0;
  display: none;
}
.page4 .yqListWrap .time span {
  min-width: 0.96rem;
  height: 100%;
  background: #FFD8E5;
  font-size: 0.2933333333rem;
  color: #3D001F;
  border-radius: 0.1333333333rem;
  margin-right: 0.2933333333rem;
  z-index: 2;
}
.page4 .yqListWrap .time .active {
  background: linear-gradient(0deg, #FF5A7D 1%, #FFC99E 98%);
  color: #fff;
}
.page4 .yqListWrap .time p {
  position: absolute;
  top: 50%;
  left: 2%;
  transform: translateY(-50%);
  width: 135%;
  height: 0.08rem;
  background-color: #FFD8E5;
  z-index: 1;
}
.page4 .yqListWrap .yqList {
  width: 8.5333333333rem;
  height: 34.6rem;
  background: #FFA2AB;
  border-radius: 0.16rem;
  position: absolute;
  top: 4.4666666667rem;
  left: 50%;
  transform: translateX(-50%);
}
.page4 .yqListWrap .yqList .no1 {
  width: 7.1333333333rem;
  height: 5.04rem;
  position: absolute;
  top: 0.3066666667rem;
  left: 50%;
  transform: translateX(-50%);
  background: url(../images/rank/no1Bg.png) no-repeat;
  background-size: 100%;
}
.page4 .yqListWrap .yqList .no1 .bg {
  width: 1rem;
  height: 0.7866666667rem;
  background: url(../images/rank/cpLink.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 1.6266666667rem;
  left: 47%;
  transform: translateX(-50%);
}
.page4 .yqListWrap .yqList .no1 .img1 {
  width: 1.6rem;
  height: 1.6rem;
  border: 0.0266666667rem solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 1.1866666667rem;
  left: 1.2rem;
}
.page4 .yqListWrap .yqList .no1 .img2 {
  width: 1.6rem;
  height: 1.6rem;
  border: 0.0266666667rem solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 1.1866666667rem;
  right: 1.63rem;
}
.page4 .yqListWrap .yqList .no1 .name1,
.page4 .yqListWrap .yqList .no1 .name2 {
  width: 1.4rem;
  height: 0.4533333333rem;
  font-size: 0.32rem;
  color: #fff;
  text-align: center;
  line-height: 0.4533333333rem;
  white-space: nowrap;
}
.page4 .yqListWrap .yqList .no1 .name1 {
  position: absolute;
  left: 1.3rem;
  top: 2.9rem;
}
.page4 .yqListWrap .yqList .no1 .name2 {
  position: absolute;
  right: 1.8rem;
  top: 2.9rem;
}
.page4 .yqListWrap .yqList .no1 b {
  font-size: 0.3466666667rem;
  color: #FEFFA3;
  position: absolute;
  bottom: 1.04rem;
  left: 48%;
  transform: translateX(-50%);
}
.page4 .yqListWrap .yqList .no2 {
  width: 3.5rem;
  height: 4.24rem;
  position: absolute;
  top: 5.5rem;
  left: 2.2rem;
  transform: translateX(-50%);
}
.page4 .yqListWrap .yqList .no2 .bg {
  width: 1.4266666667rem;
  height: 1.8133333333rem;
  background: url(../images/rank/no2.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.3rem;
  left: 50.5%;
  transform: translateX(-50%);
}
.page4 .yqListWrap .yqList .no2 .img1 {
  width: 1.3466666667rem;
  height: 1.3466666667rem;
  border: 0.0266666667rem solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 1.1rem;
  left: 0;
}
.page4 .yqListWrap .yqList .no2 .img2 {
  width: 1.3466666667rem;
  height: 1.3466666667rem;
  border: 0.0266666667rem solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 1.1rem;
  right: 0;
}
.page4 .yqListWrap .yqList .no2 .name1,
.page4 .yqListWrap .yqList .no2 .name2 {
  width: 1.4rem;
  height: 0.4533333333rem;
  font-size: 0.32rem;
  color: #fff;
  text-align: center;
  line-height: 0.4533333333rem;
  white-space: nowrap;
}
.page4 .yqListWrap .yqList .no2 .name1 {
  position: absolute;
  left: 0rem;
  top: 2.6rem;
}
.page4 .yqListWrap .yqList .no2 .name2 {
  position: absolute;
  right: 0rem;
  top: 2.6rem;
}
.page4 .yqListWrap .yqList .no2 b {
  font-size: 0.3466666667rem;
  color: #FEFFA3;
  white-space: nowrap;
  position: absolute;
  bottom: 0.7rem;
  left: 48%;
  transform: translateX(-50%);
}
.page4 .yqListWrap .yqList .no3 {
  width: 3.5rem;
  height: 4.24rem;
  position: absolute;
  top: 5.55rem;
  right: 0.4rem;
}
.page4 .yqListWrap .yqList .no3 .bg {
  width: 1.4266666667rem;
  height: 1.8133333333rem;
  background: url(../images/rank/no3.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.3rem;
  left: 52%;
  transform: translateX(-50%);
}
.page4 .yqListWrap .yqList .no3 .img1 {
  width: 1.3466666667rem;
  height: 1.3466666667rem;
  border: 0.0266666667rem solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 1.1rem;
  left: 0;
}
.page4 .yqListWrap .yqList .no3 .img2 {
  width: 1.3466666667rem;
  height: 1.3466666667rem;
  border: 0.0266666667rem solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 1.1rem;
  right: 0;
}
.page4 .yqListWrap .yqList .no3 .name1,
.page4 .yqListWrap .yqList .no3 .name2 {
  width: 1.4rem;
  height: 0.4533333333rem;
  font-size: 0.32rem;
  color: #fff;
  text-align: center;
  line-height: 0.4533333333rem;
  white-space: nowrap;
}
.page4 .yqListWrap .yqList .no3 .name1 {
  position: absolute;
  left: 0rem;
  top: 2.6rem;
}
.page4 .yqListWrap .yqList .no3 .name2 {
  position: absolute;
  right: 0rem;
  top: 2.6rem;
}
.page4 .yqListWrap .yqList .no3 b {
  font-size: 0.3466666667rem;
  color: #FEFFA3;
  white-space: nowrap;
  position: absolute;
  bottom: 0.7rem;
  left: 48%;
  transform: translateX(-50%);
}
.page4 .yqListWrap .yqList ul {
  width: 100%;
  height: 25.55rem;
  position: absolute;
  bottom: 0;
  overflow-y: hidden;
}
.page4 .yqListWrap .yqList ul li {
  width: 7.8533333333rem;
  height: 2.1066666667rem;
  margin: 0 auto;
  position: relative;
  border-bottom: 1px solid rgba(247, 189, 189, 0.5);
}
.page4 .yqListWrap .yqList ul li:nth-child(7) {
  border-bottom: 0;
}
.page4 .yqListWrap .yqList ul li .num {
  width: 1.0666666667rem;
  font-size: 0.3466666667rem;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  top: 0.9333333333rem;
  left: 0;
}
.page4 .yqListWrap .yqList ul li .img1 {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid #fff;
  position: absolute;
  left: 1.6666666667rem;
  top: 0.2666666667rem;
  z-index: 1;
}
.page4 .yqListWrap .yqList ul li .img2 {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid #fff;
  position: absolute;
  left: 2.7866666667rem;
  top: 0.2666666667rem;
  z-index: 2;
}
.page4 .yqListWrap .yqList ul li p {
  width: 3rem;
  font-size: 0.2933333333rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  left: 1.25rem;
  top: 1.6533333333rem;
}
.page4 .yqListWrap .yqList ul li b {
  position: absolute;
  right: 0.1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #FEFFA3;
  font-size: 0.3466666667rem;
}
.page4 .myGulp {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2.5066666667rem;
  background: linear-gradient(0deg, #FF97CA 0%, #FFF4E8 99%);
  border-radius: 0.2133333333rem 0.2133333333rem 0px 0px;
  box-sizing: border-box;
  padding: 0.56rem 0;
  z-index: 5;
  transition: all 0.4s;
}
.page4 .myGulp .more {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0.1466666667rem;
  width: 0.3333333333rem;
  height: 0.2533333333rem;
  transition: all 0.4s;
}
.page4 .myGulp .more_act {
  transform: translateX(-50%) rotate(180deg);
}
.page4 .myGulp ul {
  width: 100%;
  height: 1.6666666667rem;
  overflow: hidden;
}
.page4 .myGulp ul::-webkit-scrollbar {
  width: 0;
  display: none;
}
.page4 .myGulp ul li {
  width: 8.6666666667rem;
  height: 1.6666666667rem;
  margin: 0 auto;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.page4 .myGulp ul li .num {
  width: 1.0666666667rem;
  font-size: 0.3466666667rem;
  font-weight: 500;
  color: #3D001F;
  text-align: center;
  position: absolute;
  top: 0.64rem;
  left: 0;
}
.page4 .myGulp ul li .img1 {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid #fff;
  position: absolute;
  left: 1.6666666667rem;
  top: 0.05rem;
  z-index: 1;
}
.page4 .myGulp ul li .img2 {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid #fff;
  position: absolute;
  left: 2.7866666667rem;
  top: 0.05rem;
  z-index: 2;
}
.page4 .myGulp ul li p {
  width: 3rem;
  font-size: 0.2933333333rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  left: 1.26rem;
  top: 1.3rem;
}
.page4 .myGulp ul li b {
  position: absolute;
  right: 0;
  top: 0.5333333333rem;
  color: #CF636E;
  font-size: 0.3466666667rem;
}
.page4 .myGulp ul .active {
  text-align: center;
  font-size: 0.4rem;
  line-height: 1.6666666667rem;
  color: #ffffff;
}
.page4 .mlListWrap {
  display: none;
  width: 9.2rem;
  height: 32.5866666667rem;
  background: linear-gradient(90deg, #FFE1ED 0%, #FFF6E7 100%);
  border-radius: 0.4rem;
  margin: -0.6rem auto 1.8rem;
  position: relative;
}
.page4 .mlListWrap .rankAward {
  width: 2.1333333333rem;
  height: 0.64rem;
  background: #FFFFFF;
  border-radius: 0.2666666667rem;
  font-size: 0.3466666667rem;
  color: #FE447F;
  text-align: center;
  line-height: 0.64rem;
  position: absolute;
  top: 0.8rem;
  right: 0.4rem;
}
.page4 .mlListWrap .tips {
  width: 100%;
  font-size: 0.32rem;
  color: #482F2F;
  text-align: center;
  position: absolute;
  top: 1.76rem;
}
.page4 .mlListWrap .mlList {
  width: 8.5333333333rem;
  height: 29.4666666667rem;
  background: #FFA2AB;
  border-radius: 0.16rem;
  position: absolute;
  top: 2.6933333333rem;
  left: 50%;
  transform: translateX(-50%);
}
.page4 .mlListWrap .mlList .no1 {
  width: 3.0133333333rem;
  height: 3.0133333333rem;
  position: absolute;
  top: 0.5333333333rem;
  left: 50.6%;
  transform: translateX(-50%);
  padding: 0.4533333333rem 0;
  box-sizing: border-box;
}
.page4 .mlListWrap .mlList .no1 .bg {
  width: 4.96rem;
  height: 3.8933333333rem;
  position: absolute;
  top: 0;
  left: 50.6%;
  transform: translateX(-50%);
}
.page4 .mlListWrap .mlList .no1 .tx {
  display: block;
  width: 2.35rem;
  height: 2.35rem;
  margin: -0.14rem auto 0.4133333333rem;
  border-radius: 50%;
}
.page4 .mlListWrap .mlList .no1 .No {
  width: 3.0133333333rem;
  height: 3.0133333333rem;
  position: absolute;
  top: 0;
  left: 50.6%;
  transform: translateX(-50%);
  box-sizing: border-box;
}
.page4 .mlListWrap .mlList .no1 p {
  width: 2.8666666667rem;
  height: 0.6rem;
  background: linear-gradient(90deg, rgba(253, 183, 205, 0.02) 1%, rgba(255, 111, 135, 0.96) 41%, rgba(253, 184, 205, 0) 100%);
  font-size: 0.32rem;
  color: #fff;
  line-height: 0.6rem;
  text-align: center;
}
.page4 .mlListWrap .mlList .no1 b {
  width: 100%;
  text-align: center;
  color: #FEFFA3;
  font-size: 0.2933333333rem;
  display: block;
  padding-top: 0.16rem;
}
.page4 .mlListWrap .mlList .no2,
.page4 .mlListWrap .mlList .no3 {
  width: 2.16rem;
  height: 2.2266666667rem;
  position: absolute;
  top: 1.7rem;
  left: 0.5rem;
  padding: 0.2133333333rem 0;
  box-sizing: border-box;
}
.page4 .mlListWrap .mlList .no2 .tx,
.page4 .mlListWrap .mlList .no3 .tx {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0.05rem auto 0.3rem;
  border-radius: 50%;
}
.page4 .mlListWrap .mlList .no2 .No,
.page4 .mlListWrap .mlList .no3 .No {
  width: 2.16rem;
  height: 2.2266666667rem;
  position: absolute;
  top: 0;
  left: 50.6%;
  transform: translateX(-50%);
  box-sizing: border-box;
}
.page4 .mlListWrap .mlList .no2 p,
.page4 .mlListWrap .mlList .no3 p {
  width: 2.2rem;
  height: 0.6rem;
  background: linear-gradient(90deg, rgba(253, 183, 205, 0.02) 1%, rgba(255, 111, 135, 0.96) 41%, rgba(253, 184, 205, 0) 100%);
  font-size: 0.32rem;
  color: #fff;
  line-height: 0.6rem;
  text-align: center;
}
.page4 .mlListWrap .mlList .no2 b,
.page4 .mlListWrap .mlList .no3 b {
  width: 100%;
  text-align: center;
  color: #FEFFA3;
  font-size: 0.2933333333rem;
  display: block;
  padding-top: 0.16rem;
}
.page4 .mlListWrap .mlList .no3 {
  left: 6rem;
}
.page4 .mlListWrap .mlList .ul {
  width: 8.4rem;
  height: 24.3rem;
  border-radius: 0.16rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}
.page4 .mlListWrap .mlList .ul li {
  width: 7.8533333333rem;
  height: 2rem;
  margin: 0 auto;
  border-bottom: 1px solid rgba(247, 189, 189, 0.5);
}
.page4 .mlListWrap .mlList .ul li .num {
  width: 1.0666666667rem;
  text-align: center;
  color: #fff;
  font-size: 0.3466666667rem;
  margin-left: 0.1333333333rem;
  margin-top: 0.9333333333rem;
  margin-right: 0.2933333333rem;
  display: block;
  float: left;
}
.page4 .mlListWrap .mlList .ul li .tx {
  display: block;
  float: left;
  width: 1.36rem;
  height: 1.36rem;
  margin-top: 0.4266666667rem;
  margin-right: 0.2933333333rem;
  border: 1px solid #fff;
  box-sizing: border-box;
  border-radius: 50%;
}
.page4 .mlListWrap .mlList .ul li .nick {
  margin-top: 0.9333333333rem;
  text-align: center;
  color: #fff;
  font-size: 0.2933333333rem;
  float: left;
}
.page4 .mlListWrap .mlList .ul li b {
  float: right;
  margin-right: 0.1333333333rem;
  margin-top: 0.9333333333rem;
  text-align: right;
  color: #FEFFA3;
  font-size: 0.32rem;
}
.page4 .myList {
  width: 100%;
  height: 2.3066666667rem;
  position: fixed;
  left: 0;
  bottom: 0;
  background: linear-gradient(0deg, #FF97CA 0%, #FFF5E7 100%);
  border-radius: 0.2133333333rem 0.2133333333rem 0 0;
  z-index: 5;
}
.page4 .myList .num {
  width: 17%;
  text-align: center;
  height: 0.48rem;
  margin-left: 0.6533333333rem;
  margin-right: 0.1rem;
  display: block;
  float: left;
  color: #3D001F;
  font-size: 0.4rem;
  line-height: 1.7866666667rem;
}
.page4 .myList .tx {
  display: block;
  float: left;
  width: 1.2rem;
  height: 1.2rem;
  margin-top: 0.32rem;
  margin-right: 0.3rem;
  border: 1px solid #fff;
  box-sizing: border-box;
  border-radius: 50%;
}
.page4 .myList .nick {
  height: 100%;
  width: 25%;
  line-height: 1.7866666667rem;
  color: #fff;
  font-size: 0.2933333333rem;
  float: left;
}
.page4 .myList .right {
  width: 25%;
  float: right;
  margin-right: 0.6933333333rem;
  line-height: 1.7866666667rem;
  text-align: right;
  color: #CF636E;
  font-size: 0.3466666667rem;
}
.page4 .listRule1 {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  display: none;
}
.page4 .listRule1 .listRule1_in {
  width: 8rem;
  height: 13.2666666667rem;
  background: url(../images/rank/rankBg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: relative;
  overflow: hidden;
}
.page4 .listRule1 .listRule1_in .title {
  position: absolute;
  width: 3.0666666667rem;
  height: 1.04rem;
  left: 50%;
  transform: translateX(-50%);
  top: 0.2133333333rem;
}
.page4 .listRule1 .listRule1_in .box {
  width: 6.7333333333rem;
  overflow-y: scroll;
  box-sizing: border-box;
  margin: 1.8933333333rem auto 0;
  height: 10.6rem;
}
.page4 .listRule1 .listRule1_in .box::-webkit-scrollbar {
  width: 0;
  display: none;
}
.page4 .listRule1 .listRule1_in .box img {
  width: 100%;
  height: 26.9333333333rem;
}
.page4 .listRule2 {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  display: none;
}
.page4 .listRule2 .listRule2_in {
  width: 8rem;
  height: 13.2666666667rem;
  background: url(../images/rank/rankBg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: relative;
  overflow: hidden;
}
.page4 .listRule2 .listRule2_in .title {
  position: absolute;
  width: 3.0666666667rem;
  height: 1.04rem;
  left: 50%;
  transform: translateX(-50%);
  top: 0.2133333333rem;
}
.page4 .listRule2 .listRule2_in .box {
  width: 6.7333333333rem;
  overflow-y: scroll;
  box-sizing: border-box;
  margin: 2rem auto 0;
  height: 10.5rem;
}
.page4 .listRule2 .listRule2_in .box::-webkit-scrollbar {
  width: 0;
  display: none;
}
.page4 .listRule2 .listRule2_in .box img {
  width: 100%;
  height: 13.32rem;
}

.jieshu {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  display: none;
}
.jieshu .jieshu_in {
  width: 8.4533333333rem;
  height: 4.8666666667rem;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(../images/rank/jieshu.png) no-repeat;
  background-size: 100% 100%;
}
.jieshu .jieshu_in span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.68rem;
  width: 5.4rem;
  height: 1.3rem;
}

/*# sourceMappingURL=index.css.map */