html {
 font-size:13.33333vw
}
@media only screen and (min-width:540px) {
 html {
  font-size:72px!important
 }
}
[v-cloak] {
 display:none
}
body {
 color:#333;
 font-size:.32rem;
 background:#fff
}
.btn:not(.disabled):not(.active) {
 cursor:pointer
}
.btBox .coupon-box .left .content-block .copy-text,
.ellipsis-single {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.ellipsis-multiple {
 display:-webkit-box;
 -webkit-box-orient:vertical;
 white-space:normal;
 text-overflow:ellipsis;
 overflow:hidden
}
.cover {
 height:7.5rem;
 filter:brightness(.96)
}
.cover img {
 width:100%;
 height:auto;
 vertical-align:top
}
.btBox,
.shoplist {
 position:relative;
 margin:-.38rem 0 0;
 padding:.3rem .26rem;
 background:#fff;
 border-radius:.33rem .33rem .28rem .28rem;
 box-shadow:0 0 .05rem 0 rgba(0,0,0,.1)
}
.btBox .top {
 display:flex;
 align-items:baseline;
 justify-content:space-between;
 margin-bottom:.35rem;
 line-height:.4rem
}
.btBox .top .goods_price {
 font-size:.24rem;
 color:#ff3131;
 font-weight:700
}
.btBox .top .goods_price del {
 font-weight:400;
 color:#999
}
.btBox .top .goods_price strong {
 font-size:.4rem
}
.btBox .top .monthly-sales {
 font-size:.24rem;
 font-weight:500;
 color:#333
}
.btBox .top .monthly-sales .num {
 color:#ff3131
}
.btBox .goods-title {
 display:flex;
 align-items:center;
 overflow:hidden;
 margin-bottom:.38rem;
 font-size:.28rem;
 font-weight:500;
 color:#333
}
.btBox .goods-title .icon {
 height:1em;
 width:auto;
 margin-right:.1rem
}
.btBox .goods-title .text {
 flex:1
}
.btBox .goods-title .coupon {
 display:inline-flex;
 align-items:center;
 height:.32rem;
 padding:1px 1px 1px 0;
 box-sizing:border-box;
 font-size:0;
 background:linear-gradient(0deg,#ff753c,#ff4b42);
 border-radius:2px
}
.btBox .goods-title .coupon .name,
.btBox .goods-title .coupon .value {
 padding:0 .05rem;
 font-size:.22rem
}
.btBox .goods-title .coupon .name {
 line-height:1em;
 font-weight:300;
 color:#fff
}
.btBox .goods-title .coupon .value {
 display:flex;
 align-items:center;
 height:100%;
 font-weight:400;
 color:#ff4d42;
 background:#fff
}
.btBox .coupon-box {
 display:flex;
 align-items:center;
 width:7rem;
 height:1.4rem;
 background:linear-gradient(-90deg,#ff3d46 32%,#ff833f);
 border-radius:.2rem;
 -webkit-mask:radial-gradient(circle at .2rem .2rem,transparent .2rem,red 0) 4.5rem -.2rem/100%;
 box-shadow:0 0 .1rem .1rem #ff833f
}
.btBox .coupon-box .left,
.btBox .coupon-box .right {
 display:flex;
 align-items:center;
 height:100%
}
.btBox .coupon-box .left {
 width:4.7rem;
 border-right:1px dashed hsla(0,0%,100%,.5)
}
.btBox .coupon-box .left .top-num {
 width:.82rem;
 font-size:.8rem;
 font-weight:700;
 font-family:Helvetica;
 font-style:italic;
 color:#fff;
 opacity:.2;
 line-height:1em;
 text-align:center
}
.btBox .coupon-box .left .content-block {
 flex:1;
 overflow:hidden
}
.btBox .coupon-box .left .content-block .copy-text {
 width:90%;
 font-size:.28rem;
 font-weight:500;
 color:#fff;
 line-height:1em
}
.btBox .coupon-box .left .content-block .copy-label {
 margin-top:.1rem;
 font-size:.22rem;
 font-weight:400;
 color:#fff;
 line-height:1.2em
}
.btBox .coupon-box .left .content-block .copy-label img {
 height:.3rem;
 width:auto;
 border:1px solid #fff;
 border-radius:.06rem;
 vertical-align:middle
}
.btBox .coupon-box .right {
 flex:1;
 justify-content:center
}
.btBox .coupon-box .right .btn.copy {
 min-width:1.48rem;
 padding:0 .12rem;
 height:.68rem;
 background:linear-gradient(0deg,#ffcdcf,#fff);
 border-radius:.34rem;
 text-align:center;
 font-size:.22rem;
 font-weight:700;
 color:#ff3131;
 line-height:.68rem
}
.btBox .coupon-box+.coupon-box {
 margin-top:.3rem
}
.TljContentBox {
 box-sizing:border-box;
 margin:0 auto;
 width:100%;
 max-width:7.5rem;
 font-size:.32rem;
 background:#f7f7f7
}
.shoplist {
 margin-top:.3rem
}
.shoplist li {
 margin:0 auto
}
.shoplist li img {
 display:block;
 width:100%
}
.shoplist li+li {
 margin-top:.3rem
}
.get-tao-code {
 position:fixed;
 bottom:1rem;
 left:0;
 right:0;
 width:3rem;
 margin:auto;
 display:flex;
 align-items:center
}
.get-tao-code img {
 flex:1
}
.get-tao-code i {
 margin-left:.05rem;
 color:#b9b9b9;
 font-size:.38rem
}
.get-tao-code {
 z-index:100
}
.show-love-title {
 width:100%;
 margin-top:.3rem;
 display:flex;
 align-items:center;
 justify-content:center;
 font-size:.32rem;
 z-index:0
}
.love-title-text {
 padding-bottom:.1rem;
 border-bottom:1px solid #eee
}
.show-love-all {
 margin-top:.1rem;
 display:flex;
 align-items:center;
 justify-content:center;
 flex-wrap:wrap;
 z-index:0
}
.show-love-all:after {
 content:"";
 width:50%
}
.show-love-list {
 width:50%;
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:.1rem
}
.love-content {
 flex:1;
 border-radius:8px;
 background-color:#fff;
 position:relative;
 overflow:hidden
}
.top-show-quan {
 position:absolute;
 top:-.45rem;
 left:.05rem;
 font-size:.22rem;
 width:1rem;
 height:1.4rem;
 background:url(http://img-haodanku-com.cdn.fudaiapp.com/FiHUl537-OY0FeYtGzOYPlZ_DL8a) no-repeat;
 background-size:100% 1.4rem
}
.top-show-text {
 margin-top:.44rem;
 font-size:.16rem;
 text-align:center;
 color:#fff
}
.quan-text-one {
 font-size:.14rem;
 padding-top:.03rem
}
.quan-text-two span {
 font-size:.2rem
}
.love-content .like-img {
 flex:1;
 height:3.5rem;
 border-radius:8px;
 background-color:#fff;
 overflow:hidden
}
.like-content-all {
 margin-bottom:.2rem
}
.love-content .like-shorttitle {
 margin-top:.1rem;
 padding-left:.1rem;
 padding-right:.1rem;
 width:3.5rem;
 font-size:.22rem;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 color:#333
}
.like-month-sale {
 margin:.1rem .1rem .05rem;
 font-size:.18rem
}
.month-sale-text {
 display:inline-block;
 padding:.05rem;
 margin-right:.1rem;
 margin-bottom:.05rem;
 border-radius:3px;
 background-color:#feeef4;
 color:#ff2b58;
 border:1px solid rgba(252,193,206,.259)
}
.like-quan-hou {
 display:flex;
 align-items:center;
 margin:0 .1rem 5px
}
.quan-hou-text {
 font-size:.2rem
}
.quan-hou-fu {
 margin-left:5px;
 font-size:.22rem;
 color:#ff7425
}
.quan-hou-num {
 font-size:.28rem;
 color:#ff7425
}
.quan-hou-yuanjia {
 margin-left:5px;
 font-size:.22rem;
 color:#ccc;
 text-decoration:line-through
}
.like-youhui-list {
 display:flex;
 align-items:center;
 margin:5px .1rem;
 text-align:center;
 font-size:.22rem;
 color:#fff
}
.like-youhui-quan {
 display:flex;
 align-items:center;
 width:3.35rem;
 height:.5rem;
 background:linear-gradient(-90deg,#ff3d46 32%,#ff833f);
 border-radius:.05rem;
 -webkit-mask:radial-gradient(circle at .09rem .09rem,transparent .09rem,red 0) 1.8rem -.1rem/100%;
 box-shadow:0 0 .1rem .1rem #ff833f
}
.quan-left {
 height:100%;
 width:1.9rem;
 border-right:1px dashed hsla(0,0%,100%,.5)
}
.quan-left,
.quan-right {
 display:flex;
 align-items:center;
 justify-content:center
}
.quan-right {
 flex:1;
 width:100%;
 padding-left:.05rem;
 cursor:pointer
}