@charset "UTF-8";
.icon-font {
  display: inline-block;
  vertical-align: middle;
  width: 0.52444444rem;
  height: 0.49777778rem;
}
.icon-star {
  background: url(../images/icon-star.png) center center no-repeat;
  background-size: 100% 100%;
}
.icon-close {
  background: url(../images/icon-close.png) center center no-repeat;
  background-size: 100% 100%;
}
* {
  /*
  margin:0;
  padding:0;
  border:none;
  font-weight: normal;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
          */
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  /*滚动条下层*/
  /*滚动条上层*/
}
*::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  border-radius: 4px;
  overflow: hidden;
}
*::-webkit-scrollbar-track {
  background: #e6e6e6;
  /*#E1ebf3;*/
}
*::-webkit-scrollbar-corner {
  background: #e6e6e6;
  /*#E1ebf3;*/
}
*::-webkit-scrollbar-thumb {
  background: #f94f25;
  /*#044068;*/
}
img {
  pointer-events: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #a2897e;
  font-size: 0.35555556rem;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #a2897e;
  font-size: 0.35555556rem;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #a2897e;
  font-size: 0.35555556rem;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #a2897e;
  font-size: 0.35555556rem;
}
body {
  width: 100%;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.yellow_bg {
  background-color: #ff7200;
}
.orange_bg {
  background-color: #ff7200;
}
.yellow {
  color: #fff000;
}
.white {
  color: #fff;
}
.color-red {
  color: #e6371b;
}
.color-orange {
  color: #ff7200;
}
.color-blue {
  color: #0a70cc;
}
.hide {
  display: none;
}
p {
  margin: 0;
  padding: 0;
}
ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#myaudio {
  position: absolute;
  z-index: -1;
}
.btn {
  width: 3.98222222rem;
  height: 0.98666667rem;
  font-size: 0.53333333rem;
  line-height: 1;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 0.07111111rem;
  padding-top: 0.17777778rem;
  padding-bottom: 0.17777778rem;
  padding-right: 0.14222222rem;
  padding-left: 0.14222222rem;
  border-radius: 0.08888889rem;
  font-weight: bold;
  color: #fff;
  background: url(../images/btn_bg.png) center center no-repeat;
  background-size: 100% 100%;
  border: none;
  pointer-events: auto;
}
.btn.green_btn {
  background: url(../images/green_btn.png) center center no-repeat;
  background-size: 100% 100%;
}
.btn.gray_btn {
  background: url(../images/gray_btn.png) center center no-repeat;
  background-size: 100% 100%;
}
.btn.orange_btn {
  background: url(../images/orange_btn.png) center center no-repeat;
  background-size: 100% 100%;
}
.btn.blue_btn {
  background: url(../images/blue_btn.png) center center no-repeat;
  background-size: 100% 100%;
}
.grayscale {
  /* 设置灰度为100% */
}
.cardBox {
  position: relative;
  left: 0;
  right: 0;
  z-index: 6;
}
.cardBox .cardText {
  width: 2.80888889rem;
  margin: 0 auto;
  margin-top: 0.26666667rem;
  margin-bottom: 0.26666667rem;
  padding-top: 0.10666667rem;
  padding-bottom: 0.10666667rem;
  text-align: center;
  font-size: 0.32rem;
  font-weight: bold;
  border-radius: 0.32rem;
  color: #fff;
  background-color: #1960d5;
}
.cardBox .card {
  display: inline-block;
  padding-left: 0.10666667rem;
}
.pageWrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.pageWrapper .a_bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.pageWrapper .pageMain .cardBox {
  position: absolute;
}
.pageWrapper .pageMain .cardBox.on {
  position: fixed;
}
.pageWrapper .pageMain .logo-box {
  position: absolute;
  top: 0.17777778rem;
  right: 3%;
  width: 0.89777778rem;
  height: 0.80888889rem;
  margin: 0 auto;
  text-align: right;
}
.pageWrapper .pageMain .banner {
  position: absolute;
  top: 1.42222222rem;
  left: 0;
  right: 0;
  width: 10rem;
  margin: 0 auto;
  text-align: center;
}
.pageWrapper .pageMain .gameTime {
  position: absolute;
  top: 4.622222rem;
  left: 0;
  right: 0;
  width: 9.77777778rem;
  margin: 0 auto;
  text-align: center;
  font-size: 0.40888889rem;
  line-height: 0.62222222rem;
  color: #1a5f6e;
}
.pageWrapper .pageMain .prize_box {
  position: absolute;
  right: 3%;
  bottom: 26%;
  z-index: 2;
  width: 1.35111111rem;
  height: 1.72444444rem;
  background: url(../images/prize_btn.png) center center no-repeat;
  background-size: 100% 100%;
}
.pageWrapper .pageMain .rule_box {
  position: absolute;
  right: 3%;
  bottom: 15%;
  z-index: 2;
  width: 1.35111111rem;
  height: 1.72444444rem;
  background: url(../images/rule_btn.png) center center no-repeat;
  background-size: 100% 100%;
}
.pageWrapper .pageMain .rank_box {
  position: absolute;
  right: 3%;
  bottom: 4%;
  z-index: 2;
  width: 1.35111111rem;
  height: 1.72444444rem;
  background: url(../images/rank_btn.png) center center no-repeat;
  background-size: 100% 100%;
}
.pageWrapper .pageMain .slide_btn {
  position: absolute;
  top: 14.66666667rem;
  left: 0;
  right: 0;
  width: 2.24rem;
  height: 2.24rem;
  margin: 0 auto;
  background: url(../images/slide_btn.png) center center no-repeat;
  background-size: 100% 100%;
}
.pageWrapper .pageMain .unit_box {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding-top: 0.21333333rem;
  padding-bottom: 0.21333333rem;
  font-size: 0.39111111rem;
  color: #1a5f6e;
}
.pageWrapper .pageMain .logo {
  display: inline-block;
  vertical-align: middle;
  width: 0.78222222rem;
  height: 0.78222222rem;
}
.img-arr + .img-arr {
  margin-top: -1px;
}
.clickBox {
  position: absolute;
  left: 0.53333333rem;
  top: 2.84444444rem;
  width: 3.73333333rem;
  height: 3.2rem;
}
.clickBox[data-index="2"] {
  left: auto;
  right: 0.39111111rem;
  top: 0.88888889rem;
}
.clickBox[data-index="2"] + .collect_box {
  left: auto;
  right: 0.56888889rem;
  top: 2.88rem;
}
.clickBox[data-index="3"] {
  left: 3.37777778rem;
  top: 0.88888889rem;
}
.clickBox[data-index="3"] + .collect_box {
  left: 4.26666667rem;
  top: 2.84444444rem;
}
.clickBox[data-index="4"] {
  left: 2.66666667rem;
  top: 0.17777778rem;
}
.clickBox[data-index="4"] + .collect_box {
  left: 3.64444444rem;
  top: 2.06222222rem;
}
.clickBox[data-index="5"] {
  left: auto;
  right: 0rem;
  top: 0rem;
}
.clickBox[data-index="5"] + .collect_box {
  left: auto;
  right: 0.21333333rem;
  top: 1.92rem;
}
.collect_box {
  position: absolute;
  left: 1.38666667rem;
  top: 4.74666667rem;
  width: 2.59555556rem;
}
.hand_box {
  position: absolute;
  right: 0rem;
  bottom: 0rem;
  width: 1.77777778rem;
  height: 1.77777778rem;
}
.absBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.unit_box {
  padding-top: 0.32rem;
  padding-bottom: 0.32rem;
  text-align: center;
  font-size: 0.32rem;
  color: #fff;
}
.rank-page {
  height: 100%;
}
.rank_con {
  display: block;
  height: 15.16444444rem;
  padding-top: 3.91111111rem;
  padding-left: 1.77777778rem;
  padding-right: 1.77777778rem;
  text-align: center;
  background: url(../images/rank_con.png) center center no-repeat;
  background-size: 100% 100%;
}
.rank_con .icon-font {
  vertical-align: bottom;
  margin-right: 0.07111111rem;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}
