.count-down {
    width: 100%;
    height: 55px;
    background-image: url(https://front-xps-cdn.xsyx.xyz/2020/03/26/17617384.png);
    background-position: center;
    background-size: cover;
    display: flex;

    .count-down__text {
        flex: 1;
        padding: 15px 0 0 5px;

        .count-down__text--unit { 
            color: #fff;
            font-size: 16px;
        }

        .count-down__text--big {
            font-size: 28px;
            color: #fff;
            font-weight: bold;
            margin-left: -5px;
        }

        .count-down__text--small {
            font-size: 14px;
            text-decoration: line-through;
            color: #FFCACD;
        }
    }

    .count-down__time {
        margin: 0 10px;    

        .count-down__time--tip {
            margin: 0;
            font-size: 13px;
            line-height: 24px;
            color: #ffffff;
            text-align: right;
            margin-top: 3px;
        }

        .count-down__time--content {
            color: #E60012;
            background: #ffffff;
            border-radius: 22px;
            text-align: center;
            line-height: 20px;
            padding: 0 4px;
            font-size: 17px;
            
            .count-down__time--hour {
                margin-left: 7px;
                margin-right: 7px;
            }
            .count-down__time--min {
                margin-left: 7px;
                margin-right: 7px;
            }
            .count-down__time--sec {
                margin-left: 7px;
                margin-right: 7px;
            }
        }
    }
}

.shop-title {
    display: flex;
    padding: 12px 0;
    border-bottom: 0.75px solid #E9EAEB;
    margin: 0 10px;

    .shop-title__text {
        width: 80%;
        border-right: 0.75px solid #E9EAEB;
        padding-right: 5px;

        .shop-title__text--title {
            width: 100%;
            margin: 0;
            font-size: 18px;
            color: #323233;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-weight: bolder;
        }

        .shop-title__text--subtitle {
            width: 100%;
            margin: 0;
            line-height: 25px;
            font-size: 13px;
            color: #999999;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }

    .shop-title__focus {
        flex: 1;

        .shop-title__focus--num {
            margin: 0;
            font-size: 16px;
            color: #E60012;
            text-align: center;
            font-weight: bold;
            padding-top: 3px;
        }

        .shop-title__focus--text {
            margin: 0;
            font-size: 13px;
            color: #999999;
            text-align: right;
            line-height: 25px;
            text-align: center;
        }
    } 
}

.shop-time {
    height:45px;
    padding:12px 10px;
    font-weight:600;

    .shop-time__dowcnt {
        display:flex;
        flex-direction:row;
        align-items:center;
        height:24px;
        line-height:24px;

        .shop-time__time--pre, .shop-time__time--pick {
            width: 130px;
            height: 18px;
            font-size: 13px;
            color: #ff7320;
            line-height: 18px;
        }

        .shop-time__time--pre {
            width: 220px;
        }

        .shop-time__tip--limit {
            flex: 1;
            font-size: 13px;
            color: #555555;
            text-align: right;
            font-weight: bold;

            .text-red {
                color: #EF0A0A;
            }
        }

        .shop-time__tip--sales {
            flex: 1;
            font-size: 13px;
            color: #ff7320;
            text-align: right;
        }
    }

    .shop-time__dowcnt p {
        margin: 0;
    }
}