img {
    box-sizing: border-box;
    vertical-align: middle;
}
*, :after, :before {
    box-sizing: border-box;
}
@media only screen and (min-width: 768px){
#haibao_select .weui-popup__modal{
    width: 500px;
    left: 50%;
    margin-left: -250px;
}
    .body-bug{
        position:fixed;
        top:0;
        left: calc((100% - 500px)/2)!important;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    #dGuarantee .weui-popup__modal{
        width: 500px!important;
    }
}
.swiper-container .price-old{
    color: #ffe900;
}
.goods-name{
	width: 100%;
  border-bottom: 5px solid #f6f6f6;
}
.name-title{
	margin: .2rem 15px .1rem 15px;
	color: #1B1C1E;
	font-size: 16px;
}
.name-title2{
	margin:0 0.5rem;
	font-size: .6rem;
	line-height: 30px;
	border-top:1px solid #eee;
	color:#555;
}
.info-name{
	margin: 0;
    padding: 1rem 0 .5rem 0;
    padding-top: 0;
    color: #1B1C1E;
    font-size: .7rem;
    font-weight: 700;
    text-align: center;
}
.info-name i{
	display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    width: 70px;
    margin-bottom: 5px;
    height: 1px;
    background: #9e9c9c;
}
.info-container{
	overflow: hidden;
	margin: 0 4%;
  padding: 0 0 1rem 0;
  width: 92%;
}
.info-container img{
	max-width: 100%!important;
}
.info-container article section{
  box-sizing: border-box;
}
.info-container article, .info-container section {
  max-width: 100%!important;
}
.goods-info img{
  max-width: 100% !important;
}
.buy-btn{
	position: fixed;
	bottom: 65px;
	overflow: hidden;
	padding: 0;
	display: flex;
	display: -webkit-flex;
	flex-wrap: nowrap;
	width: 100%;
    left: 0;
    background-color:#fff;
}
.buy-btn-price{
	width: 50%;
	text-align: left;
	color: #f95436;
    text-align: center;
}
.btn-price-now{
	font-size: 1.2rem;
	color: #f95436;
}
.btn-price-now i{
	font-size: .8rem;
}
.btn-price-old{
	font-size:.7rem;
	color:#999;
}
.buy-btn-button{
	width: 50%;
	background-color:#ff6868;
	text-align: center;
}
.btn-pintuan.buy-btn-button{
    height: 60px;
}
.buy-btn-button a{
	color:#fff;
	line-height: 45px;
	display: block;
}
.btn-pintuan.buy-btn-button a{
    line-height: inherit;
}
.btn-order{
	bottom: 0;
	background:#fff;
  overflow-x: unset;
  overflow-y: unset;
}
.wxdate-day{
    width: 28%;
    line-height: 1.2rem;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: .6rem;
    text-align: center;
    margin-right:1.5%;
    color: #888;
}
.wxdate-day-more{
	width: 15%;
    line-height: 1.2rem;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: .6rem;
    text-align: center;
    position: relative;
}
.weui-btn_warn{
    color:#fff!important;
}
.btn-order-close{
	position: absolute;
    right: 5px;
    top: 0px;
    z-index: 11;
}
.btn-order-close a{
	color: #d1d1d1;
}
.btn-count-decrease{
	border: 1px solid #ff6868;
}
.btn-count-increase{
	border: 1px solid #ff6868!important;
	background: #ff6868!important;
}
.btn-order-button{
	  background: #ff6868;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 50px;
    height: 38px;
    line-height: 38px;
    margin-bottom: 10px;
    font-size: 14px;
}
.btn-count-decrease:after, .btn-count-decrease:before{
	background: #ff6868;
}
 
