@charset "UTF-8";
* {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#info_thing,
#info_sp {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
   -ms-user-select: text !important;
       user-select: text !important;
}

#info_thing input,
#info_sp input {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
   -ms-user-select: text !important;
       user-select: text !important;
}

.page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

#index {
  background: url("./index.jpg?v1.1") no-repeat center/100% 100%;
}

#index #start_btn {
  position: absolute;
  left: 2.66rem;
  top: 69.5%;
  width: 3.35rem;
  height: 1.11rem;
}

#index #team_btn {
  position: absolute;
  left: 3.13rem;
  top: 80%;
  width: 2.41rem;
  height: 0.67rem;
}

#index .rank_btn {
  position: absolute;
  left: 1.88rem;
  top: 10.88rem;
  width: 0.82rem;
  height: 1.13rem;
}

#index .rule_btn {
  position: absolute;
  left: 6rem;
  top: 0.58rem;
  width: 1.57rem;
  height: 0.46rem;
}

#index .price_btn {
  position: absolute;
  left: 6.08rem;
  top: 10.88rem;
  width: 1.09rem;
  height: 1.13rem;
}

#index .price_num {
  position: absolute;
  left: 75%;
  top: 10.84rem;
  border-radius: 50%;
  background-color: #e14122;
  position: absolute;
  width: 0.34rem;
  height: 0.34rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.24rem;
  font-family: "Source Han Sans CN";
  color: white;
  font-weight: bold;
  text-align: center;
}

#chose {
  background: url("./chose.jpg?v1.1") no-repeat center/100% 100%;
}

#chose .chose_tab {
  width: 6.4rem;
  height: 1.28rem;
  margin: 2.65rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.chose_tab .box {
  width: 1.13rem;
  height: 1.28rem;
  position: relative;
  margin: 0 0.53rem;
  overflow: hidden;
}

.chose_tab .box img {
  width: .6rem;
  height: .63rem;
  display: block;
  margin: 0.25rem auto;
  pointer-events: none;
}

#chose .box {
  background: url("./choses_npr.png?v1.0") no-repeat center/100% 100%;
}

#chose .box[type='1'] {
  background: url("./choses_b.png?v1.0") no-repeat center/100% 100%;
}

#chose .box[type='2'] {
  background: url("./choses_g.png?v1.0") no-repeat center/100% 100%;
}

#chose .back {
  position: absolute;
  left: 1.45rem;
  top: 9.97rem;
  width: 0.66rem;
  height: 0.66rem;
}

#chose .prev {
  position: absolute;
  left: 1.62rem;
  top: 6.83rem;
  width: 0.24rem;
  height: 0.3rem;
}

#chose .next {
  position: absolute;
  right: 1.62rem;
  top: 6.83rem;
  width: 0.24rem;
  height: 0.3rem;
}

.items_box {
  margin: 1.6rem auto 0;
  /* display: flex;
    justify-content: center;
    align-items: center; */
  width: 4.9rem;
  height: 3.34rem;
}

.items_box .item {
  width: 1.09rem;
  height: 2.98rem;
  /* background-color: #fff; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  border-style: solid;
  border-width: 0.05rem;
  border-color: transparent;
  background-color: white;
  width: 1.09rem;
  height: 2.98rem;
  -webkit-transition: 1s;
  transition: 1s;
  position: relative;
  width: 1.73rem;
  height: 3.08rem;
  /* border: 0.03rem solid #fdc556; */
}

.items_box .item img {
  width: 1.04rem;
  height: auto;
  display: block;
  margin: 0.025rem auto;
}

/* .items_box .item[chose='true'] {
    border-style: solid;
    border-width: 0.05rem;
    border-color: rgb(68, 154, 251);
    background-color: rgb(255, 255, 255);
    width: 1.09rem;
    height: 2.98rem;
    transition: 1s;
    position: relative;
    width: 1.73rem;
    height: 3.08rem;
    border: 0.03rem solid #fdc556;
} */
.swiper-slide {
  /* width: 33%; */
}

/* .items_box .item[chose='true']::after {
    content: '';
    display: block;
    position: absolute;
    width: 0.48rem;
    height: 0.48rem;
    bottom: -0.2rem;
    left: 50%;
    margin-left: -0.24rem;
    background: url('./chose_gou.png?v1.0')no-repeat center/100% 100%;

} */
#start_game {
  position: absolute;
  left: 2.68rem;
  top: 76%;
  width: 3.31rem;
  height: 1.02rem;
}

#relife {
  background: url("./relife.png?v2.31") no-repeat center/100% 100%;
}

#relife .score {
  font-size: 1.1564rem;
  text-align: center;
  position: absolute;
  top: 14%;
  left: 0;
  width: 100%;
  font-family: "YouSheBiaoTiHei";
  color: white;
}

