html {
  font-size: calc(100vw / 2560);
}

.btn-primary {
  width: 414rem;
  height: 91rem;
  line-height: 93rem;
  display: block;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/btn-primary.png") no-repeat center center;
  background-size: cover;
  color: #16191a;
  font-size: 38rem;
  text-align: center;
  font-weight: bold;
  margin: 38rem auto 0;
}

.btn-secondly {
  display: block;
  width: 421rem;
  height: 91rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/btn-secondly-lg.png") no-repeat center center;
  background-size: cover;
  color: #001d11;
  font-size: 38rem;
  text-align: center;
  line-height: 91rem;
  cursor: pointer;
  font-weight: bold;
}

.btn-info {
  display: block;
  width: 223rem;
  height: 53rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/btn-info.png") no-repeat center center;
  background-size: cover;
  color: #0fcb7e;
  font-size: 25rem;
  text-align: center;
  line-height: 53rem;
  cursor: pointer;
}

.tag-primary {
  display: block;
  width: 72rem;
  height: 19rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag-primary.png") no-repeat center center;
  background-size: cover;
  color: rgba(255, 255, 255, 0.7);
  font-size: 12rem;
  text-align: center;
  line-height: 22rem;
  position: absolute;
  left: 0;
  top: 0;
}

.tag-primary-lg {
  display: block;
  width: 145rem;
  height: 23rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag-primary-lg.png") no-repeat center center;
  background-size: cover;
  color: rgba(255, 255, 255, 0.7);
  font-size: 15rem;
  text-align: center;
  line-height: 24rem;
  position: absolute;
  left: 0;
  top: 0;
}

.tag-secondly {
  display: block;
  width: 104rem;
  height: 26rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag-secondly.png") no-repeat center center;
  background-size: cover;
  color: rgba(255, 255, 255, 0.7);
  font-size: 15rem;
  text-align: center;
  line-height: 25rem;
  position: absolute;
  left: 0;
  top: 0;
}

.tag-info {
  display: block;
  width: 104rem;
  height: 26rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag-info.png") no-repeat center center;
  background-size: cover;
  color: white;
  font-size: 15rem;
  text-align: center;
  line-height: 26rem;
  position: absolute;
  left: 0;
  top: 0;
}

.tag-txt {
  display: block;
  width: 104rem;
  height: 26rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag-txt.png") no-repeat center center;
  background-size: cover;
  color: rgba(255, 255, 255, 0.7);
  font-size: 15rem;
  text-align: center;
  line-height: 26rem;
  position: absolute;
  left: 0;
  top: 0;
}

.tag-default {
  display: block;
  width: 104rem;
  height: 26rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag-default.png") no-repeat center center;
  background-size: cover;
  color: rgba(255, 255, 255, 0.7);
  font-size: 15rem;
  text-align: center;
  line-height: 26rem;
  position: absolute;
  left: 0;
  top: 0;
}

.tag-green {
  display: block;
  width: 104rem;
  height: 26rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag-green.png") no-repeat center center;
  background-size: cover;
  color: rgba(255, 255, 255, 0.7);
  font-size: 15rem;
  text-align: center;
  line-height: 26rem;
  position: absolute;
  left: 0;
  top: 0;
}

.tag-pass {
  display: block;
  width: 115rem;
  height: 26rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag-pass.png") no-repeat center center;
  background-size: cover;
  color: rgba(255, 255, 255, 0.7);
  font-size: 18rem;
  text-align: center;
  line-height: 26rem;
  position: absolute;
  left: 0;
  top: 0;
}

.label-default {
  display: flex;
  justify-content: center;
  width: 236rem;
  height: 49rem;
  line-height: 49rem;
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/introduce/tag4.png) no-repeat center center;
  background-size: cover;
  font-size: 30rem;
  color: #eaebeb;
  margin: 20rem auto 26rem;
  font-weight: bold;
}

.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1000;
  width: 1134rem;
  padding-top: 65rem;
  display: none;
}

.popup .btn-close {
  position: absolute;
  top: -70rem;
  right: -70rem;
  width: 66rem;
  height: 65rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/popup/btn-close.png") no-repeat center center;
  background-size: cover;
  cursor: pointer;
}

.popup-welfare {
  width: 1296rem;
  height: 838rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/popup/popup-welfare.png") no-repeat center center;
  background-size: cover;
}

