.wtm-tickets-list {margin-top: 2.2rem;}
.wtm-tickets { display: block; padding: 0.0rem 0.5rem 0 0.0rem;}
.wtm-tickets .ticket-item { position: relative; z-index: 1; display: block; margin-bottom: 0.5rem;}
.wtm-tickets .ticket-item .border-left { position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; display: block; width: 0.20rem; background-image: url(../images/ticket_border_w.png); background-repeat: repeat-y; background-position: 0 50%; background-size: 89%;}
.wtm-tickets .ticket-item .border-right { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; display: block; width: 0.20rem; background-image: url(../images/ticket_border_r.png); background-repeat: repeat-y; background-position: 0 50%; background-size: 89%;}
.wtm-tickets .ticket-item.invalid .border-right { background-image: url(../images/ticket_border_b.png);}
.wtm-tickets .ticket-item .block-center { display: block; height: 4rem; margin: 0 0.20rem; background: #FFF; font-size: 0; box-shadow: 0 0.05rem 0.05rem rgba(0,0,0,0.1);}
.wtm-tickets .ticket-item .store-info { position: relative; z-index: 1; display: inline-block; vertical-align: top; width: 77%; height: 4rem;}
.wtm-tickets .ticket-item .store-avatar { position: absolute; z-index: 1; top: 0.62rem; left: 0.5rem; width: 2.8rem; height: 2.8rem; background: #FFF;}
.wtm-tickets .ticket-item .store-avatar img { width: 100%; height: 100%;}
.wtm-tickets .ticket-item .store-info dl { padding: 0.5rem 0 0.5rem 3.6rem;}
.wtm-tickets .ticket-item .store-info dt { font-size: 0.6rem; line-height: 1rem; color: #333;height: 1rem; text-overflow: ellipsis;
    white-space: nowrap; overflow: hidden;  display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wtm-tickets .ticket-item .store-info dd { font-size: 0.55rem; line-height: 1rem; color: #888;}
.wtm-tickets .ticket-item .ticket-info { position: relative; z-index: 1; display: inline-block; vertical-align: top; width: 20%; height: 4rem;}
.wtm-tickets .normal .ticket-info { background-color: #fe5373;position: relative;float: right;}
.wtm-tickets .invalid .ticket-info { background-color: #AAB2BD;}
.wtm-tickets .ticket-item .bg-ico { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background-image: url(../images/store_w.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 50%; opacity: 0.15;}
.wtm-tickets .ticket-item .bg-ico.rp { background-image: url(../images/mcc_09_w.png);}
.wtm-tickets .invalid .watermark { position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; background-image: url(../images/ticket_ysx.png); background-repeat: no-repeat; background-size: 60% 50%; background-size: 50%; opacity: 0.50;}
.wtm-tickets .invalid .watermark.ysx { background-image: url(../images/ticket_ysx.png)}
.wtm-tickets .invalid .watermark.ysy { background-image: url(../images/ticket_ysy.png)}


.wtm-tickets .ticket-item .get-coupon{cursor: pointer;}
.wtm-tickets .ticket-item .ticket-info dl { position: absolute; z-index: 2; right: 0.5rem; bottom: 0.5rem; display: block; text-align: right; height: 1.8rem;}
.wtm-tickets .ticket-item .ticket-info dt { font-size: 1rem; line-height: 1.2rem; color: #FFF;}
.wtm-tickets .ticket-item .ticket-info dd { font-size: 0.5rem; line-height: 0.6rem; color: #FFF;}
.spacing-div { position: relative; z-index: 1; display: block; height: 1rem; margin: -0.5rem 0.5rem 1rem 0.5rem; border-bottom: solid #CCC 0.05rem;}
.spacing-div span { position: absolute; z-index: 1; bottom: -0.3rem; left: 50%; display: block; width: 5rem; margin-left: -2.5rem; text-align: center; font-size: 0.55rem; line-height: 0.6rem; height: 0.6rem; background-color: #F5F5F5; color: #888;}

.wtm-tickets .ticket-item .price-info { color: #fe5373;  box-flex: 1;  -webkit-box-flex: 1;  -moz-box-flex: 1;  -ms-box-flex: 1;  -o-box-flex: 1;  margin-top: 0.5rem;  font-size: 0.5rem;  height: 0.5rem;  line-height: 0.5rem; margin-left: 0.4rem;}
.wtm-tickets .ticket-item .big-price {color: #fe5373;  display: inline;  font-size: 1rem;  height: 1rem;  line-height: 1rem;  font-weight: bold;  position: relative;top: 0.1rem;}

.wtm-tickets .normal .ticket-info .coupon-btn{position: absolute;  bottom: 0rem;  height: 0.8rem;  line-height: 0.8rem;  width: 80%;  border: 0.2rem solid #fd4064;  border-radius: 0.9rem;  background-color: #fff;  font-size: 0.46rem !important;  color: #fe5373;  text-align: center;  left: 10%;  bottom: 0.3rem; cursor: pointer;}
.wtm-tickets .normal .ticket-info .progress-bar{  width: 80%;  height: 0.5rem;  border-radius: 0.4rem;  background-color: #fd4064;  margin-top: 0.5rem;  margin-left: 10%;  }
.wtm-tickets .normal .ticket-info .progress-bar span {  display: block;  height: 100%;  width: 50%;  background-color: #fff;  border-radius: 0.4rem;  }
.wtm-tickets .normal .progress-text{  display: block;  font-size: 0.5rem;  color: #fff;  width: 100%;  text-align: center;  height: 0.5rem;  line-height: 0.5rem;  margin-top: 0.5rem;  }
.wtm-tickets .normal .ticket-info .coupon-btn-yellow {  background-color: #FFFFD5;  }
.wtm-tickets .ticket-item .ticket-info .had {  width: 2.8rem;  height: 2rem;  background: url(../images/yiling.png) no-repeat;  background-size: 2.8rem 2rem;  display: block;  margin-top: 0rem;  margin-left: 5%;}
.s-dialog-wrapper {color: #fff;  font-size: 14px;}
.s-dialog-skin-opacity{background-color: #000;opacity: 0.6;}
.s-dialog-mask{background-color: transparent;}