crmeb_shop/public/wap/first/static/bargain/css/style.css

body{background-color:#f5f5f5;}

/*砍价*/
.cut-con .cut-bg{background-image:url("../images/cut-con-bg.png");background-repeat:no-repeat;background-size:100% 100%;
width:100%;height:5.21rem;}
.cut-con .cut-bg .header{width:100%;height:0.5rem;text-align:center;font-size:0.22rem;color:#fff;
background-color:rgba(255,255,255,0.2);}
.cut-con .cut-bg .header span{color:#170405;margin-right:0.13rem;}
.cut-con .cut-bg .activity-rules{font-size:0.26rem;color:#ff3d3d;background-color:#fbe806;width:0.8rem;height:0.8rem;
    border-radius:50%;box-shadow:0.02rem 0.02rem 0.08rem #FBE806;text-align:center;right:0.23rem;position:fixed;top:0.76rem;}
.cut-con .cut-bg .activity-rules .activity{padding-top:0.03rem;}
.cut-con .cut-bg .time{font-size:0.24rem;width:4.5rem;height:0.5rem;border-radius:50rem;background-color:#fff;margin:2.78rem auto 0 auto;
    text-align:center;line-height:0.5rem;color:#F60509;}
.cut-con .cut-bg .time span{color:#333333;}
.cut-con .cut-padding{padding:0 0.52rem;margin-top: -1.2rem;}
.cut-con .figure{background-image:url("../images/cut-con-line.jpg");width:100%;padding: 0.05rem;border-radius:0.15rem}
.cut-con .figure .picture{width:1.9rem;height:1.9rem;}
.cut-con .figure img{width:100%;height:100%;border-radius:5px;}
.cut-con .cut-write{width:100%;background-color:#fff;margin:0 auto;border-radius:0.15rem; padding:.25rem .2rem;-webkit-justify-content: space-between; justify-content: space-between;}
.cut-con .cut-write .figure-con{width: 2.73rem; padding: .1rem 0;}
.cut-con .cut-write .write-text{font-size:0.26rem;color:#262626;line-height:1.4;}
.cut-con .cut-write .write-money{font-size:0.24rem;padding:0 0.2rem;}
.cut-con .cut-write .write-num{color:#FF3D3D; font-size: .2rem}
.cut-con .cut-write .write-num span{font-size:0.4rem;}
.cut-con .cut-write .write-yuan{color:#AAAAAA;text-decoration-line:line-through; font-size: .22rem; }
.cut-con .cut-tip{font-size:0.28rem;color:#fff;text-align:center;margin:0.45rem 0 0.42rem 0;}
.cut-con .cut-tip span{color:#FFE400;font-size:0.35rem;}
.cut-con .cut-tip img{width:0.7rem;height:0.7rem;border-radius:50%;margin-right:0.24rem;}
.cut-con .progress {border:1px solid #481500;border-radius:50rem;background-color:#fff;height:0.32rem;transform: translateZ(0);
    box-sizing: border-box;-webkit-box-sizing:border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin:0.27rem auto 0 auto;
    width:5.3rem;}
.cut-con .progress.compressing view.bar{background-color:#bad753;}
.cut-con .progress div.bar{min-width: 30%;width: 100%;height: 100%;border-radius: 50rem; animation: progress 3s linear 0s infinite;
    background: linear-gradient(410deg, rgba(186,215,83,1) 0%, rgba(186,215,83,1) 31%, rgba(144,195,30,1) 33%, rgba(144,195,30,1) 67%, rgba(186,215,83,1) 69%);
    background-size: 0.52rem 0.34rem;}
.cut-con .cut-pro{font-size:0.18rem;color:#FF3D3D;width:2.7rem;height:0.4rem;line-height:0.4rem;text-align:center;
    background-color:#FFE400;margin:0 auto;border-radius:0.1rem;position:relative;}
.cut-con .cut-pro:after{position: absolute;content: "";right: 50%;bottom: -0.2rem;width: 0;height: 0;border-right: 0.15rem solid transparent;
    border-top: 0.2rem solid #FFE400;border-left: 0.15rem solid transparent;display: inline-block;margin-right: -0.075rem;}
.cut-con .pro-money{font-size:0.22rem;width:5.3rem;margin:0.13rem auto 0 auto;}
.cut-con .pro-money .original-price{color:#FFFFFF;}
.cut-con .pro-money .target-price{color:#FFE400;text-align:right;}
.cut-con .cut-but{height:0.8rem;line-height:0.8rem;background: linear-gradient(to top, #ffbb00 0%,#ffe400 100%);
    border-radius:50rem;box-shadow:0 0.09rem 0 #E09300;font-size:0.34rem;color:#FF3D3D;text-align:center;font-weight:bold;
    margin:0.4rem 0 0.58rem 0;width:100%;}
.cut-con .cut-but2{background: linear-gradient(to top, #cccccc 0%,#ffffff 100%);color:#999999;box-shadow:0 0.09rem 0 #B1B1B1;}
.cut-con .cut-but3{width:100%;height:0.8rem;line-height: 0.785rem;border-radius:50rem;font-size:0.34rem;color:#ffe400;
    text-align:center;margin:0.4rem 0 0.58rem 0;border:0.03rem solid #ffe400;}
.cut-con .bargain-list{background-color:#ffe7e7;border-radius:0.17rem;padding-top:0.01rem;}
.cut-con .bargain-list .list-title{text-align:center;background-image:url(../images/cut-con-title.png);background-repeat:no-repeat;
    background-size:100% 100%;width:5rem;height:0.06rem;margin:0.43rem auto;position:relative;}
.cut-con .bargain-list .list-title span{font-size:0.34rem;color:#FF3D3D;position:absolute;top:-0.24rem;left:50%;margin-left:-0.73rem;
    width:1.46rem;}
.cut-con .cut-ul{max-height:5.45rem;overflow-y:auto; -webkit-overflow-scrolling: touch; padding:0 .2rem;}
.cut-con .cut-ul .cut-item{width:100%;height:1.08rem;border-bottom:0.01rem dashed #FF3D3D;;margin:0 auto;}
.cut-con .cut-ul .cut-item .li-pic img{width:0.66rem;height:0.66rem;border:0.02rem solid #FF3E3E;border-radius:50%;margin-right:0.12rem;}
.cut-con .cut-ul .cut-item .li-pic .pic-title{font-size:0.24rem;color:#FF3D3D;width:1.8rem;}
.cut-con .cut-ul .cut-item .li-pic .pic-con{font-size:0.2rem;color:#999999;margin-top:0.06rem;width:1.8rem;}
.cut-con .bargain-list .cut-display{text-align:center;font-size:0.22rem;color:#FF9A9A;height:0.81rem;line-height:0.81rem;}
.cut-con .bargain-list .cut-price{font-size:0.26rem;color:#ff3d3d;}
.cut-con .bargain-list2{margin:0.5rem 0;padding-bottom:0.24rem;}
.cut-con .bargain-list2 .shop-con{padding:0 0.3rem;line-height:1.5;font-size: 0.26rem;color: #666666;}
.cut-con .bargain-list2 .shop-con img{width:100%;margin:0.15rem 0;}
/*弹框  */
.cut-con .popup{
    width: 5.1rem;
    /* min-height:4.6rem; */
    border-radius:0.35rem;
    z-index:99;
    background-color:#fff;
    position:fixed;
    top:25%;
    left:50%;
    /* margin-left:-3rem; */
    padding:0 0.3rem 0.5rem 0.3rem;
    display:none;
    transform: translateX(-50%);
    }
.cut-con .popup .popup-title{
    font-size:0.32rem;
    color:#FF3D3D;
    text-align:center;
    height: 1rem;
    line-height: 1rem;
    border-bottom:1px dashed #FF3D3D;
    position:relative;
    }
.cut-con .popup .popup-con{font-size: 0.22rem;color:#666666;margin-top:0.32rem;}
.cut-con .popup .popup-con li{line-height:1.7;}
.cut-con .popup .popup-title .iconfont,.cut-con .popup2 .popup2-bg .iconfont{
    font-size: 0.2rem;
    position:absolute;
    top:-0.26rem;
    right:-0.54rem;
    width: 0.6rem;
    height: 0.6rem;
    border-radius:50%;
    color:#FF3D3D;
    background-color:#F7F7F7;
    text-align:center;
    line-height: 0.6rem;
    }
.cut-con .mask,.cut-con .mask2{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:0.7;display:none;}
.cut-con .popup2{
    width: 5.12rem;
    /* height:6.4rem; */
    position:fixed;
    top:50%;
    left:50%;
    /* margin-left:-3rem; */
    /* margin-top:-3.2rem; */
    background-color:#FFFFFF;
    z-index:99;
    border-radius:0.32rem;
    transform: translate(-50%,-50%);
    padding-bottom: .4rem;
    }
.cut-con .popup2 .popup2-bg{background-image:url("../images/cut-con-mask.png");background-repeat:no-repeat;background-size:100% 100%;
    width:100%;height:3.4rem;position:relative;}
.cut-con .popup2 .popup2-bg .iconfont{right: -0.2rem;}
.cut-con .popup2 .popup2-con{font-size: 0.26rem;color:#666666;padding: 0.2rem 0.5rem;text-align:center;line-height:1.7;}
.cut-con .popup2 .popup2-con span{color:#FF3D3D;}
.cut-con .popup2 .popup2-bnt{
    width: 3.25rem;
    height: 0.6rem;
    background: linear-gradient(to top, #ff3d3d,#ff7579);
    color:#fff;
    line-height:0.73rem;
    font-size: 0.26rem;
    border-radius:50rem;
    margin: 0 auto;
    display: block;
    /* padding-bottom:  .4rem; */
    }
.cut-con .mask2{display:block;}
@keyframes progress
{
    from {background-position:0;}
    to {background-position:4.8rem;}
}
/*我的砍价*/
.user-cut .usercut-item{background-color:#fff;padding:0 0.2rem;margin-bottom:0.13rem;}
.user-cut .usercut-item .picture{width: .55rem;height: .55rem;}
.user-cut .usercut-item .picture img{width:100%;height:100%; border-radius: 5px;}
.user-cut .usercut-item .requirement{width: 3.8rem;font-size: 0.26rem;color:#000000;}
.user-cut .usercut-item .time{font-size:0.26rem;color:#333333;margin-top:0.1rem; padding: .15rem 0; font-size: .22rem;}
.user-cut .usercut-item .time span{color:#f60509;}
.user-cut .usercut-item .time .time-icon{display: inline-block; width: .25rem; height: .25rem; background-image: url('../images/time-icon.png'); background-size: 100% 100%;vertical-align: -.04rem;}
.user-cut .usercut-item .usercut-ticket{padding:0.2rem 0;}
.user-cut .usercut-item .item-list{border-bottom:0.02rem dashed #dddddd;}
.user-cut .usercut-item .item-list .item{flex:1 25%;-webkit-flex:1 25%;text-align:center;border-left:0.02rem dashed #DDDDDD;margin:0.22rem 0;font-size: 0.22rem;color:#333333;}
.user-cut .usercut-item .item-list .item:nth-of-type(1){border-left:none;}
.user-cut .usercut-item .item-list .item .money{font-size: 0.3rem;color: #282828;margin-bottom:0.03rem;}
.user-cut .usercut-item .status{height:0.9rem;font-size:0.26rem;color:#ffa200;}
.user-cut .usercut-item .but{width:1.4rem;height: 0.45rem;border-radius: 30px;/* box-shadow: 0 5px 10px #ffb9b9; */color: #ff3d3d;font-size:0.24rem;text-align:center;line-height: 0.45rem;border: 1px solid #ff3d3d;}
/*会员绑定*/
.member-binding .header{width:100%;height:3.76rem;background-color:#444552;padding:0.36rem 0.2rem 0 0.2rem;}
.member-binding .bindings-header{
    background: linear-gradient(top,#efaa3f 0%,#e48d05 100%);
    background: -webkit-linear-gradient(top, #efaa3f 0%,#e48d05 100%);
    background: -moz-linear-gradient(top,#efaa3f 0%,#e48d05 100%);
}
.member-binding .header .card{width:100%;height:3.4rem;border-radius:0.2rem 0.2rem 0 0;
    background: linear-gradient(left,#aab0bd 0%,#d4d4dd 100%);
    background: -webkit-linear-gradient(left, #aab0bd 0%,#d4d4dd 100%);
    background: -moz-linear-gradient(left,#aab0bd 0%,#d4d4dd 100%);}
.member-binding .bindings-header .bindings-card{
    background: linear-gradient(left,#7750d7 0%,#9572ea 100%);
    background: -webkit-linear-gradient(left, #7750d7 0%,#9572ea 100%);
    background: -moz-linear-gradient(left,#7750d7 0%,#9572ea 100%);
}
.member-binding .header .card .card-bg{background-image:url("../images/member-binding-line.png");
    background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;padding:0 0.51rem;align-content: space-between;
-webkit-align-content:space-between;}
.member-binding .header .card .bindings-card-bg{background-image:url("../images/member-binding-line2.png");}
.member-binding .header .card .card-bg .head-portrait{height:1.3rem;font-size:0.3rem;color:#fff;width: 100%;}
.member-binding .header .card .card-bg .picture span{width:3.63rem;}
.member-binding .header .card .card-bg .picture img{width:0.74rem;height:0.74rem;border-radius:50%;margin-right:0.18rem;}
.member-binding .header .card .card-bg .vip{font-weight:bold;}
.member-binding .header .card .card-bg .bindings-vip{color:#ffee00;}
.member-binding .header .card .card-bg .english{font-size:0.42rem;color:#fff;font-family:"Arial";font-style:italic;font-weight:bold;}
.member-binding .header .card .card-bg .status{font-size:0.26rem;color:rgba(255,255,255,0.6);margin-top:0.05rem;}
.member-binding .header .card .card-bg .text{height:1.43rem;}
.member-binding .nav{background-color:#464855;padding:0 0.2rem;height:1.5rem;}
.member-binding .bindings-nav{background-color:#efaa3f;}
.member-binding .nav .nav-item{flex:1;-webkit-flex:1;text-align:center;font-size:0.26rem;color:rgba(255,255,255,0.7);}
.member-binding .nav .nav-item .num{font-size:0.3rem;color:#fff;margin-top:0.1rem;}
.member-binding .member-binding-con{margin:0.2rem 0.2rem 1.6rem 0.2rem;}
.member-binding .member-information{background-color:#fff;padding:0.15rem;margin-bottom:0.15rem;}
.member-binding .member-information .information-border{border:1px solid #e3dcf7;padding:0 0.28rem;}
.member-binding .member-information .information-border .title{font-size:0.3rem;color:#282828;text-align:center;
    height:0.96rem;line-height:0.96rem;font-weight:bold;}
.member-binding .member-information .information-border .item{border-top:1px dashed #dddddd;font-size:0.28rem;color:#282828;
padding:0.27rem 0;}
.member-binding .member-information .information-border .item .item-con{color:#828897;}
.member-binding .member-information .information-border .item .iconfont{font-size:0.35rem;color:#bfbfbf;margin-right:0.16rem;}
.member-binding .bill .bill-item{height:1.27rem;border-top:1px dashed #dddddd;font-size:0.24rem;color:#999999;}
.member-binding .bill .bill-item .name{font-size:0.28rem;color:#333333;margin-bottom:0.03rem;width:4.4rem;}
.member-binding .bill .bill-item .money{font-size:0.3rem;color:#e88320;}
.member-binding .but{width:7.1rem;height:0.86rem;line-height:0.86rem;font-size:0.28rem;color:#fff;text-align:center;display:block;
background-color:#E88320;border-radius:50rem;position:fixed;bottom:0.4rem;left:50%;margin-left:-3.55rem;}
/*内容详情*/
.content-details{padding:0 0.2rem;}
.content-details .header{padding:0.56rem 0 0.32rem 0;border-bottom:1px dashed #b8b8b8;}
.content-details .header .title{font-size:0.36rem;color:#333333;}
.content-details .header .time{font-size:0.22rem;color:#888888;margin-top:0.15rem;}
.content-details .header .time span{margin-left:0.33rem;}
.content-details .details-con{font-size:0.28rem;color:#555555;line-height:1.5;padding-top:0.3rem;}
.content-details .details-con img{width:100%;height:auto;margin:0.3rem 0;}



/*砍价列表*/
.cut-list .header-bg{background-image:url("../images/cut-list-bg.jpg");background-repeat:no-repeat;background-size:100% 100%;
    width:100%;height:3rem;}
.cut-list .swiper-text{width:100%;height:0.72rem;background-color:#fff;padding:0 0.2rem;}
.cut-list .swiper-text .swiper-slide img{width:0.52rem;height:0.52rem;border-radius:50%;}
.cut-list .swiper-text .swiper-slide span{width:5.34rem;font-size:0.26rem;color:#545454; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cut-list .cut-ul{padding:0 0.2rem;margin-bottom:0.4rem; display: -webkit-flex; display:  flex; -webkit-flex-wrap:  wrap; flex-wrap:  wrap; -webkit-justify-content:  space-between; justify-content:  space-between;}
.cut-list .cut-ul .cut-item{background-color:#fff;border-radius:0.1rem;margin-top:0.15rem;width: 2.92rem;}
.cut-list .cut-ul .cut-item .cut-text{ padding:.25rem 0.2rem;}
.cut-list .cut-ul .cut-item .cut-text .cut-con{width: 100%;}
.cut-list .cut-ul .cut-item .cut-text .icon{display: inline-block; width: .27rem; height: .21rem; background-image: url('../images//count-icon.png'); background-size: 100% 100%;}
.cut-list .cut-ul .cut-item .picture{width:100%;height: 2.92rem;}
.cut-list .cut-ul .cut-item .picture img{width:100%;height:100%;border-radius:0.1rem 0.1rem 0 0;}
.cut-list .cut-ul .cut-item .cut-con .name{font-size:0.24rem;color:#262626;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cut-list .cut-ul .cut-item .cut-con .text{font-size:0.22rem;color:#666666; text-align: center; margin: .2rem 0;}
.cut-list .cut-ul .cut-item .cut-con .text span{font-size:0.26rem;color:#999999;margin-left:0.2rem;}
.cut-list .cut-ul .cut-item .cut-con .num{font-size:0.38rem;font-style:normal;}
.cut-list .cut-ul .cut-item .cut-con .zero{font-size:0.28rem;font-style:normal;}
.cut-list .cut-ul .cut-item .cut-text .cut-but{font-size:0.2rem;width:100%;height:0.5rem;background-color:#ff3d3d;
text-align:center;border-radius:50px;color:#fff;line-height:0.5rem;box-shadow: 0 5px 10px #ffb9b9;}
.cut-list .cut-ul .cut-item .cut-text .cut-but .cut-but-icon{display: inline-block; width: .27rem; height: .23rem; background-image: url('../images/cut-but-icon.png'); background-size: 100% 100%;    vertical-align: middle;margin-right: .1rem;}