CRMEB/application/routine/view/crmebN/pages/product-pinke/index.wxss

.swiper-box{height: 750rpx;}
swiper-item{position: relative; width: 100%;}
.swiper_banner swiper-item image{width: 100%; height: 750rpx;}
.swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal{width: 100%; padding-right: 30rpx;display: flex;justify-content:center;box-sizing: border-box;}
.pro-wrapper .pro-infos{background-color: #fff;padding: 20rpx;}
.pro-wrapper .pro-infos .price-wrapper{margin-top: 10rpx; align-items:center;} 
.pro-wrapper .pro-infos .price-wrapper .left{align-items: center;}
.pro-wrapper .pro-infos .price-wrapper .left .old-price{color: #666; margin: 10rpx 0 0 10rpx; text-decoration: line-through; font-size: 26rpx;}


.pro-wrapper .pro-infos .price-wrapper .price{font-size: 48rpx; color: #ff3d3d;}
.pro-wrapper .pro-infos .price-wrapper .price text{font-size: 28rpx;}
.pro-wrapper .pro-infos .price-wrapper .small-txt{font-size: 24rpx; width: 35rpx; color: #fff; border-radius: 3px; height: 40rpx; line-height: 40rpx; text-align: center;margin-left: 10rpx;}
.pro-wrapper .pro-infos .price-wrapper .jing{background-color: #ff3d3d;} 
.pro-wrapper .pro-infos .price-wrapper .you{background-color: #4eb047; }
.pro-wrapper .pro-infos .count-wrapper{ margin-top: 10rpx; justify-content: space-between; font-size: 26rpx; color: #666; padding-bottom: 20rpx;}
.block-bar{position: relative; padding: 0 20rpx;  height: 70rpx; line-height: 70rpx; background-color: #fff; border-top: 1px solid #f7f7f7; font-size: 26rpx;}
.block-bar .title{margin-right: 25rpx; color: #666;}
.block-bar:after{content: "";position: absolute; right: 20rpx; top: 50%; margin-top: -7.5rpx; width: 15rpx;height: 15rpx;border-left: 3rpx solid #bbb;border-bottom: 3rpx solid #bbb;transform: rotate(-135deg); margin-left: 10rpx;}
.block-bar.integral::after{display: none;}
.block-bar.selected{margin-top: 10rpx;}
.common-title{height: 88rpx; color: #aaa;font-size: 24rpx; align-items: center; justify-content: center;}
.common-title .line{width: 105rpx; height: 2rpx; background-color: #e0e0e0;}
.common-title .iconfont{font-size: 35rpx; margin: 0 5rpx 0 17rpx;}
.common-title .text{margin-right: 17rpx;}
.evaluate-hot{ padding: 0 20rpx 30rpx; background-color: #fff;}
.evaluate-hot .hot-title{height: 85rpx; line-height: 85rpx; }
.evaluate-hot .user-info{align-items: center;}
.evaluate-hot .user-info .avatar{width: 48rpx; height: 48rpx; border-radius: 50%; margin-right: 10rpx;}
.evaluate-hot .txt-msg{margin-top: 15rpx; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.evaluate-hot .time-bar{margin-top: 15rpx; font-size: 24rpx; color: #888;}
.evaluate-hot navigator{width: 200rpx; height: 50rpx; margin: 25rpx auto 0; line-height: 46rpx; font-size: 24rpx; color: #ff7000; box-sizing: border-box; border-radius: 30px; border: 2rpx solid #ff7000; text-align: center;}

.foot{position: fixed; left: 0; bottom: 0; width: 100%; height: 110rpx; background-color: #fff; border-top: 1px solid #e0e0e0; align-items: center;}
.foot .fn-btns{width: 305rpx; height: 100%; align-items: center;}
.foot .fn-btns .item{flex: 1; text-align: center; font-size: 22rpx; color: #666;}
.foot .fn-btns .item .iconfont{font-size: 35rpx; color: #999;position:relative;}
.foot .fn-btns .item .iconfont.icon-xingxing{color: #ff7000;}
.foot .btns-wrapper{width: 688rpx; height: 100%; line-height: 110rpx; color: #fff; font-size: 30rpx;}
.foot .btns-wrapper view{flex: 1; text-align: center;}
.foot .btns-wrapper .buy-btn{background-color: #ff7000;}
.foot .btns-wrapper .payment-btn{background-color: #ff3d3d;}

.pink-list{background-color: #fff; margin-top: 15rpx; padding: 0 20rpx;}
.pink-list .title-bar{height: 84rpx; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee;}
.pink-list .title-bar .right-wrapper{font-size: 24rpx; color: #999;}
.pink-list .title-bar .right-wrapper::after{content: "";display: inline-block; width: 15rpx;height: 15rpx;border-left: 3rpx solid #bbb;border-bottom: 3rpx solid #bbb;transform: rotate(-135deg); }
.pink-list .list-item .item{width: 100%; padding: 15rpx 0; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee;}
.pink-list .list-item .item:last-child{border-bottom: 0;}
.pink-list .list-item .item .left-wrapper {align-items: center;}
.pink-list .list-item .item .left-wrapper image{width: 89rpx; height: 89rpx; border-radius: 50%; margin-right: 10rpx;}
.pink-list .list-item .item .right-wrapper{align-items: center;}
.pink-list .list-item .item .right-wrapper .count{font-size: 26rpx;}
.pink-list .list-item .item .right-wrapper .count .num{color: #ff3d3d;}
.pink-list .list-item .item .right-wrapper .time{margin-top: 5rpx; font-size: 22rpx; color: #666;}
.pink-list .list-item .item .right-wrapper .join{width: 135rpx; height: 60rpx; line-height: 60rpx; text-align: center; color: #fff; background-color: #ff3d3d; border-radius: 5px;margin-left: 30rpx;border:none;font-size:26rpx;}
.pinklist-model{display: none; z-index: 60; position: fixed; left: 50%; top: 200rpx; width: 650rpx; margin-left: -325rpx; background-color: #fff; padding: 0 20rpx; box-sizing: border-box;}
.pinklist-model.show{display: block;}
.pinklist-model .tit-bar{height: 120rpx; line-height: 120rpx; text-align: center; font-size: 32rpx; border-bottom: 1px solid #eee;}
.pinklist-model .item{padding: 10rpx 0; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee;}
.pinklist-model .item .left-wrapper{display: flex; align-items: center;}
.pinklist-model .item .left-wrapper image{width: 89rpx; height: 89rpx; border-radius: 50%;}
.pinklist-model .item .left-wrapper .text-info{margin-left:22rpx;}
.pinklist-model .item .left-wrapper .text-info .name text{font-size: 24rpx; color: #666;}
.pinklist-model .item .left-wrapper .text-info .time{font-size: 22rpx; color: #999;}
.pinklist-model .item .right-wrapper{width: 125rpx; height: 55rpx; line-height: 55rpx; text-align: center; color: #fff; background-color: #ff3d3d; border-radius: 5px;border:none;font-size:22rpx;}
.pinklist-model .tips{height: 62rpx; line-height: 62rpx; text-align: center; color: #999;font-size: 22rpx;}
.close{position: absolute; right: -23rpx; top: -22rpx; width: 60rpx; height: 60rpx; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjMDMwMGMwMi1jOGFmLTQzNDctOWU2ZS0wYTc3Y2E3OWJmZDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUFEMTcxQ0E0NkE3MTFFOEE0MTdEMDI1RjJBNzk4QjIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUFEMTcxQzk0NkE3MTFFOEE0MTdEMDI1RjJBNzk4QjIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5ZDM0ZjU1NS0xODEwLTVhNDctYTA2Mi1jY2Y3NWE0NDRkYjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6YzAzMDBjMDItYzhhZi00MzQ3LTllNmUtMGE3N2NhNzliZmQwIi8+IDwv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'); background-size: 100% 100%;}
.item-span{min-width:20rpx;height:20rpx;border-radius:50rpx;background-color:#ff3d3d;color: #fff;display:block;font-size:12rpx;text-align:center;line-height:20rpx;position:absolute;right:23rpx;top:0;}
.form-btn{width:100%;height:100%;line-height:110rpx;font-size:30rpx;}
.form-btn button{color:#fff;border:none;border-radius:0;height:110rpx;line-height:110rpx;}
@import "/pages/foo-tan/foo-tan.wxss";
@import "/wxParse/wxParse.wxss";