#relife .box {
  border-width: 0.14rem;
  border-color: transparent;
  border-style: solid;
  border-radius: 50%;
  position: absolute;
  left: 3.09rem;
  top: 4.7rem;
  width: 2.25rem;
  height: 2.25rem;
}

#relife .box .cr {
  border-width: 0.14rem;
  border-color: #e31b1b;
  border-style: solid;
  border-radius: 50%;
  position: absolute;
  left: -0.14rem;
  top: -0.14rem;
  width: 2.25rem;
  height: 2.25rem;
  -webkit-animation: mymove 10s linear 1 forwards;
          animation: mymove 10s linear 1 forwards;
}

#relife .box .pauseAni {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

@-webkit-keyframes mymove {
  0% {
    -webkit-clip-path: polygon(50% 50%, 50% -3rem, 50% -3rem, 50% -3rem, 50% -3rem, 50% -3rem, 50% -3rem);
            clip-path: polygon(50% 50%, 50% -3rem, 50% -3rem, 50% -3rem, 50% -3rem, 50% -3rem, 50% -3rem);
  }
  25% {
    -webkit-clip-path: polygon(50% 50%, 50% -3rem, 3rem 50%, 3rem 50%, 3rem 50%, 3rem 50%, 3rem 50%);
            clip-path: polygon(50% 50%, 50% -3rem, 3rem 50%, 3rem 50%, 3rem 50%, 3rem 50%, 3rem 50%);
  }
  50% {
    -webkit-clip-path: polygon(50% 50%, 50% -3rem, 3rem 50%, 50% 4.4rem, 50% 4.4rem, 50% 4.4rem, 50% 4.4rem);
            clip-path: polygon(50% 50%, 50% -3rem, 3rem 50%, 50% 4.4rem, 50% 4.4rem, 50% 4.4rem, 50% 4.4rem);
  }
  75% {
    -webkit-clip-path: polygon(50% 50%, 50% -3rem, 3rem 0%, 3rem 100%, 0 100%, 0 50%, 0 50%);
            clip-path: polygon(50% 50%, 50% -3rem, 3rem 0%, 3rem 100%, 0 100%, 0 50%, 0 50%);
  }
  100% {
    -webkit-clip-path: polygon(50% 50%, 50% -3rem, 3rem 0%, 3rem 100%, 0 100%, 0 0%, 50% 0);
            clip-path: polygon(50% 50%, 50% -3rem, 3rem 0%, 3rem 100%, 0 100%, 0 0%, 50% 0);
  }
}

@keyframes mymove {
  0% {
    -webkit-clip-path: polygon(50% 50%, 50% -3rem, 50% -3rem, 50% -3rem, 50% -3rem, 50% -3rem, 50% -3rem);
            clip-path: polygon(50% 50%, 50% -3rem, 50% -3rem, 50% -3rem, 50% -3rem, 50% -3rem, 50% -3rem);
  }
  25% {
    -webkit-clip-path: polygon(50% 50%, 50% -3rem, 3rem 50%, 3rem 50%, 3rem 50%, 3rem 50%, 3rem 50%);
            clip-path: polygon(50% 50%, 50% -3rem, 3rem 50%, 3rem 50%, 3rem 50%, 3rem 50%, 3rem 50%);
  }
  50% {
    -webkit-clip-path: polygon(50% 50%, 50% -3rem, 3rem 50%, 50% 4.4rem, 50% 4.4rem, 50% 4.4rem, 50% 4.4rem);
            clip-path: polygon(50% 50%, 50% -3rem, 3rem 50%, 50% 4.4rem, 50% 4.4rem, 50% 4.4rem, 50% 4.4rem);
  }
  75% {
    -webkit-clip-path: polygon(50% 50%, 50% -3rem, 3rem 0%, 3rem 100%, 0 100%, 0 50%, 0 50%);
            clip-path: polygon(50% 50%, 50% -3rem, 3rem 0%, 3rem 100%, 0 100%, 0 50%, 0 50%);
  }
  100% {
    -webkit-clip-path: polygon(50% 50%, 50% -3rem, 3rem 0%, 3rem 100%, 0 100%, 0 0%, 50% 0);
            clip-path: polygon(50% 50%, 50% -3rem, 3rem 0%, 3rem 100%, 0 100%, 0 0%, 50% 0);
  }
}

#relife .box .times {
  font-size: .87rem;
  font-family: "郑庆科黄油体Regular";
  color: white;
  line-height: 1.028;
  text-align: center;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#relife .relife {
  position: absolute;
  left: 2.7rem;
  top: 8.53rem;
  width: 3.31rem;
  height: 0.92rem;
}

#relife .giveup {
  position: absolute;
  left: 3.15rem;
  top: 9.93rem;
  width: 2.41rem;
  height: 0.67rem;
}