.rank_con .area-box {
  padding-top: 0.10666667rem;
  padding-bottom: 0.10666667rem;
}
.rank_con .showThead .showTr {
  margin-bottom: 0;
  background-color: #3986ee;
}
.rank_con .showThead .showTr .showTh {
  color: #fff;
}
.rank_con .showTbody {
  height: 1.77777778rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.rank_con .showTbody .showTr {
  padding-top: 0.17777778rem;
  padding-bottom: 0.17777778rem;
  margin-bottom: 0rem;
  background-color: transparent;
}
.rank_con .btns-box {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-top: 1.77777778rem;
  margin-left: auto;
  margin-right: auto;
}
.rank_con .btn {
  width: 4.96rem;
  height: 1.42222222rem;
  background: url(../images/btn_bg02.png) center center no-repeat;
  background-size: 100% 100%;
}
.prize-ul {
  height: 7.11111111rem;
  padding-top: 0.35555556rem;
  padding-right: 0.14222222rem;
  overflow: auto;
}
.prize-ul .prize-li {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding-top: 0.17777778rem;
  padding-bottom: 0.17777778rem;
  margin-bottom: 0.35555556rem;
  border-radius: 0.26666667rem;
  background-color: #fcefcb;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}
.prize-ul .prize-li .col-left {
  width: 3.91111111rem;
  text-align: left;
}
.prize-ul .prize-li .col-left .title {
  font-size: 0.40888889rem;
  color: #e68200;
}
.prize-ul .prize-li .col-left .date {
  font-size: 0.28444444rem;
  color: #333;
}
.prize-ul .prize-li .col-right .status {
  font-size: 0.28444444rem;
  padding-top: 0.08888889rem;
  padding-bottom: 0.08888889rem;
  padding-left: 0.28444444rem;
  padding-right: 0.28444444rem;
  border-radius: 0.26666667rem;
  color: #fff;
  background-color: #ffd33b;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}
.prize-ul .prize-li .col-right .status.on {
  background-color: #e68200;
}
.jifen-layer.layui-layer-page .layui-layer-content {
  overflow: hidden;
}
.jifen-layer .jifen-layer-content {
  width: 4.23111111rem;
  height: 5.65333333rem;
  margin: 0 auto;
  background: url(../images/jifen_layer_bg.png) center center no-repeat;
  background-size: 100% 100%;
}
.jifen-layer .bd {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 5.65333333rem;
  padding-bottom: 0.71111111rem;
}
.jifen-layer .img-box {
  position: relative;
  width: 3.39555556rem;
  height: 3.55555556rem;
}
.jifen-layer .jifen-title {
  margin-top: -0.88888889rem;
  margin-bottom: 0.08888889rem;
  font-size: 0.53333333rem;
  font-weight: bold;
  color: #ffec6e;
}
.jifen-layer .jifen-text {
  font-size: 0.42666667rem;
}
.jifen-layer .color-red {
  font-size: 0.53333333rem;
  font-weight: bold;
}
/* 对对碰 */
.cash {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/rule_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.cash .cashMain .cash_hd {
  width: 8.29333333rem;
  margin: 0 auto;
  padding-top: 0.71111111rem;
  padding-bottom: 0rem;
}
.cash .cashMain .cash_bd {
  width: 9.65333333rem;
  height: 10.54222222rem;
  margin: 0 auto;
}
.cash .cashMain .cashIndex {
  padding-top: 0.35555556rem;
}
.cash .btns-box {
  position: relative;
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 7.28888889rem;
  margin: 0 auto;
  margin-top: -1.6rem;
}
.cash .btn {
  width: 3.75111111rem;
  height: 1.27111111rem;
  background: url(../images/wheel_btn.png) center center no-repeat;
  background-size: 100% 100%;
}
.cash .returnIndex {
  bottom: 0.87111111rem;
}
body .layui-layer {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body .layui-layer.prompting-box {
  padding-top: 1.06666667rem;
  padding-bottom: 1.06666667rem;
  padding-left: 1.06666667rem;
  padding-right: 1.06666667rem;
  background: url(../images/prompting_bg.png) center center no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
body .layui-layer.layui-layer-msg {
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
body .layui-layer.bshare {
  background-color: #fff;
}
body .layui-layer.bshare .layui-layer-btn .layui-layer-btn0 {
  position: static;
  opacity: 1;
  width: 100%;
}
body .layui-layer.share-contain {
  width: 100%;
  height: 100%;
  background: url(../images/share_bg.png) center center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  text-align: center;
}
body .layui-layer-btn a:hover {
  background-color: transparent;
  border-color: #1E9FFF;
  display: none;
}
body .layui-layer-btn .layui-layer-btn0 {
  position: absolute;
  left: 18%;
  top: 51%;
  width: 228px;
  height: 60px;
  opacity: 0;
}
body .layui-layer-setwin {
  position: absolute;
  display: inline-block;
  right: -12px;
  top: -12px;
  width: 1.03111111rem;
  height: 1.03111111rem;
  margin: 0 auto;
}
body .layui-layer-setwin .layui-layer-close2 {
  right: 0;
  top: 0;
  width: 1.03111111rem;
  height: 1.03111111rem;
  background: url(../images/close.png) center center no-repeat;
  background-size: 100% 100%;
}
.rule-page {
  height: 100%;
  padding-top: 4%;
}
/* rule-box */
.rule-box {
  position: relative;
  width: 9.08444444rem;
  height: 14.25777778rem;
  margin-top: 1.06666667rem;
  margin-bottom: 0rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background: url(../images/rule_box_bg.png) center center no-repeat;
  background-size: contain;
}
.rule-box .hd {
  padding-top: 0.94222222rem;
}
.rule-box .title {
  width: 5.28888889rem;
  height: 0.78222222rem;
  margin-top: 0.21333333rem;
  margin-bottom: 0.21333333rem;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
}
.rule-box .prize-title {
  background: url(../images/prizeList.png) center center no-repeat;
  background-size: contain;
}
.rule-box .rule-title {
  width: 3.51111111rem;
  height: 0.92444444rem;
  margin-top: 0.21333333rem;
  margin-bottom: 0.21333333rem;
  margin-left: auto;
  margin-right: auto;
}
.rule-box .bd {
  height: 9.06666667rem;
  margin-top: 0rem;
  margin-bottom: 0.21333333rem;
  padding-left: 0rem;
  padding-right: 0.21333333rem;
  padding-bottom: 0.17777778rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.rule-box .bd .title {
  display: inline-block;
  width: auto;
  height: auto;
  padding-left: 0.35555556rem;
  padding-right: 0.35555556rem;
  padding-top: 0.07111111rem;
  padding-bottom: 0.07111111rem;
  font-size: 0.42666667rem;
  line-height: 0.64rem;
  color: #fff;
  background-color: #e97640;
  border-radius: 0.07111111rem;
}
.rule-box .sub-title {
  text-align: left;
}
.rule-box .rule_items {
  margin-top: -0.35555556rem;
  padding-top: 0.21333333rem;
  padding-bottom: 0.14222222rem;
  text-align: left;
  font-size: 0.42666667rem;
  line-height: 0.64rem;
  color: #333;
  border-radius: 0.07111111rem;
  background-color: #f7e6d7;
}
.rule-box .rule_items .item {
  position: relative;
  padding-left: 0.32rem;
  padding-right: 0.32rem;
  text-align: justify;
}
.rule-box .rule_items .item .circle {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  text-align: center;
  content: "";
  height: 0.48rem;
  width: 0.48rem;
  background: url(../images/number_bg.png) no-repeat;
  background-position: 40% 50%;
  background-size: 0.41777778rem;
  font-size: 0.29333333rem;
  color: #aa1815;
}
.rule-box .rule_items + .tips {
  padding-top: 1.77777778rem;
}
.rule-box .code {
  width: 100%;
  text-align: center;
}
.rule-box .code img {
  height: 3.37777778rem;
  width: 3.37777778rem;
}
.rule-box .code p {
  background-size: 0.41777778rem;
  font-size: 0.29333333rem;
  color: #aa1815;
}
.rule-box .btns-box {
  margin-top: -0.53333333rem;
}
.rule-box .btn {
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1.8;
}
.rule-box .ft {
  position: fixed;
  bottom: 1.77777778rem;
  left: 50%;
  margin-left: -1.37777778rem;
}
.rank-box {
  width: 8.71111111rem;
  padding-top: 0.53333333rem;
  padding-bottom: 0.35555556rem;
  padding-left: 0.26666667rem;
  padding-right: 0.26666667rem;
  margin-top: 2.13333333rem;
  background-color: #fff;
  border-radius: 0.21333333rem;
}
.rank-box .rank-title {
  height: 1.36rem;
  font-size: 0.53333333rem;
  line-height: 1.9;
  padding-left: 0.53333333rem;
  padding-right: 0.53333333rem;
  margin-top: -0.8rem;
  margin-bottom: 0rem;
  margin-left: -0.26666667rem;
  margin-right: -0.26666667rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: url(../images/rank-title_bg.png) top center no-repeat;
  background-size: 100% 100%;
}
.myInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 98%;
  margin-bottom: 0.26666667rem;
  font-size: 0.46222222rem;
  line-height: 0.64rem;
  font-weight: bold;
  color: #f94f25;
}
.myInfo em {
  font-style: normal;
}
.tab_con_item {
  padding-top: 0.21333333rem;
  padding-bottom: 0.21333333rem;
}
.tab_box {
  position: relative;
  z-index: 4;
  font-size: 0.33777778rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  padding-left: 12%;
  padding-right: 12%;
}
.tab_box .tab_items {
  display: flex;
  justify-content: space-evenly;
}
.tab_box .tab_items .tab_item {
  width: 2.64888889rem;
  height: 0.94222222rem;
  margin: 0 auto;
  text-align: center;
}
.tab_box .tab_items .tab_item.on {
  width: 2.64888889rem;
  height: 0.94222222rem;
}
.tab_box .tab_items .tab_item.active {
  background: url(../images/active.png) center center no-repeat;
  background-size: contain;
}
.tab_box .tab_items .tab_item.active.on {
  background: url(../images/active-on.png) center center no-repeat;
  background-size: 100% 100%;
}
.tab_box .tab_items .tab_item.jifen {
  background: url(../images/jifen.png) center center no-repeat;
  background-size: contain;
}
.tab_box .tab_items .tab_item.jifen.on {
  background: url(../images/jifen-on.png) center center no-repeat;
  background-size: 100% 100%;
}
.tab_box .tab_items .tab_item.prize {
  background: url(../images/prize.png) center center no-repeat;
  background-size: contain;
}
.tab_box .tab_items .tab_item.prize.on {
  background: url(../images/prize-on.png) center center no-repeat;
  background-size: 100% 100%;
}
.tab_content {
  position: relative;
  z-index: 3;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.53333333rem;
  padding-right: 0.35555556rem;
  padding-bottom: 0.35555556rem;
}
.area-box {
  padding-top: 0.21333333rem;
  padding-bottom: 0.21333333rem;
}
.showTable {
  font-size: 0.33777778rem;
  color: #463a28;
}
.showThead {
  margin-top: 0rem;
  padding-right: 0.22222222rem;
}
.showTr {
  padding-top: 0.10666667rem;
  padding-bottom: 0.10666667rem;
  padding-right: 0.22222222rem;
  margin-bottom: 0.10666667rem;
  font-size: 0;
}
.showTr .p_phone {
  width: 40%;
}
.showTr .p_phone .icon-font {
  position: absolute;
  top: -0.01777778rem;
  left: 0.16rem;
  width: 0.44444444rem;
  height: 0.44444444rem;
}
.showTr .p_name {
  width: 30%;
}
.showTr .p_info {
  width: 30%;
}
.showTbody {
  height: 3.55555556rem;
  padding-right: 0.22222222rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.showTbody .showTr {
  border-radius: 8px;
  background-color: #ededed;
}
.showTh,
.showTd {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 4px;
}
.showTh {
  font-size: 0.33777778rem;
  line-height: 0.46222222rem;
  color: #999999;
}
.showTd {
  font-size: 0.33777778rem;
  line-height: 0.46222222rem;
}
.showTd .btn {
  display: inline-block;
  vertical-align: middle;
  width: 1.84888889rem;
  height: 0.68444444rem;
  margin-bottom: 0;
}
.down-box {
  text-align: center;
  font-size: 0.35555556rem;
  color: #666;
}
.down-box .down {
  display: inline-block;
  width: 0.23111111rem;
  height: 0.36444444rem;
  background: url(../images/down.png) center center no-repeat;
  background-size: 100% 100%;
}
.prizeTable {
  width: 100%;
  font-size: 0.32rem;
  line-height: 0.49777778rem;
  color: #333;
  margin: 0;
}
.prizeTable + .border-line {
  padding-bottom: 0.35555556rem;
}
.prizeTable .thead .tr .th {
  padding-top: 0.08888889rem;
  padding-bottom: 0.08888889rem;
  color: #f94f25;
  font-weight: bold;
  -webkit-border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -ms-border-radius: 20px 20px 20px 20px;
  -o-border-radius: 20px 20px 20px 20px;
  border-radius: 20px 20px 20px 20px;
  background-color: #fdedd8;
}
.prizeTable .tbody {
  height: 7.46666667rem;
  padding-bottom: 0.08888889rem;
  margin-bottom: 0.14222222rem;
  margin-top: 0.14222222rem;
  overflow: auto;
}
.prizeTable .avatar-box {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 0.64rem;
  height: 0.64rem;
  margin: 0;
  margin-right: 0.21333333rem;
  border-radius: 50%;
  overflow: hidden;
}
.prizeTable .btn-look,
.prizeTable .btn-href {
  background: none;
  border: none;
}
.prizeTable .btn-href {
  color: #2c82f8;
}
.tbody {
  font-size: 0.40888889rem;
  line-height: 0.64rem;
}
.tr {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.12444444rem;
  padding-bottom: 0.12444444rem;
}
.th,
.td {
  display: inline-block;
  width: 28%;
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
}
.th.col_0,
.td.col_0 {
  display: flex;
  text-align: left;
}
.th.col_0 .ellipsis,
.td.col_0 .ellipsis {
  flex: 1;
}
.iconfont {
  display: inline-block;
  vertical-align: baseline;
  width: 0.4rem;
  height: 0.33777778rem;
  margin-left: -0.64rem;
}
.iconfont.icon-huangguan01 {
  background: url(../images/huangguan01.png) center center no-repeat;
  background-size: 100% 100%;
}
.iconfont.icon-huangguan02 {
  background: url(../images/huangguan02.png) center center no-repeat;
  background-size: 100% 100%;
}
.iconfont.icon-huangguan03 {
  background: url(../images/huangguan03.png) center center no-repeat;
  background-size: 100% 100%;
}
.iconfont.icon-huangguan04 {
  background: url(../images/huangguan04.png) center center no-repeat;
  background-size: 100% 100%;
}
.iconfont.icon-huangguan05 {
  background: url(../images/huangguan05.png) center center no-repeat;
  background-size: 100% 100%;
}
.col_2 .iconfont {
  position: absolute;
  left: 50%;
  top: 5px;
}
.prompting-box.layui-layer {
  background-color: transparent;
  box-shadow: none;
}
.prompting-box.layui-layer .box {
  height: 100%;
  font-size: 0.56888889rem;
  line-height: 0.92444444rem;
  text-align: center;
  color: #333;
}
.prompting-box.layui-layer .box:before {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}
.prompting-box.layui-layer h1 {
  display: inline-block;
  vertical-align: middle;
}
.prompting-box.layui-layer p {
  display: inline-block;
  vertical-align: middle;
}
.msg_box {
  padding-top: 0.8rem;
}
.msg_box .txt {
  font-size: 0.4rem;
  line-height: 0.64rem;
  color: #423524;
}
.msg_box .ft {
  padding-top: 0.8rem;
}
.msg_box .ft .btn {
  display: inline-block;
  width: 3.04888889rem;
  height: 0.91555556rem;
  background: url(../images/again_btn.png) center center no-repeat;
  background-size: 100% 100%;
}
.share_box .img-box {
  height: 3.55555556rem;
}
.share_box .ft .btn {
  background: url(../images/yaoqing_btn.png) center center no-repeat;
  background-size: 100% 100%;
}
.cardInfo-box {
  position: relative;
  height: 11.11111111rem;
  padding-top: 1.10222222rem;
  padding-bottom: 1.92rem;
  padding-left: 0.71111111rem;
  padding-right: 0.71111111rem;
  text-align: center;
  background: url(../images/cardInfo_bg.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.cardInfo-box .banner-box {
  padding-left: 0.35555556rem;
  padding-right: 0.35555556rem;
}
.cardInfo-box .title-box {
  padding-left: 0.17777778rem;
  font-size: 0.48rem;
  line-height: 0.62222222rem;
  font-weight: bold;
}
.cardInfo-box .title {
  position: relative;
}
.cardInfo-box .bd {
  margin-top: 0rem;
  margin-bottom: 0.26666667rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.10666667rem;
  padding-right: 0.10666667rem;
  padding-top: 0.26666667rem;
  padding-bottom: 0.26666667rem;
  text-align: justify;
  font-size: 0.37333333rem;
  line-height: 0.60444444rem;
}
.cardInfo-box .scroll-box {
  height: 6.93333333rem;
  padding-right: 0.26666667rem;
  overflow: auto;
}
.cardInfo-box .items {
  font-size: 0;
  padding-top: 0.26666667rem;
  margin-bottom: 0.26666667rem;
  padding-left: 0rem;
  padding-right: 0rem;
  text-align: left;
}
.cardInfo-box .notes_box {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 0.26666667rem;
  margin-bottom: 0.26666667rem;
  padding-top: 0.21333333rem;
  padding-bottom: 0.21333333rem;
  padding-left: 1.06666667rem;
  padding-right: 0.62222222rem;
  color: #333;
  font-size: 0.40888889rem;
  line-height: 0.62222222rem;
  border-radius: 0rem;
  background-color: #f7e6d7;
}
.cardInfo-box .ipt {
  position: absolute;
  z-index: -1;
}
.cardInfo-box .checked {
  position: absolute;
  left: -0.03555556rem;
  display: inline-block;
  vertical-align: middle;
  width: 1.04888889rem;
  height: 1.04888889rem;
  text-align: center;
  font-size: 0.40888889rem;
  line-height: 1.04888889rem;
}
.cardInfo-box .answer_item {
  display: inline-block;
  vertical-align: middle;
  flex: 1;
}
.cardInfo-box .true {
  color: #fff;
  background-color: #449182;
}
.cardInfo-box .true .iconfont {
  position: absolute;
  right: 2%;
  top: 50%;
  display: inline-block;
  width: 0.58666667rem;
  height: 0.41777778rem;
  margin-top: -0.20444444rem;
  background: url(../images/true.png) center center no-repeat;
  background-size: contain;
}
.cardInfo-box .err {
  color: #fff;
  background-color: #fe6a4a;
}
.cardInfo-box .err .iconfont {
  position: absolute;
  right: 4%;
  top: 50%;
  display: inline-block;
  width: 0.42666667rem;
  height: 0.42666667rem;
  margin-top: -0.21333333rem;
  background: url(../images/err.png) center center no-repeat;
  background-size: contain;
}
.cardInfo-box .btns-box {
  width: 4.97777778rem;
  margin-left: auto;
  margin-right: auto;
}
/* confirm-box */
.confirm-box {
  position: relative;
  height: 11.11111111rem;
  padding-top: 1.06666667rem;
  padding-left: 0.71111111rem;
  padding-right: 0.71111111rem;
  text-align: center;
  background: url(../images/confirm_bg.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.confirm-box .hd {
  text-align: center;
  font-size: 0.74666667rem;
  line-height: 0.88888889rem;
  color: #f94f25;
}
.confirm-box .title {
  font-weight: bold;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.confirm-box .img-box {
  width: 80%;
  margin-top: 0.35555556rem;
  margin-bottom: 0.44444444rem;
  margin-left: auto;
  margin-right: auto;
}
.confirm-box .ft {
  margin-top: 0.71111111rem;
  margin-bottom: 0rem;
  margin-left: auto;
  margin-right: auto;
}
.ticket-box {
  position: relative;
  height: 15.48444444rem;
  padding-top: 4.8rem;
  padding-bottom: 0.71111111rem;
  padding-left: 0.88888889rem;
  padding-right: 0.88888889rem;
  background: url(../images/ticket_bg.png) center center no-repeat;
  text-align: center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.ticket-box .title {
  width: 92%;
  font-size: 0.64rem;
  line-height: 0.85333333rem;
  margin-left: auto;
  margin-right: auto;
  color: #f94f25;
  font-weight: bold;
}
.ticket-box .subTitle {
  font-size: 0.35555556rem;
  line-height: 0.64rem;
  margin-left: auto;
  margin-right: auto;
  color: #af6801;
}
.ticket-box .bd {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  width: 84%;
  height: 3.62666667rem;
  overflow-y: auto;
  margin-top: 0.26666667rem;
  margin-bottom: 0.88888889rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.64rem;
  padding-right: 0.64rem;
  text-align: justify;
  font-size: 0.35555556rem;
  line-height: 0.56888889rem;
  border-radius: 8px;
  background-color: #fdedd8;
}
.ticket-box .bd .title {
  margin: 0;
  margin-bottom: 0.17777778rem;
  font-size: 0.35555556rem;
  line-height: 0.56888889rem;
  color: #333;
}
.ticket-box .info_item {
  position: relative;
  padding-left: 2.22222222rem;
}
.ticket-box .label {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  width: 2.22222222rem;
}
.ticket-box .msg {
  width: 84%;
  text-align: justify;
  font-size: 0.32rem;
  line-height: 0.42666667rem;
  color: #f94f25;
  margin-top: 0.35555556rem;
  margin-bottom: 0.26666667rem;
  margin-left: auto;
  margin-right: auto;
}
.ticket-box .btns-box {
  width: 4.44444444rem;
  margin-top: 0.71111111rem;
  margin-left: auto;
  margin-right: auto;
}
.ticket-box .btns-box .btn {
  width: 4rem;
  height: 1.04888889rem;
  line-height: 1.2;
}
.input_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 84%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.19555556rem;
}
.input_box .txt {
  display: inline-block;
  vertical-align: middle;
  height: 0.88888889rem;
  font-size: 0.37333333rem;
  line-height: 0.64rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  padding-right: 0.35555556rem;
  padding-left: 0.35555556rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  border: 1px solid #f2ece4;
  background: #f2ece4;
  border-radius: 4px;
}
.input_box .txt.lg {
  width: 100%;
}
.input_box .txt.sm {
  width: 56%;
  margin-right: 3%;
  margin-left: 0;
}
.input_box .yzm {
  display: inline-block;
  width: 40%;
  height: 0.71111111rem;
  vertical-align: middle;
}
.input_box .btn.btn_sm {
  display: inline-block;
  vertical-align: middle;
  width: 40%;
  height: 0.88888889rem;
  font-size: 0.37333333rem;
  line-height: 0.64rem;
  padding-top: 0.08888889rem;
  padding-bottom: 0.08888889rem;
  margin-bottom: 0rem;
  color: #fff;
  border-radius: 12px;
  background: none;
  background-color: #fa6f2b;
  box-shadow: 0 2px 10px 0 rgba(250, 111, 43, 0.5);
}
/* used-box */
.used-box {
  position: relative;
  height: 14.61333333rem;
  padding-top: 2.38222222rem;
  padding-bottom: 1.92rem;
  padding-left: 0.71111111rem;
  padding-right: 0.71111111rem;
  text-align: center;
  background: url(../images/used_box_bg.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.used-box .hd {
  padding-top: 1.52888889rem;
  padding-bottom: 0.21333333rem;
}
.used-box .title {
  font-size: 0.60444444rem;
  line-height: 0.85333333rem;
  font-weight: bold;
  padding-top: 0.21333333rem;
  padding-bottom: 0.21333333rem;
  padding-right: 0rem;
  padding-left: 0rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
  margin-left: auto;
  margin-right: auto;
  color: #f94f25;
}
.used-box .bd {
  height: 5.95555556rem;
}
.used-box .btn {
  width: 4.96rem;
  height: 1.42222222rem;
  background: url(../images/btn_bg02.png) center center no-repeat;
  background-size: 100% 100%;
}
/* unlucky-layer */
.unlucky-layer .used-box {
  position: relative;
  height: 14.61333333rem;
  padding-top: 2.38222222rem;
  padding-bottom: 1.92rem;
  padding-left: 0.71111111rem;
  padding-right: 0.71111111rem;
  text-align: center;
  background: url(../images/unlucky_bg.png) center center no-repeat;
  background-size: 100% 100%;
}
.unlucky-layer .used-box .hd {
  padding-top: 1.06666667rem;
  padding-bottom: 0.26666667rem;
}
.unlucky-layer .used-box .bd {
  height: 6.22222222rem;
}
/* over-box */
.over-box {
  position: relative;
  height: 100%;
  background-color: #fff;
  text-align: center;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.over-box .hd {
  background-color: #f0b238;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.over-box .ellipsis {
  width: 70%;
  font-size: 0.35555556rem;
  line-height: 0.42666667rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  padding-right: 0rem;
  padding-left: 0rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
}
.over-box .title {
  font-weight: bold;
  padding-top: 0.21333333rem;
  padding-bottom: 0.21333333rem;
}
.over-box .rule_items {
  margin-top: 0.88888889rem;
  padding-left: 0.44444444rem;
  padding-right: 0.44444444rem;
  margin-bottom: 0.88888889rem;
  text-align: center;
  font-size: 0.32rem;
  line-height: 0.42666667rem;
  color: #333;
}
.over-box .btn {
  width: 2.75555556rem;
  height: 0.84444444rem;
  background: url(../images/btn01.png) center center no-repeat;
  background-size: 100% 100%;
  margin-left: auto;
  margin-right: auto;
  color: #ce343f;
}
.over-box .ft {
  position: fixed;
  bottom: 2.66666667rem;
  left: 50%;
  margin-left: -1.37777778rem;
}
/* ticket-box */
body .ticket-box .layui-layer-setwin {
  right: 30px;
  top: 20%;
}
.wheel-box {
  position: relative;
  width: 90%;
  margin: 0 auto;
  z-index: 6;
}
.wheel-box .bg01 {
  -webkit-animation: fadein 3s ease infinite alternate;
  animation: fadein 3s ease infinite alternate;
}
.wheel-box .bg01 .full-wh {
  display: block;
  width: 100%;
  height: 100%;
}
.wheel-box .w_pointer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  text-align: center;
  width: 34%;
  cursor: pointer;
  margin: 0 auto;
}
.wheel-ft {
  z-index: 4;
  width: 7.55555556rem;
  height: 2.99555556rem;
  margin: -1.1rem auto 0;
  background: url(../images/wheel_ft_bg.png) center center no-repeat;
  background-size: 100% 100%;
}
.ellipsis .date {
  display: inline-block;
  padding: 0;
  width: 3.8rem;
  text-align: center;
}
.ellipsis .prize {
  color: #ce343f;
}
.circle {
  fill: #18af5e;
  stroke: #21b421;
}
#code {
  pointer-events: auto;
}
@media screen and (max-height: 554px) {
  .wheel-bg .wheel_outer {
    padding-top: 39%;
  }
  .pageWrapper .pageMain .man .img-inline {
    margin-top: -1rem;
  }
  .unit_box {
    margin-top: 0.17777778rem;
  }
}
@media screen and (min-height: 706px) {
  .wheel-bg .wheel_outer {
    padding-top: 54%;
  }
  .pageWrapper .pageMain .man .img-inline {
    margin-top: 2rem;
  }
  .climbingMountain {
    top: -6%;
    left: -5%;
    width: 114%;
    height: auto;
  }
  .match_banner_box {
    margin-top: 0.71111111rem;
  }
  .gameMain {
    margin-top: 6%;
  }
}