@charset "UTF-8";

body {
    background: #fff;
}

#layout {
    max-width: 10rem;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: #f5f5f5;
}

#cake_list {
    background: #fff;
}

    #cake_list .surprised {
        background: url(../imgs/shopping-cart/surprised.png) no-repeat;
        background-size: 1.333333rem .373333rem;
        background-position: 1.066667rem 0;
    }

    #cake_list .inlife {
        background: url(../imgs/shopping-cart/inlife.png) no-repeat;
        background-size: 1.333333rem .373333rem;
        background-position: 1.066667rem 0;
    }

    #cake_list .inlife, #cake_list .surprised {
        list-style: none;
    }

        #cake_list .inlife li, #cake_list .surprised li {
            border: .013333rem solid #dcdcdc;
        }

            #cake_list .inlife li .vertical-reduction {
                width: 85%;
                padding-top: .533333rem;
                padding-left: 1.066667rem;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }

                #cake_list .inlife li .vertical-reduction > a:first-child {
                    display: inline-block;
                    width: 1.066667rem;
                    height: .506667rem;
                    text-align: center;
                    line-height: .506667rem;
                    border: .013333rem solid #e33325;
                    color: #e33325;
                    border-radius: .066667rem;
                    -ms-flex-item-align: center;
                    -ms-grid-row-align: center;
                    align-self: center;
                }

[data-dpr="1"] #cake_list .inlife li .vertical-reduction > a:first-child {
    font-size: 11px;
}

[data-dpr="2"] #cake_list .inlife li .vertical-reduction > a:first-child {
    font-size: 22px;
}

[data-dpr="3"] #cake_list .inlife li .vertical-reduction > a:first-child {
    font-size: 33px;
}

#cake_list .inlife li .vertical-reduction > p{
    display: inline-block;
    width: 85%;
    color: #e33325;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

#cake_list .inlife li .parcel {
    position: relative;
    height: 3.666667rem;
}

    /*#cake_list .inlife li .parcel .douli-text, #cake_list .surprised li .parcel .douli-text {
        position: absolute;
        left: 3.6rem;
        bottom: .466667rem;
        width: 3.4rem;
        height: .36rem;
    }*/

        #cake_list .inlife li .parcel .douli-text img {
            width: 3.4rem;
            height: .36rem;
        }

    #cake_list .inlife li .parcel > span:first-of-type {
        position: absolute;
        left: .266667rem;
        top: 1.333333rem;
        width: .546667rem;
        height: .546667rem;
        background: url(../imgs/shopping-cart/no-like.png) no-repeat;
        background-size: cover;
    }

        #cake_list .inlife li .parcel > span:first-of-type.active{
            background: url(../imgs/shopping-cart/like.png) no-repeat;
            background-size: .533333rem .533333rem;
        }

    #cake_list .inlife li .parcel > a:first-of-type {
        position: relative;
        top: .413333rem;
        left: 1.066667rem;
        display: block;
        width: 2.133333rem;
        height: 2.133333rem;
    }

        #cake_list .inlife li .parcel > a:first-of-type.active:after {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: "";
            background-image: url(../imgs/shopping-cart/soldout_bg.png);
            background-repeat: no-repeat;
            background-size: 2.133333rem 2.133333rem;
        }

    #cake_list .inlife li .parcel > p:first-of-type {
        position: absolute;
        left: 3.6rem;
        top: .533333rem;
        width: 100%;
    }

        #cake_list .inlife li .parcel > p:first-of-type > span:nth-of-type(1) {
            font-family: 黑体;
            font-size: .346667rem;
        }

        #cake_list .inlife li .parcel > p:first-of-type > span:nth-of-type(2) {
            position: absolute;
            top: .4rem;
            left: 0;
            font-family: 黑体;
            font-size: .186667rem;
        }

        #cake_list .inlife li .parcel > p:first-of-type > span:nth-of-type(3) {
            position: absolute;
            left: 4.4rem;
            top: .2rem;
            font-family: 黑体;
            font-size: .373333rem;
        }

        #cake_list .inlife li .parcel > p:first-of-type > span:nth-of-type(4) {
            display: block;
            position: absolute;
            right: 3.6rem;
            top: .186667rem;
            width: .666667rem;
            height: .666667rem;
            background: url(../imgs/shopping-cart/delete.png) no-repeat;
            background-size: .346667rem .426667rem;
        }

    #cake_list .inlife li .parcel > p:nth-of-type(2) {
        position: absolute;
        left: 3.6rem;
        top: 1.333333rem;
        font-size: .293333rem;
        color: #b4b4b4;
    }

    #cake_list .inlife li .parcel > p:nth-of-type(3) {
        position: absolute;
        left: 3.6rem;
        top: 2rem;
        border: .013333rem solid #dcdcdc;
        display: block;
        width: 3rem;
        height: .533333rem;
    }

        #cake_list .inlife li .parcel > p:nth-of-type(3) span {
            display: inline-block;
        }

            #cake_list .inlife li .parcel > p:nth-of-type(3) span:first-of-type {
                width: .533333rem;
                height: .533333rem;
                text-align: center;
                line-height: .533333rem;
                border-right: .013333rem solid #dcdcdc;
            }

            #cake_list .inlife li .parcel > p:nth-of-type(3) span:nth-of-type(2) {
                width: 1.866667rem;
                height: .533333rem;
                text-align: center;
                line-height: .533333rem;
                border-right: .013333rem solid #dcdcdc;
            }

            #cake_list .inlife li .parcel > p:nth-of-type(3) span:nth-of-type(3) {
                width: .533333rem;
                text-align: center;
                line-height: .533333rem;
            }

    #cake_list .inlife li .parcel a:nth-of-type(2) {
        position: absolute;
        right: 0;
        top: 2.133333rem;
        display: block;
        width: 2.133333rem;
        height: .666667rem;
        color: #fff;
        text-align: center;
        line-height: .666667rem;
        background: #e33325;
        border-radius: .666667rem 0 0 .666667rem;
    }

        #cake_list .inlife li .parcel a:nth-of-type(2) span:first-child{
            position: absolute;
            left: .226667rem;
            top: .106667rem;
            display: inline-block;
            width: .44rem;
            height: .44rem;
        }