#end {
  background: url("./wnp.png?v1.1") no-repeat center/100% 100%;
}

#end[hasPrice='true'] {
  background: url("./wp.png?v1.1") no-repeat center/100% 100%;
}

#end .next {
  position: absolute;
  top: 55%;
  left: 14%;
  width: 5%;
  height: 5%;
}

#end .prev {
  position: absolute;
  top: 55%;
  right: 14%;
  width: 5%;
  height: 5%;
}

#end .score {
  font-size: 1.1561rem;
  font-family: "YouSheBiaoTiHei";
  color: white;
  line-height: 1.028;
  text-align: center;
  position: absolute;
  top: 14%;
  left: 0;
  width: 100%;
}

#end .hightest {
  background-color: #de2d2d;
  position: absolute;
  left: 3.8rem;
  top: 2.97rem;
  width: 1.1rem;
  height: 0.37rem;
  font-size: 0.2745rem;
  font-family: "Source Han Sans CN";
  color: #ffbe18;
  line-height: 0.37rem;
  text-align: center;
}

#end .history {
  font-size: 0.28rem;
  font-family: "Source Han Sans CN";
  color: white;
  line-height: 1.049;
  position: absolute;
  top: 3.8839rem;
  left: 0;
  width: 100%;
  text-align: center;
}

#end .price {
  position: absolute;
  left: 1.82rem;
  top: 6.46rem;
  width: 5rem;
  height: 1.81rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#end .price .p_box {
  border-width: 0.03rem;
  border-color: #f59b5c;
  border-style: solid;
  background-color: white;
  width: 1.39rem;
  height: 1.81rem;
  margin: 0 .1rem;
}

#end .price .p_box .text_box {
  background-color: #ffbe18;
  width: 100%;
  height: 0.62rem;
  font-size: 0.18rem;
  color: #333;
  text-align: center;
  line-height: .62rem;
}

#end .price .p_box .img_box {
  width: 100%;
  height: 1.19rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#end .price .p_box .img_box img {
  width: 100%;
  height: auto;
}

#end .restart_btn {
  position: absolute;
  left: 3.96rem;
  top: 9.85rem;
  width: 3.31rem;
  height: 0.92rem;
}

#end .back {
  position: absolute;
  left: 1.45rem;
  top: 9.97rem;
  width: 0.63rem;
  height: 0.63rem;
}

#content canvas {
  /* width: 100% !important; */
  /* height: 100% !important; */
  margin: 0 auto;
  display: block;
  background: #fee2b2;
}

#content > .score {
  font-size: 80px;
  font-family: "YouSheBiaoTiHei";
  color: #281e1c;
  line-height: 1.03;
  text-align: center;
  position: absolute;
  top: 1.0732rem;
  left: 0%;
  text-align: center;
  width: 100%;
  pointer-events: none;
}

#content .more {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

#content .more .time_count {
  background-color: white;
  position: absolute;
  left: 1.4rem;
  top: 0.83rem;
  width: 3.68rem;
  height: 0.15rem;
  border-radius: 0.07rem;
}

#content .more .time_count .prcess {
  background-color: #d0502e;
  width: 0%;
  height: 0.15rem;
  border-radius: 0.07rem;
}

#content .more .score {
  position: absolute;
  left: 6.16rem;
  top: 0.71rem;
  width: 1.09rem;
  height: 0.47rem;
  font-size: .8rem;
  font-weight: bold;
}

#content .more .user_list {
  position: absolute;
  left: 1.51rem;
  top: 1.2rem;
}

#content .more .user_list .user_item {
  background-color: rgba(255, 255, 255, 0.522);
  width: 2.05rem;
  height: 0.43rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  margin: 0.05rem auto;
  margin-left: 0;
}

#content .more .user_list .user_item img {
  display: inline-block;
  vertical-align: middle;
  height: .36rem;
  width: .36rem;
  border-radius: 50%;
  border: 0.02rem solid #fff;
  -webkit-box-shadow: 0px 0.04rem 0rem 0rem rgba(211, 90, 47, 0.3);
          box-shadow: 0px 0.04rem 0rem 0rem rgba(211, 90, 47, 0.3);
  margin-left: .13rem;
  margin-right: .2rem;
}

#content .more .user_list .user_item span {
  font-size: .26rem;
  color: #000;
  display: inline-block;
  width: 1.2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
}

#content .more .user_list .user_item[status="play"] {
  width: 2.51rem;
  height: 0.49rem;
  background: url(./team_play_bg.png) no-repeat center/100% 100%;
  margin-left: -0.28rem;
}

#content .more .user_list .user_item[status="play"] img {
  margin-left: .42rem;
}

#content .more .user_list .user_item[status="die"] {
  background: rgba(40, 30, 28, 0.7);
}