.buy-set-remind,.buy-in-time{
    position: fixed;
    bottom: 49px;
    overflow: hidden;
    padding: 0;
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 3rem;
    left: 0;
}
.buy-time-end{
    position: fixed;
    bottom: 49px;
    overflow: hidden;
    padding: 0;
    width: 100%;
    height: 36px;
    line-height: 36px;
    left: 0;
    background-color: #ffe0db;
}
.time-end-info{
  color:#ff6868;
  text-align: center;
}
.form-btn-bottom-hr{
  border-bottom: 1px solid #f4f4f4;
  padding: 8px 15px;
}
.buy-form-hr{
  height: 5px;
  background-color:#f8f8f8;
}
.set-remind-time,.in-time-time{
  width:70%;
  background-color: #d4ffd4;
  text-align: center;
  color:#1eb91e;
  padding-top: .3rem;
  font-size: .7rem;
}
.in-time-time{
  background-color: #ffe0db;
  color: #ff6868;
  width: 50%;
}
.in-time-money{
  background-color: #ffe0db;
  padding-top:.5rem;
  color:#ff6868;
  line-height: 1rem;
  position: relative;
  width: 20%;
  text-align: center;
}
.in-time-money del,.in-time-money span{
  width: 100%;
  display: block;
}
.in-time-money:before{
  content: ' ';
  position: absolute;
  left: 0;
  top:10px;
  width: 1px;
  height: 45px;
  background-color: #ff6868;
}
.in-time-money span{
  font-weight: 600;
}
.photograph{
    position: absolute;
    right: 15px;
    top: 8px;
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
}
.photograph i{
      line-height: .8rem;
} 
.set-remind-time p{
  line-height: 1.2rem;
  vertical-align: middle;
}
.set-remind-time p b,.in-time-time p b{
  padding:0px 4px;
  background-color: #1eb91e;
  color: #fff;
  margin:0 .1rem;
  border-radius: .2rem;
}
.in-time-time p b{
  background-color: #ff6868;
}
.time-end-time p b{

}
.set-remind-button,.in-time-button{
  background-color:#1eb91e;
  width:30%;
  line-height: 3rem;
  text-align: center;
}
.in-time-button{
  background-color: #ff6868;
}
.time-end-button{
  background-color: #ff6868;
}
.set-remind-button a,.in-time-button a{
  display: block;
  color:#fff;
  font-weight: 600;
}
.btn-order-img{
     width: 100px;
    height: 56px;
    position: absolute;
    top: .5rem;
    left: 15px;
    z-index: 10;
    object-fit: contain;
}
.btn-order-title{
    height: 56px;
    padding-left: 125px;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.buy-form-scroll{
  max-height:15rem;
  overflow-y: scroll;
}
.buy-form-scroll .weui-cells__title{
  margin: .3rem 0;
}
.buy-form-scroll .weui-cell .weui-cell__hd .weui-label{
  width: auto;
  white-space: nowrap;
}
.buy-form-scroll .weui-cell .weui-cell__hd{
  flex-basis: 20%;
}
.buy-form-scroll .weui-cell .weui-cell__bd{
  flex-basis: 80%;
}
.buy-add-moreplayer{
    position: absolute;
    right: 15px;
    top: 11px;
}
.buy-add-moreplayer i{
  font-size: .6rem;
}
.buy-moreplayer{
  display: flex;
  display: -webkit-flex;
  flex-wrap:nowrap;
  flex-direction: row;
  align-items: center;
  border-top: 1px solid #eee;
}
.moreplayer-del{
  width: 10%;
  text-align: center;
}
.moreplayer-del i{
  background-color: #ccc;
  width: 1rem;
  border-radius: 50%;
  height: 1rem;
  font-size: .7rem;
  display: inline-block;
}
.moreplayer-del a{
  display: block;
}
.moreplayer-del-lk{
  margin: 0 10px;
}
.moreplayer-form{
  width:90%;
}
.border-top{
  border-top: 1px solid #e5e5e5;
}
#g_batch_type{
  height: 35px;
  line-height: 35px;
}
 