/*#cake_list .surprised li .parcel a:nth-of-type(2), #cake_list .convention li .parcel a:nth-of-type(2) {
    position: absolute;
    right: 0;
    top: 2.133333rem;
    display: block;
    width: 2.133333rem;
    height: 0.666667rem;
    color: #fff;
    text-align: center;
    line-height: 0.666667rem;
    background: #e33325;
    border-radius: 0.666667rem 0 0 0.666667rem;
}*/
/*[data-dpr="1"] #cake_list .surprised li .parcel a:nth-of-type(2) span:last-child, [data-dpr="1"] #cake_list .inlife li .parcel a:nth-of-type(2) span:last-child {
    font-size: 11px;
}

#cake_list .surprised li .parcel a:nth-of-type(2) span:last-child, #cake_list .inlife li .parcel a:nth-of-type(2) span:last-child {
    margin-left: 0.666667rem;
}
#cake_list .surprised li .parcel a:nth-of-type(2), #cake_list .convention li .parcel a:nth-of-type(2) {
    position: absolute;
    right: 0;
    top: 2.133333rem;
    display: block;
    width: 2.133333rem;
    height: 0.666667rem;
    color: #fff;
    text-align: center;
    line-height: 0.666667rem;
    background: #069;
    border-radius: 0.666667rem 0 0 0.666667rem;
}*/
/*#cake_list .surprised li .parcel a:nth-of-type(2), #cake_list .inlife li .parcel a:nth-of-type(2) {
    position: absolute;
    right: 0;
    top: 2.133333rem;
    display: block;
    width: 2.133333rem;
    height: 0.666667rem;
    color: #fff;
    text-align: center;
    line-height: 0.666667rem;
    background: #e9546b;
    border-radius: 0.666667rem 0 0 0.666667rem;
}*/


        #cake_list .inlife li .parcel a:nth-of-type(2) span:last-child {
            margin-left: .666667rem;
        }

[data-dpr="1"] #cake_list .inlife li .parcel a:nth-of-type(2) span:last-child {
    font-size: 11px;
}

[data-dpr="2"] #cake_list .inlife li .parcel a:nth-of-type(2) span:last-child {
    font-size: 22px;
}

[data-dpr="3"] #cake_list .inlife li .parcel a:nth-of-type(2) span:last-child {
    font-size: 33px;
}

#cake_list .convention {
    background: url(../imgs/shopping-cart/convention.png) no-repeat;
    background-size: 1.333333rem .373333rem;
    background-position: 1.066667rem 0;
}

#cake_list .ali {
    background: url(../imgs/shopping-cart/ali.png) no-repeat;
    background-size: 1.333333rem .373333rem;
    background-position: 1.066667rem 0;
}

#cake_list .ali, #cake_list .convention {
    list-style: none;
}

    #cake_list .ali li, #cake_list .convention li {
        border: .013333rem solid #dcdcdc;
    }

        #cake_list .ali li .vertical-reduction, #cake_list .convention li .vertical-reduction {
            width: 85%;
            padding-top: .533333rem;
            padding-left: 1.066667rem;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            #cake_list .ali li .vertical-reduction > a:first-child, #cake_list .convention li .vertical-reduction > a:first-child {
                display: inline-block;
                width: 1.066667rem;
                height: .506667rem;
                text-align: center;
                line-height: .506667rem;
                border: .013333rem solid #e33325;
                color: #e33325;
                border-radius: .066667rem;
                -ms-flex-item-align: center;
                -ms-grid-row-align: center;
                align-self: center;
            }

[data-dpr="1"] #cake_list .ali li .vertical-reduction > a:first-child, [data-dpr="1"] #cake_list .convention li .vertical-reduction > a:first-child {
    font-size: 11px;
}

[data-dpr="2"] #cake_list .ali li .vertical-reduction > a:first-child, [data-dpr="2"] #cake_list .convention li .vertical-reduction > a:first-child {
    font-size: 22px;
}

[data-dpr="3"] #cake_list .ali li .vertical-reduction > a:first-child, [data-dpr="3"] #cake_list .convention li .vertical-reduction > a:first-child {
    font-size: 33px;
}

#cake_list .ali li .vertical-reduction > p, #cake_list .convention li .vertical-reduction > p {
    display: inline-block;
    width: 85%;
    color: #e33325;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