#content .price_box {
  pointer-events: none;
  position: absolute;
  left: 6.69rem;
  top: 11.56rem;
  width: 0.67rem;
  height: 0.67rem;
  background: url("./game_price_box.png?v1.0") no-repeat center/100% 100%;
}

#content .price_box span {
  border-radius: 50%;
  background-color: #e14122;
  position: absolute;
  right: 0;
  top: -.17rem;
  width: 0.34rem;
  height: 0.34rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.24rem;
  font-family: "Source Han Sans CN";
  color: white;
  font-weight: bold;
  text-align: center;
}

.swiper-container {
  /* width: 100%;
    height: 100%; */
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  /* background: #fff; */
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
  -webkit-transition: 300ms;
  transition: 300ms;
}

.swiper-slide .item {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.swiper-slide-active .item,
.swiper-slide-duplicate-active .item {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-slide-active .item,
.swiper-slide-duplicate-active .item {
  border-style: solid;
  border-width: 0.05rem;
  border-color: #449afb;
  background-color: white;
  width: 1.09rem;
  height: 2.98rem;
  -webkit-transition: 1s;
  transition: 1s;
  position: relative;
  width: 1.73rem;
  height: 3.08rem;
  border: 0.03rem solid #fdc556;
}

.swiper-slide-active .item::after,
.swiper-slide-duplicate-active .item::after {
  content: '';
  display: block;
  position: absolute;
  width: 0.48rem;
  height: 0.48rem;
  bottom: -0.2rem;
  left: 50%;
  margin-left: -0.24rem;
  background: url("./chose_gou.png?v1.0") no-repeat center/100% 100%;
}

#rule {
  background: url("./rule.png?v1.1") no-repeat center/100% 100%;
}

#rule .rule_main {
  position: absolute;
  left: 1.32rem;
  top: 2.53rem;
  width: 5.66rem;
  height: 5.6rem;
  overflow: auto;
}

#rule .rule_main img {
  width: 100%;
  height: auto;
  display: block;
}

#rule .close {
  position: absolute;
  left: 6.74rem;
  top: 12.5%;
  width: 0.69rem;
  height: 0.69rem;
}

#rank {
  background: url("./rank.jpg?v1.21") no-repeat center/100% 100%;
}

#rank .count {
  position: absolute;
  top: 1.7rem;
  height: .65rem;
  width: 100%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#rank .count .end {
  width: 5.47rem;
  height: .48rem;
  display: none;
}

#rank .count .end img {
  width: 100%;
  height: auto;
  display: block;
}

#rank .count .time_box {
  color: #383838;
  font-size: .28rem;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#rank .count .time_box span {
  background-color: #f15500;
  width: 0.31rem;
  height: 0.58rem;
  border-radius: 0.16rem;
  color: #fff;
  font-size: .3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0.03rem 0;
}

#rank .count .time_box i {
  text-decoration: none;
  color: #f15500;
  font-style: normal;
  font-size: .3rem;
  font-weight: bold;
}

#rank .close {
  position: absolute;
  left: 3.08rem;
  top: 11.5rem;
  width: 2.51rem;
  height: 0.77rem;
}

#rank .tabs {
  background: url("./rank_top_self.png?v1.0") no-repeat center/100% 100%;
  position: absolute;
  left: 1.81rem;
  top: 19%;
  width: 5.05rem;
  height: 0.87rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

#rank .tabs[type="2"] {
  background: url("./rank_top_team.png?v1.0") no-repeat center/100% 100%;
}

#rank .tabs > div {
  width: 50%;
  height: 100%;
}

#rank .se_box, #rank .rank_list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  font-size: .3rem;
  text-align: center;
  line-height: .71rem;
  width: 5.68rem;
  height: 0.71rem;
}

#rank .se_box .pm, #rank .rank_list ul li .pm {
  -webkit-box-flex: .2;
      -ms-flex: .2;
          flex: .2;
}

#rank .se_box .pm i, #rank .rank_list ul li .pm i {
  font-style: normal;
  display: block;
}

#rank .se_box .pm i[pm="1"], #rank .rank_list ul li .pm i[pm="1"] {
  width: 0.57rem;
  height: 0.62rem;
  background: url("./rank1.png") no-repeat center/cover;
  font-size: 0;
  margin: 0.12rem auto 0;
}

#rank .se_box .pm i[pm="2"], #rank .rank_list ul li .pm i[pm="2"] {
  width: 0.57rem;
  height: 0.62rem;
  background: url("./rank2.png") no-repeat center/cover;
  font-size: 0;
  margin: 0.12rem auto 0;
}

#rank .se_box .pm i[pm="3"], #rank .rank_list ul li .pm i[pm="3"] {
  width: 0.57rem;
  height: 0.62rem;
  background: url("./rank3.png") no-repeat center/cover;
  font-size: 0;
  margin: 0.12rem auto 0;
}