.goods-pintuan{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  font-size: .7rem;
  border-bottom: 5px solid #eee;
}
.goods-pintuan-hd{
    background-color: #dfdfdf;
    line-height: 2rem;
    text-align: center;
    font-size: .9rem;
    width: 100%;
    color: #e64340;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}
.goods-pintuan-hd .close-popup{
    float: right;
    margin-right: .5rem;
    font-size: .7rem;
    font-weight: 400;
}
.pintuan-hd{
  justify-content: space-between;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  padding:.3rem .5rem;
}
.pintuan-hb{
  justify-content: space-between;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  padding:.3rem .5rem;
  border-bottom: 1px solid #eee;
}
.pintuan-hb-name{
  flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-basis: 40%;
}
.pintuan-name-img{
  height: 2rem;
}
.pintuan-hb-name img{
  width: 2rem;
  border-radius: 50%;
}
.pintuan-name-account{
  margin-left:.2rem;
}
.pintuan-hb-info{
  flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-basis: 60%;
  justify-content: flex-end;
  text-align: right;
}
.pintuan-hb-info-time{
  margin-right:1rem;
}
.pintuan-hb-info-time span{
  display: block;
  text-align: center;
}
.pintuaninfo{
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap:wrap;
  border-bottom: 5px solid #eee;
}
.pintuaninfo div{
  width: 100%;
  text-align: center;
}
.pintuaninfo-time{
  color: #999;
  font-size: .7rem;
  line-height: 1.5rem;
}
.pintuaninfo-title{
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.pintuaninfo-title i{
  color:#ff6868;
}
.pintuaninfo-share,.pintuaninfo-my{
  margin-bottom:.5rem;
  margin-top: .5rem;
  padding:0 .5rem ;
}
.pintuaninfo-share a,.pintuaninfo-my a{
  line-height: 1.8rem;
}
.pintuaninfo-form{
  padding:.5rem;
}
.pintuaninfo-form select{
  font-size: .7rem;
  text-align: center;
  border:0;
  line-height: 1.5rem;
}
.pintuaninfo-form input{
  text-align: center;
}
.pintuaninfo-more{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding: .5rem;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
}
.pintuaninfo-more img{
    width: 12.285%;
    border-radius: 50%;
    margin: 1%;
    margin-bottom: .4rem;
}
 
.goods-pintuan-more{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  font-size: .7rem;
  flex-direction: row;
  height: 500px;
  border-bottom: 5px solid #eee;
  overflow-y: scroll;
  align-items: flex-start;
  align-content: flex-start
}
.goods-pintuan-more .pintuan-hb{
  border-bottom: 1px solid #dfdfdf;
}
.text-nowrap{
   text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.btn-order-price{
  margin-top: 15px;
}
.color-danger{
  color: #ff6868!important;
}
.bg-danger{
  background-color: #ff6868!important;
  color: #fff!important;
}
.bg-safe{
  background-color: #1eb91e!important;;
  color: #fff!important;;
}
.weui-popup__modal{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
}
.goods-buyNow{
  z-index: 99;
}
 
.buyFooter .cannot-buy{
  background-color: #bbb!important;
  pointer-events:none; 
}
.buyFooter{
    position: fixed;
    width: 100%;
    height: 50px;
    min-height: 50px;
    bottom: 0;
    left: 0;
    padding-right: 10px;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 0 10px 1px rgba(0,0,0,.1);
    z-index: 9;
    display: flex;
    flex-direction: row;
}
.bf-ico-btn{
  width: 14%;
  text-align: center;
  display: block;
}
.bf-icon-wb{
  font-size: 11px;
  height: 16px;
    line-height: 24px;
}
.fl{
  float: left
}
.bf-price{
    position: relative;
    width: 25%;
    text-align: center;
    float: left;
    height: 50px;
    padding: 4px 0;
    box-sizing: border-box;
}
.pt-safe-price{
    position: relative;
    width: 25%;
    text-align: center;
    float: left;
    height: 50px;
    padding: 4px 0;
    box-sizing: border-box;
}
 
.pt-safe-price .bf-nowPrice i{
  font-size: .6rem;
}
.bf-nowPrice{
    display: block;
    width: 100%;
}
.bf-oldPrice{
  display: block;
  width: 100%;
  font-size: 10px;
  color: #999;
}
.bf-line-left{
  position: absolute;
  top: 15%;
  left:0;
  width: 0;
  height: 70%;
  border-left: 1px solid #ccc;
}
.bf-buy-btn{
    height: 36px;
    line-height: 36px;
    margin-top: 7px;
    display: block;
    border-radius: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    flex:1;
}
 
.pt-btn-directly{
    display: block;
    width: 23%;
    height: 36px;
    text-align: center;
    background-color: #ff9685;
    color: #fff;
    border-radius: 50px;
    margin-top: 7px;
    margin-right: 2%;
}
.pt-btn-join{
    display: block;
    width: 43%;
    height: 36px;
    text-align: center;
    border-radius: 50px;
    margin-top: 7px;
    float: right;
}
.pt-btn-safe{
    display: block;
    width: 43%;
    height: 36px;
    text-align: center;
    border-radius: 50px;
    margin-top: 7px;
    float: right;
    line-height: 1.6rem;
}
.bf-pt-price{
  height: 16px;
    line-height: 16px;
    padding-top: 3px;
}
.bf-ico-p{
    height: 26px;
    line-height: 26px;
    padding-top: 4px;
}
 
.countdown,.pt_countdown{
  background-color: #ffe0db;  
  color: #ff6868;
  text-align: center;
  padding: 6px 15px;
  font-size: 14px;
}
.countdown span,.pt_countdown span{
  padding:0px 4px;
  background-color: #ff6868;
  color: #fff;
  margin:0 6px;
  border-radius: 4px;
}
 
.countdown-notStarted{
    background-color: #d4ffd4;
    color: #1eb91e;

}
.countdown-notStarted span{
    background-color: #1eb91e;
    color: #fff;
}
.countdown-fixed{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  box-sizing: border-box;
}
 
.fixed-br{
    position: fixed;
    bottom: 80px;
    right: 24px;
    z-index: 10;
}
.fixed-br-btn {
    width: 1.9rem;
    height: 1.9rem;
    line-height: 1.9rem;
    text-align: center;
    border-radius: 50%;
    display: block;
    margin-bottom: 12px;
    background: rgba(0,0,0,.75);
}
.fixed-br a{
  color: #ffe900;
  font-size: .65rem;
}
.share-btn{
  position: fixed;
  bottom: 80px;
  right: 24px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  background-color: rgba(0,0,0,.5);
  z-index: 5;
}
.fixed-br-btn i{
    text-align: center;
    color: #ffe900;
    font-size: 1.2rem;
}
.share-wxmini{
    position: fixed;
    bottom: 140px;
    right: 70px;
    text-align: center;
    z-index: 5;
    display: flex;
    flex-direction: column;
    font-size: .7rem;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: #4c4c4c 1px 1px 13px;
    padding: .5rem;
}
.share-wxmini a{
    align-items: center;
    font-size: 10px;
    margin: 0 5px;
}
.share-wxmini a i{
    display: inline;
    font-size: 1rem;
    line-height: normal;
    margin-right: 4px;
}
.wxmini-friend i{
    color:#68c661;
}
.wxmini-poster i{
    color:#50b674;
}
 .font-note{
    background-color: #000;
}
.font-note {
background-color: #ff6868;
display: inline-block;
margin: 0 5px;
padding: 0 10px;
border-radius: 10px;
height: 18px;
line-height: 18px;
font-size: 12px;
color: #fff;
}
 
.grey_background{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
}
.rule_box{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9991;
    display: none;
}
.rule_area{
    position: relative;
    width: 70%;
    margin: 0 auto;
    background: #fff;
    z-index: 9;
    vertical-align: middle;
    display: inline-block;
    margin-left: 15%;
    border-radius: 8px;
    font-size: 12px;
    padding-bottom: 10px;
    min-height: 150px;
    margin-top: -50px;
}
.rule_title{
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    margin: 0;
}
.rule_area_assist{
    position: relative;
    height: 100%;
    width: 0;
    vertical-align: middle;
    display: inline-block;
}
.rule_p{
    margin-bottom: 10px;
    color: #666;
    padding: 0 18px;
    font-size: 16px;
    margin-top: 0;
}
.rule_box_ico{
position: absolute;
    width: 40px;
    height: 40px;
    left: 50%;
    bottom: -43px;
    margin: 0 auto;
    display: block;
    margin-left: -20px;
}
.rule_box_ico i{
    color: #fff;
    font-size:1.7rem;
}
.rule_p br{
    margin-bottom: 10px;
}
.max-w{
    max-width: 640px;
    margin: auto;
}
.name-spread{
  width: 15px;
  height: 15px;
  display: inline-block;
  background:url(money.gif);
  background-size: 100% 100%;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 2px;
}
.name-vip-spread{
  width: 15px;
  height: 15px;
  display: inline-block;
  background:url(money.gif);
  background-size: 100% 100%;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 2px;
}
   
.goods_off-store{
    align-items: center;
    flex-basis: 68%;
    align-content: center;
    justify-content: center;
    text-align: center;
    display: inline-block;
    background-color: #ffe0db;
    color: #000000;
    font-size: .75rem;
    line-height: 2.2rem;
}

.verification{
  position: relative;
  padding-right:40%; 
  overflow: hidden;
}
.verification-getbtn{
      width: 100%;
    height: 100%;
    border: none;
    background-color: #ffe0db;
    color: #ff6868;
}
.show-area{
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    background-color: #ffe0db;
    border: none;
    color: #ff6868;
}
.show-area img{
    display: inline-block;
    vertical-align: middle;
    margin-top: .2rem;
}
.goods-point{
    padding-left: 15px;
    padding-right:15px;
    padding-bottom: 2px;
    overflow: hidden;
}
 
.rand_layer{
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    left: 10px;
    top: 20px;
    color: rgb(255, 255, 255);
    font-size: 12px;
    border-radius: 4px;
    height: 45px;
    line-height: 45px;
    padding: 0px 8px 0px 45px;
    overflow: hidden; 
}
.rand_tip{
    width: 35px;
    height: 35px;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 7px;
}
.rand_tip img{
    border-radius: 50%;
    width: 100%;
    height: 100%;
    vertical-align: baseline;
}

.rand_layer2{
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    right: 10px;
    top: 160px;
    color: rgb(255, 255, 255);
    font-size: 12px;
    border-radius: 4px;
    height: 45px;
    line-height: 45px;
    padding: 0px 8px 0px 45px;
    overflow: hidden;
    display: none;
}
.rand_layer2_image{
    width: 35px;
    height: 35px;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 7px;
}
.rand_layer2_image img{
    border-radius: 50%;
    width: 100%;
    height: 100%;
    vertical-align: baseline;
}

.buy-date-hd {
    background-color: #ededee;
    line-height: 2rem;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #efeff4;
    /* position: absolute; */
    height: 2rem;
}
.buy-date-hd .data-play-close{
  color: #ff6868;
}
.buy-money-info{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.buy-money-info div:first-child{
  flex-basis: 60%;
}
.buy-money-info div:last-child{
  flex-basis: 40%;
}
.post-no label{
    display: inline-flex;
}
.need-post{
    font-size: 12px;
    padding: 3px 0;
    color: #999; 
}
.credit-info{
  color: #ffa700;
  font-size: .6rem;
  float: right;
}

.stage{
    position: relative;
    background-color: #f6f6f6;
    height: 100%;
    padding-bottom: 5rem;
}
.stage-name{
    padding: 0 1rem;
    background-color: #e8e8e8;
    color: #000;
    text-align: center;
    display: block;
    margin: auto;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    width: 7rem;
    line-height: 1rem;
    height: 1rem;
    font-size: .7rem;
    margin-bottom: 2rem;
}
.stage-bottom{
    position: fixed;
    bottom: 0;
    background-color: #fff;
    width: 100%;
}
.seat-buy{
    background-color: #ffad9e;
    color: #fff;
    display: block;
    text-align: center;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: .8rem;
    background: -webkit-linear-gradient(left, #fb82a1, #fe586c);
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 5px;
    border-radius: .2rem;
}
.seat-piao{
    padding: .5rem 15px;
    overflow-x: auto;
    width: 100%;
    white-space: nowrap;
    box-sizing: border-box;
}
.piao-item{
    display: inline-block;
    border: 1px solid #999;
    padding: .3rem .3rem;
    font-size: .5rem;
    border-radius: .1rem;
    margin-right: .2rem;
    line-height: .9rem;
}
.piao-item span{
  margin-right: .1rem;
}
.piao-price{
  color: #ff6868;
}
.piao-del{
    font-size: .7rem;
}
.stage-seat{
    overflow-x: scroll;
    width: 100%;
    display: flex;
    align-items: center;
}
.row-num{
    position: absolute;
    z-index: 2;
    width: .6rem;
    font-size: .5rem;
    top: 3rem;
    background-color: rgba(0,0,0,.05);
    pointer-events: none;
    text-align: center;
    left:0;
}
.row-num p{
    height: 1.6rem;
    line-height: 1.6rem;
    color: #000;
}
.pos{
    display: block;
    height: 1.6rem;
    line-height: 1.6rem;
    width: 20px;
    text-align: center;
    float: left;
    margin: 0 2px;
}
.seat-area{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;

}
.seat-list{

}
.animate{
    -webkit-transition: all .2s;
    transition: all .2s;
} 
.relate-goods{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: .5rem 15px 0;
  justify-content: space-between;
}
.relate-goods-item{
  background-color: #ffffff;
  border: 1px solid #999;
  flex-basis: 47%;
  height: 2.5rem;
  padding: .3rem;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: .4rem;
  
}
.relate-goods-item-active{ 
  border: 1px solid #ff6868; 
  font-weight:bold;
  
}
.relate-goods-name{
  font-size: .6rem;
  color: #333;
  flex-basis: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  align-items: center;
  margin-bottom: .3rem;
}
.relate-goods-price{
  color: #ff6868;
  flex-basis: 30%;
  line-height: 2.5rem;
  text-align: center;
}
.relate-goods-full{
    flex-basis: 100%; 
}
 
.getstock{
  border-bottom: 1px solid #ececec;
  text-align: center;
  line-height: 2rem;
}
.getstock-link{
    color: #ff6868;
    display: inline-block;
    padding: 0 14px;
    border-radius: 5px;
    height: 26px;
    line-height: 26px;
    background: #fff;
    border: 1px solid #ff6868;
}
.getstock-list{
  padding: .5rem .5rem 2rem;
}
.getstock-bg{
  background: #fff;
  border-radius: 0;
}
.getstock-item{
    border-bottom: 1px dashed #eee;
    padding: .7rem 0;
    font-size: .7rem;
}
.getstock-item-badge{
  padding: .2rem .5rem;
}
.getstock-back{
  padding: .7rem 0;
}
 
.buy-recomgoods{
  border-top:1px solid #f9f9f9;
}
.recomgoods-title{
    text-align: center;
    color: coral;
    margin-bottom: 0.5rem;
    font-size: .8rem;
    line-height: 1.8rem;
    font-weight: 600;
}
.recomgoods-list{
    display: flex;
    flex-wrap: wrap;
}
.relist-item {
    display: block;
    width: 100%;
    flex-basis: 50%;
    padding-left: 15px;
    padding-right: 7px;
    flex: 0 0 50%;
    box-sizing: border-box;
}
.relist-item-imgd {
    position: relative;
    width: 100%;
    border-radius: 5px;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
}
.relist-item-imgd img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.relist-item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #666;
    margin: 8px 0;
    color: #333;
    font-size: 14px;
    line-height: 22px;
    height: 44px;
}
.relist-item-price {
    position: relative;
    color: #ff6868;
    height: 32px;
    line-height: 32px;
    margin: 0;
}
.relist-item:nth-last-child(2),.relist-item:last-child{
    border-bottom: 0px;
}
.relist-item:nth-of-type(2n){
  padding-left: 8px;
  padding-right: 15px;
}
 
.buy-contact{
  border-top: .3rem solid #f6f6f6;
}
.contact-title{
  display: flex;
  flex-direction:row;
  padding:0 15px;
  align-items: center;
}
.contact-title-name{
  font-weight: 700;
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: .8rem;
  line-height: 2rem;
  flex: 1;
}
.contact-title-phone{
  text-align: right;
}
.contact-title-phone a{
  color:#0e90d2;
  font-size: .8rem;
  line-height: 1.2rem;
}
.contact-title-phone a:before{
  font-size: 1.2rem;
  color: #d81e06;
}
.contact-address{
  padding:0 15px;
  border-top:1px solid #eee;
  line-height: 2rem;
}
.address-info p {
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.contact-qrcode{
  border-top:1px solid #eee;
  display: flex;
  flex-direction: row;
  padding:.5rem 15px;
}
.qrcode-img{
  flex-basis: 30%;
}
.qrcode-img img{
  width: 100%;
}
.qrcode-info{
  flex-basis: 70%;
  padding-left:.5rem;
}
#act_map:after{
    font-family: "iconfont" !important;
    font-size:1rem;
    font-style: normal;
    line-height: 0.8;
    -webkit-font-smoothing: antialiased;
    content: "\e719";
    color: #d81e06;
    position: absolute;
    left: 5px;
    top: 20%;
}
#act_map{
    line-height: 1.5rem;
    position: relative;
    padding-left: 1.5rem;
    min-height: 1.5rem;
}
.qrcode-info-wx{
  font-weight: 700;
  font-size: .8rem;
}
.qrcode-info-new{
  font-size: .7rem;
}
.act_map{
    position: relative;
}
.sharer-wrap{
    border-top: 1px solid #ececec;
    padding: 2px 15px;
}
 
.photograph-moreplayer{
    position: absolute;
    right: -1.5rem;
    top: 5px;
    display: flex;
    align-items: center;
    align-content: center;
}
.moreplayer-cell{
  padding: 10px 15px 10px 0;
}
.moreplayer-cell .weui-label{
    width: 3.3rem!important;
}
 
.biaodan-hd{
    margin-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.biaodan-item{
  display: flex;
}
.coupon-item{
    position: relative;
    height: 1.4rem;
    line-height: 1.4rem;
    padding: 0 10px;
    background: #ff6868;
    color: #fff;
    border-radius: 3px;
    font-size: .6rem;
    display: inline-flex;
    margin: .2em;
    margin-right: .4rem;
        max-width: 100%;
}
.coupon-item:before{
    content: "";
    position: absolute;
    background-color: #fff;
    width: 5px;
    height: 8px;
    top: 50%;
    margin-top: -4px;
    left: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.coupon-item:after{
    content: "";
    position: absolute;
    background-color: #fff;
    width: 5px;
    height: 8px;
    top: 50%;
    margin-top: -4px;
    right: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.biaodan-bd{
    display: flex;
  flex-wrap: wrap;
  flex: 1;

}
.coupon-prize{
    padding-right: .3rem;
    border-right: 1px dashed #fff;
}
.coupon-name{
    flex: 1;
    padding-left: .3rem;
    max-width: 11rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
 
.hlcoupon{
    padding: 10px 15px;
    display: flex;
}
.hlcoupon-get{
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    background-color: #2fc77c;
    align-items: center;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: .7rem;
    padding: 10px 1.5rem;
}
.hlcoupon-main{
    position: relative;
    display: flex;
    flex: 1;
    background-color: #ffb925;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    height: 3.2rem;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fad587), to(#ffb925));
}
.hlcoupon-is-get{
  background-color: #999;
  }    
.hlcoupon-hd{
    padding: 10px 10px 10px 15px;
    color: #b9260c;
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.hlcoupon-bd{
      position: relative;
    padding: 10px 10px 10px 0;
    color: #b9260c;
    display: flex; 
    align-items: center;
    flex: 1;
}
.hlcoupon-num{
    font-size: 1.6rem;
}
.hlcoupon-hd-wrap{
  border-right: 1px dashed #b9260c;
}
.hlcoupon-bd:before{
     content: "";
    width: 0;
    height: 100%;
    border-left: 1px dashed #d28c80;
    margin-right: 10px;
}
.hlcoupon-angle{
    position: absolute;
    top: 1px;
    left: 2px;
    width: 1.5rem;
    height: 1.5rem;
    background: url(990345c50f1e468557_w0h0.png);
    background-size: 100% 100%;
        background-repeat: no-repeat;
}
.hlcoupon-main:before{
    content: "";
    width: 2.1rem;
    height: 2.1rem;
    position: absolute;
    top: -1rem;
    left: -1rem;
    background-color: #fff;
    transform: rotate(45deg);
}

.hlcoupon-get:before{
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: -5px;
  left: -5px;
  border-radius: 50%;
  background: #fff;
}
.hlcoupon-get:after{
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  bottom:  -5px;
  left: -5px;
  border-radius: 50%;
  background: #fff;
}
.hlcoupon-lk{
  display: flex;
  flex: 1;
  overflow: hidden;
}
 
.vercode-btn-wrap{
    position: absolute;
    right: 15px;
    background-color: #d3d0d0;
    padding: 2px 15px; 
}
.vercode-btn{
  background: none;
} 
.scroll-nav{
    background-color: #fff;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.1);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    z-index: 9;
    top: 0;
    width: 100%;
    background-color: #fff;
}
.scroll-nav li{
    flex-grow: 1;
    list-style-type: none;
    text-align: center;
}
.weui-navbar__item.weui-bar__item--on{
  background-color: unset;
}
.scroll-nav li.active,.weui-bar__item--on,.mPS2id-highlight-first{
    color: #000;
    border-bottom: 3px #ff6868 solid;
    font-weight: 700;
}
.scroll-nav li a{
  color:#000;
  padding:6px 0;
  line-height: 2rem;
  text-align: center;
}
.mPS2id-highlight-first{
  color: #000;
  border-bottom:3px #ff6868 solid;
  font-weight: 700;
}
.scroll-nav a:after{
  border-right:0;
}
.scroll-nav:after{
  z-index: -1;
  border-bottom: 0px solid #f6f6f6;
}
.weui-tab__bd-item{
  padding-top: .8rem;
}
 
.youji-cell:before{
    content: " ";
    display: none;
}
.seat-info-area{
    border-top: .3rem solid #f6f6f6;
}
.play-date-title{
    color: #555;
    font-size: 14px;
    width: 2rem;
    margin:0;
    padding:0;
}
/**/
.buy-line-price{
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    padding: 8px 15px 8px 15px;
}
.buy-line-price .weui-cells_checkbox .weui-check__label{
    padding-left:0px;
    padding-right:0px;
}
.buy-line-price .weui-cells_checkbox{
    text-align: right;
}
.buy-line-price .weui-cells_checkbox,.buy-line-price .weui-cell__ft{
    flex-basis: 50%;
}
.line-left{
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
} 
.collect-active p{
    color:#ff6868;
}
.collect-hover:hover p{
    color:#ff6868;
}
.collect-hover:hover .icon-star:before {
    content: "\e650";
}
.collect-link p{
     color:#ff6868;
 }
.collect-link .icon-star:before{
    content: "\e650";
} 
.body-bug{
    position:fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
} 
#line_address{
    position: relative;
}
.line_address_more{
    position:absolute;
    top: -18px;
    right: 10px;
}
.line_address_more i{
    font-size: .7rem;
    color: #ff6868;
}
.line-address-select{
    display: flex;
    justify-content: space-between;
}
.line-select-addr{
    flex: 1;
    height: 35px;
    line-height: 35px;
}
#line_address .weui-select{
    flex: 1;
    height: 35px;
    line-height: 35px;
    color: #999;
    padding-left: 0;
}
.line-people-num{
    line-height:35px;
    color: #999;
}
.line-people span{
    color: #999;
}
#line_address .weui-bugbefore:before {
    left: 0;
}
#line_address .weui-cell:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    left: 15px;
    z-index: 2;
}
.line-info span:last-child{
    border-bottom: 0px;
}
.line-info{
    border-bottom: 1px solid #eee;
    margin-bottom: .2rem;
    padding-bottom: .2rem;
}
.line-info-span{
    display: block;
    border-bottom: 1px #eee dashed;
    padding-left: .7rem;
    margin-bottom: .2rem;
    padding-bottom: .2rem;
}
 
.article-comment-btn{
    padding: 0 .5rem;
}
.article-off-comment{
    display: flex;
    flex-direction: row; 
    align-items: center;
}
.comment-button{
    display: inline-block;
    line-height: 3rem;
    padding: 0 .5rem;
}
.comment-button i{
    font-size: .8rem;
    color: #3d4145;
}
.comment-menu{
    display: inline-block;
    line-height: 3rem;
    padding: 0 .5rem;
    font-size: .7rem;
    font-weight: 600;
}
.article-comment{
    display: flex;
    flex-direction: column;
    padding-bottom: .5rem;
    padding-top: .5rem;
}
.comment-content{
    display: flex;
    flex-direction: row;
    height: 5rem;
}
.comment-code{
    display: flex;
    flex-direction: row;
    padding: .5rem 0;
    position: relative;
}
.comment-code .weui-input{
    line-height: 27px;
    height: auto;
}
.comment-code .show-code{
    position: absolute;
    right: 0px;
    padding: 2px 15px;
}
.comment-content textarea{
    display: block;
    resize: none;
    width: 100%;
    color: inherit;
    font-size: 1em;
    font-family: -apple-system-font,"Microsoft YaHei","微软雅黑","SimSun","Helvetica Neue", sans-serif;
    padding: .2rem;
    line-height: inherit;
    outline: 0;
    border: 1px solid #e6e6e6;
    border-radius: .2rem;
}
.comment-title{
    flex-basis: 20%;
}
.comment-form{
    position: relative;
}
.comment-list{
    padding-bottom: .5rem;
}
.fixed-br{
    float: right;
}
.comment-list-item{
    display: flex;
    flex-direction: column;
    margin: 0 .5rem;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: .3rem;
}
.comment-list-item>p{
    line-height: 2rem;
}
.comment-item-name{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.item-name>i>img{
    width: 30px;
    height: 30px;
    border-radius: 3.5rem;
    margin-right: .2rem;
}
.item-name{
    line-height: 1.6rem;
}
.comment-item-text{
    line-height: 1rem;
    padding-left: 33px;
}
.vercode-btn-wrap {
    position: absolute;
    right: 0px;
    padding: 2px 15px;
}
.vercode-btn{
    color: #f95436;
    background-color: unset;
}
.comment-reply{
    background-color: #eee;
    padding: 0 .2rem;
    font-size: .6rem;
    line-height: 1rem;
    padding-left: .5rem;
    margin-top: .3rem;
}
.comment-show{
    float: right;
}
.Data_comment{
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    right: 10px;
    top: 20px;
    color: rgb(255, 255, 255);
    font-size: 12px;
    border-radius: 4px;
    height: 45px;
    line-height: 45px;
    padding: 0px 8px 0px 45px;
    overflow: hidden;
    display: none;
}
.Data_comment_image{
    width: 35px;
    height: 35px;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 7px;
}
.Data_comment_image img{
    border-radius: 50%;
    width: 100%;
    height: 100%;
    vertical-align: baseline;
}
.footmenu-select{
    display: flex;
    height: 100%;
    flex-direction: column;
}
.haibao-select{
    display: flex;
    flex-direction: row;
    height: 300px;
    justify-content: space-around;
    padding-top: 1rem;
    align-items: center;
}
.haibao-select a{
    flex-basis: 30%;
    height: 8rem;
}
.haibao-select a img{
    width: 100%;
}

#dGuarantee .weui-popup__modal {
  width: 80%;
  height: 65%;
  position: fixed;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
  border-radius: 10px;
  background-color: #fff;
  font-size: 0.8em;
}
#dGuarantee .weui-popup__modal .weui-popup__modal_hd {
  position: absolute;
  top: 0px;
  width: 100%;
  padding: 1em 1.6em;
  text-align: center;
  background-color: #fff;
}
#dGuarantee .weui-popup__modal .weui-popup__modal_bd {
  height: 100%;
  overflow-y: auto;
}
#dGuarantee .weui-popup__modal .weui-popup__modal_bd .weui-popup__modal_bd_title {
  padding: .5em 1.6em;
}
#dGuarantee .weui-popup__modal .weui-popup__modal_bd .weui-popup__modal_bd_text {
  padding: .5em 1.6em;
  white-space:pre-wrap;
  font-size: 0.9em;
  color: #888888;
}
#dGuarantee .weui-popup__modal .weui-popup__modal_ft {
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: .5em 0 1.5em;
  line-height: 1;
  text-align: center;
  background-color: #fff;
}
#dGuarantee .weui-popup__modal .weui-popup__modal_ft .weui-popup__modal_ft_arrow::after {
  content: " ";
  display: inline-block;
  height: 12px;
  width: 12px;
  border-width: 0 2px 2px 0;
  border-color: #B2B2B2;
  border-style: solid;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}