#cake_list .ali li .parcel, #cake_list .convention li .parcel {
    position: relative;
    height: 3.966667rem;
}

    #cake_list .ali li .parcel .douli-text, #cake_list .convention li .parcel .douli-text {
        position: absolute;
        left: 1.0rem;
        bottom: .366667rem;
        width: 7.9rem;
        height: .96rem;
        color: #b4b4b4
        /*border: .013333rem solid #dcdcdc*/
    }

        #cake_list .ali li .parcel .douli-text img, #cake_list .convention li .parcel .douli-text img {
            width: 3.4rem;
            height: .36rem;
        }

    #cake_list .ali li .parcel > span:first-of-type, #cake_list .convention li .parcel > span:first-of-type {
        position: absolute;
        left: .266667rem;
        top: 1.333333rem;
        width: .533333rem;
        height: .533333rem;
        background: url(../imgs/shopping-cart/no-like.png) no-repeat;
        background-size: cover;
    }

        #cake_list .ali li .parcel > span:first-of-type.active, #cake_list .convention li .parcel > span:first-of-type.active {
            background: url(../imgs/shopping-cart/like.png) no-repeat;
            background-size: .533333rem .533333rem;
        }

    #cake_list .ali li .parcel > a:first-of-type, #cake_list .convention li .parcel > a:first-of-type {
        position: relative;
        top: .413333rem;
        left: 1.066667rem;
        display: block;
        width: 2.133333rem;
        height: 2.133333rem;
    }

        #cake_list .ali li .parcel > a:first-of-type.active:after, #cake_list .convention li .parcel > a:first-of-type.active:after {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: "";
            background-image: url(../imgs/shopping-cart/soldout_bg.png);
            background-repeat: no-repeat;
            background-size: 2.133333rem 2.133333rem;
        }

    #cake_list .ali li .parcel > a:nth-of-type(2), #cake_list .convention li .parcel > a:nth-of-type(2) {
        position: absolute;
        right: 0;
        top: 2.133333rem;
        display: block;
        width: 2.133333rem;
        height: .666667rem;
        color: #fff;
        text-align: center;
        line-height: .666667rem;
        opacity: .5;
        border-radius: .666667rem 0 0 .666667rem;
    }

        #cake_list .ali li .parcel > a:nth-of-type(2) > input, #cake_list .convention li .parcel > a:nth-of-type(2) > input {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
        }

    #cake_list .ali li .parcel > p:first-of-type, #cake_list .convention li .parcel > p:first-of-type {
        position: absolute;
        left: 3.6rem;
        top: .533333rem;
        width: 100%;
    }

        #cake_list .ali li .parcel > p:first-of-type > span:nth-of-type(1), #cake_list .convention li .parcel > p:first-of-type > span:nth-of-type(1) {
            font-family: 黑体;
            font-size: .346667rem;
        }

        #cake_list .ali li .parcel > p:first-of-type > span:nth-of-type(2), #cake_list .convention li .parcel > p:first-of-type > span:nth-of-type(2) {
            position: absolute;
            top: .4rem;
            left: 0;
            font-family: 黑体;
            font-size: .186667rem;
        }

        #cake_list .ali li .parcel > p:first-of-type > span:nth-of-type(3), #cake_list .convention li .parcel > p:first-of-type > span:nth-of-type(3) {
            position: absolute;
            left: 4.4rem;
            top: .2rem;
            font-family: 黑体;
            font-size: .373333rem;
        }

        #cake_list .ali li .parcel > p:first-of-type > span:nth-of-type(4), #cake_list .convention li .parcel > p:first-of-type > span:nth-of-type(4) {
            display: block;
            position: absolute;
            right: 3.6rem;
            top: .186667rem;
            width: .666667rem;
            height: .666667rem;
            background: url(../imgs/shopping-cart/delete.png) no-repeat;
            background-size: .346667rem .426667rem;
        }

    #cake_list .ali li .parcel > p:nth-of-type(2), #cake_list .convention li .parcel > p:nth-of-type(2) {
        position: absolute;
        left: 3.6rem;
        top: 1.333333rem;
        font-size: .293333rem;
        color: #b4b4b4;
    }

    #cake_list .ali li .parcel > p:nth-of-type(3), #cake_list .convention li .parcel > p:nth-of-type(3) {
        position: absolute;
        left: 3.6rem;
        top: 2rem;
        border: .013333rem solid #dcdcdc;
        display: block;
        width: 3rem;
        height: .533333rem;
    }

        #cake_list .ali li .parcel > p:nth-of-type(3) span, #cake_list .convention li .parcel > p:nth-of-type(3) span {
            display: inline-block;
        }

            #cake_list .ali li .parcel > p:nth-of-type(3) span:first-of-type, #cake_list .convention li .parcel > p:nth-of-type(3) span:first-of-type {
                width: .533333rem;
                height: .533333rem;
                text-align: center;
                line-height: .533333rem;
                border-right: .013333rem solid #dcdcdc;
            }

            #cake_list .ali li .parcel > p:nth-of-type(3) span:nth-of-type(2), #cake_list .convention li .parcel > p:nth-of-type(3) span:nth-of-type(2) {
                width: 1.866667rem;
                height: .533333rem;
                text-align: center;
                line-height: .533333rem;
                border-right: .013333rem solid #dcdcdc;
            }

            #cake_list .ali li .parcel > p:nth-of-type(3) span:nth-of-type(3), #cake_list .convention li .parcel > p:nth-of-type(3) span:nth-of-type(3) {
                width: .533333rem;
                text-align: center;
                line-height: .533333rem;
            }

    #cake_list .ali li .parcel a:nth-of-type(2), #cake_list .convention li .parcel a:nth-of-type(2) {
        position: absolute;
        right: 0;
        top: 2.133333rem;
        display: block;
        width: 2.133333rem;
        height: .74rem;
        color: #fff;
        text-align: center;
        background:#e33325;
        line-height: .74rem;
        border-top: .033333rem solid #e33325;
        border-left: .033333rem solid #e33325;
        border-bottom: .033333rem solid #e33325;
        border-radius: .666667rem 0 0 .666667rem;
    }

#cake_list .commodity {
    background: url(../imgs/shopping-cart/commodity.png) no-repeat;
    background-size: 1.333333rem .373333rem;
    background-position: 1.066667rem 0;
}

#cake_list .customization {
    background: url(../imgs/shopping-cart/customization.png) no-repeat;
    background-size: 1.333333rem .373333rem;
    background-position: 1.066667rem 0;
}

