.page {
  min-height: 8rem;
  overflow-y: visible;
  overflow-x: hidden;
}

.main {
  position: relative;
  height: 7.093333rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}

.default {
  background-image: url("../images/bg_01.jpg");
}

.footer {
  z-index: 9;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  min-height: 1.333333rem;
  background-color: #ccc;
  background-repeat: repeat-y;
  background-size: 100%;
  background-image: url("../images/footerbg.png");
}

.footer:after,
.footer:before {
  position: absolute;
  left: 0;
  right: 0;
  height: 0.146667rem;
  content: "";
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.footer:before {
  top: 0;
  background-image: url("../images/footerbg_top.png");
}

.footer:after {
  bottom: 0;
  background-image: url("../images/footerbg_bottom.png");
}

.footer .content {
  overflow: auto;
  background-image: url("../images/text_img_01.png");
  background-repeat: no-repeat;
  background-size: 0.2rem 0.8rem;
  background-position: 0.266667rem center;
  position: absolute;
  left: 0.2rem;
  right: 0.2rem;
  top: 0.2rem;
  bottom: 0.2rem;
  padding-left: 0.666667rem;
  color: #fff;
  font-size: 0.16rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.footer .content p {
  line-height: 2em;
}

.footer .content p span {
  color: #ffe200;
}

.bottom_bar {
  position: absolute;
  height: 0.433333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  bottom: 0;
  left: 0.133333rem;
  right: 0.133333rem;
  margin: 0 auto;
  padding-left: 0.133333rem;
  padding-right: 0.133333rem;
  background-image: url("../images/bottombar_bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.bottom_bar .item {
  position: relative;
  top: -0.133333rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.bottom_bar .item:active {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  top: -0.2rem;
}

.bottom_bar img {
  width: 0.5rem;
  height: 0.5rem;
}

.top_bar {
  position: absolute;
  left: 0.8rem;
  height: 0.666667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  top: 0;
  right: 0;
  padding-left: 0.133333rem;
  padding-right: 0.133333rem;
  background-image: url("../images/topbar_bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.top_bar .item {
  position: relative;
  top: 0.133333rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.top_bar .item:active {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  top: 0.2rem;
}

.top_bar img {
  width: 0.6rem;
}

.top_bar2 {
  position: absolute;
  left: 0.8rem;
  height: 0.513333rem;
  width: 4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  top: 0.666667rem;
  right: 0.066667rem;
  padding-left: 0.133333rem;
  padding-right: 0.133333rem;
  background-image: url("../images/bg_001.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.top_bar2 > div {
  position: relative;
  top: 0.133333rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.top_bar2 span {
  font-size: 0.186667rem;
  color: #5f3400;
  font-weight: bold;
  display: inline-block;
  padding: 0 0.026667rem;
}

.top_bar2 img {
  vertical-align: middle;
  position: relative;
  top: -0.026667rem;
}

.top_bar2 .text_3w {
  width: 0.52rem;
}

.top_bar2 .text_1w {
  width: 0.186667rem;
}

.music {
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  left: 0.066667rem;
  top: 1.373333rem;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-image: url("../images/laba.png");
}

.music.off {
  background-position: center -0.213333rem;
}

.user_tx_box {
  width: 0.8rem;
  height: 1.186667rem;
  position: absolute;
  left: 0;
  top: 0;
}

.user_tx_box:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("../images/txbox.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 2;
}

.user_tx_box .avatar {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  z-index: 1;
  left: 0.133333rem;
  top: 0.053333rem;
}

.user_tx_box .name {
  position: absolute;
  z-index: 3;
  color: #ffffff;
  top: 0.333333rem;
  width: 100%;
  font-size: 0.12rem;
  text-align: center;
  height: 0.233333rem;
  overflow: hidden;
  text-shadow: #5f3400 1px 0 0, #5f3400 0 1px 0, #5f3400 -1px 0 0, #5f3400 0 -1px 0;
}

.user_tx_box .jifen {
  background-image: url("../images/jinbi.png");
  background-size: 0.16rem 0.16rem;
  background-repeat: no-repeat;
  background-position: 0.066667rem center;
  position: absolute;
  z-index: 3;
  bottom: 0.333333rem;
  padding-left: 0.24rem;
  left: 0;
  right: 0;
  height: 0.2rem;
  line-height: 0.2rem;
  font-size: 0.12rem;
  color: #ffe200;
}

.user_tx_box .star {
  background-image: url("../images/star.png");
  background-size: 0.16rem 0.16rem;
  background-repeat: no-repeat;
  background-position: 0.066667rem center;
  position: absolute;
  z-index: 3;
  bottom: 0.166667rem;
  padding-left: 0.24rem;
  left: 0;
  right: 0;
  height: 0.2rem;
  line-height: 0.2rem;
  font-size: 0.12rem;
  color: #ffe200;
}

.tudi_box {
  position: absolute;
  width: 4.58rem;
  height: 2.313333rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -42%) scale(1.2, 1.2);
          transform: translate(-50%, -42%) scale(1.2, 1.2);
  background-size: 100% 100%;
  /**

  .tudi_item:nth-child(1) {
    left: 210px;
    top: 16px;
  }
  .tudi_item:nth-child(1) {
    left: 210px;
    top: 16px;
  }
  .tudi_item:nth-child(2) {
    left: calc(210px + (@item_w / 2 * 1));
    top: calc(16px + (@item_h / 2 * 1));
  }
  .tudi_item:nth-child(3) {
    left: calc(210px + (@item_w / 2 * 2));
    top: calc(16px + (@item_h / 2 * 2));
  }
  .tudi_item:nth-child(4) {
    left: calc(210px + (@item_w / 2 * 3));
    top: calc(16px + (@item_h / 2 * 3));
  }

  //第二行
  .tudi_item:nth-child(5) {
    left: calc(115px + (@item_w / 2 * 0));
    top: calc(60px + (@item_h / 2 * 0));
  }
  .tudi_item:nth-child(6) {
    left: calc(115px + (@item_w / 2 * 1));
    top: calc(60px + (@item_h / 2 * 1));
  }
  .tudi_item:nth-child(7) {
    left: calc(115px + (@item_w / 2 * 2));
    top: calc(60px + (@item_h / 2 * 2));
  }
  .tudi_item:nth-child(8) {
    left: calc(115px + (@item_w / 2 * 3));
    top: calc(60px + (@item_h / 2 * 3));
  }

  //第三行
  .tudi_item:nth-child(9) {
    left: calc(21px + (@item_w / 2 * 0));
    top: calc(106px + (@item_h / 2 * 0));
  }
  .tudi_item:nth-child(10) {
    left: calc(21px + (@item_w / 2 * 1));
    top: calc(106px + (@item_h / 2 * 1));
  }
  .tudi_item:nth-child(11) {
    left: calc(21px + (@item_w / 2 * 2));
    top: calc(106px + (@item_h / 2 * 2));
  }
  .tudi_item:nth-child(12) {
    left: calc(21px + (@item_w / 2 * 3));
    top: calc(106px + (@item_h / 2 * 3));
  }

**/
}

.tudi_box .tudi_item {
  position: absolute;
  width: 1.246667rem;
  height: 0.6rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 50%;
}

.tudi_box .tree {
  width: 0.546667rem;
  height: 0.306667rem;
  left: 0.333333rem;
  top: 0.093333rem;
  position: absolute;
  z-index: 9;
}

.tudi_box .chongzi {
  opacity: 0;
  -webkit-transform: translateY(-0.6rem);
          transform: translateY(-0.6rem);
  position: absolute;
  z-index: 999;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
}

.tudi_box .chongzi img {
  width: 0.233333rem;
  height: 0.266667rem;
  margin-right: 0.066667rem;
}

.tudi_box .chongzi img:last-child {
  margin-right: 0;
  margin-top: 0.2rem;
}

.tudi_box .type2 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}

.tudi_box .type2 img {
  width: 0.233333rem;
  height: 0.266667rem;
}

.tudi_box .type2 img:first-child {
  position: relative;
  left: 0.2rem;
}

.tudi_box .type2 img:last-child {
  margin-left: 0;
  margin-top: -0.066667rem;
}

.tudi_box .cherry {
  -webkit-transform: translate(0.066667rem, 0.066667rem);
          transform: translate(0.066667rem, 0.066667rem);
}

.tudi_box .tudi_red {
  background-image: url("../images/tudi_red.png");
}

.tudi_box .tudi_gray {
  background-image: url("../images/tudi_gray.png");
}

.tudi_box .tudi_default {
  background-image: url("../images/tudi_default.png");
}

.tudi_box .tudi_black {
  background-image: url("../images/tudi_black.png");
}

.tudi_box .tudi_gold {
  background-image: url("../images/tudi_gold.png");
}

.tudi_box .tudi_item:nth-child(1) {
  left: calc(0.14rem);
  top: calc(0.706667rem);
}

.tudi_box .tudi_item:nth-child(2) {
  left: calc(0.766667rem);
  top: calc(0.4rem);
}

.tudi_box .tudi_item:nth-child(3) {
  left: 1.4rem;
  top: 0.106667rem;
}

.tudi_box .tudi_item:nth-child(4) {
  left: calc(0.763333rem);
  top: calc(1.006667rem);
}

.tudi_box .tudi_item:nth-child(5) {
  left: calc(1.39rem);
  top: calc(0.7rem);
}

.tudi_box .tudi_item:nth-child(6) {
  left: calc(2.023333rem);
  top: calc(0.406667rem);
}

.tudi_box .tudi_item:nth-child(7) {
  left: calc(1.386667rem);
  top: calc(1.306667rem);
}

.tudi_box .tudi_item:nth-child(8) {
  left: calc(2.013333rem);
  top: calc(1rem);
}

.tudi_box .tudi_item:nth-child(9) {
  left: calc(2.646667rem);
  top: calc(0.706667rem);
}

.tudi_box .tudi_item:nth-child(10) {
  left: calc(2.01rem);
  top: calc(1.606667rem);
}

.tudi_box .tudi_item:nth-child(11) {
  left: calc(2.636667rem);
  top: calc(1.3rem);
}

.tudi_box .tudi_item:nth-child(12) {
  left: calc(3.27rem);
  top: calc(1.006667rem);
}

.nongfu {
  display: none;
  position: absolute;
  z-index: 9;
  left: 0;
  top: 2.72rem;
  width: 0.646667rem;
  height: 1.133333rem;
}

.nongfu img {
  width: 100%;
}

.nongfu span {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  color: #5f3400;
  text-shadow: #fff 0.006667rem 0 0, #fff 0 0.006667rem 0, #fff -0.006667rem 0 0, #fff 0 -0.006667rem 0;
}

.tree_img {
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  background-size: 100% 100%;
}

/*默认*/

.tree01 .tree_img {
  background-image: url("../images/tree_01.png");
}

.tree02 .tree_img {
  background-image: url("../images/tree_02.png");
}

.tree03 .tree_img {
  background-image: url("../images/tree_03.png");
}

.tree04 .tree_img {
  background-image: url("../images/tree_04.png");
}

.apple .tree_img {
  background-image: url("../images/tree_apple.png");
}

.orange .tree_img {
  background-image: url("../images/tree_orange.png");
}

.banana .tree_img {
  background-image: url("../images/tree_banana.png");
}

.magenta .tree_img {
  background-image: url("../images/tree_magenta.png");
}

.hulu .tree_img {
  background-image: url("../images/tree_hulu.png");
}

.cherry .tree_img {
  background-image: url("../images/tree_cherry.png");
}

.popup-center .weui-popup__modal {
  left: 0.133333rem;
  right: 0.133333rem;
  width: auto;
  background-color: rgba(255, 255, 255, 0);
  bottom: auto;
  top: 50%;
  -webkit-transform: translate3d(0, 130%, 0);
          transform: translate3d(0, 130%, 0);
}

.popup-center.weui-popup__container--visible .weui-popup__modal {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}

.guize_box {
  position: relative;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 3rem;
  background-size: 100% 100%;
  background-image: url("../images/alert_box_01.png");
  overflow: hidden;
}

.guize_box.zaih {
  background-image: url("../images/alert_box_07.png");
}

.guize_box .guize_conent {
  height: 2.2rem;
  margin: 0 auto;
  position: absolute;
  overflow: auto;
  top: 0.666667rem;
  left: 0.4rem;
  right: 0.4rem;
}

.guize_box .guize_conent p {
  color: #532819;
  font-size: 0.16rem;
}

.guize_box .guize_conent h3 {
  color: #ff6403;
  font-size: 0.213333rem;
}

.guize_box .close_pop {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  right: 0;
  top: 0;
}

.shouyi_box {
  position: relative;
  margin: 0 auto;
  height: 3.386667rem;
  background-size: 100% 100%;
  background-image: url("../images/alert_box_02.png");
  overflow: hidden;
}

.shouyi_box .shouyi_conent {
  height: 2.066667rem;
  position: absolute;
  overflow: auto;
  top: 1.053333rem;
  left: 0.333333rem;
  right: 0.333333rem;
  margin: 0 auto;
}

.shouyi_box .shouyi_conent p {
  color: #532819;
  font-size: 0.16rem;
}

.shouyi_box .shouyi_conent h3 {
  color: #ff6403;
  font-size: 0.213333rem;
}

.shouyi_box .close_pop {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  right: 0;
  top: 0.333333rem;
}

.shouyi_box .s_tudi {
  width: 0.66rem;
  height: 0.32rem;
  margin-left: 0.066667rem;
}

.shouyi_box .mstable {
  font-size: 0.16rem;
  width: 100%;
  border-collapse: collapse;
  color: #532819;
}

.shouyi_box .mstable td {
  border-bottom: 1px solid #d1ab5a;
  padding: 0.106667rem 0;
}

.shouyi_box .mstable img {
  width: 0.4rem;
}

.shouyi_box .fruit {
  display: inline-block;
  width: 0.233333rem;
  height: 0.233333rem;
  vertical-align: middle;
  position: relative;
  top: -0.026667rem;
}

.paihang_box {
  position: relative;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 5.58rem;
  background-size: 100% 100%;
  background-image: url("../images/alert_box_03.png");
  overflow: hidden;
}

.paihang_box .paihang_conent {
  height: 4.333333rem;
  position: absolute;
  overflow: auto;
  top: 0.853333rem;
  left: 0.546667rem;
  right: 0.366667rem;
}

.paihang_box .paihang_conent p {
  color: #532819;
  font-size: 0.16rem;
}

.paihang_box .paihang_conent h3 {
  color: #ff6403;
  font-size: 0.213333rem;
}

.paihang_box .close_pop {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  right: 0;
  top: 0.066667rem;
}

.paihang_box .s_tudi {
  width: 0.66rem;
  height: 0.32rem;
  margin-left: 0.066667rem;
}

.paihang_box .phtable {
  font-size: 0.16rem;
  width: 100%;
  border-collapse: 0.013333rem;
  color: #faedb8;
}

.paihang_box .phtable th {
  background-color: #f1875a;
  padding: 0.066667rem 0;
  text-shadow: #97200a 1px 0 0, #97200a 0 1px 0, #97200a -1px 0 0, #97200a 0 -1px 0;
}

.paihang_box .phtable tr:nth-child(odd) td {
  background-color: #facd78;
}

.paihang_box .phtable td {
  padding: 0.04rem 0;
  text-align: center;
  background-color: #ebbe58;
  text-shadow: #97200a 1px 0 0, #97200a 0 1px 0, #97200a -1px 0 0, #97200a 0 -1px 0;
}

.paihang_box .tx {
  border-radius: 50%;
  width: 0.293333rem;
  height: 0.293333rem;
  border: 2px solid #fff;
  vertical-align: middle;
}

.shop_box {
  position: relative;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 3.666667rem;
  background-size: 100% 100%;
  background-image: url("../images/alert_box_04.png");
  overflow: hidden;
}

.shop_box .shop_conent {
  height: 2.533333rem;
  position: absolute;
  overflow: auto;
  top: 0.8rem;
  left: 0.866667rem;
  right: 0.666667rem;
}

.shop_box .shop_conent p {
  color: #532819;
  font-size: 0.16rem;
}

.shop_box .shop_conent h3 {
  color: #ff6403;
  font-size: 0.213333rem;
}

.shop_box .close_pop {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  right: 0;
  top: 0.8rem;
}

.shop_box .tab_btns {
  width: 0.7rem;
  position: absolute;
  left: 0;
  top: 0.8rem;
  height: 2rem;
}

.shop_box .tab_btns .tab_btn {
  position: absolute;
  left: 0.04rem;
  width: 0.686667rem;
  height: 0.373333rem;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 0.133333rem;
}

.shop_box .tab_btns .tab_btn:nth-child(1) {
  top: 0.053333rem;
  background-image: url("../images/tab_btn_01.png");
}

.shop_box .tab_btns .tab_btn.active:nth-child(1) {
  background-image: url("../images/tab_btn_01_active.png");
}

.shop_box .tab_btns .tab_btn:nth-child(2) {
  background-image: url("../images/tab_btn_02.png");
  top: 0.6rem;
  left: 0.053333rem;
}

.shop_box .tab_btns .tab_btn.active:nth-child(2) {
  background-image: url("../images/tab_btn_02_active.png");
}

.shop_box .tab_btns .tab_btn:nth-child(3) {
  top: 1.16rem;
  left: 0.066667rem;
  background-image: url("../images/tab_btn_03.png");
}

.shop_box .tab_btns .tab_btn.active:nth-child(3) {
  background-image: url("../images/tab_btn_03_active.png");
}

.shop_box .tab_btns .tab_btn:nth-child(4) {
  top: 1.693333rem;
  left: 0.066667rem;
  background-image: url("../images/tab_btn_04.png");
}

.shop_box .tab_btns .tab_btn.active:nth-child(4) {
  background-image: url("../images/tab_btn_04_active.png");
}

.shop_box .tab_cons {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #fff;
}

.shop_box .tab_cons .tab_con {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  opacity: 0;
}

.shop_box .tab_cons .tab_con.active {
  opacity: 1;
}

.shop_box .swiper-container {
  height: 2.533333rem;
}

.shop_box .button-next {
  position: absolute;
}

.shop_box .card_img {
  width: 100%;
}

.shop_box .buybtn {
  display: block;
  width: 100%;
  height: 0.313333rem;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../images/buy_btn.png");
}

.shop_box .btnpn_group {
  bottom: 0;
  z-index: 999;
  position: absolute;
  height: 0.306667rem;
  width: 1.466667rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.shop_box .btnpn_group span {
  position: absolute;
  width: 0.286667rem;
  height: 0.306667rem;
  background-size: 100%;
}

.shop_box .btnpn_group .pagination-num {
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0.026667rem;
  border-radius: 0.026667rem;
  position: absolute;
  width: 0.466667rem;
  height: 0.233333rem;
  line-height: 0.233333rem;
  text-align: center;
  color: #fff;
  background-color: #975b22;
  font-size: 0;
}

.shop_box .btnpn_group .pagination-num span {
  position: static;
  width: auto;
  height: auto;
}

.shop_box .btnpn_group .pagination-num .swiper-pagination-current {
  font-size: 0.16rem;
  width: 100%;
}

.shop_box .btnpn_group .button-next {
  right: 0;
  background-image: url("../images/next2.png");
}

.shop_box .btnpn_group .button-prev {
  background-image: url("../images/prev1.png");
}

.buy_box {
  position: relative;
  margin: 0 auto;
  width: 3.72rem;
  height: 3.04rem;
  background-size: 100% 100%;
  background-image: url("../images/alert_box_05.png");
  overflow: hidden;
}

.buy_box .buy_conent {
  width: 3rem;
  height: 2.2rem;
  position: absolute;
  overflow: auto;
  top: 0.586667rem;
  left: 0.333333rem;
}

.buy_box .paytype {
  margin-top: 0.066667rem;
  color: #673301;
  font-size: 0.146667rem;
}

.buy_box .paytype label img {
  width: 0.16rem;
  height: 0.16rem;
  vertical-align: middle;
}

.buy_box .paytype label input {
  display: none;
}

.buy_box .paytype label input + span {
  border: 0.006667rem solid #f7e4a7;
  border-radius: 0.04rem;
  display: inline-block;
  padding: 0.026667rem 0.026667rem;
  font-size: 0.133333rem;
}

.buy_box .paytype label input:checked + span {
  border: 0.006667rem solid #e18249;
}

.buy_box .content_box {
  font-size: 0.146667rem;
  height: 1.153333rem;
  background-color: #f4e0a2;
  border-radius: 0.066667rem;
  padding: 0.066667rem 0.12rem;
  color: #663300;
}

.buy_box .content_box .tit {
  margin-bottom: 0.093333rem;
  font-size: 0.166667rem;
  padding-left: 0.266667rem;
  box-sizing: border-box;
  width: 1.373333rem;
  height: 0.286667rem;
  line-height: 0.253333rem;
  background-size: 100% 100%;
  background-image: url("../images/titbg.png");
}

.buy_box .content_box .smtext {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.buy_box .btn_group {
  position: absolute;
  left: 0.133333rem;
  right: 0.133333rem;
  bottom: 0;
  text-align: center;
}

.buy_box .btn_group a {
  font-size: 0;
  display: inline-block;
}

.buy_box .btn_group a:first-child {
  margin-right: 0.2rem;
}

.buy_box .btn_group a img {
  width: 0.926667rem;
  height: 0.266667rem;
  display: block;
}

.buy_box .proimg {
  margin: 0 auto;
  width: 0.546667rem;
  height: 0.546667rem;
  position: relative;
  background-size: 100% 100%;
  background-image: url("../images/imgbox.png");
  text-align: center;
}

.buy_box .proimg img {
  position: absolute;
  left: 0.093333rem;
  top: 0.1rem;
  width: 0.36rem;
  height: 0.36rem;
}

.buy_box .weui-cell {
  padding: 0;
}

.buy_box .weui-cell .weui-cell__hd {
  margin-right: 0.2rem;
}

.buy_box .countbox {
  margin-top: 0.133333rem;
  position: relative;
  width: 0.98rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.buy_box .countbox img {
  width: 0.306667rem;
  height: 0.306667rem;
  margin-right: 0;
}

.buy_box .countbox input {
  width: 100%;
  text-align: center;
  border: none;
  outline: none;
  background-image: url("../images/inputbg.png");
  background-size: 100% 100%;
  color: #663300;
  font-size: 0.16rem;
}

.buy_box .close_pop {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  right: 0;
  top: 0.066667rem;
}

.seltree_box {
  position: relative;
  margin: 0 auto;
  width: 3.72rem;
  height: 2.646667rem;
  background-size: 100% 100%;
  background-image: url("../images/alert_box_06.png");
  overflow: hidden;
}

.seltree_box .sel_card {
  padding-left: 0.133333rem;
  padding-right: 0.133333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.seltree_box .sel_card > div {
  position: relative;
  width: 0.733333rem;
  margin: 0 auto;
  text-align: center;
  margin-right: 0.066667rem;
}

.seltree_box .sel_card > div.active:before {
  z-index: 9;
  content: "";
  background-image: url("../images/ok.png");
  background-size: 100% 100%;
  position: absolute;
  width: 0.266667rem;
  height: 0.266667rem;
  right: 0;
  top: 0;
}

.seltree_box .sel_card > div img {
  width: 100%;
}

.seltree_box .seltree_conent {
  width: 3rem;
  height: 1.733333rem;
  position: absolute;
  overflow: auto;
  top: 0.586667rem;
  left: 0.333333rem;
}

.seltree_box .content_box {
  font-size: 0.146667rem;
  height: 1.153333rem;
  background-color: #f4e0a2;
  border-radius: 0.066667rem;
  padding: 0.066667rem 0.12rem;
  color: #663300;
}

.seltree_box .content_box .tit {
  margin-bottom: 0.093333rem;
  font-size: 0.166667rem;
  padding-left: 0.266667rem;
  box-sizing: border-box;
  width: 1.373333rem;
  height: 0.286667rem;
  line-height: 0.253333rem;
  background-size: 100% 100%;
  background-image: url("../images/titbg.png");
}

.seltree_box .btn_group {
  position: absolute;
  left: 0.133333rem;
  right: 0.133333rem;
  bottom: 0;
  text-align: center;
}

.seltree_box .btn_group a {
  font-size: 0;
  display: inline-block;
}

.seltree_box .btn_group a:first-child {
  margin-right: 0.2rem;
}

.seltree_box .btn_group a img {
  width: 0.926667rem;
  height: 0.266667rem;
  display: block;
}

.seltree_box .proimg {
  margin: 0 auto;
  width: 0.546667rem;
  height: 0.546667rem;
  position: relative;
  background-size: 100% 100%;
  background-image: url("../images/imgbox.png");
  text-align: center;
}

.seltree_box .proimg img {
  position: absolute;
  left: 0.093333rem;
  top: 0.1rem;
  width: 0.36rem;
  height: 0.36rem;
}

.seltree_box .weui-cell {
  padding: 0;
}

.seltree_box .weui-cell .weui-cell__hd {
  margin-right: 0.2rem;
}

.seltree_box .countbox {
  margin-top: 0.133333rem;
  position: relative;
  width: 0.98rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.seltree_box .countbox img {
  width: 0.306667rem;
  height: 0.306667rem;
  margin-right: 0;
}

.seltree_box .countbox input {
  width: 100%;
  text-align: center;
  border: none;
  outline: none;
  background-image: url("../images/inputbg.png");
  background-size: 100% 100%;
  color: #663300;
  font-size: 0.16rem;
}

.seltree_box .close_pop {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  right: 0;
  top: 0.066667rem;
}

.gif {
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 999;
  width: 1.533333rem;
  position: absolute;
  top: 35%;
  left: 55%;
  -webkit-transform: translate(-50%, -70%);
          transform: translate(-50%, -70%);
}

.gif img {
  width: 100%;
}

.gif.in {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.events-none {
  pointer-events: none;
}

.shop_link {
  position: absolute;
  width: 1.266667rem;
  height: 1.6rem;
  right: 0;
  top: 16%;
}

.buy_pop {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
}

.buy_pop .weui-popup__overlay {
  opacity: 1;
  pointer-events: none;
}

.buy_pop .buy-popup__modal {
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.buy_pop .close_pop_buy {
  position: absolute;
  width: 0.533333rem;
  height: 0.533333rem;
  z-index: 99;
  right: 0;
  top: 0;
}

.minderdog {
  pointer-events: none;
  z-index: 9;
  position: absolute;
  width: 1.333333rem;
  top: 4.666667rem;
  left: 60%;
}

.minderdog img {
  width: 100%;
}

.minderdog .dog2 {
  width: 80%;
}

.dog {
  animation: walk 30s linear infinite;
  -webkit-animation: walk 30s linear infinite;
}

@-webkit-keyframes walk {
  0% {
    left: 60%;
  }

  50% {
    left: 80%;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
  }

  50.5% {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }

  51% {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }

  99.9% {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }

  100% {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
  }
}

@-webkit-keyframes dogtext {
  0% {
    left: 60%;
  }

  50% {
    left: 80%;
  }
}

@-webkit-keyframes chongzi {
  0% {
    top: 0;
  }

  100% {
    top: -0.066667rem;
  }
}

.chongzi {
  -webkit-animation: chongzi 1s linear infinite;
          animation: chongzi 1s linear infinite;
}

.dogtext {
  z-index: 9;
  position: absolute;
  top: 4.8rem;
  left: 60%;
  padding-left: 0.266667rem;
  animation: dogtext 30s linear infinite;
  -webkit-animation: dogtext 30s linear infinite;
  color: #5f3400;
  text-shadow: #fff 0.006667rem 0 0, #fff 0 0.006667rem 0, #fff -0.006667rem 0 0, #fff 0 -0.006667rem 0;
}

.kuojian {
  position: absolute;
  width: 0.333333rem;
  height: 0.36rem;
  background-image: url("../images/kujian.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

/* 2018/4/9 */

/* new_btn */

.xiangqing {
  position: absolute;
  top: 0.8rem;
  left: 0.933333rem;
}

.xiangqing img {
  width: 0.733333rem;
  height: 0.2rem;
}

.tudi_list {
  padding: 0.066667rem;
}

.tudi_list-box {
  margin-bottom: 0.08rem;
  font-size: 0.16rem;
  color: #fff;
  text-shadow: #97200a 1px 0 0, #97200a 0 1px 0, #97200a -1px 0 0, #97200a 0 -1px 0;
}

.tudi_list-title {
  background: #f1875a;
  padding: 0.066667rem 0.133333rem;
}

.tudi_list .weui-flex {
  background: #ebbe58;
  padding: 0.066667rem 0.133333rem;
}

.paytype label {
  display: inline-block;
}

.wenti {
  position: absolute;
  left: 0.866667rem;
  top: 0.733333rem;
  width: 0.4rem;
  height: 0.4rem;
  background-size: 100% 100%;
  background-image: url("../images/icon_wenti.png");
}

.sulang {
  text-align: center;
  font-size: 0.133333rem;
}

.empirical {
  overflow: hidden;
  z-index: 9;
  background-color: #ecb122;
  border: 0.006667rem solid #f8a300;
  border-radius: 0.066667rem;
  position: absolute;
  left: 0.066667rem;
  right: 0.066667rem;
  top: 0.866667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.empirical span {
  height: 0.066667rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  border-right: 0.006667rem solid #da8f00;
}

.empirical span:last-child {
  border-right: none;
}

.empirical.level_1 span:nth-child(1) {
  background: -webkit-gradient(linear, left top, left bottom, from(#fbe105), to(#f7b62d));
}

.empirical.level_2 span:nth-child(1) {
  background: -webkit-gradient(linear, left top, left bottom, from(#fbe105), to(#f7b62d));
}

.empirical.level_2 span:nth-child(2) {
  background: -webkit-gradient(linear, left top, left bottom, from(#fbe105), to(#f7b62d));
}

.empirical.level_3 span:nth-child(1) {
  background: -webkit-gradient(linear, left top, left bottom, from(#fbe105), to(#f7b62d));
}

.empirical.level_3 span:nth-child(2) {
  background: -webkit-gradient(linear, left top, left bottom, from(#fbe105), to(#f7b62d));
}

.empirical.level_3 span:nth-child(3) {
  background: -webkit-gradient(linear, left top, left bottom, from(#fbe105), to(#f7b62d));
}

.icon_shou {
  position: absolute;
  width: 0.373333rem;
  height: 0.42rem;
  background-size: 100% 100%;
  z-index: 999999;
  bottom: 90%;
  right: 0.133333rem;
  background-image: url("../images/icon_shouhuo.png");
}

.jindou {
  position: absolute;
  width: 0.373333rem;
  height: 0.42rem;
  background-size: 100% 100%;
  z-index: 999;
  bottom: 50%;
  right: 0;
  width: 1.2rem;
  color: #532819;
  font-weight: bold;
  text-shadow: #fff 0.006667rem 0 0, #fff 0 0.006667rem 0, #fff -0.006667rem 0 0, #fff 0 -0.006667rem 0;
  font-size: 0.186667rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: right;
  opacity: 0;
}

.jindou::before {
  content: "";
  display: inline-block;
  width: 0.253333rem;
  height: 0.253333rem;
  vertical-align: middle;
  background-image: url("../images/icon_jindou.png");
  background-size: 100% 100%;
}

.jindou_up {
  -webkit-animation: jindou_anm 2s linear infinite;
          animation: jindou_anm 2s linear infinite;
}

@-webkit-keyframes jindou_anm {
  0% {
    opacity: 1;
    bottom: 50%;
  }

  100% {
    opacity: 0;
    bottom: 150%;
  }
}

.tuidi_btn_box {
  padding-left: 0.133333rem;
}

.tuidi_btn {
  display: inline-block;
  width: 0.62rem;
  height: 0.313333rem;
  background-size: 100% 100%;
  background-image: url("../images/tuidi_btn.png");
}

.tou_btn {
  display: inline-block;
  width: 0.62rem;
  height: 0.313333rem;
  background-size: 100% 100%;
  background-image: url("../images/tou_btn.png");
  font-size: 0;
}

.phb_tab_hd {
  border-bottom: 1px solid #efdbae;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 0.133333rem;
}

.phb_tab_hd > span {
  height: 0.466667rem;
  line-height: 0.466667rem;
  position: relative;
  color: #9a4e01;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  text-align: center;
}

.phb_tab_hd > span.active {
  position: relative;
  color: #663300;
  font-weight: bold;
}

.phb_tab_hd > span.active::after {
  content: "";
  position: absolute;
  left: 0.266667rem;
  right: 0.266667rem;
  bottom: 0;
  height: 0.026667rem;
  background-color: #663300;
}

.alert_btn_group {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}

.alert_btn_group a {
  font-size: 0;
  display: inline-block;
}

.alert_btn_group a:first-child {
  margin-right: 0.133333rem;
}

.alert_btn_group a img {
  width: 0.926667rem;
  height: 0.266667rem;
  display: block;
}

.alert_9_box {
  position: relative;
  margin: 0 auto;
  width: 2.88rem;
  height: 1.893333rem;
  background-size: 100% 100%;
  background-image: url("../images/alert_box_09.png");
}

.alert_9_box .close_pop {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  right: 0;
  top: 0;
}

.alert_9_box__inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0.333333rem;
  width: 2.066667rem;
  margin: 0 auto;
  height: 1.24rem;
}

.quantity {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.quantity input {
  width: 0.4rem;
  background-color: #975b22;
  border-radius: 0.033333rem;
  color: #fff;
  border: none;
  outline: none;
  text-align: center;
  margin: 0 0.093333rem;
}

.quantity .button-next {
  display: inline-block;
  width: 0.286667rem;
  height: 0.306667rem;
  background-size: 100% 100%;
  background-image: url("../images/next2.png");
}

.quantity .button-next.disabled {
  background-image: url("../images/next1.png");
}

.quantity .button-prev {
  display: inline-block;
  width: 0.286667rem;
  height: 0.306667rem;
  background-size: 100% 100%;
  background-image: url("../images/prev2.png");
}

.quantity .button-prev.disabled {
  background-image: url("../images/prev1.png");
}

.notree {
  position: absolute;
  width: 0.8rem;
  height: 0.333333rem;
  border-radius: 100%;
  left: 0.133333rem;
  top: 0.066667rem;
}