#dGuarantee .weui-popup__modal .weui-popup__modal_ft .weui-popup__modal_ft_btn {
  display: inline-block;
  padding: 0 2em;
  border: 1px solid #888888;
  color: #888888;
  border-radius: 1.2em;
}
#dGuarantee .weui-popup__modal .weui-popup__modal_ft .weui-popup__modal_ft_btn .weui-popup__modal_ft_btn_text {
  height: 2.4em;
  vertical-align: middle;
  display: table-cell;
}



#divShare .weui-tab-item {
  display: flex;
  padding: 7px 15px;
  align-items: center;
  border-bottom: 1px solid #eee;
}
#divShare .weui-tab-item .weui-tab-item_hd .weui-tab-item_hd_img {
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
#divShare .weui-tab-item .weui-tab-item_bd {
  font-size: .8em;
  color: #888;
  flex: 1;
}
#divShare .weui-tab-item .weui-tab-item_bd .weui-tab-item_bd_img {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #eee;
}
#divShare .weui-tab-item .weui-tab-item_bd .weui-tab-item_bd_img:not(:first-child) {
  margin-left: -5px;
}
#divShare .weui-tab-item .weui-tab-item_ft_btn {
  font-size: .8em;
  height: 2em;
  line-height: 2em;
  display: block;
  border-radius: .5em;
  text-align: center;
  color: #fff;
  background-color: #60bf3d;
  padding: 0 1em;
}