.popup-welfare .title {
  width: 528rem;
  height: 66rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/popup/popup-welfare-title.png") no-repeat center center;
  background-size: cover;
  margin: 0 auto;
  transform: translateX(10rem);
}

.popup-welfare.popup-activity-content .title {
  width: 991rem;
  height: 52rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/popup/activity-content-title.png") no-repeat center center;
  background-size: contain;
  transform: translateX(0);
}

.popup-welfare .pic-box {
  width: 1071rem;
  height: 378rem;
  margin: 25rem auto 0;
}

.popup-welfare .pic-box .pic {
  width: 100%;
  height: 100%;
}

.popup-welfare .desc {
  margin: 0 auto;
}

.popup-welfare .rule .rule-title {
  width: 157rem;
  height: 56rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/popup/rule-title.png") no-repeat center center;
  background-size: cover;
  margin: 26rem auto 20rem;
}

.popup-welfare .rule .rule-title.detail {
  width: 152rem;
  height: 57rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/popup/detail-title.png") no-repeat center center;
  background-size: cover;
}

.popup-welfare .rule .desc .txt {
  display: block;
  font-size: 23rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 30rem;
  text-align: center;
}

.popup-machine {
  width: 1296rem;
  height: 815rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/popup/popup-machine.png") no-repeat center center;
  background-size: cover;
  padding-top: 50rem;
}

.popup-machine .title {
  width: 224rem;
  height: 64rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/popup/machine-title.png") no-repeat center center;
  background-size: cover;
  margin: 0 auto;
}

.popup-machine .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28rem;
  padding: 0 18rem;
  margin: 24rem 30rem 0;
  max-height: 620rem;
  overflow-y: auto;
  overflow-x: hidden;
}

.popup-machine .list::-webkit-scrollbar {
  width: 7rem;
}

.popup-machine .list::-webkit-scrollbar-track {
  background-color: #191718;
  border: 1px #3a3b3c solid;
}

.popup-machine .list::-webkit-scrollbar-thumb {
  background: #0ff796;
}

.popup-machine .list .item {
  width: fit-content;
}

.popup-machine .list .item .inner {
  width: 279rem;
  height: 144rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/popup/machine-item-bg.png") no-repeat center center;
  background-size: cover;
  position: relative;
}

.popup-machine .list .item .inner i {
  z-index: 2;
}

.popup-machine .list .item .inner .pic {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.popup-machine .list .item .inner .pic.pic1 {
  height: 72rem;
}

.popup-machine .list .item .inner .pic.pic2 {
  height: 65rem;
}

.popup-machine .list .item .inner .pic.pic3 {
  height: 43rem;
}

.popup-machine .list .item .inner .pic.pic4 {
  height: 72rem;
}

.popup-machine .list .item .inner .pic.pic5 {
  height: 66rem;
}

.popup-machine .list .item .inner .pic.pic6 {
  height: 72rem;
  width: 197rem;
}

.popup-machine .list .item .inner .pic.pic7 {
  height: 51rem;
}

.popup-machine .list .item .inner .pic.pic8 {
  height: 48rem;
}

.popup-machine .list .item .inner .pic.pic9 {
  height: 61rem;
}

.popup-machine .list .item .inner .pic.pic10 {
  height: 59rem;
}

.popup-machine .list .item .txt {
  display: block;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-size: 20rem;
  margin-top: 4rem;
}

.popup-prop .title {
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/popup/prop-title.png") no-repeat center center;
  background-size: cover;
}

.popup-prop .list .item .inner .pic.pic1 {
  height: 30rem;
}

.popup-prop .list .item .inner .pic.pic2 {
  height: 42rem;
}

.popup-prop .list .item .inner .pic.pic3 {
  height: 67rem;
}

.popup-prop .list .item .inner .pic.pic4 {
  height: 32rem;
}

.popup-prop .list .item .inner .pic.pic5 {
  height: 60rem;
}

.popup-prop .list .item .inner .pic.pic6 {
  height: 59rem;
}

.popup-prop .list .item .inner .pic.pic7 {
  height: 52rem;
}

.popup-prop .list .item .inner .pic.pic8 {
  height: 59rem;
}

.popup-prop .list .item .inner .pic.pic9 {
  height: 56rem;
}

.popup-prop .list .item .inner .pic.pic10 {
  height: 65rem;
}

.popup-prop .list .item .inner .pic.pic11 {
  height: 59rem;
}

.popup-prop .list .item .inner .pic.pic12 {
  height: 64rem;
}

.page-h5 .popup {
  width: 750rem;
  height: 903rem;
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/popup/m/popup-bg.png) no-repeat center center;
  background-size: cover;
}