#rank .se_box .info, #rank .rank_list ul li .info {
  text-align: left;
  -webkit-box-flex: .45;
      -ms-flex: .45;
          flex: .45;
  margin-left: 3%;
}

#rank .se_box .info .img, #rank .rank_list ul li .info .img {
  border-radius: 50%;
  background-color: #c5c5c5;
  width: 0.59rem;
  height: 0.59rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: .2rem;
}

#rank .se_box .info .img img, #rank .rank_list ul li .info .img img {
  width: 0.59rem;
  height: 0.59rem;
  display: block;
}

#rank .se_box .info span, #rank .rank_list ul li .info span {
  font-size: 0.3rem;
  width: 1.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

#rank .se_box .score, #rank .rank_list ul li .score {
  -webkit-box-flex: .3;
      -ms-flex: .3;
          flex: .3;
}

#rank .se_box[type="2"], #rank .rank_list ul li[type="2"] {
  height: .87rem;
}

#rank .se_box[type="2"] img, #rank .rank_list ul li[type="2"] img {
  width: 100%;
  height: 100%;
  display: block;
}

#rank .se_box[type="2"] .info, #rank .rank_list ul li[type="2"] .info {
  position: relative;
  font-size: 0;
}

#rank .se_box[type="2"] .info p, #rank .rank_list ul li[type="2"] .info p {
  font-size: .28rem;
}

#rank .se_box[type="2"] .info .img, #rank .rank_list ul li[type="2"] .info .img {
  border-radius: 50%;
  background-color: #c5c5c5;
  width: 0.37rem;
  height: 0.37rem;
  display: inline-block;
  margin: 0.2rem .04rem .1rem;
  vertical-align: bottom;
}

#rank .se_box[type="2"] .info .img img, #rank .rank_list ul li[type="2"] .info .img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

#rank .se_box[type="2"] .info .img:first-child, #rank .rank_list ul li[type="2"] .info .img:first-child {
  width: 0.59rem;
  height: 0.59rem;
  position: relative;
}

#rank .se_box[type="2"] .info .img:first-child::before, #rank .rank_list ul li[type="2"] .info .img:first-child::before {
  content: '队长';
  position: absolute;
  border-radius: 0.06rem;
  background-color: #ff7113;
  width: 0.8rem;
  height: 0.44rem;
  display: block;
  font-size: 0.28rem;
  font-family: "Source Han Sans CN";
  color: white;
  font-weight: bold;
  text-align: center;
  line-height: 0.44rem;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: 0% 0;
          transform-origin: 0% 0;
  top: -.11rem;
  left: 0.1rem;
}

#rank .se_box[type="2"] .info span, #rank .rank_list ul li[type="2"] .info span {
  font-size: .24rem;
  font-family: "Source Han Sans CN";
  color: #313131;
  display: block;
  position: absolute;
  left: .75rem;
  top: 0.1rem;
  line-height: .3rem;
  height: .3rem;
}

#rank .se_box_position {
  position: absolute;
  left: 1.51rem;
  top: 30.3%;
}

#rank .b_img {
  position: absolute;
  left: 2.21rem;
  top: 10.03rem;
  width: 4.42rem;
  height: 0.77rem;
  background: url("./rank_b1.png?v1.0");
}

#rank .rank_list {
  width: 5.68rem;
  height: 5.4rem;
  position: absolute;
  top: 4.8rem;
  left: 1.51rem;
  overflow: hidden;
}

#rank .rank_list ul {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

#rank .rank_list ul li {
  border-radius: 0.12rem;
  background-color: white;
  margin: .1rem auto;
}

#rank .rank_list ul li img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}

#rank .rank_b {
  position: absolute;
  left: 2.21rem;
  top: 10.33rem;
  width: 4.42rem;
  height: 0.77rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#rank .rank_b img {
  width: auto;
  height: 100%;
  display: block;
}

#rank span {
  font-size: .4rem;
  font-weight: bold;
}

#price {
  background: url("./price.png?v1.0") no-repeat center/100% 100%;
}

#price .price_list {
  position: absolute;
  left: 1.81rem;
  top: 4.46rem;
  width: 5.12rem;
  height: 5.48rem;
  overflow-y: auto;
}

#price .price_list p {
  font-size: .36rem;
  text-align: center;
}

#price .price_list .price_item {
  background-color: #fff6de;
  width: 5.12rem;
  height: 1.43rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: .2rem;
}

#price .price_list .price_item .price_img_box {
  border-width: 0.02rem;
  border-color: #ffbe18;
  border-style: solid;
  background-color: white;
  width: 1.04rem;
  height: 1.05rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#price .price_list .price_item .price_img_box img {
  width: 100%;
  height: auto;
  display: block;
}