#dAcodeKF .weui-popup__modal {
  width: 250px;
  height: 300px;
  position: fixed;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
  border-radius: 10px;
  background-color: #fff;
  text-align: center;
  overflow: visible;
}
#dAcodeKF .weui-popup__modal .btn-order-close {
  top: auto;
  right: auto;
  bottom: -40px;
  left:50%;
  transform: translateX(-50%);
  background-color: #fff;
  padding: .3em;
  line-height: 1;
  border-radius: 50%;
}
#dAcodeKF .weui-popup__modal .acode-kf-hd {
  display: block;
  width: 250px;
}
#dAcodeKF .weui-popup__modal .acode-kf {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin-top: 30px;
}
#dAcodeKF .weui-popup__modal .acode-kf-ft {
  margin-top: 15px;
}
.register_show{
    position: fixed;
    width: 96%;
    height: 25px;
    bottom: 50px;
    left: 2%;
    border-radius: .2rem;
    padding-right: 10px;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    font-size: .6rem;
    line-height: 25px;
    text-align: center;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.register_show p span{
    color:#ff0000;
}
.register_show a{
    padding-left:.5rem;
}
.register_show a i{
    color: #fff;
    font-size: .8rem;
}
@media only screen and (min-width: 768px){
    .register_show {
        width: 500px!important;
        left: 50%!important;
        margin-left: -250px!important;
    }
}
.facephoto{
    position: absolute;
    right: 15px;
    top: 4px;
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
}
.facephoto-moreid_player{
    right:85px;
}
.face-moreid_player{
    right:43px;
}
.facephoto i{
    line-height: .8rem;
}
.faceimg-show{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.face-img{
    width: 80%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 10px;
    background-color: #fff;
    font-size: 0.8em;
    text-align: center;
    padding: 1.5rem;
    box-shadow: 0 0 10px rgba(0,0,0,0.6);
}
.faceimg-content img{
    width:100%;
}
.faceimg-content{

}
.faceimg-close{
    position: absolute;
    right: 5px;
    top: 0;
}
.faceimg-btn{
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-top: .5rem;
    flex-direction: column;
}
.faceimg-btn p{
    line-height: .8rem;
    color:#ff0000;
    margin-bottom: .3rem;
}
.faceimg-btn a{
    background-color: #888;
    color: #fff;
    font-size: 0.6rem;
    border-radius: .5rem;
    padding: .4rem 1rem;
}
.merchant-border{
    border-bottom: 1px solid #f6f6f6;
}
.more-contact{
    padding: 0 15px;
    text-align: right;
}
.merchant_box{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9991;
}
.merchant_area{
    position: relative;
    width: 80%;
    margin: 0 auto;
    background: #fff;
    z-index: 9;
    vertical-align: middle;
    display: inline-block;
    margin-left: 10%;
    border-radius: 8px;
    font-size: 12px;
    padding-bottom: 10px;
    /*min-height: 150px;*/
    margin-top: -50px;
}
.merchant_title{
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    margin: 0;
}
.merchant_more{
    margin-bottom: 10px;
    color: #666;
    padding: 0 18px;
    font-size: 16px;
    margin-top: 0;
    max-height: 180px;
    overflow: auto;
}
.merchant_more p{
    display: flex;
    flex-direction: row;
    line-height: 1.5rem;
    align-items: center;
    font-size: .7rem;
    justify-content: space-between;
    border-bottom: 1px solid #f6f6f6;
}
.merchant_more>p>span{
    line-height: .8rem;
}
.merchant_more>p>a{
    font-size: .8rem;
}