.page-h5 .popup .btn-close {
  width: 57rem;
  height: 57rem;
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/popup/m/btn-close.png) no-repeat center center;
  background-size: cover;
  top: -70rem;
  right: 23rem;
}

.page-h5 .popup-welfare .title {
  width: 369rem;
  height: 46rem;
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/popup/m/popup-welfare-title.png) no-repeat center center;
  background-size: cover;
}

.page-h5 .popup-welfare .rule .rule-title {
  width: 137rem;
  height: 48rem;
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/popup/m/rule-title.png) no-repeat center center;
  background-size: cover;
}

.page-h5 .popup-welfare .rule .rule-title.detail {
  width: 152rem;
  height: 57rem;
  background: url("//game.gtimg.cn/images/dfm/cp/wbtq/popup/detail-title.png") no-repeat center center;
  background-size: cover;
}

.page-h5 .popup-welfare .rule .desc {
  width: 621rem;
}

.page-h5 .popup-welfare .rule .desc .txt {
  display: block;
  font-size: 23rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 32rem;
  text-align: center;
}

.page-h5 .popup-welfare .pic-box {
  width: 618rem;
  height: 348rem;
}

.page-h5 .popup-welfare.popup-activity-content .title {
  width: 605rem;
  height: 86rem;
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/popup/m/activity-content-title.png) no-repeat center center;
  background-size: cover;
}

.page-h5 .popup-machine .title {
  width: 196rem;
  height: 56rem;
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/popup/m/machine-title.png) no-repeat center center;
  background-size: cover;
}

.page-h5 .popup-machine .list {
  max-height: 760rem;
  gap: 20rem 12rem;
  grid-template-columns: repeat(3, 1fr);
  margin: 24rem 34rem 0 42rem;
  padding-right: 12rem;
}

.page-h5 .popup-machine .list .item .inner {
  width: 205rem;
  height: 132rem;
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/popup/m/machine-item-bg.png) no-repeat center center;
  background-size: cover;
}

.page-h5 .popup-machine .list .item .inner .pic {
  transform: translate(-50%, -50%) scale(0.8);
}

.page-h5 .popup-machine .list .item .txt {
  font-size: 17rem;
}