#price .price_list .price_item .price_img_box[type="8"] {
  background: transparent;
  border-color: transparent;
}

#price .price_list .price_item .price_img_box[type="8"] img {
  width: auto;
  height: 100%;
  display: block;
}

#price .price_list .price_item .price_img_box[type="9"] {
  background: transparent;
  border-color: transparent;
}

#price .price_list .price_item .price_img_box[type="9"] img {
  width: auto;
  height: 100%;
  display: block;
}

#price .price_list .price_item .price_name {
  width: 2.08rem;
  font-size: 0.32rem;
  font-family: "Source Han Sans CN";
  color: #333333;
  margin: 0 .15rem 0;
}

#price .price_list .price_item .btn {
  font-size: 0.32rem;
  font-family: "Source Han Sans CN";
  color: #333333;
  border-radius: 0.08rem;
  background-color: #ffbe18;
  width: 1.13rem;
  height: 0.59rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#price .price_list .price_item .btn_none {
  width: 1.13rem;
  height: 0.59rem;
  opacity: 0;
}

#price .close {
  position: absolute;
  left: 6.74rem;
  top: 2.91rem;
  width: 0.69rem;
  height: 0.69rem;
}

#team {
  background: url("./team.jpg") no-repeat center/cover;
}

#team .back {
  position: absolute;
  left: 1.58rem;
  top: 10.49rem;
  width: 0.63rem;
  height: 0.63rem;
}

#team .team_box {
  position: absolute;
  left: 2.13rem;
  top: 4.13rem;
  width: 4.28rem;
  height: 4.28rem;
}

#team .team_box .team_item {
  position: absolute;
  left: 1.38rem;
  top: -0.86rem;
  width: 1.59rem;
  height: 2.1rem;
}

#team .team_box .team_item .status {
  font-size: 0.24rem;
  font-family: "Source Han Sans CN";
  color: white;
  font-weight: bold;
  text-align: center;
  border-radius: 0.06rem;
  background-color: #ff7113;
  width: 0.66rem;
  height: 0.37rem;
  margin: 0 auto -.185rem;
  position: relative;
  z-index: 1;
  opacity: 0;
}

#team .team_box .team_item .status[status='ready'] {
  opacity: 1;
}

#team .team_box .team_item .status[status='leader'] {
  opacity: 1;
}

#team .team_box .team_item .head_box {
  width: 1.59rem;
  height: 1.63rem;
  background: url("./nor_cir.png") no-repeat center/100% 100%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

#team .team_box .team_item .head_box .img {
  border-radius: 50%;
  width: 1.45rem;
  height: 1.45rem;
  display: block;
  margin: .08rem auto;
  overflow: hidden;
}

#team .team_box .team_item .nick {
  font-size: 0.26rem;
  font-family: "Source Han Sans CN";
  color: black;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#team .team_box .team_item[num="1"] .head_box {
  background: url("./leader_cir.png") no-repeat center/100% 100%;
}

#team .team_box .team_item[num="2"] {
  position: absolute;
  left: -.8rem;
  top: 1.09rem;
}

#team .team_box .team_item[num="3"] {
  position: absolute;
  right: -.8rem;
  left: unset;
  top: 1.09rem;
}

#team .team_box .team_item[num="4"] {
  left: 1.38rem;
  bottom: -0.86rem;
  top: unset;
}

#team .start_btn {
  background: url("./start_btn.png") no-repeat center/cover;
  position: absolute;
  left: 2.68rem;
  top: 10.31rem;
  width: 3.31rem;
  height: 1.07rem;
}

#team .start_btn[status="invite"] {
  background: url("./team_btn_invite.png") no-repeat center/cover;
}

#team .start_btn[status="ready"] {
  background: url("./team_ready.png") no-repeat center/cover;
}

#team .start_btn[status="cancel"] {
  background: url("./team_btn_cancel.png") no-repeat center/cover;
}

#team .start_btn[status="wait"] {
  background: url("./team_btn_wait.png") no-repeat center/cover;
}

#teamDie {
  background: url("./teamDie.png") no-repeat center/cover;
}

#teamDie .backView {
  border-width: 0.02rem;
  border-color: rgba(255, 255, 255, 0);
  border-style: solid;
  background-color: rgba(255, 255, 255, 0);
  position: absolute;
  left: 3.35rem;
  top: 7.34rem;
  width: 1.97rem;
  height: 0.69rem;
}

#teamDie .back {
  background-color: rgba(255, 255, 255, 0);
  position: absolute;
  left: 2.7rem;
  top: 9.36rem;
  width: 3.31rem;
  height: 0.92rem;
}

#teamEndRank {
  background: url("./teamEnd.png") no-repeat center/cover;
}