#cake_list .commodity, #cake_list .customization {
    list-style: none;
}

    #cake_list .commodity li, #cake_list .customization li {
        position: relative;
        border: .013333rem solid #dcdcdc;
        height: 3.666667rem;
    }

        #cake_list .commodity li > span:first-of-type, #cake_list .customization li > span:first-of-type {
            position: absolute;
            left: .266667rem;
            top: 1.333333rem;
            width: .546667rem;
            height: .546667rem;
            background: url(../imgs/shopping-cart/no-like.png) no-repeat;
            background-size: cover;
        }

            #cake_list .commodity li > span:first-of-type.active, #cake_list .customization li > span:first-of-type.active {
                background: url(../imgs/shopping-cart/like.png) no-repeat;
                background-size: cover;
            }

        #cake_list .commodity li > a:first-of-type, #cake_list .customization li > a:first-of-type {
            position: relative;
            top: .413333rem;
            left: 1.066667rem;
            display: block;
            width: 2.133333rem;
            height: 2.133333rem;
        }

            #cake_list .commodity li > a:first-of-type.active:after, #cake_list .customization li > a:first-of-type.active:after {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                content: "";
                background-image: url(../imgs/shopping-cart/soldout_bg.png);
                background-repeat: no-repeat;
                background-size: 2.133333rem 2.133333rem;
            }

        #cake_list .commodity li > p:first-of-type, #cake_list .customization li > p:first-of-type {
            position: absolute;
            left: 3.6rem;
            top: .533333rem;
            width: 100%;
        }

            #cake_list .commodity li > p:first-of-type > span:nth-of-type(1), #cake_list .customization li > p:first-of-type > span:nth-of-type(1) {
                font-family: 黑体;
                font-size: .346667rem;
            }

            #cake_list .commodity li > p:first-of-type > span:nth-of-type(2), #cake_list .customization li > p:first-of-type > span:nth-of-type(2) {
                position: absolute;
                top: .4rem;
                left: 0;
                font-family: 黑体;
                font-size: .186667rem;
            }

            #cake_list .commodity li > p:first-of-type > span:nth-of-type(3), #cake_list .customization li > p:first-of-type > span:nth-of-type(3) {
                position: absolute;
                left: 4.4rem;
                top: .2rem;
                font-family: 黑体;
                font-size: .373333rem;
            }

            #cake_list .commodity li > p:first-of-type > span:nth-of-type(4), #cake_list .customization li > p:first-of-type > span:nth-of-type(4) {
                display: block;
                position: absolute;
                right: 3.6rem;
                top: .186667rem;
                width: .666667rem;
                height: .666667rem;
                background: url(../imgs/shopping-cart/delete.png) no-repeat;
                background-size: .346667rem .426667rem;
            }

        #cake_list .commodity li > p:nth-of-type(2), #cake_list .customization li > p:nth-of-type(2) {
            position: absolute;
            left: 3.6rem;
            top: 1.333333rem;
            font-size: .293333rem;
            color: #b4b4b4;
        }

        #cake_list .commodity li > p:nth-of-type(3), #cake_list .customization li > p:nth-of-type(3) {
            position: absolute;
            left: 3.6rem;
            top: 2rem;
            border: .013333rem solid #dcdcdc;
            display: block;
            width: 3rem;
            height: .533333rem;
        }

            #cake_list .commodity li > p:nth-of-type(3) span, #cake_list .customization li > p:nth-of-type(3) span {
                display: inline-block;
            }

                #cake_list .commodity li > p:nth-of-type(3) span:first-of-type, #cake_list .customization li > p:nth-of-type(3) span:first-of-type {
                    width: .533333rem;
                    height: .533333rem;
                    text-align: center;
                    line-height: .533333rem;
                    border-right: .013333rem solid #dcdcdc;
                }

                #cake_list .commodity li > p:nth-of-type(3) span:nth-of-type(2), #cake_list .customization li > p:nth-of-type(3) span:nth-of-type(2) {
                    width: 1.866667rem;
                    height: .533333rem;
                    text-align: center;
                    line-height: .533333rem;
                    border-right: .013333rem solid #dcdcdc;
                }

                #cake_list .commodity li > p:nth-of-type(3) span:nth-of-type(3), #cake_list .customization li > p:nth-of-type(3) span:nth-of-type(3) {
                    width: .533333rem;
                    text-align: center;
                    line-height: .533333rem;
                }

        #cake_list .commodity li a:nth-of-type(2), #cake_list .customization li a:nth-of-type(2) {
            position: absolute;
            right: 0;
            top: 2.133333rem;
            display: block;
            width: 2.133333rem;
            height: .64rem;
            color: #e33325;
            text-align: center;
            line-height: .64rem;
            border-top: .013333rem solid #e33325;
            border-left: .013333rem solid #e33325;
            border-bottom: .013333rem solid #e33325;
            border-radius: .666667rem 0 0 .666667rem;
        }

.other {
    width: 100%;
    height: 1.333333rem;
    margin-top: .533333rem;
    background: #fff;
    border-top: .013333rem solid #dcdcdc;
}

    .other ul {
        list-style: none;
    }

        .other ul li {
            float: left;
            font-size: .32rem;
            width: 50%;
            height: 1.266667rem;
            text-align: center;
            line-height: 1.866667rem;
        }

            .other ul li.active {
                color: #e33325;
                border-bottom: .066667rem solid #e33325;
            }

.swiper-container {
    background: #fff;
    height: 6.666667rem;
    /*margin-bottom: 3.333333rem;*/
}

.swiper-slide {
    width: 3.866667rem;
    background: #fff;
}

    .swiper-slide > a:first-of-type {
        display: block;
        width: 3.866667rem;
        height: 3.866667rem;
    }

    .swiper-slide div {
        width: 3.866667rem;
    }

        .swiper-slide div p {
            text-align: center;
        }

            .swiper-slide div p:first-of-type {
                margin-top: .266667rem;
                font-size: .346667rem;
            }

            .swiper-slide div p:nth-of-type(2) {
                font-size: .186667rem;
                margin-top: .133333rem;
            }

            .swiper-slide div p:nth-of-type(3) {
                margin-top: .4rem;
                color: #e9667a;
            }

        .swiper-slide div a {
            display: block;
            width: .666667rem;
            height: .666667rem;
            margin-left: 1.666667rem;
            margin-top: .2rem;
        }

.close {
    position: fixed;
    bottom: 1.166667rem;
    left: auto;
    width: 10rem;
    height: 1.2rem;
    border-top: .013333rem solid #dcdcdc;
    background: #fff;
    line-height: 1.2rem;
}

    .close a:first-of-type {
        position: absolute;
        left: 0;
        top: 0;
        width: 1.333333rem;
        height: 1.2rem;
        background: url(../imgs/shopping-cart/no-like.png) no-repeat;
        background-size: .546667rem .546667rem;
        background-position: .333333rem .333333rem;
    }

    .close a.active {
        background: url(../imgs/shopping-cart/like.png) no-repeat;
        background-size: .546667rem .546667rem;
        background-position: .333333rem .333333rem;
    }

    .close > span:first-of-type {
        position: absolute;
        left: 1.333333rem;
        top: 0;
        color: #d42237;
    }

    .close > span:nth-of-type(2) {
        position: absolute;
        left: 2.266667rem;
        top: 0;
        font-size: .36rem;
    }
        .close > span:nth-of-type(2) strong {
            color: #d42237;
            font-weight:normal;
            font-size: .28rem;
        }

    .close > span:nth-of-type(3) {
        position: absolute;
        left: 4.533333rem;
        top: -.093333rem;
        font-size: .32rem;
    }

        .close > span:nth-of-type(3) > span {
            color: #d42237;
        }

        .close > span:nth-of-type(3) span:nth-of-type(2) {
            font-size: .533333rem;
        }

    .close a:nth-of-type(2) {
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
        line-height: 1.2rem;
        font-size: .4rem;
        background: #e33325;
        color: #fff;
        display: block;
        width: 3.066667rem;
        height: 1.2rem;
    }

