* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}

html,
body {
  height: 100%;
}

.Activety-wrapper {
  min-width: 1280px;
  height: 100%;
  position: relative;
  background: url("../../img/banner@2x.png") #0e0906 no-repeat;
  background-size: 100%;
  overflow: hidden;
}

.Activety-wrapper .btn-group {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Activety-wrapper .tips {
  position: absolute;
  top: -20px;
  margin: 0 auto;
  z-index: 999;
  background-color: #f0f9eb;
  color: #67c23a;
  border-radius: 5px;
  font-size: 14px;
  padding: 8px 40px;
  box-sizing: border-box;
  display: none;
}

.Activety-wrapper .tips-show {
  display: block;
  transition: all 0.2s ease-in-out;
}

.Activety-wrapper .w-1280 {
  width: 1280px;
  margin: 0 auto;
}

.Activety-wrapper .Acticety-head {
  width: 100%;
  height: 50px;
  background: green;
  margin-bottom: 20px;
}

.Activety-wrapper .Acticety-main .banner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Activety-wrapper .Acticety-main .banner .hourglass-wrapper {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Activety-wrapper .Acticety-main .banner .hourglass-wrapper img {
  display: inline-block;
  width: 1290px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}

.Activety-wrapper .Acticety-main .banner .hourglass-wrapper .water-icon {
  display: block;
  position: absolute;
  width: 32px;
  height: 32px;
  background: url("../../img/shuidi@2x.svg") no-repeat;
  background-size: contain;
  left: calc(50% - 6px);
  animation: drop 1.5s infinite ease-in;
  top: 900px;
  z-index: 11;
}

.Activety-wrapper .Acticety-main .banner .hourglass-wrapper #cvsTop {
  position: absolute;
  top: -40px;
  left: 17px;
  width: 1260px;
  border-radius: 0 0 1260px 1260px;
  z-index: 0;
}

.Activety-wrapper .Acticety-main .banner .hourglass-wrapper #cvsBottom {
  position: absolute;
  bottom: 17px;
  margin-left: 10px;
  width: 322px;
  height: 322px;
  border-radius: 50%;
  bottom: 45px;
  z-index: 2;
}

.Activety-wrapper .Acticety-main .banner .banner-title-wrapper {
  position: absolute;
  width: 90%;
  height: 200px;
  margin: 0 auto;
  top: 65px;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 4;
}

.Activety-wrapper .Acticety-main .banner .banner-title-wrapper img {
  width: 100%;
}

.Activety-wrapper .Acticety-main .banner .little-title {
  font-size: 48px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #ffffff;
  margin: 30px 0 50px 0;
}

.Activety-wrapper .Acticety-main .banner .now-user-box {
  background: #AF8045;
  border-radius: 31px;
  padding: 10px 25px;
  font-size: 29px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #ffffff;
}