#teamEndRank .score {
  font-size: 1.1564rem;
  font-family: "YouSheBiaoTiHei";
  color: white;
  line-height: 1.028;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  top: 24.5%;
}

#teamEndRank .pm_box {
  background-color: #ffbe18;
  position: absolute;
  left: 3.75rem;
  top: 4.39rem;
  width: 1.21rem;
  height: 0.37rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #281e1c;
  font-size: .28rem;
}

#teamEndRank .pm_box span {
  font-weight: bold;
}

#teamEndRank .rank_list {
  position: absolute;
  left: 1.43rem;
  top: 5.21rem;
  width: 5.85rem;
  height: 4.46rem;
}

#teamEndRank .rank_list .rank_item {
  width: 5.85rem;
  height: 1.06rem;
  background-color: rgba(40, 30, 28, 0.678);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  margin-bottom: .04rem;
}

#teamEndRank .rank_list .rank_item .pm {
  font-size: 0.4rem;
  font-family: "Source Han Sans CN";
  color: #ffbe18;
  font-weight: bold;
  margin-left: 0.8rem;
}

#teamEndRank .rank_list .rank_item .info {
  font-size: 0.3rem;
  font-family: "Source Han Sans CN";
  color: white;
  text-align: left;
}

#teamEndRank .rank_list .rank_item .info img {
  border-radius: 50%;
  background-color: #c5c5c5;
  width: 0.71rem;
  height: 0.71rem;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.25rem 0;
}

#teamEndRank .rank_list .rank_item .info span {
  width: 3.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: normal;
  font-size: .3rem;
  display: inline-block;
  vertical-align: middle;
}

#teamEndRank .back {
  position: absolute;
  left: 2.7rem;
  top: 10.31rem;
  width: 3.31rem;
  height: 0.92rem;
}

#invite {
  background: url("./invite.png") no-repeat center/cover;
}

#invite .header_box {
  border-radius: 50%;
  background-color: white;
  position: absolute;
  left: 3.89rem;
  top: 4.73rem;
  width: 0.96rem;
  height: 0.96rem;
  overflow: hidden;
}

#invite .header_box img {
  width: 100%;
  height: 100%;
  display: block;
}

#invite .nick {
  font-size: 0.32rem;
  font-family: "Source Han Sans CN";
  color: white;
  line-height: 0.32rem;
  text-align: center;
  position: absolute;
  left: 0rem;
  top: 46%;
  width: 100%;
}

#invite .joinTeam {
  position: absolute;
  left: 2.7rem;
  top: 7.78rem;
  width: 3.31rem;
  height: 0.92rem;
}

#invite .close {
  position: absolute;
  left: 3.15rem;
  top: 10.07rem;
  width: 2.41rem;
  height: 0.67rem;
}

#share {
  background: url("./share.png?v1.1") no-repeat center/cover;
}

#info_card {
  background: url("./pai_price_alert.png") no-repeat center/cover;
}

#info_card .close {
  position: absolute;
  left: 6.56rem;
  top: 3.17rem;
  width: 0.69rem;
  height: 0.69rem;
}

#info_card .p_name {
  font-size: 0.36rem;
  font-family: "Source Han Sans CN";
  color: #333333;
  font-weight: bold;
  line-height: 1.385;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  top: 38%;
}

#info_card .price_img {
  border-width: 0.02rem;
  border-color: #ffbe18;
  border-style: solid;
  background-color: white;
  position: absolute;
  left: 2.28rem;
  top: 5.61rem;
  width: 4.11rem;
  height: 1.89rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#info_card .price_img img {
  height: 1.25rem;
  width: auto;
  display: block;
}

#info_card .price_btn {
  position: absolute;
  left: 2.7rem;
  top: 8.53rem;
  width: 3.31rem;
  height: 0.92rem;
}

#info_card .back {
  position: absolute;
  left: 3.72rem;
  top: 10.45rem;
  width: 1.25rem;
  height: 0.3rem;
  padding: .2rem .5rem;
  margin: -.2rem -.5rem;
}

#info_thing {
  background: url("./price_info.png") no-repeat center/cover;
}

#info_thing input {
  border-radius: 6px;
  position: absolute;
  left: 3.17rem;
  width: 3.37rem;
  height: 0.56rem;
  font-size: .26rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-indent: .25rem;
}

#info_thing input::-webkit-input-placeholder {
  color: rgba(102, 102, 102, 0.5);
}

#info_thing .name {
  top: 7.53rem;
}

#info_thing .tel {
  top: 8.32rem;
}

#info_thing .address {
  top: 9.09rem;
}

#info_thing .send {
  position: absolute;
  left: 3.11rem;
  top: 10.66rem;
  width: 2.39rem;
  height: 0.66rem;
}