#shade {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -5rem;
    display: none;
    max-width: 10rem;
    z-index: 9998;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
}

    #shade .shade-list {
        width: 7.333333rem;
        height: 100%;
        background: #f2f2f2;
        position: absolute;
        top: 0;
        right: -7.333333rem;
        z-index: 9999;
        overflow: auto;
    }

        #shade .shade-list > p:first-of-type {
            margin-top: 1.2rem;
            margin-left: .533333rem;
            font-size: .32rem;
            font-weight: 600;
        }

        #shade .shade-list > p:nth-of-type(2) {
            margin-top: .6rem;
            margin-left: .533333rem;
            font-size: .32rem;
            font-weight: 550;
        }

        #shade .shade-list ul:first-of-type {
            list-style: none;
            position: relative;
            height: 3.0rem;
            margin-top: .333333rem;
            margin-left: .533333rem;
            border-bottom: .013333rem solid #545454;
        }

            #shade .shade-list ul:first-of-type li {
                float: left;
                width: 1.866667rem;
                height: .8rem;
                border: .033333rem solid #545454;
                text-align: center;
                line-height: .8rem;
                margin: .266667rem .266667rem 0 0;
                border-radius: .666667rem;
            }

                #shade .shade-list ul:first-of-type li.active {
                    background: #e33325;
                    color: #fff;
                }

            #shade .shade-list ul:first-of-type .last-li {
                position: absolute;
                left: 2.033333rem;
                top: 1.366667rem;
                width: 4.533333rem;
                height: .8rem;
                outline: none;
                text-align:center;
                border-radius: .133333rem;
            }

        #shade .shade-list > p:nth-of-type(3) {
            margin: .533333rem;
        }

        #shade .shade-list ul:nth-of-type(2) {
            position: relative;
            list-style: none;
            height: 1.5rem;
            margin-top: .333333rem;
            margin-left: .533333rem;
            /*border-bottom: .013333rem solid #545454;*/
        }

            #shade .shade-list ul:nth-of-type(2) li {
                float: left;
                width: 2.866667rem;
                height: .8rem;
                border: .033333rem solid #545454;
                text-align: center;
                line-height: .8rem;
                margin: .266667rem .266667rem 0 0;
                border-radius: .666667rem;
            }

                #shade .shade-list ul:nth-of-type(2) li.active {
                    background: #e33325;
                    color: #fff;
                }

            #shade .shade-list ul:nth-of-type(2) .shade-other {
                position: absolute;
                top: 3.333333rem;
                left: 0;
            }

            #shade .shade-list ul:nth-of-type(2) .last-li {
                position: absolute;
                left: 2.133333rem;
                top: 3.6rem;
                width: 4.133333rem;
                height: .8rem;
                outline: none;
                border-radius: .133333rem;
            }

        #shade .shade-list > p:nth-of-type(4) {
            margin: .533333rem;
        }

        /*#shade .shade-list > div:first-of-type {
            width: 6.266667rem;
            height: 2.066667rem;
            margin-left: .533333rem;
            border: .013333rem solid #dcdcdc;
            border-radius: .133333rem;
            margin-bottom: 1.066667rem;
        }*/

            /*#shade .shade-list > div:first-of-type textarea {
                width: 6.266667rem;
                height: 2.066667rem;
                padding: .133333rem;
                outline: none;
                border: .013333rem solid #e6e6e6;
                border-radius: .026667rem;
                resize: none;
                line-height: .266667rem;
                border-radius: .133333rem;
            }

            #shade .shade-list > div:first-of-type .maxlength-feedback {
                display: block;
                text-align: right;
                color: #c8c8c8;
            }*/

        /*#shade .shade-list > p:nth-of-type(5) {
            border-top: .013333rem solid #545454;
            width: 6.8rem;
            margin: .533333rem 0 0 .533333rem;
            line-height: 1.333333rem;
        }*/

        /*#shade .shade-list > a:nth-of-type(2) {
            display: block;
            width: 2rem;
            height: .666667rem;
            text-align: center;
            line-height: .666667rem;
            color: #dcdcdc;
            border: .026667rem solid #a0a0a0;
            margin-left: 2.666667rem;
            margin-top: .266667rem;
            border-radius: .666667rem;
        }*/

        /*#shade .shade-list > div:nth-of-type(2) {
            position: relative;
            width: 1.786667rem;
            height: 1.786667rem;
            margin-left: 2.666667rem;
            padding: .133333rem;
            background: #fff;
            overflow: hidden;
        }*/

            /*#shade .shade-list > div:nth-of-type(2) img {
                width: 1.786667rem;
                height: 1.786667rem;
            }*/

            /*#shade .shade-list > div:nth-of-type(2) input {
                position: absolute;
                top: 0;
                left: 0;
                opacity: 0;
                width: 100%;
                height: 100%;
            }*/

        #shade .shade-list > div:first-of-type {
            margin-top: .533333rem;
            width: 7.333333rem;
            height: .933333rem;
        }

            #shade .shade-list > div:first-of-type > a {
                display: block;
                width: 7.333333rem;
                height: .933333rem;
                text-align: center;
                line-height: .933333rem;
                color: #fff;
                background: #e33325;
            }
        #shade .shade-list > div:nth-of-type(2) {
            margin-top: .533333rem;
            width: 7.333333rem;
            height: .933333rem;
        }

            #shade .shade-list > div:nth-of-type(2) > a {
                display: block;
                width: 7.333333rem;
                height: .933333rem;
                text-align: center;
                line-height: .933333rem;
                color: #fff;
                background: #4e47eb;
            }

        #shade .shade-list > p:nth-of-type(6) {
            font-size: .32rem;
            color: #c8c8c8;
            margin-top: .133333rem;
            margin-left: 2.4rem;
        }

        #shade .shade-list .delete-picture {
            display: none;
            width: 2rem;
            height: .666667rem;
            border: .013333rem solid #a0a0a0;
            margin: 0 auto;
            text-align: center;
            line-height: .666667rem;
            color: #a5a5a5;
            border-radius: .666667rem;
            margin-top: .266667rem;
        }