.page-h5 .popup-prop .title {
  width: 195rem;
  height: 56rem;
  background: url(//game.gtimg.cn/images/dfm/cp/wbtq/popup/m/prop-title.png) no-repeat center center;
  background-size: cover;
}

.popup .pic1-1 {
  width: 237rem;
  height: 71rem;
}

.popup .pic1-2 {
  width: 233rem;
  height: 53rem;
}

.popup .pic1-3 {
  width: 221rem;
  height: 81rem;
}

.popup .pic2-1 {
  width: 187rem;
  height: 58rem;
}

.popup .pic2-2 {
  width: 192rem;
  height: 54rem;
}

.popup .pic3-1 {
  width: 203rem;
  height: 77rem;
}

.popup .pic3-2 {
  width: 214rem;
  height: 72rem;
}

.popup .pic3-3 {
  width: 209rem;
  height: 93rem;
}

.popup .pic3-4 {
  width: 221rem;
  height: 41rem;
}

.popup .pic3-5 {
  width: 224rem;
  height: 85rem;
}

.popup .pic3-6 {
  width: 201rem;
  height: 79rem;
}

.popup .pic3-7 {
  width: 224rem;
  height: 34rem;
}

.popup .pic3-8 {
  width: 212rem;
  height: 78rem;
}

.popup .pic3-9 {
  width: 213rem;
  height: 68rem;
}

.popup .pic3-10 {
  width: 211rem;
  height: 81rem;
}

.popup .pic3-11 {
  width: 219rem;
  height: 70rem;
}

.popup .pic3-12 {
  width: 226rem;
  height: 74rem;
}

.popup .pic3-13 {
  width: 207rem;
  height: 65rem;
}

.popup .pic3-14 {
  width: 205rem;
  height: 85rem;
}

.popup .pic3-15 {
  width: 232rem;
  height: 46rem;
}

.popup .pic3-16 {
  width: 225rem;
  height: 70rem;
}

.popup .pic3-17 {
  width: 198rem;
  height: 62rem;
}

.popup .pic3-18 {
  width: 199rem;
  height: 96rem;
}

.popup .pic3-19 {
  width: 199rem;
  height: 85rem;
}

.popup .pic3-20 {
  width: 226rem;
  height: 57rem;
}

.popup .pic3-21 {
  width: 201rem;
  height: 83rem;
}

.popup .pic3-22 {
  width: 206rem;
  height: 84rem;
}

.popup .pic3-23 {
  width: 208rem;
  height: 59rem;
}

.popup .pic3-24 {
  width: 213rem;
  height: 82rem;
}

.popup .pic3-25 {
  width: 214rem;
  height: 52rem;
}

.popup .pic3-26 {
  width: 234rem;
  height: 56rem;
}

.popup .pic3-27 {
  width: 222rem;
  height: 76rem;
}

.popup .pic3-28 {
  width: 230rem;
  height: 51rem;
}

.popup .pic3-29 {
  width: 228rem;
  height: 70rem;
}

.popup .pic3-30 {
  width: 232rem;
  height: 71rem;
}

.popup .pic3-31 {
  width: 225rem;
  height: 38rem;
}

.popup .pic3-32 {
  width: 121rem;
  height: 78rem;
}

.popup .pic3-33 {
  width: 140rem;
  height: 71rem;
}

.popup .pic3-34 {
  width: 118rem;
  height: 80rem;
}

.popup .pic3-35 {
  width: 127rem;
  height: 96rem;
}

.popup .pic3-36 {
  width: 114rem;
  height: 76rem;
}

.popup .pic3-37 {
  width: 107rem;
  height: 80rem;
}

.popup .pic3-38 {
  width: 220rem;
  height: 60rem;
}

.popup .pic3-39 {
  width: 221rem;
  height: 40rem;
}

.popup .pic3-40 {
  width: 233rem;
  height: 41rem;
}

.popup .pic3-41 {
  width: 231rem;
  height: 63rem;
}

.popup .pic3-42 {
  width: 230rem;
  height: 55rem;
}

.popup .pic3-43 {
  width: 118rem;
  height: 80rem;
}

.popup .pic3-44 {
  width: 213rem;
  height: 45rem;
}

.popup .pic3-45 {
  width: 178rem;
  height: 85rem;
}

.popup .pic3-46 {
  width: 214rem;
  height: 50rem;
}

.popup .pic3-47 {
  width: 209rem;
  height: 41rem;
}

.popup .pic3-48 {
  width: 205rem;
  height: 79rem;
}

.popup .pic3-49 {
  width: 117rem;
  height: 77rem;
}

.popup .pic3-50 {
  width: 215rem;
  height: 43rem;
}

.popup .pic3-51 {
  width: 148rem;
  height: 91rem;
}

.popup .pic3-52 {
  width: 226rem;
  height: 81rem;
}

.popup .pic3-53 {
  width: 218rem;
  height: 53rem;
}

.popup .pic3-54 {
  width: 228rem;
  height: 55rem;
}

.popup .pic3-55 {
  width: 214rem;
  height: 75rem;
}

.popup .pic3-56 {
  width: 214rem;
  height: 79rem;
}

.popup .pic3-57 {
  width: 211rem;
  height: 74rem;
}

.popup .pic3-58 {
  width: 209rem;
  height: 39rem;
}

.popup .pic4-1 {
  width: 241rem;
  height: 99rem;
}

.popup .pic4-2 {
  width: 200rem;
  height: 77rem;
}

.popup .pic4-3 {
  width: 228rem;
  height: 57rem;
}

.popup .pic4-4 {
  width: 256rem;
  height: 97rem;
}

.popup .pic4-5 {
  width: 223rem;
  height: 82rem;
}

.popup .pic4-6 {
  width: 220rem;
  height: 78rem;
}

.popup .pic4-7 {
  width: 227rem;
  height: 58rem;
}

.popup .pic4-8 {
  width: 237rem;
  height: 90rem;
}