#info_thing .close {
  border-width: 0.03rem;
  border-color: transparent;
  border-style: solid;
  border-radius: 50%;
  position: absolute;
  left: 6.56rem;
  top: 2.14rem;
  width: 0.63rem;
  height: 0.63rem;
}

#info_sp {
  background: url("./price_sp.png") no-repeat center/cover;
}

#info_sp .close {
  border-width: 0.03rem;
  border-color: transparent;
  border-style: solid;
  border-radius: 50%;
  position: absolute;
  left: 6.56rem;
  top: 1.28rem;
  width: 0.63rem;
  height: 0.63rem;
}

#info_sp input,
#info_sp select {
  border-radius: 6px;
  position: absolute;
  left: 3.17rem;
  width: 3.37rem;
  height: 0.56rem;
  font-size: .26rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-indent: .25rem;
}

#info_sp input::-webkit-input-placeholder,
#info_sp select::-webkit-input-placeholder {
  color: rgba(102, 102, 102, 0.5);
}

#info_sp .name {
  left: 3.17rem;
  top: 6.67rem;
}

#info_sp .tel {
  left: 3.17rem;
  top: 7.46rem;
}

#info_sp .address {
  left: 3.17rem;
  top: 9.73rem;
}

#info_sp .size {
  border-radius: 0.06rem;
  position: absolute;
  left: 3.17rem;
  top: 8.94rem;
  width: 3.37rem;
  height: 0.56rem;
  background: transparent;
}

#info_sp .send_btn {
  position: absolute;
  left: 3.11rem;
  top: 11.16rem;
  width: 2.49rem;
  height: 0.83rem;
}

#info_sp .chose_sex {
  position: absolute;
  left: 39%;
  top: 8.35rem;
  width: 29%;
  height: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#info_sp .chose_sex .box {
  width: 50%;
  height: 100%;
}

#info_sp .chose_sex .box .cir {
  background: url("./sex_base.png") no-repeat center/cover;
  width: 0.3rem;
  height: 0.3rem;
}

#info_sp .chose_sex .box .cir[chose='true'] {
  background: url("./gou.png") no-repeat center/cover;
}

#send_su {
  background: url("./send_su.png") no-repeat center/cover;
}

#send_su .price_btn {
  position: absolute;
  left: 2.7rem;
  top: 7.87rem;
  width: 3.31rem;
  height: 0.92rem;
}

#send_su .close {
  position: absolute;
  left: 3.15rem;
  top: 9.27rem;
  width: 2.41rem;
  height: 0.67rem;
}

#alert {
  background: rgba(0, 0, 0, 0.7);
}

#alert .share_icon {
  background: url("./alert_share.png?v1.0") no-repeat center/100% 100%;
  position: absolute;
  left: 31%;
  top: -0.14rem;
  width: 3.84rem;
  height: 3.97rem;
  display: none;
}

#alert .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}

#alert .box {
  width: 5.88rem;
  height: 4.63rem;
}

#alert .box .bg {
  width: 6.04rem;
  height: 4.63rem;
  background: url("./alert_.png") no-repeat center/100% 100%;
  position: relative;
  overflow: hidden;
}

#alert .box .bg_ {
  background: url("./alert_.png") no-repeat center/100% 100%;
}

#alert .close_alert {
  position: absolute;
  left: 5.35rem;
  top: 0.23rem;
  width: 0.69rem;
  height: 0.69rem;
}

#alert .msg {
  font-size: 0.32rem;
  color: #48443b;
  margin: 1.41rem 0.35rem 0;
  width: 5.18rem;
  height: 1.7rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  word-break: keep-all;
}

#alert .c2 {
  position: absolute;
  left: 1.73rem;
  top: 3.34rem;
  width: 2.41rem;
  height: 0.67rem;
}

#end .flex_price {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

#end .flex_price .p_box {
  display: block;
}

#end .next img {
  width: 0.13rem;
  height: 0.23rem;
  display: block;
  margin: 43% auto;
}

#end .prev img {
  width: 0.13rem;
  height: 0.23rem;
  display: block;
  margin: 43% auto;
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}

#loadFile {
  background: url("./file_load.png") no-repeat center/100% 100%;
}

#loadFile .precess {
  position: absolute;
  left: 3.08rem;
  top: 7.09rem;
  width: 2.55rem;
  height: 0.41rem;
}

#loadFile .process {
  background-color: #ffc635;
  width: 0%;
  height: 100%;
  -webkit-animation: loadf 1s linear infinite;
          animation: loadf 1s linear infinite;
  -webkit-transition: .5s;
  transition: .5s;
}

@-webkit-keyframes loadf {
  0% {
    width: 0;
  }
  100% {
    width: 2.55rem;
  }
}

@keyframes loadf {
  0% {
    width: 0;
  }
  100% {
    width: 2.55rem;
  }
}
/*# sourceMappingURL=common2.css.map */