.container {
    position: fixed;
    display: none;
    top: 0;
    z-index: 9999;
    margin: 0 auto;
    max-width: 10rem;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
}

    .container .cropper-container {
        margin-top: 1.333333rem;
    }

    .container a:first-of-type {
        left: .266667rem;
        float: left;
    }

    .container a:first-of-type, .container a:nth-of-type(2) {
        display: block;
        position: absolute;
        bottom: .266667rem;
        text-decoration: none;
        width: 1.6rem;
        height: .666667rem;
        background: #e96378;
        color: #fff;
        text-align: center;
        line-height: .666667rem;
    }

    .container a:nth-of-type(2) {
        right: .266667rem;
    }

.container01 {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
}

    .container01 a:first-of-type {
        left: .266667rem;
        float: left;
    }

    .container01 a:first-of-type, .container01 a:nth-of-type(2) {
        display: block;
        position: absolute;
        bottom: .266667rem;
        text-decoration: none;
        width: 1.6rem;
        height: .666667rem;
        background: #e96378;
        color: #fff;
        text-align: center;
        line-height: .666667rem;
    }

    .container01 a:nth-of-type(2) {
        right: .266667rem;
    }

.shopping-cart {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9995;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.7);
}

    .shopping-cart .shopping {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 5.933333rem;
        height: 3.733333rem;
        z-index: 9999;
        overflow: hidden;
        margin-left: -2.973333rem;
        margin-top: -1.906667rem;
        border-radius: .106667rem;
        border: .04rem solid #e7566d;
        background: #fff;
    }

        .shopping-cart .shopping p {
            margin-left: .4rem;
            margin-top: .133333rem;
            font-size: .346667rem;
        }

            .shopping-cart .shopping p:first-of-type {
                margin-top: .666667rem;
            }

        .shopping-cart .shopping a {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 5.933333rem;
            height: .933333rem;
            text-align: center;
            line-height: .933333rem;
            background: #e7566d;
            border-radius: 0 0 .106667rem .106667rem;
            color: #fff;
        }

.privilege {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
}

    .privilege .privilege-commodity {
        width: 7.333333rem;
        height: 12.4rem;
        background: #fff;
        position: absolute;
        top: 0;
        right: -7.333333rem;
        z-index: 9999;
        overflow: auto;
    }

        .privilege .privilege-commodity > p:first-of-type {
            font-size: .32rem;
            font-weight: 700;
            margin-top: 1.173333rem;
            margin-left: .533333rem;
        }

        .privilege .privilege-commodity ul {
            margin-top: .4rem;
            list-style: none;
        }

            .privilege .privilege-commodity ul li {
                position: relative;
                border-bottom: .013333rem solid #dcdcdc;
                padding: .266667rem;
            }

                .privilege .privilege-commodity ul li > span {
                    position: absolute;
                    left: .533333rem;
                    top: 1.066667rem;
                    width: .546667rem;
                    height: .546667rem;
                    background: url(../imgs/shopping-cart/no-like.png) no-repeat;
                    background-size: cover;
                }

                    .privilege .privilege-commodity ul li > span.active {
                        background: url(../imgs/shopping-cart/like.png) no-repeat;
                        background-size: cover;
                    }

                .privilege .privilege-commodity ul li a {
                    display: block;
                    width: 2.133333rem;
                    height: 2.133333rem;
                    margin-left: 1.306667rem;
                }

                .privilege .privilege-commodity ul li P:first-of-type {
                    position: absolute;
                    left: 4rem;
                    top: .4rem;
                    font-size: .346667rem;
                }

                .privilege .privilege-commodity ul li p:nth-of-type(2) {
                    position: absolute;
                    left: 4.066667rem;
                    top: .8rem;
                    font-size: .186667rem;
                    font-family: 黑体;
                }

                .privilege .privilege-commodity ul li p:nth-of-type(3) {
                    position: absolute;
                    left: 4rem;
                    top: 1.2rem;
                    font-size: .293333rem;
                    color: silver;
                }

                .privilege .privilege-commodity ul li p:nth-of-type(4) {
                    position: absolute;
                    left: 6.333333rem;
                    top: 1.866667rem;
                    font-size: .373333rem;
                }

        .privilege .privilege-commodity > .btn {
            display: block;
            z-index: 9999;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 7.333333rem;
            height: .933333rem;
            text-align: center;
            line-height: .933333rem;
            color: #fff;
            font-size: .4rem;
            background: #ea6378;
        }

.picture-shade {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    z-index: 9998;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.8);
}

    .picture-shade .picture-convention {
        display: none;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -4rem;
        margin-top: -4.666667rem;
        width: 8rem;
        height: 9.333333rem;
        border: .013333rem solid #e7566d;
        border-radius: .133333rem;
        background: url(../imgs/order-submit/image_cake_wrapper.jpg) no-repeat;
        background-size: 8rem 8rem;
    }

        .picture-shade .picture-convention .picture-img-convention {
            position: absolute;
            left: 1.44rem;
            top: 1.44rem;
            width: 5.12rem;
            height: 5.12rem;
        }

        .picture-shade .picture-convention a {
            display: block;
            width: 2rem;
            height: .586667rem;
            text-align: center;
            line-height: .586667rem;
            border: .013333rem solid #e7566d;
        }

            .picture-shade .picture-convention a:first-of-type {
                position: absolute;
                left: 1.733333rem;
                bottom: .4rem;
                background-color: #e7566d;
                color: #fff;
            }

            .picture-shade .picture-convention a:nth-of-type(2) {
                position: absolute;
                left: 4.266667rem;
                bottom: .4rem;
                color: #e7566d;
            }

                .picture-shade .picture-convention a:nth-of-type(2) input {
                    position: absolute;
                    left: 0;
                    top: 0;
                    opacity: 0;
                    width: 100%;
                    height: 100%;
                }

    .picture-shade .picture-love {
        display: none;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -4rem;
        margin-top: -4.666667rem;
        width: 8rem;
        height: 9.333333rem;
        border: .013333rem solid #e7566d;
        border-radius: .133333rem;
    }

        .picture-shade .picture-love .picture-img-love, .picture-shade .picture-love .picture-img-love:after {
            position: absolute;
            left: 0;
            top: 0;
            width: 8rem;
            height: 8rem;
        }

            .picture-shade .picture-love .picture-img-love:after {
                display: block;
                content: "";
                background-image: url(../imgs/order-submit/adventures_cake_wrapper.png);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: 50%;
            }

        .picture-shade .picture-love a {
            display: block;
            width: 2rem;
            height: .586667rem;
            text-align: center;
            line-height: .586667rem;
            border: .013333rem solid #e7566d;
        }

            .picture-shade .picture-love a:first-of-type {
                position: absolute;
                left: 1.733333rem;
                bottom: .4rem;
                background-color: #e7566d;
                color: #fff;
            }

            .picture-shade .picture-love a:nth-of-type(2) {
                position: absolute;
                left: 4.266667rem;
                bottom: .4rem;
                color: #e7566d;
            }

                .picture-shade .picture-love a:nth-of-type(2) input {
                    position: absolute;
                    left: 0;
                    top: 0;
                    opacity: 0;
                    width: 100%;
                    height: 100%;
                }

