wpfw_ewei_wxapp/bargain/detail/detail.wxss

.goodsadvimg {
    width: 100%;
    height: 100%;
}

.name image {
    display: inline-block;
    width: 50rpx;
    height: 24rpx;
    vertical-align: middle;
    margin-top: -5rpx;
    margin-right: 10rpx;
}

.countDown {
    height: 52rpx;
    width: 100%;
    background: linear-gradient(to right,#fe8a54 0%,#f94543 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffe8a54, endColorstr=#fff94543,gradientType='1');
    text-align: center;
    color: #fff;
    line-height: 52rpx;
    font-size: 24rpx;
}

.fui-cell-group .fui-cell .fui-cell-remark.rule::after {
    display: none;
}

.fui-cell-group .fui-cell:before {
    display: none;
}

.fui-cell-group .fui-cell .original_price {
    float: right;
    text-decoration: line-through;
    font-size: 22rpx;
    color: #999;
    margin-top: 20rpx;
}

.fui-cell-group .fui-cell {
    padding: 12rpx 24rpx;
}

.fui-cell-group .fui-cell.price {
    color: #ff5555;
    font-size: 20rpx;
    display: block;
}

.fui-cell-group .fui-cell.price .miniprice {
    font-size: 44rpx;
    font-weight: bold;
    display: inline-block;
    vertical-align: bottom;
}

.fui-cell-group .fui-cell .fui-cell-text {
    color: #333;
}

.fui-cell-group .fui-cell .fui-cell-text.number {
    font-size: 24rpx;
    color: #666;
}

.detail-rule {
    background: #fff;
    margin-top: 20rpx;
    padding: 0 24rpx;
    height: 200rpx;
}

.detail-rule .detail-rule-top {
    height: 80rpx;
    line-height: 80rpx;
    font-size: 24rpx;
    border-bottom: 1px solid #ededed;
}

.detail-rule .detail-rule-bottom {
    padding-top: 26rpx;
    font-size: 24rpx;
    color: #666;
}

.detail-rule .detail-rule-bottom .step {
    float: left;
    width: 230rpx;
    text-align: center;
}

.detail-rule .detail-rule-bottom .step.active {
    color: #ff5555;
}

.detail-rule .detail-rule-bottom .step.active .num {
    background: #ff5555;
    color: #fff;
}

.detail-rule .detail-rule-bottom .num {
    width: 30rpx;
    height: 30rpx;
    border-radius: 50%;
    background: #ccc;
    text-align: center;
    font-size: 22rpx;
    line-height: 30rpx;
    position: relative;
    display: inline-block;
    margin-bottom: 20rpx;
    color: #fff;
}

.detail-rule .detail-rule-bottom .num:before {
    position: absolute;
    content: '';
    width: 200rpx;
    top: 14rpx;
    left: 30rpx;
    border-bottom: 1px dashed #eee;
}

.detail-rule .detail-rule-bottom .num:after {
    position: absolute;
    content: '';
    border: 6rpx solid transparent;
    border-left: 6rpx solid #ccc;
    top: 8rpx;
    left: 130rpx;
}

.detail-rule .detail-rule-bottom .step:last-child .num:before,.detail-rule .detail-rule-bottom .step:last-child .num:after {
    display: none;
}

.fui-navbar .nav-item .icox {
    font-size: 50rpx;
}

.nav-item.buybtn {
    background: #fe9501;
}

.nav-item.bargainBuy {
    background: #ff5654;
}

.nav-item.noBargain {
    background: #f2f2f2;
    color: #b2b2b2!important;
    border: 1px solid #f2f2f2;
}

.layer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
}

.layer .content {
    width: 420rpx;
    height: 460rpx;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -210rpx;
    margin-top: -230rpx;
    border-radius: 10rpx;
    text-align: center;
}

.layer .content .icox-close {
    position: absolute;
    right: 10rpx;
    top: 0;
    line-height: 52rpx;
    font-size: 24rpx;
    display: block;
}

.layer .content image {
    width: 86rpx;
    height: 103rpx;
    margin-top: 56rpx;
}

.layer .content .layerbtn {
    width: 300rpx;
    background: #ff5555;
    line-height: 72rpx;
    border-radius: 72rpx;
    color: #fff;
    margin: 0 auto;
    margin-top: 36rpx;
}

.layer .showModal {
    width: 560rpx;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -280rpx;
    margin-top: -196rpx;
}

.layer .showModal .inner {
    padding: 58rpx 52rpx;
    font-size: 28rpx;
    line-height: 36rpx;
    border-bottom: 1px solid #eee;
}

.layer .showModal .operate {
    height: 100rpx;
    line-height: 100rpx;
    text-align: center;
    font-size: 28rpx;
}

.layer .showModal .operate view:last-child {
    border-left: 1px solid #eee;
    color: #00c201;
}

.subtitle {
    font-size: 24rpx;
    color: #999;
    padding: 0 24rpx;
}