.Activety-wrapper .Acticety-main .Acticety-mains {
  margin-top: -235px;
  position: relative;
  margin-bottom: 56px;
  height: 515px;
  background: linear-gradient(0deg, #d0b781 0%, #fdf8d0 45%);
  box-shadow: 4px 9px 0px 0px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  padding: 0 31px;
  padding-top: 84px;
}

.Activety-wrapper .Acticety-main .Acticety-mains .decoration {
  position: absolute;
}

.Activety-wrapper .Acticety-main .Acticety-mains .decoration img {
  display: inline-block;
  width: 100%;
}

.Activety-wrapper .Acticety-main .Acticety-mains .decoration-left {
  width: 235px;
  top: -158px;
  left: 100px;
}

.Activety-wrapper .Acticety-main .Acticety-mains .decoration-right {
  width: 125px;
  right: -40px;
  top: -95px;
}

.Activety-wrapper .Acticety-main .Acticety-mains .decoration-right img {
  width: 100%;
}

.Activety-wrapper .Acticety-main .Acticety-mains .Acticety-main-tits {
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #af8046;
}

.Activety-wrapper .Acticety-main .Acticety-mains .Acticety-main-tit {
  font-size: 24px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #000000;
}

.Activety-wrapper .Acticety-main .Acticety-mains .Acticety-mainLeft {
  position: relative;
  z-index: 10;
  margin-top: 55px;
}

.Activety-wrapper .Acticety-main .Acticety-mains .Acticety-mainLeft .Acticety-mainLeft-num {
  font-size: 50px;
  font-family: Source Han Sans CN;
  font-weight: 800;
  color: #e64e62;
  padding: 18px 0;
}

.Activety-wrapper .Acticety-main .Acticety-mains .Acticety-mainLeft .Acticety-mainLeft-ru {
  font-size: 16px;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #392a0d;
  margin-top: 30px;
}

.Activety-wrapper .Acticety-main .Acticety-mainRight {
  position: relative;
  z-index: 10;
}

.Activety-wrapper .Acticety-main .Acticety-mainRight .Acticety-mainRight-tit {
  font-size: 18px;
  font-family: Microsoft YaHei;
  color: #000000;
  margin-top: 39px;
}

.Activety-wrapper .Acticety-main .Acticety-mainRight .Acticety-mainRight-btn {
  width: 360px;
  height: 62px;
  background: linear-gradient(0deg, #aa2c24, #e64851);
  box-shadow: 0px 9px 18px 0px rgba(182, 150, 103, 0.5);
  border-radius: 6px;
  font-size: 22px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #ffffff;
  line-height: 62px;
  text-align: center;
  margin: 0 auto;
  margin-top: 27px;
  margin-bottom: 28px;
  cursor: pointer;
}

.Activety-wrapper .Acticety-main .Acticety-mainRight .Acticety-mainRight-btn:hover {
  background: linear-gradient(180deg, #FD626B 0%, #C63C33 100%);
}

.Activety-wrapper .Acticety-main .Acticety-mainRight .Acticety-mainRight-btn:active {
  background: linear-gradient(180deg, #CE323B 0%, #8D1911 100%);
}

.Activety-wrapper .Acticety-main .Acticety-mainRight .Acticety-mainRight-gong {
  position: relative;
}

.Activety-wrapper .Acticety-main .Acticety-mainRight .Acticety-mainRight-xun {
  width: 417px;
  height: 36px;
  background: #af8046;
  border-radius: 18px;
  overflow: hidden;
  line-height: 36px;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.Activety-wrapper .Acticety-main .Acticety-mainRight .Acticety-mainRight-la {
  width: 14px;
  height: 14px;
  background: url("../../img/la.png") no-repeat;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  top: 12px;
  left: 17px;
}

.Activety-wrapper .Activety-ban {
  width: 100%;
  padding-bottom: 221px;
}

.Activety-wrapper .Activety-ban .Activety-big {
  height: 114px;
  background: url("../../img/ico4.png") no-repeat;
  background-size: 100% 100%;
  margin-bottom: 21px;
  display: flex;
  justify-content: center;
  line-height: 94px;
}

.Activety-wrapper .Activety-ban .Activety-big .Activety-titles {
  font-size: 38px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #392A0D;
}

.Activety-wrapper .Activety-ban .Activety-older {
  position: relative;
}

.Activety-wrapper .Activety-ban .Activety-older .Activety-old {
  width: 100%;
  height: 721px;
  background: url("../../img/first.png") no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

.Activety-wrapper .Activety-ban .Activety-older .Activety-old .Activety-old-banner {
  width: 727px;
  height: 82px;
  line-height: 82px;
  margin: 0 auto;
  background: url("../../img/ico2.png") no-repeat;
  background-size: 100% 100%;
  margin-top: 16px;
}

.Activety-wrapper .Activety-ban .Activety-older .Activety-old .Activety-old-box {
  display: flex;
  justify-content: space-between;
  padding: 0 102px;
  margin-top: 160px;
}

.Activety-wrapper .Activety-ban .Activety-older .Activety-old .Activety-old-box .Activety-old-boxLeft {
  margin-top: 19px;
}

.Activety-wrapper .Activety-ban .Activety-older .Activety-old .Activety-old-box .Activety-old-boxLeft .Activety-old-content {
  width: 360px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 500;
  color: #000000;
  line-height: 30px;
}

.Activety-wrapper .Activety-ban .Activety-older .Activety-old .Activety-old-box .Activety-old-boxLeft .Activety-old-btn {
  cursor: pointer;
  width: 360px;
  height: 62px;
  background: linear-gradient(0deg, #aa2c24, #e64851);
  box-shadow: 0px 9px 18px 0px rgba(182, 150, 103, 0.5);
  border-radius: 6px;
  line-height: 62px;
  color: #ffffff;
  text-align: center;
  font-size: 22px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  margin-top: 57px;
}

.Activety-wrapper .Activety-ban .Activety-older .Activety-old .Activety-old-box .Activety-old-boxLeft .Activety-old-btn:hover {
  background: linear-gradient(180deg, #FD626B 0%, #C63C33 100%);
}

.Activety-wrapper .Activety-ban .Activety-older .Activety-old .Activety-old-box .Activety-old-boxLeft .Activety-old-btn:active {
  background: linear-gradient(180deg, #CE323B 0%, #8D1911 100%);
}

.Activety-wrapper .Activety-ban .Activety-older .Activety-old .Activety-old-box .Activety-old-boxRight .Activety-old-boxRight-ul {
  width: 562px;
  height: 287px;
  box-shadow: 0px 1px 32px 0px rgba(161, 128, 67, 0.16);
  border-radius: 10px;
  background: #ffffff;
}

.Activety-wrapper .Activety-ban .Activety-older .Activety-old .Activety-old-box .Activety-old-boxRight .Activety-old-boxRight-ul .Activety-old-boxRight-li {
  display: flex;
  align-content: center;
  padding: 18px 101px;
  justify-content: space-between;
}

.Activety-wrapper .Activety-ban .Activety-older .Activety-old .Activety-old-box .Activety-old-boxRight .Activety-old-boxRight-ul .Activety-old-boxRight-lis {
  margin-left: -7px;
  margin-right: -7px;
  display: flex;
  align-content: center;
  justify-content: space-between;
  padding: 0px 115px 0 130px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #ffffff;
  line-height: 41px;
  background: linear-gradient(0deg, #dba013, #ffe26d);
}

.Activety-wrapper .Activety-ban .Activety-older .Activety-old .Activety-old-box .Activety-old-boxRight .Activety-old-boxRight-ul .Activety-old-boxRight-ll {
  background: linear-gradient(0deg, #d9e0ea, #a4a4af);
}

.Activety-wrapper .Activety-ban .Activety-older .Activety-old .Activety-old-box .Activety-old-boxRight .Activety-old-boxRight-ul .Activety-old-boxRight-ls {
  background: linear-gradient(0deg, #906239, #e4a975);
  position: relative;
}

.Activety-wrapper .Activety-ban .Activety-older .Activety-old .Activety-old-box .Activety-old-boxRight .Activety-old-boxRight-ul .Activety-old-boxRight-ls:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 41px;
  left: -7px;
  border-left: solid 7px transparent;
  border-right: solid 7px #906239;
  border-bottom: solid 7px transparent;
}

.Activety-wrapper .Activety-ban .Activety-older .Activety-old .Activety-old-box .Activety-old-boxRight .Activety-old-boxRight-ul .Activety-old-boxRight-ls:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 41px;
  right: -7px;
  border-right: solid 7px transparent;
  border-left: solid 7px #906239;
  border-bottom: solid 7px transparent;
}

.Activety-wrapper .Activety-ban .Activety-older .Activety-old .Activety-old-box .Activety-old-boxRight .Activety-old-boxRight-ul .Activety-old-boxRight-nav {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #000000;
  line-height: 41px;
  display: flex;
  align-content: center;
  justify-content: space-between;
  padding: 0 90px 0 110px;
}

.Activety-wrapper .Activety-ban .Activety-older .Activety-old .Activety-old-box .Activety-old-boxRight .Activety-old-boxRight-ul .Activety-old-boxRight-navs {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #000000;
  line-height: 41px;
  display: flex;
  align-content: center;
  justify-content: space-between;
  padding: 0 34px 0 108px;
}

.Activety-wrapper .Activety-ban .Activety-older .Activety-old .Activety-old-box .Activety-old-boxRight .Activety-old-boxRight-ul .Activety-old-boxRight-ci {
  width: 80px;
  height: 27px;
  background: linear-gradient(0deg, #935923, #c48e4e);
  border-radius: 14px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #fff;
  line-height: 27px;
  display: block;
  text-align: center;
}

.Activety-wrapper .Activety-ban .Activety-older .Activety-old .Activety-old-box .Activety-old-boxRight .Activety-old-boxRight-text {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #000000;
  margin-top: 22px;
  text-align: center;
}

.Activety-wrapper .Activety-ban .Activety-older .Activety-oldBot {
  margin-top: 23px;
  height: 77px;
  position: absolute;
  left: -3.2%;
  top: 105px;
  z-index: 2;
}

.Activety-wrapper .Activety-ban .Activety-older .Activety-oldBot .Activety-old-reward {
  width: 200px;
  height: 107px;
  font-size: 28px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #ffffff;
  background: url("../../img/li.png") no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  text-align: center;
  line-height: 80px;
}

.Activety-wrapper .Activety-ban .Activety-older .Activety-oldBot .Activety-old-rank {
  width: 596px;
  height: 77px;
  font-size: 28px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #392a0d;
  display: inline-block;
  background: #f5f0e0;
  text-align: center;
  position: relative;
  line-height: 77px;
  left: -17%;
  z-index: -1;
}

.Activety-wrapper .Activety-ban .Activety-new {
  padding-bottom: 70px;
  background: url("../../img/new.png") no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

.Activety-wrapper .Activety-ban .Activety-new .Activety-new-banner {
  width: 727px;
  height: 82px;
  line-height: 82px;
  margin: 0 auto;
  background: url("../../img/ico2.png") no-repeat;
  background-size: 100% 100%;
  margin-top: 15px;
}

.Activety-wrapper .Activety-ban .Activety-new .Activety-new-box {
  padding: 56px 102px 0px 102px;
}

.Activety-wrapper .Activety-ban .Activety-new .Activety-new-box .Activety-new-text {
  font-family: Microsoft YaHei;
  font-size: 18px;
  font-weight: 500;
  color: #464646;
  line-height: 26px;
}

.Activety-wrapper .Activety-ban .Activety-new .Activety-new-box .Activety-new-boxs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 49px;
}

.Activety-wrapper .Activety-ban .Activety-new .Activety-new-box .Activety-new-boxs .Activety-new-boxs-img {
  width: 207px;
  height: 128px;
  display: block;
  background: url("../../img/Img1.png") no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
}

.Activety-wrapper .Activety-ban .Activety-new .Activety-new-box .Activety-new-boxs .Activety-new-boxs-imgs {
  width: 207px;
  height: 128px;
  display: block;
  background: url("../../img/Img2.png") no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
}

.Activety-wrapper .Activety-ban .Activety-new .Activety-new-box .Activety-new-boxs .Activety-new-boxs-imges {
  width: 207px;
  height: 128px;
  display: block;
  background: url("../../img/Img3.png") no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
}

.Activety-wrapper .Activety-ban .Activety-new .Activety-new-box .Activety-new-boxs .Activety-new-boxs-text {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #4d4d4d;
  line-height: 30px;
  text-align: center;
  margin-top: 19px;
}

.Activety-wrapper .Activety-ban .Activety-new .Activety-new-box .Activety-new-boxs .Activety-new-boxs-cont {
  width: 319px;
  height: 100px;
  background: #f4eedb;
  border-radius: 10px;
  padding: 30px 15px 15px 15px;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #464646;
  line-height: 28px;
  margin-top: 24px;
  letter-spacing: 1.5px;
}

.Activety-wrapper .Activety-ban .Activety-new .Activety-newBot {
  margin-top: 42px;
}

.Activety-wrapper .Activety-ban .Activety-new .Activety-newBot .Activety-newBot-tit {
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #000000;
  text-align: center;
}

.Activety-wrapper .Activety-ban .Activety-new .Activety-newBot .Activety-newBot-cont {
  cursor: pointer;
  width: 360px;
  height: 62px;
  background: linear-gradient(0deg, #aa2c24, #e64851);
  box-shadow: 0px 9px 18px 0px rgba(220, 71, 113, 0.5);
  border-radius: 6px;
  font-size: 22px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #ffffff;
  line-height: 62px;
  text-align: center;
  margin: 0 auto;
  margin-top: 19px;
  margin-bottom: 53px;
}

.Activety-wrapper .Activety-ban .Activety-new .Activety-newBot .Activety-newBot-cont a {
  text-decoration: none;
  color: inherit;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.Activety-wrapper .Activety-ban .Activety-new .Activety-newBot .Activety-newBot-cont:hover {
  background: linear-gradient(180deg, #FD626B 0%, #C63C33 100%);
}

.Activety-wrapper .Activety-ban .Activety-new .Activety-newBot .Activety-newBot-cont:active {
  background: linear-gradient(180deg, #CE323B 0%, #8D1911 100%);
}

.Activety-wrapper .Activety-ban .Activety-new .Activety-newBot .Activety-newBot-text {
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #000000;
  text-align: center;
}

.Activety-wrapper .Activety-ban .Activety-starts {
  position: relative;
}

.Activety-wrapper .Activety-ban .Activety-starts .Activety-startTop {
  width: 100%;
  height: 720px;
  background: url("../../img/start.png") no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.Activety-wrapper .Activety-ban .Activety-starts .Activety-startTop .Activety-start-banner {
  width: 829px;
  height: 82px;
  background: url("../../img/ico2.png") no-repeat;
  background-size: 100% 100%;
  line-height: 82px;
  margin: 0 auto;
  margin-top: 15px;
}

.Activety-wrapper .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 50px 102px 102px 102px;
  z-index: 0;
}

.Activety-wrapper .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-left .Activety-start-left-ul {
  margin-top: 231px;
  line-height: 35px;
}

.Activety-wrapper .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-left .Activety-start-left-ul .Activety-start-left-li {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 500;
  color: #4d4d4d;
  display: flex;
}

.Activety-wrapper .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-left .Activety-start-left-ul .Activety-start-left-li .Activety-start-left-box {
  width: 7px;
  height: 14px;
  background: #e64e62;
  margin-top: 10px;
  margin-right: 10px;
}

.Activety-wrapper .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-left .Activety-start-left-ul .Activety-start-left-li:nth-child(2) .Activety-start-left-box {
  margin-top: 5px;
}

.Activety-wrapper .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-left .Activety-start-left-ul .Activety-start-left-lis {
  line-height: 25px;
}

.Activety-wrapper .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-left .Activety-start-Tips {
  font-size: 16px;
  font-family: SimHei;
  font-weight: 400;
  color: #4d4d4d;
  margin-top: 52px;
}

.Activety-wrapper .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-right .Activety-start-right-tit {
  font-size: 30px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #e64e62;
  text-align: center;
}

.Activety-wrapper .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-right .Activety-start-right-box {
  width: 521px;
  height: 321px;
  background: url("../../img/Img4.png") no-repeat;
  background-size: 100% 100%;
  margin-top: 32px;
  position: relative;
  z-index: -3;
}

.Activety-wrapper .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-right .Activety-start-right-box .Activety-start-right-boxs {
  width: 166px;
  height: 168px;
  position: absolute;
  background: url("../../img/Img5.png") no-repeat;
  background-size: 100% 100%;
  left: 175px;
  top: 80px;
  z-index: -2;
}

.Activety-wrapper .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-right .Activety-start-right-box .Activety-start-right-boxs img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.Activety-wrapper .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-right .Activety-start-right-box .Activety-start-right-num {
  width: 236px;
  background: #fff;
  border: 1px transparent solid;
  border-radius: 20px;
  font-size: 25px;
  position: relative;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #e64e62;
  text-align: center;
  top: 220px;
  left: 140px;
}

.Activety-wrapper .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-right .Activety-start-right-box .Activety-start-right-num .Activety-start-right-nick {
  width: 180px;
  padding-top: 10px;
  margin: 0 auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}

.Activety-wrapper .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-right .Activety-start-right-box .Activety-start-right-num .Activety-start-right-id {
  font-size: 20px;
  padding-bottom: 10px;
}

.Activety-wrapper .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-right .Activety-start-right-box .Activety-start-right-nums {
  width: 236px;
  background: #fff;
  border: 1px transparent solid;
  border-radius: 20px;
  font-size: 34px;
  position: relative;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #e64e62;
  text-align: center;
  line-height: 86px;
  top: 210px;
  left: 140px;
}

.Activety-wrapper .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-right .Activety-start-right-box .Activety-start-right-num::after {
  content: "";
  position: absolute;
  top: -7px;
  bottom: -7px;
  left: -7px;
  right: -7px;
  background: linear-gradient(135deg, #ffba00, #ffea78);
  border-radius: 20px;
  z-index: -1;
}

.Activety-wrapper .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-right .Activety-start-right-box .Activety-start-right-nums::after {
  content: "";
  position: absolute;
  top: -7px;
  bottom: -7px;
  left: -7px;
  right: -7px;
  background: linear-gradient(135deg, #ffba00, #ffea78);
  border-radius: 20px;
  z-index: -1;
}

.Activety-wrapper .Activety-ban .Activety-starts .Activety-startBot {
  width: 516px;
  height: 260px;
  font-size: 28px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #fff;
  line-height: 41px;
  background: url("../../img/xing.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -1.5%;
  z-index: 2;
  top: 147px;
}

.Activety-wrapper .Activety-ban .Activety-starts .Activety-startBot .Activety-startBot-content {
  margin: 30px 0 0 123px;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky {
  width: 100%;
  height: 687px;
  background: #fffbee;
  border-radius: 50px;
  overflow: hidden;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-content {
  padding: 0 102px;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Tab {
  width: 240px;
  font-size: 24px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 50px;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Tab .Activety-lucky-tit {
  color: #e64e62;
  cursor: pointer;
  line-height: 62px;
  text-align: center;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Tab .Activety-lucky-tits {
  color: #4d4d4d;
  cursor: pointer;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table {
  margin-top: 10px;
  width: 100%;
  height: 446px;
  background: linear-gradient(90deg, #ebbfb0 0%, #efe4c0 89%);
  border-radius: 22px;
  overflow: hidden;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Head {
  display: flex;
  align-items: center;
  padding: 23px 40px 23px 30px;
  border-radius: 20px;
  font-size: 23px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #000000;
  margin: 0 auto;
  justify-content: space-around;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Head .Activety-lucky-Head-rank {
  width: 285px;
  text-align: center;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Head .Activety-lucky-Head-name {
  flex: 1 1;
  text-align: center;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Head .Activety-lucky-Head-num {
  width: 300px;
  text-align: center;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Head .Activety-lucky-Head-ranks {
  width: 48px;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Head .Activety-lucky-Head-time {
  width: 73px;
  text-align: center;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Head .Activety-lucky-Head-times {
  width: 83px;
  text-align: center;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Heads {
  display: flex;
  align-items: center;
  padding: 23px 0px 23px 75px;
  border-radius: 20px;
  font-size: 23px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #000000;
  margin: 0 auto;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Heads .Activety-lucky-ranks {
  width: 170px;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Heads .Activety-lucky-yao {
  flex: 1 1;
  margin-left: 55px;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Heads .Activety-lucky-time {
  flex: 1 1;
  margin-left: 190px;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Heads .Activety-lucky-times {
  width: 188px;
  text-align: center;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody {
  width: 98%;
  height: 350px;
  margin: 0 auto;
  border-radius: 10px;
  background: #ffffff;
  overflow-y: auto;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodys {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 20px 0;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #000000;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodys .Activety-lucky-ranking {
  width: 320px;
  position: relative;
  text-align: center;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodys .Activety-lucky-ranking .Activety-lucky-first {
  width: 25px;
  height: 30px;
  display: block;
  background: url("../../img/firsts.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 70px;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodys .Activety-lucky-ranking .Activety-lucky-second {
  width: 25px;
  height: 30px;
  display: block;
  background: url("../../img/second.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 70px;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodys .Activety-lucky-ranking .Activety-lucky-third {
  width: 25px;
  height: 30px;
  display: block;
  background: url("../../img/third.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 70px;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodys .Activety-lucky-name {
  flex: 1 1;
  text-align: center;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodys .Activety-lucky-Head-num {
  width: 350px;
  display: block;
  text-align: center;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodys:nth-child(even) {
  background: #fffbef;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodys:first-child {
  color: #e64e62;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodye {
  display: flex;
  align-items: center;
  padding: 20px 0;
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #000000;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodye .Activety-lucky-ranks {
  width: 170px;
  text-align: center;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodye .Activety-lucky-name {
  width: 73px;
  display: block;
  text-align: center;
  flex: 1 1;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodye .Activety-lucky-num {
  width: 73px;
  display: block;
  text-align: center;
  flex: 1 1;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodye .Activety-lucky-no {
  width: 170px;
  text-align: center;
  color: #e64e62;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodye .Activety-lucky-pass {
  width: 170px;
  text-align: center;
  color: #00a9ab;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodye:nth-child(even) {
  background: #fffbef;
}

.Activety-wrapper .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Tbody::-webkit-scrollbar {
  width: 1px;
}

.Activety-wrapper .Activety-ban .Activety-carefulTop {
  width: 100%;
  height: 114px;
  background: url("../../img/ico4.png") no-repeat;
  background-size: 100% 100%;
  line-height: 94px;
  margin-bottom: 21px;
  margin-top: 64px;
  display: flex;
  justify-content: center;
}

.Activety-wrapper .Activety-ban .Activety-carefulTop .Activety-titles {
  font-size: 38px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #392A0D;
}

.Activety-wrapper .Activety-ban .Activety-care .Activety-careful {
  width: 100%;
  background: #fffbee;
  overflow: hidden;
  border-radius: 50px;
}

.Activety-wrapper .Activety-ban .Activety-care .Activety-careful .Activety-careful-banner {
  width: 621px;
  height: 82px;
  background: url("../../img/ico1.png") no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  margin-top: 17px;
}

.Activety-wrapper .Activety-ban .Activety-care .Activety-careful .Activety-careful-banner .Activety-title {
  line-height: 82px;
}

.Activety-wrapper .Activety-ban .Activety-care .Activety-careful .Activety-careful-ul {
  padding: 95px 0px 99px 106px;
}

.Activety-wrapper .Activety-ban .Activety-care .Activety-careful .Activety-careful-ul .Activety-careful-li {
  font-size: 18px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #464646;
  line-height: 43px;
  opacity: 70%;
}

.Activety-wrapper .Activety-ban .Activety-title {
  font-size: 28px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #392A0D;
  text-align: center;
}

.Activety-wrapper .PopupBack {
  width: 100%;
  inset: 0;
  position: fixed;
  z-index: 15;
  top: 1;
}

.Activety-wrapper .PopupBack .mark {
  position: fixed;
  background: #000000;
  inset: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  opacity: 0.5;
}

.Activety-wrapper .PopupBack .Popup {
  width: 520px;
  margin: 0 auto;
  top: 50%;
  position: fixed;
  left: 40%;
  z-index: 10;
  opacity: 1;
}

.Activety-wrapper .PopupBack .Popup .Popup-head {
  background: linear-gradient(180deg, #FBE6A3 0%, #A6824E 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px;
  border-radius: 8px 8px 0 0;
}

.Activety-wrapper .PopupBack .Popup .Popup-head .Popup-title {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #392A0D;
}

.Activety-wrapper .PopupBack .Popup .Popup-head .Popup-fork {
  width: 16px;
  height: 16px;
  background: url("../../img/close.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}

.Activety-wrapper .PopupBack .Popup .Popup-content {
  background: #FFFBEE;
  padding: 25px 24px;
  border-radius: 0px 0px 8px 8px;
}

.Activety-wrapper .PopupBack .Popup .Popup-content .Popup-text {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
}

.Activety-wrapper .PopupBack .Popup .Popup-content .PopupButton {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 64px;
}

.Activety-wrapper .PopupBack .Popup .Popup-content .PopupBtn {
  width: 96px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  padding: 8px 0;
  font-family: PingFangSC-Medium, PingFang SC;
  border-radius: 4px;
  cursor: pointer;
}

.Activety-wrapper .PopupBack .Popup .Popup-content .Popup-cancel {
  background: #FFFFFF;
  border: 1px solid #E4DECD;
  color: #999999;
  margin-right: 16px;
}

.Activety-wrapper .PopupBack .Popup .Popup-content .Popup-verify {
  background: linear-gradient(180deg, #E64851 0%, #B02E28 100%);
  color: #FFFFFF;
}

.isPhone {
  min-width: unset;
}

.isPhone .Acticety-main {
  background: url(../../img/banner@2x.png) no-repeat center top;
  background-size: contain;
}

.isPhone .tips {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  top: 0.4rem;
  font-size: 0.24rem;
  padding: 0.1rem 0.4rem;
  border-radius: 0.1rem;
  text-align: center;
}

.isPhone .tips-show {
  top: 0.4rem;
}

.isPhone .w-Mobile {
  width: 95%;
}

.isPhone .Acticety-main .banner .little-title {
  margin: 0.2rem 0;
  font-size: 0.3rem;
}

.isPhone .Acticety-main .banner .hourglass-wrapper img {
  width: 100%;
}

.isPhone .Acticety-main .banner .hourglass-wrapper #cvsTop {
  width: 97%;
  border-radius: 0 0 11rem 11rem;
}

.isPhone .Acticety-main .banner .hourglass-wrapper #cvsBottom {
  width: 1.8rem;
  height: 1.8rem;
  bottom: 0.34rem;
  margin-left: 0;
}

.isPhone .Acticety-main .banner .hourglass-wrapper .water-icon {
  width: 0.3rem;
  height: 0.3rem;
  animation: drop-mobile 1.5s infinite ease-in;
}

.isPhone .Acticety-main .banner .banner-title-wrapper .banner-title-img {
  width: 90%;
}

.isPhone .Acticety-main .banner .banner-title-wrapper .now-user-box {
  font-size: 0.22rem;
}

.isPhone .Acticety-main .Acticety-mains {
  background: #fff4da;
  border-radius: 0.5rem;
  flex-direction: column;
  align-items: center;
  height: unset;
  padding-bottom: 0.4rem;
  margin-top: -1.15rem;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainLeft {
  width: 100%;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainLeft .distance-box {
  float: left;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainLeft .jackpot-box {
  float: right;
  text-align: right;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainLeft .Acticety-main-tit {
  display: inline-block;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainLeft .title-def-left {
  font-size: 0.26rem;
  padding: 0.2rem 0.5rem 0.38rem;
  background: url("../../img/juli@2x.png") no-repeat;
  background-size: 100% 100%;
  margin-left: -0.55rem;
  color: #fff;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainLeft .now-jackpot {
  font-size: 0.26rem;
  padding: 0.2rem 0.8rem 0.38rem;
  background: url("../../img/dangqianjiangchi@2x.png") no-repeat;
  background-size: 100% 100%;
  margin-right: -0.45rem;
  color: #fff;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainLeft .Acticety-mainLeft-num {
  font-size: 0.54rem;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainLeft .Acticety-main-tits {
  font-size: 0.22rem;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-more-active {
  display: inline-block;
  background: #f0eac1;
  font-size: 0.2rem;
  border-radius: 0.2rem;
  padding: 0.2rem 0.3rem;
  align-self: flex-start;
  margin-left: -0.3rem;
  margin-top: -0.15rem;
  color: #373737;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainRight {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainRight .jackpot-countdown-title {
  position: relative;
  font-size: 0.5rem;
  font-weight: bold;
  color: #e64e62;
  display: flex;
  align-items: center;
  margin: 0.5rem 0 0.2rem 0;
  margin-left: unset !important;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainRight .jackpot-countdown-title::before, .isPhone .Acticety-main .Acticety-mains .Acticety-mainRight .jackpot-countdown-title::after {
  content: "";
  display: inline-block;
  width: 0.08rem;
  height: 0.08rem;
  background: #e64e62;
  border-radius: 50%;
  margin: 0 0.05rem;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainRight .jackpot-countdown-title::before {
  margin-right: 0.05rem;
  box-shadow: -0.18rem 0px 0 0 #e64e62, -0.38rem 0px 0 0 #e64e62, -0.58rem 0px 0 0 #e64e62, -0.78rem 0px 0 0 #e64e62, -0.98rem 0px 0 0 #e64e62, -1.18rem 0px 0 0 #e64e62, -1.38rem 0px 0 0 #e64e62, -1.58rem 0px 0 0 #e64e62, -1.78rem 0px 0 0 #e64e62;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainRight .jackpot-countdown-title::after {
  margin-left: 0.05rem;
  box-shadow: 0.18rem 0px 0 0 #e64e62, 0.38rem 0px 0 0 #e64e62, 0.58rem 0px 0 0 #e64e62, 0.78rem 0px 0 0 #e64e62, 0.98rem 0px 0 0 #e64e62, 1.18rem 0px 0 0 #e64e62, 1.38rem 0px 0 0 #e64e62, 1.58rem 0px 0 0 #e64e62, 1.78rem 0px 0 0 #e64e62;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainRight #main-example {
  width: 5rem;
  margin: 0.3rem 0 0.6rem;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainRight #main-example .time {
  height: 1rem;
  width: 1rem;
  font-size: 0.22rem;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainRight #main-example .count {
  line-height: 1rem;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainRight #main-example .count.bottom {
  line-height: 0rem;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainRight #main-example .label {
  top: 1.1rem;
  font-size: 0.25rem;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainRight .jackpot-countdown-info {
  background: #e64e62;
  opacity: 0.54;
  border-radius: 0.05rem;
  color: #fff;
  padding: 0.1rem 0.15rem;
  font-size: 0.2rem;
  font-weight: 400;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainRight .Acticety-mainRight-tit {
  font-size: 0.2rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #e64e62;
  margin: 0.3rem 0 0.42rem;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainRight .Acticety-mainRight-gong .Acticety-mainRight-xun {
  width: 4rem;
  border-radius: 0.05rem;
  padding: 0.1rem 0.2rem 0.1rem 0.5rem;
  font-size: 0.2rem;
  font-weight: bold;
  line-height: 1.8;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainRight .Acticety-mainRight-gong .Acticety-mainRight-la {
  width: 0.28rem;
  height: 0.28rem;
}

.isPhone .Acticety-main .Acticety-mains .Acticety-mainRight .Acticety-mainRight-btn {
  width: 80%;
  font-size: 0.3rem;
  padding: 0.2rem;
  border-radius: 0.2rem;
  margin-top: 0.4rem;
}

.isPhone .Activety-ban .Activety-big {
  height: 0.96rem;
  background: url("../../img/ico4.png") no-repeat center center;
  background-size: cover;
  margin-bottom: 0.4rem;
}

.isPhone .Activety-ban .Activety-big .Activety-titles {
  line-height: 2;
  font-size: 0.38rem;
}

.isPhone .Activety-ban .Activety-older .Activety-old {
  height: unset;
  margin: 0 auto;
  background: url("../../img/isphoneact.png") no-repeat;
  background-size: 100% 100%;
  overflow: visible;
  padding-bottom: 1rem;
}

.isPhone .Activety-ban .Activety-older .Activety-old .Activety-old-banner {
  margin-top: 0;
}

.isPhone .Activety-ban .Activety-older .Activety-old .Activety-old-text {
  font-size: 0.26rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #4d4d4d;
  margin-top: 0.35rem;
  margin-left: 0.24rem;
}

.isPhone .Activety-ban .Activety-older .Activety-old .Activety-old-texts {
  background: #ffffff;
  font-size: 0.23rem;
  font-family: Source Han Sans CN;
  margin-top: 0.29rem;
  font-weight: 400;
  color: #464646;
  line-height: 0.5rem;
  margin-left: -0.1rem;
  margin-right: -0.1rem;
  padding: 0.3rem 0rem 0.3rem 0.35rem;
}

.isPhone .Activety-ban .Activety-older .Activety-old .Activety-old-boxRight {
  padding: 0 0.32rem;
  margin-top: 0.3rem;
}

.isPhone .Activety-ban .Activety-older .Activety-old .Activety-old-boxRight .Activety-old-boxRight-ul {
  width: 100%;
  height: 100%;
  box-shadow: 0px 1px 32px 0px rgba(161, 128, 67, 0.16);
  border-radius: 10px;
  background: #ffffff;
  margin: 0 auto;
  padding-bottom: 0.1rem;
}

.isPhone .Activety-ban .Activety-older .Activety-old .Activety-old-boxRight .Activety-old-boxRight-ul .Activety-old-boxRight-li {
  display: flex;
  align-content: center;
  padding: 0.11rem 1.15rem;
  justify-content: space-between;
}

.isPhone .Activety-ban .Activety-older .Activety-old .Activety-old-boxRight .Activety-old-boxRight-ul .Activety-old-boxRight-lis {
  margin-left: -7px;
  margin-right: -7px;
  display: flex;
  align-content: center;
  justify-content: space-between;
  padding: 0 0.5rem 0 1.35rem;
  font-size: 0.21rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #ffffff;
  line-height: 0.47rem;
  background: linear-gradient(0deg, #dba013, #ffe26d);
}

.isPhone .Activety-ban .Activety-older .Activety-old .Activety-old-boxRight .Activety-old-boxRight-ul .Activety-old-boxRight-ll {
  background: linear-gradient(0deg, #d9e0ea, #a4a4af);
}

.isPhone .Activety-ban .Activety-older .Activety-old .Activety-old-boxRight .Activety-old-boxRight-ul .Activety-old-boxRight-ls {
  background: linear-gradient(0deg, #906239, #e4a975);
  position: relative;
}

.isPhone .Activety-ban .Activety-older .Activety-old .Activety-old-boxRight .Activety-old-boxRight-ul .Activety-old-boxRight-chi {
  width: 1.55rem;
}

.isPhone .Activety-ban .Activety-older .Activety-old .Activety-old-boxRight .Activety-old-boxRight-ul .Activety-old-boxRight-ls:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0.47rem;
  left: -0.07rem;
  border-left: solid 0.07rem transparent;
  border-right: solid 0.07rem #906239;
  border-bottom: solid 0.07rem transparent;
}

.isPhone .Activety-ban .Activety-older .Activety-old .Activety-old-boxRight .Activety-old-boxRight-ul .Activety-old-boxRight-ls:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0.47rem;
  right: -0.07rem;
  border-right: solid 0.07rem transparent;
  border-left: solid 0.07rem #906239;
  border-bottom: solid 0.07rem transparent;
}

.isPhone .Activety-ban .Activety-older .Activety-old .Activety-old-boxRight .Activety-old-boxRight-ul .Activety-old-boxRight-nav {
  font-size: 0.21rem;
  color: #464646;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 0.47rem;
  display: flex;
  align-content: center;
  justify-content: space-between;
  padding: 0 0.9rem 0 1.1rem;
}

.isPhone .Activety-ban .Activety-older .Activety-old .Activety-old-boxRight .Activety-old-boxRight-ul .Activety-old-boxRight-navs {
  font-size: 0.21rem;
  color: #464646;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 0.47rem;
  display: flex;
  align-content: center;
  justify-content: space-between;
  padding: 0 0.1rem 0 1.1rem;
}

.isPhone .Activety-ban .Activety-older .Activety-old .Activety-old-boxRight .Activety-old-boxRight-ul .Activety-old-boxRight-ci {
  width: 0.88rem;
  height: 0.38rem;
  background: #f5eee2;
  border-radius: 0.19rem;
  font-size: 0.21rem;
  font-weight: bold;
  color: #4d4d4d;
  font-family: Microsoft YaHei;
  line-height: 0.38rem;
  display: block;
  text-align: center;
}

.isPhone .Activety-ban .Activety-older .Activety-old .Activety-old-boxRight .Activety-old-boxRight-text {
  margin-top: 0.25rem;
  text-align: center;
  font-size: 0.2rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #464646;
}

.isPhone .Activety-ban .Activety-older .Activety-old .Activety-old-btn {
  width: 6.13rem;
  height: 0.82rem;
  background: linear-gradient(0deg, #aa2c24, #e64851);
  box-shadow: 0px 5px 11px 0px rgba(182, 150, 103, 0.5);
  border-radius: 12px;
  margin: 0 auto;
  text-align: center;
  line-height: 0.82rem;
  font-size: 0.32rem;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #ffffff;
  margin-top: 0.42rem;
}

.isPhone .Activety-ban .Activety-new {
  margin-top: unset;
  background: url("../../img/isphoneli.png") no-repeat;
  background-size: 100% 100%;
  overflow: visible;
}

.isPhone .Activety-ban .Activety-new .Activety-title {
  line-height: 0.85rem;
}

.isPhone .Activety-ban .Activety-new .Activety-new-banner {
  margin-top: 0.06rem;
}

.isPhone .Activety-ban .Activety-new .Activety-new-box {
  padding: 0.56rem 0rem 0 0.25rem;
}

.isPhone .Activety-ban .Activety-new .Activety-new-box .Activety-new-boxs {
  flex-direction: column;
}

.isPhone .Activety-ban .Activety-new .Activety-new-box .Activety-new-boxs .Activety-new-boxs-img {
  width: 1.78rem;
  height: 1.31rem;
}

.isPhone .Activety-ban .Activety-new .Activety-new-box .Activety-new-boxs .Activety-new-boxs-imges {
  width: 1.78rem;
  height: 1.31rem;
}

.isPhone .Activety-ban .Activety-new .Activety-new-box .Activety-new-boxs .Activety-new-boxs-imgs {
  width: 1.78rem;
  height: 1.31rem;
}

.isPhone .Activety-ban .Activety-new .Activety-new-box .Activety-new-boxs .Activety-new-boxs-text {
  width: 1.78rem;
  font-size: 0.18rem;
  font-family: MicrosoftYaHei;
}

.isPhone .Activety-ban .Activety-new .Activety-new-box .Activety-new-boxs .Activety-new-boxs-cont {
  height: 1.2rem;
  font-size: 0.23rem;
  line-height: 0.35rem;
  margin-right: -0.75rem;
  width: 60% !important;
  letter-spacing: 0.03rem;
}

.isPhone .Activety-ban .Activety-new .Activety-new-box .Activety-new-boxs .Activety-new-boxs-ply {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 0.55rem;
}

.isPhone .Activety-ban .Activety-new .Activety-new-box .Activety-new-text {
  font-size: 0.22rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #464646;
  line-height: 0.35rem;
  margin-left: 0.2rem;
}

.isPhone .Activety-ban .Activety-starts .Activety-startTop {
  height: unset;
  margin: 0 auto;
  background: url("../../img/isphonexin.png") no-repeat;
  background-size: 100% 100%;
}

.isPhone .Activety-ban .Activety-starts .Activety-startTop .Activety-title {
  line-height: 0.85rem;
}

.isPhone .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main {
  flex-direction: column;
  margin-top: 1.4rem;
  padding: 0 0.5rem 0.71rem 0.5rem;
  align-items: flex-start;
}

.isPhone .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-left {
  border-bottom: 1px solid #ede7d5;
  padding-bottom: 0.39rem;
}

.isPhone .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-left .Activety-start-left-ul {
  margin-top: 2rem;
}

.isPhone .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-left .Activety-start-left-ul .Activety-start-left-li {
  font-size: 0.28rem;
  line-height: 0.42rem;
}

.isPhone .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-left .Activety-start-left-ul .Activety-start-left-li:nth-child(2) .Activety-start-left-box {
  margin-top: 12px;
}

.isPhone .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-left .Activety-start-left-ul .Activety-start-left-li .Activety-start-left-box {
  width: 0.11rem;
  height: 0.23rem;
}

.isPhone .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-left .Activety-start-left-ul .Activety-start-left-li .Activety-start-left-box span {
  flex: 1;
}

.isPhone .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-right {
  margin: 0 auto;
  margin-top: 0.79rem;
}

.isPhone .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-right .Activety-start-right-tit {
  font-size: 0.31rem;
}

.isPhone .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-right .Activety-start-right-box {
  width: 6.19rem;
  height: 3.81rem;
}

.isPhone .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-right .Activety-start-right-box .Activety-start-right-boxs {
  width: 1.97rem;
  height: 1.97rem;
  left: 2rem;
  top: 1rem;
}

.isPhone .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-right .Activety-start-right-box .Activety-start-right-num {
  width: 2.8rem;
  left: 1.6rem;
  top: 2.5rem;
}

.isPhone .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-right .Activety-start-right-box .Activety-start-right-num .Activety-start-right-nick {
  font-size: 0.2rem;
  margin-top: 0.1rem;
}

.isPhone .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-right .Activety-start-right-box .Activety-start-right-num .Activety-start-right-id {
  margin-bottom: 0.1rem;
}

.isPhone .Activety-ban .Activety-starts .Activety-startTop .Activety-start-main .Activety-start-Tips {
  font-size: 0.21rem;
  line-height: 0.34rem;
  margin-top: 0.4rem;
}

.isPhone .Activety-ban .Activety-starts .Activety-startBot {
  width: 5.51rem;
  height: 2.78rem;
  font-size: 0.32rem;
  line-height: 0.44rem;
  left: -2.8%;
}

.isPhone .Activety-ban .Activety-luck .Activety-lucky {
  margin: 0 auto;
}

.isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-content {
  padding: 0 0.3rem;
}

.isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Tab {
  width: 2.5rem;
  font-size: 0.23rem;
}

.isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Head {
  font-size: 0.2rem;
}

.isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Head .Activety-lucky-Head-rank {
  width: 2rem;
  text-align: center;
}

.isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Head .Activety-lucky-Head-num {
  width: 2rem;
  text-align: center;
}

.isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Heads {
  font-size: 0.2rem;
}

.isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Heads .Activety-lucky-ranks {
  width: 1rem;
  text-align: center;
}

.isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Heads .Activety-lucky-times {
  width: 1.3rem;
  text-align: center;
}

.isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody {
  width: 98%;
}

.isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodys {
  font-size: 0.2rem;
}

.isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodys .Activety-lucky-ranking {
  width: 2.2rem;
}

.isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodys .Activety-lucky-Head-num {
  width: 2.4rem;
}

.isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodye {
  font-size: 0.2rem;
}

.isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodye .Activety-lucky-ranks {
  width: 1.8rem;
  text-align: center;
}

.isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodye .Activety-lucky-name {
  text-align: left;
}

.isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodye .Activety-lucky-num {
  width: 1rem;
}

.isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodye .Activety-lucky-pink {
  width: 1.2rem;
}

.isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodye .Activety-lucky-gree {
  width: 1.2rem;
}

.isPhone .Activety-ban .Activety-care .Activety-careful {
  margin: 0 auto;
}

.isPhone .Activety-ban .Activety-care .Activety-careful .Activety-careful-ul {
  padding: 0.7rem 0.44rem;
}

.isPhone .Activety-ban .Activety-care .Activety-careful .Activety-careful-ul .Activety-careful-li {
  font-size: 0.21rem;
  line-height: 0.41rem;
}

.isPhone .Activety-ban .Activety-carefulTop {
  height: 0.96rem;
  background: url("../../img/ico4.png") no-repeat center center;
  background-size: cover;
  margin-bottom: 0.4rem;
}

.isPhone .Activety-ban .Activety-carefulTop .Activety-titles {
  line-height: 2.2;
  font-size: 0.32rem;
  text-align: center;
}

.isPhone .Activety-ban .Activety-title {
  font-size: 0.28rem;
}

.isPhone .PopupBack .Popup {
  width: 65%;
  top: 22%;
  left: 18%;
}

.isPhone .PopupBack .Popup .Popup-head {
  justify-content: center;
  border-radius: 0.16rem 0.16rem 0 0;
  padding: 0.2rem 0;
}

.isPhone .PopupBack .Popup .Popup-head .Popup-title {
  font-size: 0.32rem;
  text-align: center;
}

.isPhone .PopupBack .Popup .Popup-head .Popup-fork {
  display: none;
}

.isPhone .PopupBack .Popup .Popup-content {
  padding: 0;
  overflow: hidden;
  border-radius: 0 0 0.16rem 0.16rem;
}

.isPhone .PopupBack .Popup .Popup-content .Popup-text {
  margin-top: 0.5rem;
  font-size: 0.28rem;
  text-align: center;
  color: #666666;
}

.isPhone .PopupBack .Popup .Popup-content .isPhonePopupButton {
  display: flex;
  align-items: center;
  font-size: 0.32rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  margin-top: 0.54rem;
  border-top: 0.02rem solid #F5F0DF;
  text-align: center;
}

.isPhone .PopupBack .Popup .Popup-content .isPhonePopupButton .isPhonePopup-cancel {
  width: 50%;
  color: #999999;
  border-right: 0.02rem solid #F5F0DF;
  padding: 0.15rem 0;
}

.isPhone .PopupBack .Popup .Popup-content .isPhonePopupButton .isPhonePopup-verify {
  width: 50%;
  color: #E93A3D;
}

@keyframes drop {
  0% {
    top: 580px;
  }
  100% {
    top: 900px;
  }
}

@keyframes drop-mobile {
  0% {
    top: 3.5rem;
  }
  100% {
    top: 5.3rem;
  }
}

#main-example {
  display: flex;
  justify-content: space-between;
  margin: 30px 0 40px 0;
}

#main-example .time {
  font-size: 20px;
  margin: 0 5px;
  border: 2px solid #af8046;
  border-bottom: 3px solid #af8046;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  position: relative;
  height: 55px;
  width: 19%;
  -webkit-perspective: 479px;
  -moz-perspective: 479px;
  perspective: 479px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0) translate3d(0, 0, 0);
}

#main-example .count {
  background: linear-gradient(270deg, #d1b983, #f5f5f5);
  color: #e64e62;
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 2em;
  line-height: 55px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  transform: translateZ(0);
  transform-style: flat;
}

#main-example .count.top {
  border-radius: 5px 5px 0 0;
  height: 50%;
  transform-origin: 50% 100%;
}

#main-example .count.bottom {
  border-top: 1px solid #fff;
  border-radius: 0 0 5px 5px;
  line-height: 0;
  height: 50%;
  top: 50%;
  transform-origin: 50% 0;
}

#main-example .label {
  color: #af8046;
  font-size: 16px;
  margin-top: 5px;
  display: block;
  position: absolute;
  top: 52px;
  width: 100%;
  font-weight: bold;
  text-align: right;
}

/* Animation start */
#main-example .count.curr.top {
  transform: rotateX(0deg);
  z-index: 3;
  /* color: rgba(0, 0, 0, 0); */
}

#main-example .count.next.bottom {
  transform: rotateX(90deg);
  z-index: 2;
}

/* Animation end */
#main-example .flip .count.curr.top {
  transition: all 250ms ease-in-out;
  transform: rotateX(-90deg);
  /* color: rgba(0, 0, 0, 0); */
}

#main-example .flip .count.next.bottom {
  transition: all 250ms ease-in-out 250ms;
  transform: rotateX(0deg);
}

@media screen and (max-width: 1280px) {
  .Activety-wrapper .w-1200 {
    width: 1200px;
    margin: 0 auto;
  }
  .isPhone .w-Mobile {
    width: 95%;
  }
  .Activety-wrapper .Acticety-main .w-1200 .Acticety-mains .Acticety-mainRight .Acticety-main-tit {
    margin-left: 20px;
  }
  .Activety-wrapper .Activety-ban .Activety-new .Activety-new-box .Activety-new-boxs .Activety-new-boxs-cont {
    width: 290px;
  }
}

@media (min-width: 750px) and (max-width: 1200px) {
  .isPhone .Activety-ban .Activety-new .Activety-new-box .Activety-new-boxs .Activety-new-boxs-cont {
    margin-right: -0.5rem;
  }
  .isPhone .Acticety-main .Acticety-mains .Acticety-mainLeft .Acticety-main-tits {
    font-size: 0.2rem;
  }
  .isPhone .Acticety-main .banner .hourglass-wrapper #cvsTop {
    top: -34px;
  }
  .isPhone .Acticety-main .banner .hourglass-wrapper #cvsBottom {
    width: 1.7rem;
    height: 1.7rem;
    bottom: 0.28rem;
    margin-left: 0;
  }
  .isPhone .Acticety-main .Acticety-mains .Acticety-more-active {
    margin-top: 0;
  }
  @keyframes drop-mobile {
    0% {
      top: 3rem;
    }
    100% {
      top: 4.5rem;
    }
  }
}

@media screen and (max-width: 750px) {
  .isPhone .Acticety-main .banner .hourglass-wrapper #cvsTop {
    top: -20px;
    left: 13px;
  }
  .Activety-wrapper .Acticety-main .banner .banner-title-wrapper {
    top: 25px;
  }
  .isPhone .Acticety-main .banner .little-title {
    font-size: 0.28rem;
    margin: 0.12rem 0 0.2rem 0;
  }
  .isPhone .Acticety-main .banner .banner-title-wrapper .now-user-box {
    font-size: 0.2rem;
  }
  .isPhone .Acticety-main .Acticety-mains .Acticety-mainLeft {
    margin-top: 0rem;
  }
  .isPhone .Acticety-main .Acticety-mains .Acticety-mainLeft .title-def-left {
    margin-left: -0.65rem;
  }
  .isPhone .Acticety-main .Acticety-mains .Acticety-mainLeft .now-jackpot {
    margin-right: -0.55rem;
  }
  .isPhone .Acticety-main .Acticety-mains .Acticety-more-active {
    margin-left: -0.45rem;
  }
  .isPhone .Acticety-main .Acticety-mains .decoration-left {
    left: 0.1rem;
  }
  .isPhone .Acticety-main .Acticety-mains .decoration-right {
    right: -1.2rem;
  }
  .isPhone .Activety-ban .Activety-older .Activety-old .Activety-old-banner {
    width: 90%;
  }
  .isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodys .Activety-lucky-ranking .Activety-lucky-first {
    left: 0.5rem;
  }
  .isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodys .Activety-lucky-ranking .Activety-lucky-second {
    left: 0.5rem;
  }
  .isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Tbody .Activety-lucky-Tbodys .Activety-lucky-ranking .Activety-lucky-third {
    left: 0.5rem;
  }
  .isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Heads {
    padding: 23px 0px 23px 45px;
  }
  .isPhone .Activety-ban .Activety-luck .Activety-lucky .Activety-lucky-Table .Activety-lucky-Heads .Activety-lucky-time {
    margin-left: 0;
  }
}