.build-surprised {
    display: none;
    position: fixed;
    top: 0;
    margin: 0 auto;
    z-index: 9998;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.8);
}

    .build-surprised .build {
        display: none;
    }

    .build-surprised .build, .build-surprised .drawing {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -2.973333rem;
        margin-top: -3.733333rem;
        width: 5.946667rem;
        height: 3.733333rem;
        border: .013333rem solid #e7566d;
        border-radius: .133333rem;
        background-color: #fff;
        overflow: hidden;
    }

        .build-surprised .build p, .build-surprised .drawing p {
            font-size: .346667rem;
            margin: .133333rem 0 .133333rem .4rem;
        }

            .build-surprised .build p:first-child, .build-surprised .drawing p:first-child {
                margin-top: .533333rem;
            }

        .build-surprised .build a, .build-surprised .drawing a {
            position: absolute;
            left: 0;
            bottom: 0;
            display: block;
            width: 100%;
            height: .933333rem;
            text-align: center;
            line-height: .933333rem;
            color: #fff;
            background-color: #e7566d;
        }

.shade {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -5rem;
    height: 100%;
    background: rgba(0,0,0,.5);
}

    .shade, .shade .parcel {
        display: none;
        max-width: 10rem;
        width: 100%;
    }

        .shade .parcel {
            position: absolute;
            bottom: -100%;
            margin: 0 auto;
            height: 9.733333rem;
            background: #f2f1f1;
        }

            .shade .parcel .candle {
                width: 9.533333rem;
                height: 8.253333rem;
                margin: 0 auto;
            }

                .shade .parcel .candle > p {
                    width: 100%;
                    text-align: center;
                    padding: .533333rem 0;
                    font-size: .32rem;
                }

                .shade .parcel .candle ul:nth-child(odd) {
                    margin-left: .266667rem;
                }

                .shade .parcel .candle ul {
                    float: left;
                    list-style: none;
                    height: .933333rem;
                    margin: .2rem 0;
                }

                    .shade .parcel .candle ul li {
                        float: left;
                        margin-right: .2rem;
                    }

                        .shade .parcel .candle ul li:first-of-type {
                            width: .933333rem;
                            height: .933333rem;
                            border: .013333rem solid #dcdcdc;
                        }

                        .shade .parcel .candle ul li:nth-of-type(2), .shade .parcel .candle ul li:nth-of-type(4) {
                            width: .666667rem;
                            height: .666667rem;
                            margin-top: .133333rem;
                        }

                        .shade .parcel .candle ul li:nth-of-type(2) {
                            background: url(../imgs/cake-gift/subtract-gray.png) no-repeat;
                            background-size: cover;
                        }

                        .shade .parcel .candle ul li:nth-of-type(4) {
                            background: url(../imgs/cake-gift/add.png) no-repeat;
                            background-size: cover;
                        }

                        .shade .parcel .candle ul li:nth-of-type(3) {
                            width: 1.333333rem;
                            height: .8rem;
                            text-align: center;
                            line-height: .8rem;
                            border: .013333rem solid #000;
                            margin-top: .04rem;
                        }

                        .shade .parcel .candle ul li.active {
                            width: .666667rem;
                            height: .666667rem;
                            background: url(../imgs/cake-gift/subtract.png) no-repeat;
                            background-size: cover;
                        }

                .shade .parcel .candle .candle01 li:first-of-type {
                    background: url(../imgs/cake-gift/candle01.jpg) no-repeat;
                    background-size: cover;
                }

                .shade .parcel .candle .candle02 li:first-of-type {
                    background: url(../imgs/cake-gift/candle02.jpg) no-repeat;
                    background-size: cover;
                }

                .shade .parcel .candle .candle03 li:first-of-type {
                    background: url(../imgs/cake-gift/candle03.jpg) no-repeat;
                    background-size: cover;
                }

                .shade .parcel .candle .candle04 li:first-of-type {
                    background: url(../imgs/cake-gift/candle04.jpg) no-repeat;
                    background-size: cover;
                }

                .shade .parcel .candle .candle05 li:first-of-type {
                    background: url(../imgs/cake-gift/candle05.jpg) no-repeat;
                    background-size: cover;
                }

                .shade .parcel .candle .candle06 li:first-of-type {
                    background: url(../imgs/cake-gift/candle06.jpg) no-repeat;
                    background-size: cover;
                }

                .shade .parcel .candle .candle07 li:first-of-type {
                    background: url(../imgs/cake-gift/candle07.jpg) no-repeat;
                    background-size: cover;
                }

                .shade .parcel .candle .candle08 li:first-of-type {
                    background: url(../imgs/cake-gift/candle08.jpg) no-repeat;
                    background-size: cover;
                }

                .shade .parcel .candle .candle09 li:first-of-type {
                    background: url(../imgs/cake-gift/candle09.jpg) no-repeat;
                    background-size: cover;
                }

                .shade .parcel .candle .candle00 li:first-of-type {
                    background: url(../imgs/cake-gift/candle00.jpg) no-repeat;
                    background-size: cover;
                }

            .shade .parcel a:first-of-type {
                left: 0;
                background: #4e47eb;
            }

            .shade .parcel a:first-of-type, .shade .parcel a:nth-of-type(2) {
                position: absolute;
                bottom: 0;
                display: block;
                width: 50%;
                height: 1.2rem;
                text-align: center;
                line-height: 1.2rem;
                color: #fff;
                font-size: .4rem;
            }

            .shade .parcel a:nth-of-type(2) {
                right: 0;
                background: #e33325;
            }

        .shade .dish {
            display: none;
            position: absolute;
            left: 50%;
            bottom: -100%;
            margin-left: -5rem;
            max-width: 10rem;
            width: 100%;
            background: #f2f1f1;
        }

            .shade .dish p {
                text-align: center;
                padding: .533333rem 0;
                font-size: .32rem;
            }

            .shade .dish ul {
                margin-left: 1.733333rem;
                list-style: none;
                padding-bottom: 1.6rem;
            }

                .shade .dish ul li {
                    float: left;
                    margin-right: .266667rem;
                }

                    .shade .dish ul li:first-of-type {
                        width: .946667rem;
                        height: .946667rem;
                    }

                    .shade .dish ul li:nth-of-type(2) {
                        width: .666667rem;
                        height: .666667rem;
                        background: url(../imgs/cake-gift/subtract-gray.png) no-repeat;
                        background-size: cover;
                        margin-top: .133333rem;
                    }

                    .shade .dish ul li:nth-of-type(3) {
                        width: 3.2rem;
                        height: .733333rem;
                        text-align: center;
                        line-height: .733333rem;
                        border: .013333rem solid #000;
                        margin-top: .066667rem;
                    }

                    .shade .dish ul li:nth-of-type(4) {
                        width: .666667rem;
                        height: .666667rem;
                        background: url(../imgs/cake-gift/add.png) no-repeat;
                        background-size: cover;
                        margin-top: .133333rem;
                    }

                    .shade .dish ul li.active {
                        width: .666667rem;
                        height: .666667rem;
                        background: url(../imgs/cake-gift/subtract.png) no-repeat;
                        background-size: cover;
                    }

            .shade .dish a:first-of-type {
                left: 0;
                background: #4e47eb;
            }

            .shade .dish a:first-of-type, .shade .dish a:nth-of-type(2) {
                position: absolute;
                bottom: 0;
                display: block;
                width: 50%;
                height: 1.2rem;
                text-align: center;
                line-height: 1.2rem;
                color: #fff;
                font-size: .4rem;
            }

            .shade .dish a:nth-of-type(2) {
                right: 0;
                background: #e33325;
            }

.no-commodity {
    display: none;
    max-width: 10rem;
    width: 100%;
    margin: 0 auto;
}

    .no-commodity .commodity {
        position: relative;
        top: 4rem;
        width: 100%;
        height: 5.333333rem;
    }

        .no-commodity .commodity a {
            position: absolute;
            bottom: 0;
            left: 3.2rem;
            display: block;
            width: 3.626667rem;
            height: 1.333333rem;
        }

#tableware {
    position: relative;
}

    #tableware .swiper-slide {
        position: absolute;
        left: 50%;
        margin-left: -1.933333rem;
    }

/*.douli-text {
    position: absolute;
    left: 3.6rem;
    bottom: .466667rem;
    width: 3.466667rem;
    height: .4rem;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
}*/

.douli-text .desc {
    text-align: center;
    -ms-flex: 0 0 2.133333rem;
    flex: 0 0 2.133333rem;
    width: 7.9rem;
    line-height: .4rem;
    color: #ccc;
    font-size: .33rem;
    padding-top: .13rem;
    /*background: #ea444b;*/
    height: .4rem;
}

.douli-text .discount {
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    height: .346667rem;
    /*border: .026667rem solid #ea444b;*/
    color: #ccc;
    padding-top: .23rem;
    line-height: .346667rem;
    font-size: .33rem;
}
.close-text {
    position: fixed;
    bottom: 2.266667rem;
    left: auto;
    width: 10rem;
    height: 0.8rem;
    border-top: .013333rem solid #dcdcdc;
    background: #fff;
    line-height: 0.8rem;
}
    .close-text .desc {
        text-align: center;
        -ms-flex: 0 0 2.133333rem;
        flex: 0 0 2.133333rem;
        line-height: 0.8rem;
        color: #ea444b;
        font-size: .35rem;
        background: #fff;
        height: 0.8rem;
    }
#cake_list .collect1 {
    display: block;
    width: 1.996667rem;
    height: 0.666667rem;
    position: absolute;
    right: -38.3%;
    top: -0.02rem;
    background: url(http://img.joyincake.com/UpImages/max/free1.png) no-repeat;
    background-size: 60%;
}

#cake_list .collect2 {
    display: block;
    width: 1.996667rem;
    height: 0.666667rem;
    position: absolute;
    right: -38.3%;
    top: -0.02rem;
    background: url(http://img.joyincake.com/UpImages/max/free2.png) no-repeat;
    background-size: 60%;
}

#cake_list .collect3 {
    display: block;
    width: 1.996667rem;
    height: 0.666667rem;
    position: absolute;
    right: -38.3%;
    top: -0.02rem;
    background: url(http://img.joyincake.com/UpImages/max/free3.png) no-repeat;
    background-size: 60%;
}
#flower-list .collect1 {
    display: block;
    width: 1.996667rem;
    height: 0.666667rem;
    position: absolute;
    right: 0rem;
    top: -0.02rem;
    background: url(http://img.joyincake.com/UpImages/max/free1.png) no-repeat;
    background-size: cover;
}

#flower-list .collect2 {
    display: block;
    width: 1.996667rem;
    height: 0.666667rem;
    position: absolute;
    right: 0rem;
    top: -0.02rem;
    background: url(http://img.joyincake.com/UpImages/max/free2.png) no-repeat;
    background-size: cover;
}

#flower-list .collect3 {
    display: block;
    width: 1.996667rem;
    height: 0.666667rem;
    position: absolute;
    right: 0rem;
    top: -0.02rem;
    background: url(http://img.joyincake.com/UpImages/max/free3.png) no-repeat;
    background-size: cover;
}