/* user-quan/3.0.0 common.css Date:2017-10-12 11:28:17 */
@charset "UTF-8";

@font-face {
    font-family: daogou-font;
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a);
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a#iefix) format("embedded-opentype"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.woff?cfnq6a) format("woff"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.ttf?cfnq6a) format("truetype"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.svg?cfnq6a#daogou-font) format("svg");
    font-weight: 400;
    font-style: normal
}

.btn-01, .btn-02, .btn-09 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 3px
}

    .btn-01 .btnico, .btn-01 .btntxt, .btn-02 .btnico, .btn-02 .btntxt, .btn-09 .btnico, .btn-09 .btntxt {
        display: inline-block;
        vertical-align: middle
    }

    .btn-01:hover, .btn-02:hover, .btn-09:hover {
        text-decoration: none
    }

.btn-09 {
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top,#f7f7f7,#f3f2f2);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f7f7f7),color-stop(1,#f3f2f2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f3f2f2', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f3f2f2');
    background-image: linear-gradient(to bottom,#f7f7f7 0,#f3f2f2 100%);
    color: #333;
    border: 1px solid #ddd
}

    .btn-09:hover {
        box-shadow: 0 1px 1px rgba(30,30,30,.1);
        color: #333
    }

.btn-01, .btn-02 {
    background-color: #e74649;
    background-image: -moz-linear-gradient(top,#e74649,#df3134);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#e74649),color-stop(1,#df3134));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74649', endColorstr='#df3134', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74649', endColorstr='#df3134');
    background-image: linear-gradient(to bottom,#e74649 0,#df3134 100%);
    color: #fff
}

    .btn-01:hover, .btn-02:hover {
        background-color: #f05356;
        background-image: -moz-linear-gradient(top,#f05356,#eb3c3f);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f05356),color-stop(1,#eb3c3f));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05356', endColorstr='#eb3c3f', GradientType='0');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05356', endColorstr='#eb3c3f');
        background-image: linear-gradient(to bottom,#f05356 0,#eb3c3f 100%);
        color: #fff
    }

.comment-icon, .find-icon, .like-icon, .q-icon, .rank-icon, .remd-icon, .seckill-icon, .task-icon, .tip-icon {
    background-image: url(../Images/quan-icons.png);
    background-repeat: no-repeat
}

.qm-tip1 .tip-btnbox .btn1, .qm-tip2 .tip-btnbox .btn1 {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ddd;
    color: #333;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top,#f7f7f7,#f2f2f2);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f7f7f7),color-stop(1,#f2f2f2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f2f2f2', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f2f2f2');
    background-image: linear-gradient(to bottom,#f7f7f7 0,#f2f2f2 100%)
}

    .qm-tip1 .tip-btnbox .btn1 .btnico, .qm-tip1 .tip-btnbox .btn1 .btntxt, .qm-tip2 .tip-btnbox .btn1 .btnico, .qm-tip2 .tip-btnbox .btn1 .btntxt {
        display: inline-block;
        vertical-align: top
    }

    .qm-tip1 .tip-btnbox .btn1:hover, .qm-tip2 .tip-btnbox .btn1:hover {
        text-decoration: none;
        color: #333;
        box-shadow: 0 1px 1px rgba(0,1,1,.08);
        background-color: #f9f9f9;
        background-image: -moz-linear-gradient(top,#f9f9f9,#f6f6f6);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f9f9),color-stop(1,#f6f6f6));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f6f6f6', GradientType='0');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f6f6f6');
        background-image: linear-gradient(to bottom,#f9f9f9 0,#f6f6f6 100%)
    }

.qm-tip1 .tip-btnbox .btn2, .qm-tip2 .tip-btnbox .btn2 {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background-color: #df3033;
    background-image: -moz-linear-gradient(top,#df3033,#e74649);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#df3033),color-stop(1,#e74649));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#df3033', endColorstr='#e74649', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#df3033', endColorstr='#e74649');
    background-image: linear-gradient(to bottom,#df3033 0,#e74649 100%)
}

    .qm-tip1 .tip-btnbox .btn2 .btnico, .qm-tip1 .tip-btnbox .btn2 .btntxt, .qm-tip2 .tip-btnbox .btn2 .btnico, .qm-tip2 .tip-btnbox .btn2 .btntxt {
        display: inline-block;
        vertical-align: top
    }

    .qm-tip1 .tip-btnbox .btn2:hover, .qm-tip2 .tip-btnbox .btn2:hover {
        text-decoration: none;
        color: #fff;
        background-color: #eb3c3f;
        background-image: -moz-linear-gradient(top,#eb3c3f,#f05356);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#eb3c3f),color-stop(1,#f05356));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb3c3f', endColorstr='#f05356', GradientType='0');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb3c3f', endColorstr='#f05356');
        background-image: linear-gradient(to bottom,#eb3c3f 0,#f05356 100%)
    }

@font-face {
    font-family: daogou-font;
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a);
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a#iefix) format("embedded-opentype"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.woff?cfnq6a) format("woff"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.ttf?cfnq6a) format("truetype"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.svg?cfnq6a#daogou-font) format("svg");
    font-weight: 400;
    font-style: normal
}

.qm-tip1 .tip-iconfont, .qm-tip2 .tip-iconfont {
    display: inline-block;
    font-family: daogou-font !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

.qm-tip1 {
    text-align: center
}

    .qm-tip1 .tip-main {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        padding-left: 60px
    }

        .qm-tip1 .tip-main.tip-error .tip-iconfont {
            color: #e22
        }

        .qm-tip1 .tip-main.tip-ask .tip-iconfont, .qm-tip1 .tip-main.tip-warn .tip-iconfont {
            color: #f91
        }

    .qm-tip1 .tip-iconfont {
        float: left;
        margin-left: -60px;
        *display: inline;
        margin-right: 12px;
        font-size: 48px;
        color: #9b1
    }

    .qm-tip1 .tip-info {
        width: 100%;
        text-align: left
    }

    .qm-tip1 .tip-title {
        margin-top: -2px;
        margin-bottom: 2px;
        font: 16px/26px 'Microsoft YaHei';
        color: #333
    }

        .qm-tip1 .tip-title a {
            color: #005ea7;
            font-size: 12px;
            font-family: SimSun
        }

    .qm-tip1 .tip-title-full {
        font: 16px/48px 'Microsoft YaHei';
        color: #333
    }

    .qm-tip1 .tip-hint {
        line-height: 16px;
        color: #999
    }

    .qm-tip1 .tip-btnbox {
        padding-top: 25px
    }

        .qm-tip1 .tip-btnbox .btn1 {
            width: 88px;
            height: 34px;
            line-height: 34px;
            padding: 0;
            font-size: 14px;
            border-radius: 3px
        }

            .qm-tip1 .tip-btnbox .btn1 .btntxt {
                height: 34px
            }

        .qm-tip1 .tip-btnbox .btn2 {
            width: 90px;
            height: 36px;
            line-height: 36px;
            padding: 0;
            font-size: 14px;
            font-weight: 700;
            border-radius: 3px
        }

            .qm-tip1 .tip-btnbox .btn2 .btntxt {
                height: 36px
            }

        .qm-tip1 .tip-btnbox .btn-gutter {
            margin-right: 18px;
            margin-left: 2px
        }

.qm-tip2 {
    text-align: center
}

    .qm-tip2 .tip-main.tip-error .tip-iconfont {
        color: #e22
    }

    .qm-tip2 .tip-main.tip-ask .tip-iconfont, .qm-tip2 .tip-main.tip-warn .tip-iconfont {
        color: #f91
    }

    .qm-tip2 .tip-iconfont {
        display: block;
        margin: 0 auto 20px;
        font-size: 48px;
        color: #9b1
    }

    .qm-tip2 .tip-info {
        width: 100%
    }

    .qm-tip2 .tip-title {
        margin-top: -2px;
        margin-bottom: 2px;
        font: 700 16px/26px 'Microsoft YaHei';
        color: #333
    }

        .qm-tip2 .tip-title a {
            color: #005ea7;
            font-size: 12px;
            font-family: SimSun
        }

    .qm-tip2 .tip-title-full {
        font: 16px/48px 'Microsoft YaHei';
        color: #333
    }

    .qm-tip2 .tip-hint {
        line-height: 16px;
        color: #999
    }

    .qm-tip2 .tip-btnbox {
        padding-top: 25px;
        font-size: 0
    }

        .qm-tip2 .tip-btnbox .btn1 {
            width: 88px;
            height: 34px;
            line-height: 34px;
            padding: 0;
            font-size: 14px;
            border-radius: 3px
        }

            .qm-tip2 .tip-btnbox .btn1 .btntxt {
                height: 34px
            }

        .qm-tip2 .tip-btnbox .btn2 {
            width: 90px;
            height: 36px;
            line-height: 36px;
            padding: 0;
            font-size: 14px;
            font-weight: 700;
            border-radius: 3px
        }

            .qm-tip2 .tip-btnbox .btn2 .btntxt {
                height: 36px
            }

        .qm-tip2 .tip-btnbox .btn-gutter {
            margin-right: 18px;
            margin-left: 2px
        }

.mt-1 {
    margin-top: -1px
}

.mt-2 {
    margin-top: -2px
}

.mt-3 {
    margin-top: -3px
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr20 {
    margin-right: 20px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml20 {
    margin-left: 20px
}

.ml70 {
    margin-left: 70px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pr5 {
    padding-right: 5px
}

.pr10 {
    padding-right: 10px
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.ftx-01, .ftx01 {
    color: #e4393c
}

.ftx-02, .ftx02 {
    color: #71b247
}

.ftx-03, .ftx03 {
    color: #999
}

.ftx-04, .ftx04 {
    color: #fab715
}

.ftx-05, .ftx05 {
    color: #005ea7
}

.ftx-06, .ftx06 {
    color: #666
}

.fz14 {
    font-size: 14px
}

.fz16 {
    font-size: 16px
}

.btn-01 {
    height: 36px;
    line-height: 36px;
    padding: 0 30px;
    font-size: 14px;
    font-weight: 700
}

    .btn-01 .btntxt {
        height: 36px
    }

.btn-02 {
    height: 33px;
    line-height: 33px;
    padding: 0 35px;
    font-size: 14px
}

    .btn-02 .btntxt {
        height: 33px
    }

.btn-09 {
    height: 31px;
    line-height: 31px;
    padding: 0 33px;
    font-size: 14px
}

    .btn-09 .btntxt {
        height: 31px
    }

.btn-m {
    width: 100px;
    height: 33px;
    line-height: 33px;
    padding: 0
}

    .btn-m .btntxt {
        height: 33px
    }

.btn-m2 {
    width: 98px;
    height: 31px;
    line-height: 31px;
    padding: 0
}

    .btn-m2 .btntxt {
        height: 31px
    }

.btn-xl {
    width: 353px;
    height: 36px;
    line-height: 36px;
    padding: 0 15px
}

    .btn-xl .btntxt {
        height: 36px
    }

.main {
    font-family: "Microsoft YaHei"
}

.gray-wrap {
    margin-bottom: 30px;
    padding: 30px 0 0;
    background: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/h-circle.png) repeat-x left bottom #f7f7f7
}

.gray-wrap-02 {
    padding: 0
}

.lgray-wrap {
    padding-bottom: 30px;
    background: #f7f7f7
}

.loading-box {
    background: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/loading.gif) center no-repeat;
    min-height: 120px
}

.rank-icon {
    position: relative;
    top: -2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 15px;
    height: 12px;
    margin-right: 3px;
    background-position: -43px 0;
    vertical-align: middle;
    overflow: hidden
}

.tip-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 14px;
    height: 18px;
    margin-right: 5px;
    background-position: -26px -333px;
    vertical-align: middle;
    overflow: hidden
}

.remd-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background-position: -48px -333px;
    vertical-align: middle;
    overflow: hidden
}

.comment-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background-position: 0 -359px;
    vertical-align: middle;
    overflow: hidden
}

.find-icon, .like-icon, .seckill-icon, .task-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 30px;
    height: 35px;
    margin-right: 10px;
    vertical-align: middle;
    overflow: hidden
}

.seckill-icon {
    background-position: 0 -281px
}

.task-icon {
    background-position: -38px -281px
}

.find-icon {
    background-position: -78px -278px
}

.like-icon {
    width: 34px;
    background-position: -118px -281px
}

.q-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 24px;
    height: 25px;
    margin-right: 5px;
    vertical-align: middle;
    overflow: hidden
}

.dq-icon {
    background-position: 0 -124px
}

.jq-icon {
    background-position: -34px -124px
}

.yfq-icon {
    background-position: -68px -124px
}

.dq-gray-icon {
    background-position: 0 -158px
}

.jq-gray-icon {
    background-position: -34px -158px
}

.yfq-gray-icon {
    background-position: -68px -158px
}

.empty-box {
    padding: 35px 0 20px;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 30px;
    overflow: hidden
}

    .empty-box .empty-cont {
        width: 810px;
        margin: 0 auto;
        display: inline-block;
        display: block
    }

        .empty-box .empty-cont:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden
        }

    * html .empty-box .empty-cont {
        height: 1%
    }

    * + html .empty-box .empty-cont {
        min-height: 1%
    }

    .empty-box .joy-icon {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 120px;
        height: 112px;
        margin-right: 30px;
        vertical-align: middle;
        background: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/empty-joy.png) no-repeat left center
    }

    .empty-box .joy-icon02 {
        width: 155px;
        background: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/quan-joy.png) no-repeat left center
    }

    .empty-box .item-fore {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle;
        padding-top: 30px;
        font-size: 14px
    }

    .empty-box h3 {
        line-height: 30px;
        margin-bottom: 5px;
        font-size: 16px;
        color: #333
    }

.empty-box02 {
    padding: 30px 0;
    background: #fff;
    overflow: hidden
}

    .empty-box02 .joy-s-icon {
        display: block;
        width: 94px;
        height: 58px;
        margin: 0 auto 10px;
        background: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/quan-s-joy.png) no-repeat
    }

    .empty-box02 .empty-cont {
        position: relative;
        text-align: center
    }

    .empty-box02 .line {
        position: absolute;
        top: 8px;
        left: 0;
        width: 100%;
        height: 1px;
        background: #ebebeb;
        overflow: hidden
    }

    .empty-box02 .txt {
        position: relative;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        z-index: 2;
        padding: 0 90px;
        background: #fff;
        font-size: 14px;
        color: #747474;
        font-family: "Microsoft YaHei"
    }

.quan-mod .mt {
    : @inlcude clearfix;
    position: relative;
    height: 38px;
    margin-bottom: 35px
}

    .quan-mod .mt .line {
        position: absolute;
        top: 20px;
        left: 0;
        width: 100%;
        height: 1px;
        background: #ffd3d4;
        overflow: hidden
    }

.quan-mod h3 {
    position: relative;
    z-index: 2;
    float: left;
    height: 38px;
    line-height: 38px;
    font-size: 30px;
    color: #e4393c;
    font-weight: 400;
    background: #fff
}

.quan-mod .slogan {
    float: left;
    position: relative;
    top: 13px;
    width: 145px;
    height: 20px;
    line-height: 99em;
    z-index: 2;
    font-size: 18px;
    color: #e4393c;
    _display: inline;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/slogan.png) #fff no-repeat
}

.quan-mod .s1 {
    background-position: 0 0
}

.quan-mod .s2 {
    background-position: 0 -30px
}

.quan-mod .extra-r {
    position: relative;
    z-index: 2;
    float: right;
    background: #fff
}

    .quan-mod .extra-r .more {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        height: 32px;
        line-height: 32px;
        padding: 0 20px;
        margin: 3px 0 0 10px;
        border: 1px solid #ccc;
        color: #222;
        border-radius: 18px
    }

        .quan-mod .extra-r .more:hover {
            color: #e4393c;
            border-color: #e4393c
        }

.quan-mod .empty-box {
    border: none
}

    .quan-mod .empty-box .empty-cont {
        width: 400px
    }

    .quan-mod .empty-box h3 {
        line-height: 30px;
        margin-bottom: 5px;
        font-size: 16px;
        color: #333
    }

.empty-box03 {
    border: none
}

    .empty-box03 .empty-cont {
        width: 500px
    }

.quan-tip {
    position: relative;
    line-height: 18px;
    margin: 20px 0;
    text-align: center
}

    .quan-tip .line {
        position: absolute;
        top: 8px;
        left: 0;
        width: 100%;
        height: 1px;
        background: #fef0d6;
        overflow: hidden
    }

    .quan-tip .txt {
        position: relative;
        z-index: 2;
        : @inlcude inline-block;
        padding: 0 25px;
        background: #f7f7f7;
        font-size: 14px;
        color: #666
    }

.search-qform-box {
    width: 650px;
    margin: 0 auto;
    padding-left: 150px
}

.tip-box {
    margin: 30px 40px;
    font-family: "Microsoft YaHei";
    font-size: 14px
}

    .tip-box h3 {
        line-height: 30px;
        font-weight: 400
    }

    .tip-box .links {
        margin-left: -6px
    }

        .tip-box .links ul {
            display: inline-block;
            display: block
        }

            .tip-box .links ul:after {
                content: ".";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden
            }

        * html .tip-box .links ul {
            height: 1%
        }

        * + html .tip-box .links ul {
            min-height: 1%
        }

        .tip-box .links li {
            float: left;
            border-left: 1px solid #ccc;
            padding: 0 5px
        }

    .tip-box .item-fore {
        overflow: hidden
    }

        .tip-box .item-fore div {
            line-height: 20px;
            min-height: 20px
        }

.icon-box {
    position: relative;
    _height: 48px;
    _overflow: visible
}

    .icon-box .m-icon {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 50px;
        background: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/icon48.png) no-repeat
    }

    .icon-box .succ-icon {
        background-position: 0 0
    }

    .icon-box .warn-icon {
        background-position: -59px 0
    }

    .icon-box .qm-icon {
        background-position: -119px 0
    }

    .icon-box .item-fore {
        margin-left: 58px
    }

.qs-tips {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 9px 20px;
    line-height: 18px;
    background: #fff;
    border-radius: 5px;
    font-size: 12px;
    font-family: "Microsoft YaHei";
    color: #333
}

    .qs-tips .s-icon {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 16px;
        height: 16px;
        margin-right: 10px;
        background: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/icon16.png) no-repeat;
        overflow: hidden;
        vertical-align: middle
    }

    .qs-tips .txt {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle
    }

    .qs-tips .succ-icon {
        background-position: 0 0
    }

    .qs-tips .warn-icon {
        background-position: -26px 0
    }

    .qs-tips .error-icon {
        background-position: -52px 0
    }

.quant-box {
    text-align: center
}

    .quant-box .quan-img {
        margin: 80px auto 70px
    }

div.prompt-tips {
    border: 1px solid #ddd;
    background: #fff;
    margin-top: 30px;
    box-shadow: 0 0 15px rgba(0,0,0,.1)
}

    div.prompt-tips .ui-tips-arrow {
        background-image: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/arrow.png)
    }

    div.prompt-tips .prompt-box {
        line-height: 20px;
        color: #666
    }

div#quan-dialog .ui-dialog-title {
    background: #fff;
    color: #323333;
    border-bottom: 1px solid #eee
}

div#quan-dialog .ui-dialog-close {
    background-image: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/dialog-close.png)
}

.quan-dialog-what1, .quan-dialog-what2 {
    width: 260px;
    padding: 30px 120px;
    margin-left: -120px;
    background-color: #fff
}

    .quan-dialog-what1 .ui-dialog-close, .quan-dialog-what2 .ui-dialog-close {
        width: 9px;
        height: 9px;
        background-image: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/dialog-close.png)
    }

    .quan-dialog-what1 .tip-box, .quan-dialog-what2 .tip-box {
        margin: 30px 0
    }

    .quan-dialog-what1 h3, .quan-dialog-what2 h3 {
        line-height: 24px;
        font-size: 16px
    }

        .quan-dialog-what1 h3 .num, .quan-dialog-what2 h3 .num {
            color: #f91
        }

    .quan-dialog-what1 .quan, .quan-dialog-what2 .quan {
        clear: both
    }

        .quan-dialog-what1 .quan .inner_quan, .quan-dialog-what2 .quan .inner_quan {
            width: 230px;
            height: 134px
        }

            .quan-dialog-what1 .quan .inner_quan .price, .quan-dialog-what2 .quan .inner_quan .price {
                line-height: 58px;
                height: 58px;
                text-align: center;
                display: block;
                padding-top: 18px;
                color: #fff
            }

                .quan-dialog-what1 .quan .inner_quan .price .rmb, .quan-dialog-what2 .quan .inner_quan .price .rmb {
                    font-size: 24px
                }

                .quan-dialog-what1 .quan .inner_quan .price .num, .quan-dialog-what2 .quan .inner_quan .price .num {
                    font-size: 60px;
                    font-family: Arial
                }

            .quan-dialog-what1 .quan .inner_quan .def, .quan-dialog-what2 .quan .inner_quan .def {
                height: 24px;
                line-height: 24px;
                color: #fff;
                display: block;
                text-align: center
            }

                .quan-dialog-what1 .quan .inner_quan .def .first, .quan-dialog-what2 .quan .inner_quan .def .first {
                    display: inline-block;
                    width: 24px;
                    height: 24px;
                    background-color: #5bbabc;
                    border-radius: 13px;
                    text-align: center;
                    line-height: 24px;
                    margin-right: 10px
                }

            .quan-dialog-what1 .quan .inner_quan .shuoming, .quan-dialog-what2 .quan .inner_quan .shuoming {
                height: 32px;
                overflow: hidden;
                line-height: 16px;
                padding: 4px 4px 10px;
                text-align: center
            }

    .quan-dialog-what1 .quan_dq .inner_quan, .quan-dialog-what2 .quan_dq .inner_quan {
        background-color: #74d2d4
    }

        .quan-dialog-what1 .quan_dq .inner_quan .def .first, .quan-dialog-what2 .quan_dq .inner_quan .def .first {
            color: #9cedef
        }

    .quan-dialog-what1 .quan_dq .shuoming, .quan-dialog-what2 .quan_dq .shuoming {
        color: #359ea0
    }

    .quan-dialog-what1 .quan_dq .bottom, .quan-dialog-what2 .quan_dq .bottom {
        width: 230px;
        height: 7px;
        display: block;
        background: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/market.png) repeat -978px -238px
    }

    .quan-dialog-what1 .quan_jq .inner_quan, .quan-dialog-what2 .quan_jq .inner_quan {
        background-color: #fa9899
    }

        .quan-dialog-what1 .quan_jq .inner_quan .def .first, .quan-dialog-what2 .quan_jq .inner_quan .def .first {
            background-color: #e17c7d;
            color: #fa9899
        }

    .quan-dialog-what1 .quan_jq .shuoming, .quan-dialog-what2 .quan_jq .shuoming {
        color: #e17c7d
    }

    .quan-dialog-what1 .quan_jq .bottom, .quan-dialog-what2 .quan_jq .bottom {
        width: 230px;
        height: 7px;
        display: block;
        background: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/market.png) repeat -977px -207px
    }

    .quan-dialog-what1 .quan_myf .inner_quan, .quan-dialog-what2 .quan_myf .inner_quan {
        background-color: #7ea7ce
    }

        .quan-dialog-what1 .quan_myf .inner_quan .def .first, .quan-dialog-what2 .quan_myf .inner_quan .def .first {
            background-color: #6a92b8;
            color: #7ea7ce
        }

        .quan-dialog-what1 .quan_myf .inner_quan .price .rmb, .quan-dialog-what2 .quan_myf .inner_quan .price .rmb {
            font-family: '\5FAE\8F6F\96C5\9ED1'
        }

    .quan-dialog-what1 .quan_myf .shuoming, .quan-dialog-what2 .quan_myf .shuoming {
        color: #5a80a4
    }

    .quan-dialog-what1 .quan_myf .bottom, .quan-dialog-what2 .quan_myf .bottom {
        width: 230px;
        height: 7px;
        display: block;
        background: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/market.png) repeat -978px -258px
    }

    .quan-dialog-what1 .op-btns .btn-m2, .quan-dialog-what2 .op-btns .btn-m2 {
        margin-left: 0;
        float: right
    }

    .quan-dialog-what2 .tip-box {
        margin: 30px auto 30px 50px
    }

    .quan-dialog-what2 .item-fore h3 {
        line-height: 50px
    }

.quan-dialog-what3 .ui-dialog-close {
    width: 9px;
    height: 9px;
    background-image: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/dialog-close.png)
}

.quan-dialog-what3 .tip-box {
    margin: 30px auto 30px 50px
}

.quan-dialog-what3 .item-fore {
    width: 227px
}

    .quan-dialog-what3 .item-fore h3 {
        line-height: 24px;
        margin-bottom: 27px
    }

.quan-dialog-what3 .quan_dh .btn_goon {
    width: 285px;
    display: block;
    border-radius: 2px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #dedede;
    height: 50px;
    margin-bottom: 10px;
    line-height: 50px
}

    .quan-dialog-what3 .quan_dh .btn_goon:hover {
        border: 1px solid #e4393c
    }

.quan-dialog-what3 .quan_dh .btn_back {
    width: 285px;
    display: block;
    text-align: center;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #dedede;
    height: 50px;
    line-height: 50px
}

    .quan-dialog-what3 .quan_dh .btn_back:hover {
        border: 1px solid #e4393c
    }

.quan-dialog-what3 .op-btns {
    width: 285px;
    text-align: center
}

    .quan-dialog-what3 .op-btns .btn-m2 {
        margin: 0 auto
    }

.qm-tip1 {
    width: 320px;
    padding: 48px 50px 40px
}

.qm-succ-tips {
    width: 220px;
    padding: 20px 30px;
    background: rgba(0,0,0,.6);
    color: #fff;
    text-align: left
}

    .qm-succ-tips .tip-hint, .qm-succ-tips .tip-title {
        color: #fff
    }

    .qm-succ-tips .tip-iconfont {
        font-size: 32px;
        margin-left: -44px;
        margin-top: 5px
    }

.qm-tip2 {
    width: 320px;
    padding: 48px 50px 40px;
    margin: 0 auto
}

    .qm-tip2 .ask-icon {
        color: #29f
    }

    .qm-tip2 .warn-icon {
        color: #fa0
    }

    .qm-tip2 .inputarea {
        width: 260px;
        margin: 25px auto 0;
        font-size: 0
    }

        .qm-tip2 .inputarea .icode, .qm-tip2 .inputarea .itxt {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: middle;
            font-size: 14px
        }

        .qm-tip2 .inputarea .itxt {
            width: 158px;
            height: 38px;
            line-height: 38px;
            padding: 0;
            font-family: "Microsoft YaHei";
            text-align: center;
            border: 1px solid #c6c6c6
        }

        .qm-tip2 .inputarea .f-tip-wrong {
            margin-top: 5px;
            text-align: left;
            font-size: 12px;
            color: #f33
        }

        .qm-tip2 .inputarea .error-icon {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            font-size: 16px;
            color: #f30;
            margin-right: 5px;
            margin-bottom: 0
        }

    .qm-tip2 .coupon-list {
        display: inline-block;
        display: block;
        position: relative;
        width: 460px;
        height: 275px;
        margin: 0 50px;
        padding: 30px 0 0
    }

        .qm-tip2 .coupon-list:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden
        }

    * html .qm-tip2 .coupon-list {
        height: 1%
    }

    * + html .qm-tip2 .coupon-list {
        min-height: 1%
    }

        .qm-tip2 .coupon-list .coupon-main {
            width: 460px;
            height: 275px;
            overflow: hidden
        }

        .qm-tip2 .coupon-list ul {
            display: inline-block;
            display: block;
            width: 460px;
            height: 275px
        }

            .qm-tip2 .coupon-list ul:after {
                content: ".";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden
            }

        * html .qm-tip2 .coupon-list ul {
            height: 1%
        }

        * + html .qm-tip2 .coupon-list ul {
            min-height: 1%
        }

        .qm-tip2 .coupon-list li {
            float: left;
            width: 230px;
            height: 275px;
            background: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/quan-bg.png) left center no-repeat #fff
        }

        .qm-tip2 .coupon-list .quan-item {
            position: relative;
            height: 266px;
            width: 200px;
            margin-left: 3px;
            border-top: 9px solid #5cb6ef;
            overflow: hidden
        }

        .qm-tip2 .coupon-list .q-price {
            text-align: center;
            padding-top: 40px;
            height: 75px
        }

            .qm-tip2 .coupon-list .q-price em {
                color: #3fa8eb;
                font-size: 26px;
                font-family: verdana
            }

            .qm-tip2 .coupon-list .q-price strong {
                color: #3fa8eb;
                font-size: 46px
            }

            .qm-tip2 .coupon-list .q-price .q-limit {
                display: block;
                height: 36px;
                overflow: hidden;
                color: #8b8b8b;
                font-size: 14px;
                line-height: 23px
            }

            .qm-tip2 .coupon-list .q-price .price-normal {
                font-size: 34px
            }

        .qm-tip2 .coupon-list .q-line {
            position: relative;
            z-index: 5;
            height: 1px;
            width: 170px;
            margin: 0 auto;
            border-top: 1px dotted #d6d6d6
        }

        .qm-tip2 .coupon-list .q-range {
            padding-top: 15px;
            height: 60px;
            font-size: 14px;
            color: #e93524
        }

            .qm-tip2 .coupon-list .q-range .txt {
                margin: 0 15px;
                padding-top: 5px;
                height: 36px;
                line-height: 18px;
                border: none;
                overflow: hidden;
                color: #666;
                font-size: 14px
            }

        .qm-tip2 .coupon-list .q-opbtns .btn {
            display: block;
            width: 145px;
            height: 30px;
            line-height: 30px;
            margin: 0 auto;
            border: 3px solid #5cb6ef;
            text-align: center;
            font-size: 14px;
            color: #5cb6ef
        }

            .qm-tip2 .coupon-list .q-opbtns .btn:hover {
                background: #5cb6ef;
                color: #fff
            }

        .qm-tip2 .coupon-list .q-site {
            position: absolute;
            width: 66px;
            height: 66px;
            right: 0;
            top: 0;
            padding: 0;
            background: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/quan-index-icons.png) 0 -288px;
            overflow: hidden;
            background-color: transparent
        }

        .qm-tip2 .coupon-list .quan-type02 {
            border-color: #23d1c3
        }

            .qm-tip2 .coupon-list .quan-type02 .q-price em, .qm-tip2 .coupon-list .quan-type02 .q-price strong {
                color: #23d1c3
            }

            .qm-tip2 .coupon-list .quan-type02 .q-opbtns .btn {
                border-color: #23d1c3;
                color: #23d1c3
            }

                .qm-tip2 .coupon-list .quan-type02 .q-opbtns .btn:hover {
                    background: #23d1c3;
                    color: #fff
                }

        .qm-tip2 .coupon-list .quan-type03 {
            border-color: #dfa333
        }

            .qm-tip2 .coupon-list .quan-type03 .q-price em, .qm-tip2 .coupon-list .quan-type03 .q-price strong {
                color: #dfa333
            }

            .qm-tip2 .coupon-list .quan-type03 .q-opbtns .btn {
                border-color: #dfa333;
                color: #dfa333
            }

                .qm-tip2 .coupon-list .quan-type03 .q-opbtns .btn:hover {
                    background: #dfa333;
                    color: #fff
                }

        .qm-tip2 .coupon-list .quan-type04 {
            border-color: #f23030
        }

            .qm-tip2 .coupon-list .quan-type04 .q-txt {
                margin: 15px 0 0;
                color: #f23030;
                font-size: 18px;
                font-weight: 700;
                text-align: center
            }

            .qm-tip2 .coupon-list .quan-type04 .q-img {
                margin: 2px 0 10px;
                text-align: center;
                background: #fff
            }

            .qm-tip2 .coupon-list .quan-type04 .q-opbtns .btn {
                border-color: #f23030;
                color: #f23030
            }

                .qm-tip2 .coupon-list .quan-type04 .q-opbtns .btn:hover {
                    background: #f23030;
                    color: #fff
                }

        .qm-tip2 .coupon-list .coupon-next, .qm-tip2 .coupon-list .coupon-prev {
            display: block;
            position: absolute;
            z-index: 10;
            top: 130px;
            width: 45px;
            height: 44px;
            font: 30px/44px SimSun;
            border-radius: 100%;
            overflow: hidden;
            color: #9a9a9a;
            box-shadow: .5px .8px 8px 0 rgba(0,0,0,.15)
        }

        .qm-tip2 .coupon-list .coupon-prev {
            left: -56px
        }

        .qm-tip2 .coupon-list .coupon-next {
            right: -36px;
            background-position: -55px -125px
        }

.qm-tip2-list {
    width: 530px;
    padding: 10px;
    margin: 0 auto
}

#quan-list-dialog {
    border-top: none;
    border-top: 10px solid #f23026
}

img.err-poster, img.err-product {
    background: url(//misc.360buyimg.com/lib/skin/e/i/error-jd.gif) no-repeat scroll 50% 50% transparent
}
/* user-quan/3.0.0 header-index.css Date:2017-10-12 11:28:18 */
@charset "UTF-8";

#myquan .dt b, #myquan .dt s, #quan-search .ci-right, #quan-search.hover .i-quan .select b {
    background-image: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/quan-icons.png);
    background-repeat: no-repeat
}

@font-face {
    font-family: daogou-font;
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a);
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a#iefix) format("embedded-opentype"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.woff?cfnq6a) format("woff"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.ttf?cfnq6a) format("truetype"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.svg?cfnq6a#daogou-font) format("svg");
    font-weight: 400;
    font-style: normal
}

#channel {
    color: #333
}

#shelper {
    width: 282px
}

#search-2014 .text {
    padding-left: 104px;
    width: 194px
}

.root61 #search-2014 .text {
    width: 346px
}

#settleup-2014-quan {
    float: right;
    z-index: 11;
    height: 36px;
    margin-top: 25px
}

.root61 #settleup-2014-quan {
    margin-right: 65px
}

#quan-search {
    position: absolute;
    margin-top: 0;
    left: 2px;
    z-index: 1;
    width: 100px;
    font-size: 14px;
    cursor: pointer;
    top: 2px;
    background-color: #f9f9f9;
    font-family: "Microsoft YaHei"
}

    #quan-search .quan-tit {
        position: relative;
        padding: 7px 0 7px 20px;
        line-height: 18px;
        overflow: hidden;
        color: #666;
        border-left: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8
    }

    #quan-search .ci-right {
        display: block;
        position: absolute;
        top: 13px;
        right: 20px;
        width: 9px;
        height: 6px;
        margin-left: 10px;
        overflow: hidden;
        background-position: -102px 0;
        vertical-align: middle
    }

    #quan-search .i-quan {
        display: none;
        border: solid #d8d8d8;
        border-width: 0 1px 1px
    }

    #quan-search.hover {
        background: #fff
    }

        #quan-search.hover .ci-right {
            background-position: -122px 0
        }

        #quan-search.hover .i-quan {
            display: block
        }

            #quan-search.hover .i-quan a {
                display: block;
                position: relative;
                height: 32px;
                line-height: 32px;
                color: #666;
                padding-left: 20px
            }

                #quan-search.hover .i-quan .select a, #quan-search.hover .i-quan a:hover {
                    color: #e4393c
                }

            #quan-search.hover .i-quan .select b {
                display: block;
                position: absolute;
                left: 67px;
                top: 8px;
                width: 12px;
                height: 14px;
                background-position: -64px 0
            }

#myquan {
    width: 139px;
    height: 34px;
    border: 1px solid #DFDFDF;
    padding: 0;
    background: #F9F9F9;
    text-align: center;
    line-height: 34px;
    font-family: "Microsoft YaHei"
}

    #myquan .dt {
        padding-left: 19px;
        text-align: left
    }

        #myquan .dt b, #myquan .dt s {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: middle
        }

        #myquan .dt s {
            width: 16px;
            height: 18px;
            margin-right: 8px;
            background-position: -52px -192px
        }

        #myquan .dt b {
            width: 6px;
            height: 9px;
            margin-left: 13px;
            background-position: -141px 0
        }

    #myquan .dd {
        display: none;
        position: absolute;
        *border: 1px solid #dfdfdf;
        border: 1px solid #dfdfdf \9;
        top: 33px;
        right: 1px;
        width: 210px;
        padding: 10px 0;
        background: #fff
    }

        #myquan .dd .spacer {
            position: absolute;
            right: 0;
            top: -6px;
            *top: -7px;
            top: -7px\9;
            width: 138px;
            height: 12px;
            background: #fff
        }

    #myquan .quantarget {
        text-align: left
    }

        #myquan .quantarget li {
            position: relative
        }

        #myquan .quantarget .num {
            position: absolute;
            top: 0;
            right: 10px;
            color: #656565
        }

        #myquan .quantarget .unread {
            color: #e4393c
        }

            #myquan .quantarget .unread em {
                display: inline-block;
                *display: inline;
                *zoom: 1;
                height: 16px;
                line-height: 16px;
                padding: 0 5px;
                margin-right: 5px;
                border-radius: 8px;
                background-color: #e4393c;
                color: #fff
            }

        #myquan .quantarget a {
            display: block;
            padding: 0 10px 0 20px;
            height: 26px;
            line-height: 26px;
            color: #9a9a9a;
            overflow: hidden
        }

            #myquan .quantarget a:hover {
                background-color: #e4393c;
                color: #fff
            }

                #myquan .quantarget a:hover .num {
                    color: #fff
                }

    #myquan:hover {
        border-color: #fff;
        *border-color: #dfdfdf;
        border-color: #dfdfdf\9
    }

    #myquan .hover .dt {
        background-color: #fff;
        box-shadow: 0 0 5px rgba(0,0,0,.2)
    }

    #myquan .hover .dd {
        display: block;
        box-shadow: 0 0 5px rgba(0,0,0,.2)
    }

#navitems-2014 a {
    padding: 0 20px
}

#navitems-group1 a {
    font-weight: 700
}

#navitems-group1 .curr, #navitems-group1 .curr a {
    color: #a41616
}

#shelper {
    left: 101px
}

.root61 #shelper {
    width: 354px
}

#nav-2014 {
    border-bottom: 2px solid #f42409
}

    #nav-2014 .cate-list {
        position: relative;
        left: -1px;
        background: #fff;
        width: 904px;
        height: 33px;
        font-family: "Microsoft YaHei";
        display: inline-block;
        display: block
    }

        #nav-2014 .cate-list:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden
        }

    * html #nav-2014 .cate-list {
        height: 1%
    }

    * + html #nav-2014 .cate-list {
        min-height: 1%
    }

        #nav-2014 .cate-list .cate-item, #nav-2014 .cate-list .cate-more {
            display: block;
            position: relative;
            float: left;
            height: 33px;
            line-height: 33px;
            font-size: 14px;
            text-align: center;
            color: #333
        }

            #nav-2014 .cate-list .cate-item .hot, #nav-2014 .cate-list .cate-more .hot {
                position: absolute;
                top: 0;
                right: 0;
                display: block;
                width: 18px;
                height: 11px;
                background: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/hot-icons.png) 0 -36px;
                overflow: hidden
            }

            #nav-2014 .cate-list .cate-item:hover, #nav-2014 .cate-list .cate-more:hover {
                color: #fb0f3a
            }

            #nav-2014 .cate-list .cate-item:after {
                content: '';
                position: absolute;
                top: 50%;
                left: 0;
                margin-top: -10px;
                height: 20px;
                line-height: 20px;
                width: 1px;
                background: #e6e6e6
            }

        #nav-2014 .cate-list .curr {
            background: #fb0f3a;
            color: #fff;
            border-left-color: #fb0f3a;
            font-weight: 700
        }

            #nav-2014 .cate-list .curr:hover {
                color: #fff
            }

            #nav-2014 .cate-list .curr:after {
                display: none
            }

        #nav-2014 .cate-list .cate-first {
            font-weight: 700;
            font-size: 20px
        }

            #nav-2014 .cate-list .cate-first:after {
                display: none
            }

        #nav-2014 .cate-list .cate-more {
            position: relative
        }

            #nav-2014 .cate-list .cate-more .ci-right {
                display: block;
                position: absolute;
                top: 14px;
                right: 0;
                height: 7px;
                overflow: hidden;
                font: 400 15px/15px consolas;
                color: #6A6A6A;
                transition: -webkit-transform .1s ease-in 0s;
                transition: transform .1s ease-in 0s;
                transition: transform .1s ease-in 0s,-webkit-transform .1s ease-in 0s;
                transition: transform .1s ease-in 0s,-webkit-transform .1s ease-in 0s;
                -webkit-transition: -webkit-transform .1s ease-in 0s
            }

                #nav-2014 .cate-list .cate-more .ci-right s {
                    position: relative;
                    top: -8px;
                    text-decoration: none;
                    font-family: simsun
                }

        #nav-2014 .cate-list .wrap-hover .ci-right {
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg)
        }

        #nav-2014 .cate-list .cate-ul {
            float: left
        }

        #nav-2014 .cate-list .list-more-wrap {
            position: relative;
            float: left;
            width: 113px;
            background: #fff;
            z-index: 20
        }

            #nav-2014 .cate-list .list-more-wrap .list-more {
                position: absolute;
                right: 0;
                top: 143px;
                padding: 20px 0 20px 40px;
                width: 400px;
                background: #fff;
                transition: all .3s ease;
                opacity: 0;
                visibility: hidden;
                border: 1px solid #ccc;
                border-top: 0
            }

                #nav-2014 .cate-list .list-more-wrap .list-more a {
                    width: 98px;
                    padding: 0;
                    text-align: left
                }

                    #nav-2014 .cate-list .list-more-wrap .list-more a:after {
                        display: none
                    }

            #nav-2014 .cate-list .list-more-wrap .list-more-active {
                opacity: 1;
                top: 35px;
                visibility: visible
            }

            #nav-2014 .cate-list .list-more-wrap .cate-more:focus + .list-more, #nav-2014 .cate-list .list-more-wrap .cate-more:hover + .list-more {
                visibility: visible;
                opacity: 1;
                top: 35px
            }

#ceilinglamp {
    background: #fff
}

.ui-ceilinglamp-current {
    border-bottom: 2px solid #f42409;
    width: 100%;
    background: #fff
}

.root61 #nav-2014 .cate-list {
    width: 1124px
}

.outline {
    outline: 1px dotted Highlight;
    outline: 5px auto -webkit-focus-ring-color
}
/* user-quan/3.0.0 quan-form.css Date:2017-10-12 11:28:18 */
@charset "UTF-8";

.quan-form .list li.selted s {
    background-image: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/quan-icons.png);
    background-repeat: no-repeat
}

@font-face {
    font-family: daogou-font;
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a);
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a#iefix) format("embedded-opentype"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.woff?cfnq6a) format("woff"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.ttf?cfnq6a) format("truetype"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.svg?cfnq6a#daogou-font) format("svg");
    font-weight: 400;
    font-style: normal
}

.quan-form {
    font-family: "Microsoft YaHei";
    padding-bottom: 1px
}

    .quan-form .item {
        position: relative;
        display: inline-block;
        display: block;
        margin-bottom: 30px;
        line-height: 30px
    }

        .quan-form .item:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden
        }

    * html .quan-form .item {
        height: 1%
    }

    * + html .quan-form .item {
        min-height: 1%
    }

        .quan-form .item span.label {
            float: left;
            height: 18px;
            line-height: 18px;
            padding: 9px 0;
            width: 90px;
            text-align: left;
            color: #666;
            font-size: 14px
        }

    .quan-form .item-02 {
        z-index: 2
    }

    .quan-form .item-rcol {
        float: left
    }

    .quan-form em {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle;
        margin-right: 3px;
        color: #e4393c
    }

    .quan-form .area, .quan-form .itxt, .quan-form .sele, .quan-form .selt {
        line-height: 18px;
        border: 1px solid #ccc;
        padding: 5px;
        float: none;
        font-family: "Microsoft YaHei"
    }

    .quan-form .area {
        resize: none
    }

    .quan-form .sele, .quan-form .selt {
        width: 100px
    }

    .quan-form .selt1 {
        width: 70px
    }

    .quan-form .itxt {
        height: 18px;
        line-height: 18px;
        width: 236px;
        padding: 8px 24px 8px 8px
    }

    .quan-form .itxt-succ {
        background: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/succ-ico.png) no-repeat right center #fff
    }

    .quan-form .itxt-focus {
        border-color: #71b247
    }

    .quan-form .itxt-error {
        border-color: #e4393c
    }

    .quan-form label {
        float: none
    }

    .quan-form .jdcheckbox, .quan-form .jdradio {
        float: none;
        vertical-align: -2px;
        _vertical-align: -1px;
        margin: 0 3px 0 0;
        padding: 0
    }

    .quan-form .list {
        @inlcude clearfix
    }

        .quan-form .list li {
            cursor: pointer;
            float: left;
            position: relative;
            height: 18px;
            line-height: 18px;
            margin-right: 10px;
            padding: 8px 19px;
            border: 1px solid #ccc
        }

            .quan-form .list li.selted {
                padding: 7px 18px;
                border: 2px solid #e4393c
            }

                .quan-form .list li.selted s {
                    display: block;
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    width: 16px;
                    height: 16px;
                    background-position: 0 -333px
                }

    .quan-form .error-msg {
        position: absolute;
        top: 36px;
        left: 90px;
        color: #e4393c
    }

        .quan-form .error-msg .error-icon {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            width: 16px;
            height: 16px;
            margin: -3px 5px 0 0;
            vertical-align: middle;
            background: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/icon16.png) -78px 0;
            overflow: hidden
        }

    .quan-form .sugcontent {
        position: absolute;
        top: 35px;
        left: 90px;
        background: #fff;
        border: 1px solid #ccc;
        width: 268px;
        z-index: 4;
        color: #333;
        font-family: verdana;
        font-size: 14px
    }

        .quan-form .sugcontent li {
            height: 36px;
            line-height: 36px;
            padding-left: 8px;
            width: 254px;
            overflow: hidden;
            word-wrap: break-word;
            word-break: break-all;
            cursor: default
        }

            .quan-form .sugcontent li.hover, .quan-form .sugcontent li:hover {
                background: #f3f3f3
            }

    .quan-form .special-txt {
        text-indent: -21px;
        padding-left: 21px
    }

    .quan-form .num-tip {
        cursor: default
    }

#quan-dialog .quan-form {
    margin: 20px 30px 0
}

    #quan-dialog .quan-form .itxt {
        width: 206px
    }
/* user-quan/3.0.0 quan-item.css Date:2017-10-12 11:28:19 */
@charset "UTF-8";

.quan-item .btn-state {
    background-image: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/quan-state.png);
    background-repeat: no-repeat
}

@font-face {
    font-family: daogou-font;
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a);
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a#iefix) format("embedded-opentype"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.woff?cfnq6a) format("woff"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.ttf?cfnq6a) format("truetype"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.svg?cfnq6a#daogou-font) format("svg");
    font-weight: 400;
    font-style: normal
}

.quan-item {
    position: relative;
    height: 192px;
    width: 280px;
    padding-right: 65px;
    border: 1px solid #f1f1f1;
    background: #fff;
    font-family: "Microsoft YaHei"
}

    .quan-item:hover {
        box-shadow: 0 0 5px rgba(0,0,0,.1)
    }

    .quan-item .q-type {
        padding: 25px 0 20px 15px
    }

    .quan-item .q-price {
        display: inline-block;
        display: block;
        color: #74d2d4
    }

        .quan-item .q-price:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden
        }

    * html .quan-item .q-price {
        height: 1%
    }

    * + html .quan-item .q-price {
        min-height: 1%
    }

        .quan-item .q-price em {
            float: left;
            margin: 13px 0 0;
            font-family: verdana;
            font-size: 24px
        }

        .quan-item .q-price .zh-txt {
            margin: 18px 10px 0 0
        }

        .quan-item .q-price strong {
            float: left;
            line-height: 50px;
            margin: 0 10px 0 5px;
            font-size: 40px;
            font-family: arial;
            _display: inline
        }

        .quan-item .q-price .txt {
            float: left;
            line-height: 22px;
            margin-top: 22px
        }

    .quan-item .superimposed {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        height: 18px;
        line-height: 18px;
        padding: 0 4px;
        margin-right: 5px;
        color: #666;
        border: 1px solid #666
    }

    .quan-item .limit {
        width: 250px;
        height: 22px;
        line-height: 22px;
        margin-bottom: 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .quan-item .q-range {
        line-height: 22px;
        color: #999
    }

        .quan-item .q-range .range-item p {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            width: 200px;
            cursor: default
        }

    .quan-item .q-opbtns {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 144px;
        padding: 48px 22px 0;
        line-height: 24px;
        background: #74d2d4;
        color: #fff;
        font-size: 14px
    }

        .quan-item .q-opbtns.disable {
            background: #b3b3b3;
        }

            .quan-item .q-opbtns.disable:hover {
                background: #969696;
            }

        .quan-item .q-opbtns a {
            display: block;
            width: 100%;
            height: 100%;
            color: #fff
        }

        .quan-item .q-opbtns .semi-circle {
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 3px;
            height: 192px;
            background: url(//misc.360buyimg.com/user/quan/3.0.0/css/i/semi-circle.png) repeat-y
        }

    .quan-item .q-opbtns02 {
        height: 143px;
        padding: 27px 22px 0
    }

    .quan-item .btn-state {
        position: absolute
    }

    .quan-item .btn-geted, .quan-item .btn-getend {
        width: 69px;
        height: 69px;
        line-height: 99em;
        overflow: hidden;
        bottom: 5px;
        right: 70px
    }

    .quan-item .btn-overdue, .quan-item .btn-overdued, .quan-item .btn-wish {
        width: 55px;
        height: 55px;
        line-height: 99em;
        top: 0;
        left: 0;
        background-position: -184px 0;
        overflow: hidden
    }

    .quan-item .btn-overdued {
        background-position: -184px -65px
    }

    .quan-item .btn-wish {
        background-position: -184px -130px
    }

.quan-d-item .q-price {
    color: #c00;
}

.quan-d-item .q-opbtns {
    background: #f05356;
}

    .quan-d-item .q-opbtns:hover {
        background: #e4393c;
    }

    .quan-d-item .q-opbtns a:hover {
        color: #ff0;
        text-decoration: none;
    }

.quan-d-item .btn-geted {
    background-position: 0 -158px
}

.quan-j-item .q-price {
    color: #fa9899
}

.quan-j-item .q-opbtns {
    background: #fa9899
}

    .quan-j-item .q-opbtns a:hover {
        color: #b24d4f
    }

.quan-j-item .btn-geted {
    background-position: 0 -237px
}

.quan-yf-item .q-price {
    color: #7ea7ce
}

.quan-yf-item .q-opbtns {
    background: #7ea7ce
}

    .quan-yf-item .q-opbtns a:hover {
        color: #3d6d9c
    }

.quan-yf-item .btn-geted {
    background-position: 0 0
}

.quan-gray-item .q-price {
    color: #c3c3c3
}

.quan-gray-item .q-opbtns {
    background: #c3c3c3
}

    .quan-gray-item .q-opbtns a {
        color: #868686
    }

        .quan-gray-item .q-opbtns a:hover {
            color: #868686;
            cursor: default
        }

.quan-gray-item .btn-getend {
    background-position: 0 -79px
}

.quan-list {
    display: inline-block;
    display: block;
    width: 1240px;
    *margin-bottom: 28px
}

    .quan-list:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }

* html .quan-list {
    height: 1%
}

* + html .quan-list {
    min-height: 1%
}

    .quan-list .quan-item {
        float: left;
        margin: 20px 10px 28px 35px;
    }

.root61 .quan-item {
    width: 316px
}

    .root61 .quan-item .q-type {
        padding-left: 25px
    }

    .root61 .quan-item .q-opbtns {
        padding-left: 36px;
        padding-right: 24px
    }

    .root61 .quan-item .btn-geted, .root61 .quan-item .btn-getend {
        right: 90px
    }


/* user-myjd/coupon common.css Date:2017-09-28 09:55:35 */
@charset "UTF-8";

@font-face {
    font-family: daogou-font;
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a);
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a#iefix) format("embedded-opentype"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.woff?cfnq6a) format("woff"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.ttf?cfnq6a) format("truetype"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.svg?cfnq6a#daogou-font) format("svg");
    font-weight: 400;
    font-style: normal
}

.btn-1, .btn-def, .btn-primary, .btn-spec1, .btn-spec2, .m-tip .tip-btnbox .btn1, .m-tip .tip-btnbox .btn2, .m-tip1 .tip-btnbox .btn1, .m-tip1 .tip-btnbox .btn2, .m-tip2 .tip-btnbox .btn1, .m-tip2 .tip-btnbox .btn2, .promo-page .btn, .promo-page .page-btn span, .promo-page .page-btn span.disable {
    display: inline-block;
    text-align: center;
    cursor: pointer
}

    .btn-1 .btnico, .btn-1 .btntxt, .btn-def .btnico, .btn-def .btntxt, .btn-primary .btnico, .btn-primary .btntxt, .btn-spec1 .btnico, .btn-spec1 .btntxt, .btn-spec2 .btnico, .btn-spec2 .btntxt, .m-tip .tip-btnbox .btn1 .btnico, .m-tip .tip-btnbox .btn1 .btntxt, .m-tip .tip-btnbox .btn2 .btnico, .m-tip .tip-btnbox .btn2 .btntxt, .m-tip1 .tip-btnbox .btn1 .btnico, .m-tip1 .tip-btnbox .btn1 .btntxt, .m-tip1 .tip-btnbox .btn2 .btnico, .m-tip1 .tip-btnbox .btn2 .btntxt, .m-tip2 .tip-btnbox .btn1 .btnico, .m-tip2 .tip-btnbox .btn1 .btntxt, .m-tip2 .tip-btnbox .btn2 .btnico, .m-tip2 .tip-btnbox .btn2 .btntxt, .promo-page .btn .btnico, .promo-page .btn .btntxt, .promo-page .page-btn span .btnico, .promo-page .page-btn span .btntxt {
        display: inline-block;
        vertical-align: top
    }

    .btn-1:hover, .btn-def:hover, .btn-primary:hover, .btn-spec1:hover, .btn-spec2:hover, .m-tip .tip-btnbox .btn1:hover, .m-tip .tip-btnbox .btn2:hover, .m-tip1 .tip-btnbox .btn1:hover, .m-tip1 .tip-btnbox .btn2:hover, .m-tip2 .tip-btnbox .btn1:hover, .m-tip2 .tip-btnbox .btn2:hover, .promo-page .btn:hover, .promo-page .page-btn span:hover {
        text-decoration: none
    }

.btn-def, .m-tip .tip-btnbox .btn1, .m-tip1 .tip-btnbox .btn1, .m-tip2 .tip-btnbox .btn1, .promo-page .btn, .promo-page .page-btn span {
    border: 1px solid #ddd;
    color: #333;
    border-radius: 2px;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top,#f7f7f7,#f2f2f2);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f7f7f7),color-stop(1,#f2f2f2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f2f2f2', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f2f2f2');
    background-image: linear-gradient(to bottom,#f7f7f7 0,#f2f2f2 100%)
}

    .btn-def:hover, .m-tip .tip-btnbox .btn1:hover, .m-tip1 .tip-btnbox .btn1:hover, .m-tip2 .tip-btnbox .btn1:hover, .promo-page .btn:hover, .promo-page .page-btn span:hover {
        color: #333;
        box-shadow: 0 1px 1px rgba(0,1,1,.08);
        background-color: #fff;
        background-image: -moz-linear-gradient(top,#fff,#fff);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#fff));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType='0');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
        background-image: linear-gradient(to bottom,#fff 0,#fff 100%)
    }

.btn-1, .btn-primary, .m-tip .tip-btnbox .btn2, .m-tip1 .tip-btnbox .btn2, .m-tip2 .tip-btnbox .btn2 {
    color: #fff;
    border-radius: 3px;
    background-color: #df3033;
    background-image: -moz-linear-gradient(top,#df3033,#e74649);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#df3033),color-stop(1,#e74649));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#df3033', endColorstr='#e74649', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#df3033', endColorstr='#e74649');
    background-image: linear-gradient(to bottom,#df3033 0,#e74649 100%)
}

    .btn-1:hover, .btn-primary:hover, .m-tip .tip-btnbox .btn2:hover, .m-tip1 .tip-btnbox .btn2:hover, .m-tip2 .tip-btnbox .btn2:hover {
        color: #fff;
        background-color: #eb3c3f;
        background-image: -moz-linear-gradient(top,#eb3c3f,#f05356);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#eb3c3f),color-stop(1,#f05356));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb3c3f', endColorstr='#f05356', GradientType='0');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb3c3f', endColorstr='#f05356');
        background-image: linear-gradient(to bottom,#eb3c3f 0,#f05356 100%)
    }

.btn-spec1, .promo-page .page-btn span.disable {
    border: 1px solid #ddd;
    border-radius: 2px;
    color: #333;
    background: #fff
}

    .btn-spec1:hover, .promo-page .page-btn span.disable:hover {
        color: #e4393c;
        border-color: #e4393c
    }

.btn-spec2 {
    color: #333;
    border: 1px solid #c0d6af;
    border-radius: 2px;
    background-color: #f5fbef;
    background-image: -moz-linear-gradient(top,#f5fbef,#eaf6e2);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f5fbef),color-stop(1,#eaf6e2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5fbef', endColorstr='#eaf6e2', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5fbef', endColorstr='#eaf6e2');
    background-image: linear-gradient(to bottom,#f5fbef 0,#eaf6e2 100%)
}

    .btn-spec2:hover {
        color: #333;
        box-shadow: 0 1px 1px rgba(0,1,1,.08);
        background-color: #f4faf0;
        background-image: -moz-linear-gradient(top,#f4faf0,#eff7e8);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f4faf0),color-stop(1,#eff7e8));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4faf0', endColorstr='#eff7e8', GradientType='0');
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4faf0', endColorstr='#eff7e8');
        background-image: linear-gradient(to bottom,#f4faf0 0,#eff7e8 100%)
    }

@font-face {
    font-family: daogou-font;
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a);
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a#iefix) format("embedded-opentype"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.woff?cfnq6a) format("woff"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.ttf?cfnq6a) format("truetype"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.svg?cfnq6a#daogou-font) format("svg");
    font-weight: 400;
    font-style: normal
}

.m-tip .tip-iconfont, .m-tip1 .tip-iconfont, .m-tip2 .tip-iconfont, .tip-font {
    display: inline-block;
    font-family: daogou-font !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

.m-tip1 {
    text-align: center
}

    .m-tip1 .tip-main {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        padding-left: 60px
    }

        .m-tip1 .tip-main.tip-error .tip-iconfont {
            color: #e22
        }

        .m-tip1 .tip-main.tip-ask .tip-iconfont, .m-tip1 .tip-main.tip-warn .tip-iconfont {
            color: #f91
        }

    .m-tip1 .tip-iconfont {
        float: left;
        margin-left: -60px;
        *display: inline;
        margin-right: 12px;
        font-size: 48px;
        color: #9b1
    }

    .m-tip1 .tip-info {
        width: 100%;
        text-align: left
    }

    .m-tip1 .tip-title {
        margin-bottom: 2px;
        font: 16px/26px 'Microsoft YaHei';
        color: #333
    }

        .m-tip1 .tip-title a {
            color: #005ea7;
            font-size: 12px;
            font-family: SimSun
        }

    .m-tip1 .tip-title-full {
        font: 16px/48px 'Microsoft YaHei';
        color: #333
    }

    .m-tip1 .tip-hint {
        line-height: 16px;
        color: #999
    }

    .m-tip1 .tip-btnbox {
        padding-top: 25px
    }

        .m-tip1 .tip-btnbox .btn1 {
            width: 88px;
            height: 34px;
            line-height: 34px;
            padding: 0;
            font-size: 14px;
            border-radius: 3px
        }

            .m-tip1 .tip-btnbox .btn1 .btntxt {
                height: 34px
            }

        .m-tip1 .tip-btnbox .btn2 {
            width: 90px;
            height: 36px;
            line-height: 36px;
            padding: 0;
            font-size: 14px;
            font-weight: 700;
            border-radius: 3px
        }

            .m-tip1 .tip-btnbox .btn2 .btntxt {
                height: 36px
            }

        .m-tip1 .tip-btnbox .btn-gutter {
            margin-right: 18px;
            margin-left: 2px
        }

.m-tip, .m-tip2 {
    text-align: center
}

    .m-tip .tip-main.tip-error .tip-iconfont, .m-tip2 .tip-main.tip-error .tip-iconfont {
        color: #e22
    }

    .m-tip .tip-main.tip-ask .tip-iconfont, .m-tip .tip-main.tip-warn .tip-iconfont, .m-tip2 .tip-main.tip-ask .tip-iconfont, .m-tip2 .tip-main.tip-warn .tip-iconfont {
        color: #f91
    }

    .m-tip .tip-iconfont, .m-tip2 .tip-iconfont {
        display: block;
        margin: 0 auto 20px;
        font-size: 48px;
        color: #9b1
    }

    .m-tip .tip-info, .m-tip2 .tip-info {
        width: 100%
    }

    .m-tip .tip-title, .m-tip2 .tip-title {
        margin-top: -2px;
        margin-bottom: 2px;
        font: 16px/26px 'Microsoft YaHei';
        color: #333
    }

        .m-tip .tip-title a, .m-tip2 .tip-title a {
            color: #005ea7;
            font-size: 12px;
            font-family: SimSun
        }

    .m-tip .tip-title-full, .m-tip2 .tip-title-full {
        font: 16px/48px 'Microsoft YaHei';
        color: #333
    }

    .m-tip .tip-hint, .m-tip2 .tip-hint {
        line-height: 16px;
        color: #999
    }

    .m-tip .tip-btnbox, .m-tip2 .tip-btnbox {
        padding-top: 25px
    }

        .m-tip .tip-btnbox .btn1, .m-tip2 .tip-btnbox .btn1 {
            width: 88px;
            height: 34px;
            line-height: 34px;
            padding: 0;
            font-size: 14px;
            border-radius: 3px
        }

            .m-tip .tip-btnbox .btn1 .btntxt, .m-tip2 .tip-btnbox .btn1 .btntxt {
                height: 34px
            }

        .m-tip .tip-btnbox .btn2, .m-tip2 .tip-btnbox .btn2 {
            width: 90px;
            height: 36px;
            line-height: 36px;
            padding: 0;
            font-size: 14px;
            font-weight: 700;
            border-radius: 3px
        }

            .m-tip .tip-btnbox .btn2 .btntxt, .m-tip2 .tip-btnbox .btn2 .btntxt {
                height: 36px
            }

        .m-tip .tip-btnbox .btn-gutter, .m-tip2 .tip-btnbox .btn-gutter {
            margin-right: 18px;
            margin-left: 2px
        }

.ftc1 {
    color: #e4393c
}

.ftc2 {
    color: #ff6c00
}

.ftc3 {
    color: #005ea7
}

.ftc4 {
    color: #71b247
}

.ftx-01, .ftx01 {
    color: #e4393c
}

.ftx-02, .ftx02 {
    color: #ff6c00
}

.ftx-03, .ftx03 {
    color: #005ea7
}

.ftx-04, .ftx04 {
    color: #71b247
}

.gray1 {
    color: #333
}

.gray2 {
    color: #666
}

.gray3 {
    color: #999
}

.gray4 {
    color: #ccc
}

.gray5 {
    color: #ddd
}

.gray6 {
    color: #eee
}

.mt-1 {
    margin-top: -1px
}

.mt-2 {
    margin-top: -2px
}

.mt-3 {
    margin-top: -3px
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr20 {
    margin-right: 20px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml20 {
    margin-left: 20px
}

.mb20 {
    margin-bottom: 20px
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pr5 {
    padding-right: 5px
}

.pr10 {
    padding-right: 10px
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.btn-def {
    height: 23px;
    line-height: 23px;
    padding: 0 14px
}

    .btn-def .btntxt {
        height: 23px
    }

.btn-primary {
    height: 25px;
    line-height: 25px;
    padding: 0 15px
}

    .btn-primary .btntxt {
        height: 25px
    }

.btn-spec1 {
    height: 23px;
    line-height: 23px;
    padding: 0 14px
}

    .btn-spec1 .btntxt {
        height: 23px
    }

.btn-spec2 {
    height: 23px;
    line-height: 23px;
    padding: 0 14px
}

    .btn-spec2 .btntxt {
        height: 23px
    }

.btn-disabled, .btn-disabled:hover {
    border-color: #ddd;
    background: #fff;
    color: #ccc;
    cursor: not-allowed;
    box-shadow: none
}

.mod {
    margin: 0 0 20px
}

    .mod .mc {
        padding: 20px;
        background: #fff
    }

    .mod .mt {
        height: 25px;
        line-height: 22px;
        margin-bottom: 10px;
        display: inline-block;
        display: block
    }

        .mod .mt:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden
        }

    * html .mod .mt {
        height: 1%
    }

    * + html .mod .mt {
        min-height: 1%
    }

    .mod h3 {
        float: left
    }

    .mod .extra-r {
        float: right;
        width: 500px;
        text-align: right
    }

.mod-top .mt {
    height: 58px;
    line-height: 58px;
    padding: 0 20px;
    background: #fff
}

.mod-top h3 {
    color: #333
}

.mod-top .tip-font {
    font-size: 14px;
    color: #f6cc81;
    margin-right: 5px
}

.mod-comm {
    padding: 0 0 20px;
    background: #fff
}

    .mod-comm .mt {
        margin-bottom: 0;
        background: #fff;
        padding: 20px 20px 0
    }

    .mod-comm .mc {
        padding: 10px 20px 0
    }

.mod-main {
    padding: 10px;
    background-color: #fff;
    margin-bottom: 20px
}

    .mod-main .mt {
        display: inline-block;
        display: block;
        padding: 10px
    }

        .mod-main .mt:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden
        }

    * html .mod-main .mt {
        height: 1%
    }

    * + html .mod-main .mt {
        min-height: 1%
    }

        .mod-main .mt h3 {
            float: left;
            font-family: "Microsoft YaHei";
            font-size: 16px;
            color: #333;
            line-height: 20px
        }

        .mod-main .mt .extra-l {
            float: left
        }

            .mod-main .mt .extra-l li {
                float: left;
                padding-left: 20px
            }

                .mod-main .mt .extra-l li a {
                    display: inline-block;
                    padding-bottom: 2px;
                    color: #005ea7
                }

                    .mod-main .mt .extra-l li a:hover, .mod-main .mt .extra-l li a:hover em {
                        color: #e4393c
                    }

                    .mod-main .mt .extra-l li a.curr {
                        padding-bottom: 0;
                        color: #e4393c;
                        border-bottom: 2px solid #e4393c;
                        font-weight: 700;
                        cursor: pointer;
                        text-decoration: none
                    }

                .mod-main .mt .extra-l li.fore-last {
                    border-right: 0
                }

            .mod-main .mt .extra-l em {
                margin-left: 5px
            }

        .mod-main .mt .extra-r {
            float: right
        }

    .mod-main .mc {
        overflow: visible
    }

.promo-page {
    float: right;
    width: 400px;
    height: 30px;
    line-height: 30px;
    text-align: right
}

    .promo-page .page-index {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        height: 30px;
        line-height: 30px;
        margin-right: 15px;
        vertical-align: middle;
        color: #333
    }

    .promo-page .page-btn {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 104px;
        height: 30px;
        padding-left: 1px;
        overflow: hidden;
        vertical-align: middle;
        cursor: pointer
    }

        .promo-page .page-btn span {
            float: left;
            height: 28px;
            line-height: 28px;
            padding: 0 18px;
            margin-right: 5px;
            font-family: SimSun;
            font-size: 16px
        }

            .promo-page .page-btn span .btntxt {
                height: 28px
            }

            .promo-page .page-btn span.disable {
                cursor: normal;
                background-color: #fff;
                background-image: -moz-linear-gradient(top,#fff,#fff);
                background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#fff));
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType='0');
                -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
                background-image: linear-gradient(to bottom,#fff 0,#fff 100%)
            }

                .promo-page .page-btn span.disable:hover {
                    color: #333;
                    border-color: #ddd
                }

    .promo-page .txt {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        height: 27px;
        line-height: 30px
    }

    .promo-page .itxt {
        width: 30px;
        height: 28px;
        line-height: 28px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle;
        padding: 0;
        margin: 0;
        text-align: center;
        border: 1px solid #ddd;
        font-family: SimSun;
        font-size: 12px
    }

    .promo-page .btn {
        height: 28px;
        line-height: 28px;
        padding: 0 14px
    }

        .promo-page .btn .btntxt {
            height: 28px
        }

.m-tip1 {
    padding: 80px 0 60px
}

    .m-tip1 .tip-title {
        margin-top: 5px
    }

    .m-tip1 .warn-icon {
        color: #f60
    }

.m-tip2 {
    padding: 80px 0 60px
}

    .m-tip2 .tip-title {
        margin-top: 5px
    }

    .m-tip2 .warn-icon {
        color: #f60
    }

.m-tip {
    padding: 10px 20px 30px
}

.tip-box {
    margin: 0 40px
}

    .tip-box .op-btns {
        margin-top: 15px
    }

    .tip-box h3 {
        font-family: "Microsoft YaHei";
        font-size: 18px;
        line-height: 30px;
        font-weight: 400
    }

    .tip-box .links {
        margin-left: -6px
    }

        .tip-box .links ul {
            display: inline-block;
            display: block
        }

            .tip-box .links ul:after {
                content: ".";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden
            }

        * html .tip-box .links ul {
            height: 1%
        }

        * + html .tip-box .links ul {
            min-height: 1%
        }

        .tip-box .links li {
            float: left;
            border-left: 1px solid #ccc;
            padding: 0 5px
        }

    .tip-box .item-fore {
        overflow: hidden
    }

        .tip-box .item-fore div {
            line-height: 20px;
            min-height: 20px
        }

.icon-box {
    position: relative;
    _height: 48px;
    _overflow: visible
}

    .icon-box .m-icon {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        position: absolute;
        top: 0;
        left: 0;
        width: 48px;
        height: 48px
    }

.impwd-box {
    width: 580px;
    text-align: left
}

    .impwd-box .list {
        margin-top: 10px;
        display: inline-block;
        display: block
    }

        .impwd-box .list:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden
        }

    * html .impwd-box .list {
        height: 1%
    }

    * + html .impwd-box .list {
        min-height: 1%
    }

        .impwd-box .list li {
            float: left;
            margin: 0 10px 10px 0
        }

        .impwd-box .list .list-item {
            position: relative;
            width: 180px;
            height: 90px;
            border: 1px solid #ddd;
            text-align: center
        }

            .impwd-box .list .list-item s {
                display: none;
                position: absolute;
                bottom: 0;
                right: 0;
                width: 16px;
                height: 16px;
                background: url(//misc.360buyimg.com/user/myjd/coupon/widget/common/i/selt.png) no-repeat;
                overflow: hidden
            }

        .impwd-box .list .item-selted {
            border-color: #e4393c
        }

            .impwd-box .list .item-selted s {
                display: block
            }

        .impwd-box .list .list-tit {
            display: block;
            margin-top: 20px;
            font-size: 14px;
            font-weight: 700;
            color: #666;
            line-height: 24px
        }

        .impwd-box .list .list-hint {
            color: #999
        }

div.ui-tips-skin1 {
    border-color: #ddd;
    background: #fff
}

    div.ui-tips-skin1 .ui-tips-arrow {
        background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/tips-gray.png) no-repeat
    }

    div.ui-tips-skin1 .ui-tips-close {
        color: #ddd
    }

div.ui-tips.ui-tips-pwd .ui-tips-arrow {
    left: 90px
}

.safety-box {
    position: relative;
    height: 60px;
    line-height: 25px;
    padding: 10px 0 10px 135px;
    margin: 0 0 10px;
    font-family: "Microsoft YaHei";
    background: url(//misc.360buyimg.com/user/myjd/coupon/css/i/safe-icon.png) 30px center no-repeat #fffdee
}

    .safety-box strong {
        font-size: 18px
    }

    .safety-box .btn-1 {
        margin: 0 5px
    }

.btn-1 {
    height: 25px;
    line-height: 25px;
    padding: 0 15px
}

    .btn-1 .btntxt {
        height: 25px
    }

img.err-poster, img.err-product {
    background: url(//misc.360buyimg.com/lib/skin/e/i/error-jd.gif) no-repeat scroll 50% 50% transparent
}
/* user-myjd/coupon coupon-filter.css Date:2017-09-26 18:48:22 */
@charset "UTF-8";

@font-face {
    font-family: daogou-font;
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a);
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a#iefix) format("embedded-opentype"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.woff?cfnq6a) format("woff"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.ttf?cfnq6a) format("truetype"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.svg?cfnq6a#daogou-font) format("svg");
    font-weight: 400;
    font-style: normal
}

.coupon-toolbar {
    display: inline-block;
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0 0 20px;
    background: #f5f5f5
}

    .coupon-toolbar:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }

* html .coupon-toolbar {
    height: 1%
}

* + html .coupon-toolbar {
    min-height: 1%
}

    .coupon-toolbar ul {
        display: inline-block;
        display: block
    }

        .coupon-toolbar ul:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden
        }

    * html .coupon-toolbar ul {
        height: 1%
    }

    * + html .coupon-toolbar ul {
        min-height: 1%
    }

    .coupon-toolbar li {
        float: left;
        margin: 0 20px 0 0;
        _display: inline
    }

        .coupon-toolbar li.fore1 {
            margin: 0
        }

    .coupon-toolbar .c-type {
        position: relative;
        z-index: 5;
        padding: 1px 10px;
        margin-left: 15px
    }

        .coupon-toolbar .c-type .dt {
            width: 102px;
            padding-left: 10px
        }

            .coupon-toolbar .c-type .dt b {
                display: inline-block;
                *display: inline;
                *zoom: 1;
                width: 9px;
                height: 5px;
                vertical-align: middle;
                overflow: hidden;
                margin: 0 0 0 3px;
                background: url(//misc.360buyimg.com/user/myjd/coupon/css/i/coupon20150805.png) -66px -160px no-repeat
            }

            .coupon-toolbar .c-type .dt s {
                display: inline-block;
                *display: inline;
                *zoom: 1;
                width: 16px;
                height: 13px;
                vertical-align: middle;
                overflow: hidden;
                margin: 0 0 0 3px;
                background: url(//misc.360buyimg.com/user/myjd/coupon/css/i/coupon20160915.png) -155px -158px no-repeat
            }

            .coupon-toolbar .c-type .dt.selted {
                color: #e4393c
            }

                .coupon-toolbar .c-type .dt.selted s {
                    background: url(//misc.360buyimg.com/user/myjd/coupon/css/i/coupon20160915.png) -173px -158px no-repeat
                }

        .coupon-toolbar .c-type .dd {
            position: absolute;
            display: none;
            top: 29px;
            left: -1px;
            width: 130px;
            background: #fff
        }

            .coupon-toolbar .c-type .dd a {
                display: block;
                position: relative;
                color: #666;
                height: 30px;
                line-height: 30px;
                padding-left: 20px
            }

                .coupon-toolbar .c-type .dd a:hover {
                    background: #f5f5f5;
                    color: #e4393c
                }

                .coupon-toolbar .c-type .dd a b {
                    display: block;
                    position: absolute;
                    left: 5px;
                    top: 10px;
                    width: 10px;
                    height: 7px;
                    vertical-align: middle;
                    overflow: hidden
                }

                .coupon-toolbar .c-type .dd a.curr {
                    color: #e4393c
                }

                    .coupon-toolbar .c-type .dd a.curr b {
                        background: url(//misc.360buyimg.com/user/myjd/coupon/css/i/order-icon20150212.png) 0 -207px
                    }

        .coupon-toolbar .c-type .dd-no {
            padding: 0 2px 0 5px;
            width: 200px;
            height: 135px
        }

            .coupon-toolbar .c-type .dd-no .dd-type-no {
                margin: 0;
                height: 30px;
                line-height: 30px;
                width: 65px;
                text-align: center
            }

                .coupon-toolbar .c-type .dd-no .dd-type-no input {
                    width: 13px;
                    height: 13px;
                    padding: 0;
                    border: none;
                    margin-right: 1px;
                    vertical-align: middle;
                    overflow: hidden;
                    background: url(//misc.360buyimg.com/user/myjd/coupon/css/i/coupon20160915.png) -214px -158px no-repeat
                }

            .coupon-toolbar .c-type .dd-no .selt-no {
                color: #e4393c
            }

                .coupon-toolbar .c-type .dd-no .selt-no input {
                    background: url(//misc.360buyimg.com/user/myjd/coupon/css/i/coupon20160915.png) -195px -158px no-repeat
                }

        .coupon-toolbar .c-type .dd-btn {
            text-align: right;
            padding: 5px 10px 0 0
        }

            .coupon-toolbar .c-type .dd-btn .btn-dd {
                display: inline-block;
                height: 20px;
                line-height: 20px;
                color: #e4393c;
                text-align: center;
                padding: 3px 15px;
                border: 1px solid #e4393c;
                background-color: #FFF
            }

            .coupon-toolbar .c-type .dd-btn .btn-done, .coupon-toolbar .c-type .dd-btn .btn-done:hover {
                background-color: #e4393c;
                color: #FFF
            }

    .coupon-toolbar .c-type-hover {
        background: #fff;
        border: 1px solid #ddd;
        padding: 0 9px
    }

        .coupon-toolbar .c-type-hover .dt {
            width: 102px
        }

            .coupon-toolbar .c-type-hover .dt b {
                background-position: -86px -160px
            }

        .coupon-toolbar .c-type-hover .dd {
            display: block;
            border: 1px solid #ddd;
            border-top: 0
        }

    .coupon-toolbar .c-sort {
        float: left
    }

        .coupon-toolbar .c-sort .curr a {
            color: #e4393c
        }

    .coupon-toolbar .tab-item {
        width: 125px;
        padding-left: 20px;
        margin: 0
    }

    .coupon-toolbar .extra-r {
        float: right;
        font-size: 0
    }

        .coupon-toolbar .extra-r #list-icon, .coupon-toolbar .extra-r #lump-icon {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            width: 20px;
            height: 18px;
            margin: 6px 10px 0 0;
            overflow: hidden;
            background: url(//misc.360buyimg.com/user/myjd/coupon/css/i/coupon20150805.png) -122px -189px
        }

        .coupon-toolbar .extra-r #lump-icon {
            background-position: -150px -189px
        }

            .coupon-toolbar .extra-r #lump-icon.curr {
                background-position: -122px -189px
            }

        .coupon-toolbar .extra-r #list-icon {
            background-position: -208px -189px
        }

            .coupon-toolbar .extra-r #list-icon.curr {
                background-position: -178px -189px
            }
/* user-myjd/coupon coupon-item2016.css Date:2017-09-26 18:48:22 */
@charset "UTF-8";

@font-face {
    font-family: daogou-font;
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a);
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a#iefix) format("embedded-opentype"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.woff?cfnq6a) format("woff"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.ttf?cfnq6a) format("truetype"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.svg?cfnq6a#daogou-font) format("svg");
    font-weight: 400;
    font-style: normal
}

.coupon-item .c-share .i-font, .coupon-item .icon-site2 {
    display: inline-block;
    font-family: daogou-font !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

.coupon-item {
    position: relative;
    display: inline-block;
    display: block;
    width: 220px;
    height: 308px;
    overflow: hidden;
}

    .coupon-item:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }

* html .coupon-item {
    height: 1%
}

* + html .coupon-item {
    min-height: 1%
}

    .coupon-item .c-type {
        position: relative;
        width: 100%;
        height: 149px;
        padding: 30px 0 0;
        overflow: hidden;
        color: #fff;
        text-align: center
    }

        .coupon-item .c-type .c-type-top {
            position: absolute;
            width: 40px;
            height: 13px;
            top: 0;
            left: 50%;
            margin-left: -23px;
            background: url(../images/coupon20160715.png) 0 -272px no-repeat
        }

        .coupon-item .c-type .c-type-bottom {
            position: absolute;
            width: 100%;
            height: 3px;
            bottom: 0;
            left: 0;
            background: url(../images/coupon20160715.png) -3px -296px no-repeat
        }

    .coupon-item .c-price {
        margin: 0 0 5px;
        text-align: center;
        font-weight: 400
    }

        .coupon-item .c-price em {
            font-family: verdana;
            font-size: 24px;
            position: relative;
            top: -11px
        }

        .coupon-item .c-price .zh-txt {
            font-size: 18px;
            top: -2px
        }

        .coupon-item .c-price strong {
            line-height: 45px;
            font-size: 40px;
            font-family: Arial
        }

        .coupon-item .c-price .type {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            text-align: text-bottom;
            color: #197f81
        }

    .coupon-item .c-limit {
        height: 44px;
        line-height: 22px;
        overflow: hidden;
        margin: 0 5px 5px
    }

        .coupon-item .c-limit span {
            font-family: "Microsoft YaHei"
        }

        .coupon-item .c-limit .superpose-site {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            padding: 0 5px;
            margin-right: 5px;
            font-size: 12px;
            color: #fff;
            border: 1px solid #fff;
            cursor: default
        }

    .coupon-item .c-time {
        font-family: Verdana
    }

    .coupon-item .c-msg {
        padding: 15px 0 0;
        background: #f9f9f9
    }

    .coupon-item .range-item {
        display: inline-block;
        display: block;
        margin: 0 0 10px
    }

        .coupon-item .range-item:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden
        }

    * html .coupon-item .range-item {
        height: 1%
    }

    * + html .coupon-item .range-item {
        min-height: 1%
    }

        .coupon-item .range-item .label {
            float: left;
            width: 60px;
            display: inline;
            text-align: right
        }

        .coupon-item .range-item .txt {
            float: left;
            width: 144px;
            color: #999;
            overflow: hidden;
            white-space: nowrap
        }

        .coupon-item .range-item .txt02 {
            float: left;
            color: #999
        }

        .coupon-item .range-item .item-tips {
            position: relative;
            top: -24px;
            display: none;
            z-index: 1
        }

        .coupon-item .range-item b {
            display: inline-block;
            width: 14px;
            height: 14px;
            vertical-align: middle;
            overflow: hidden;
            margin: 0 0 0 8px;
            background: url(../images/coupon20160715.png) -66px -156px no-repeat
        }

            .coupon-item .range-item b.b-hover {
                background-position: -86px -156px
            }

        .coupon-item .range-item s {
            width: 12px;
            height: 9px;
            position: absolute;
            background: url(../images/coupon20160715.png) -106px -158px no-repeat;
            top: 20px;
            right: 22px;
            z-index: 12
        }

        .coupon-item .range-item .tips {
            width: 220px;
            position: absolute;
            border: 1px solid #ddd;
            padding: 10px;
            box-shadow: 1px 0 4px 1px #ddd;
            background-color: #fff;
            top: 26px;
            left: 0;
            z-index: 10
        }

        .coupon-item .range-item .addr-tips {
            padding: 5px 10px 10px;
            font-size: 12px;
            font-family: "Microsoft YaHei"
        }

        .coupon-item .range-item .addr-title {
            color: #333;
            line-height: 30px;
            border-bottom: #ebebeb solid 1px
        }

        .coupon-item .range-item .addr-cont {
            color: #666;
            margin: 5px 0
        }

            .coupon-item .range-item .addr-cont ul {
                display: inline-block;
                display: block
            }

                .coupon-item .range-item .addr-cont ul:after {
                    content: ".";
                    display: block;
                    height: 0;
                    clear: both;
                    visibility: hidden
                }

            * html .coupon-item .range-item .addr-cont ul {
                height: 1%
            }

            * + html .coupon-item .range-item .addr-cont ul {
                min-height: 1%
            }

            .coupon-item .range-item .addr-cont li {
                float: left;
                width: 110px;
                overflow: hidden;
                line-height: 25px;
                white-space: nowrap;
                text-overflow: ellipsis
            }

        .coupon-item .range-item .addr-pages .addr-ud {
            float: right
        }

        .coupon-item .range-item .addr-pages .btn-17 {
            background-color: #f6f5f5;
            display: inline-block;
            height: 20px;
            line-height: 20px;
            color: #333;
            border-radius: 2px;
            padding: 2px 6px
        }

            .coupon-item .range-item .addr-pages .btn-17:hover {
                color: #e4393c
            }

            .coupon-item .range-item .addr-pages .btn-17:link, .coupon-item .range-item .addr-pages .btn-17:visited {
                color: #333;
                text-decoration: none
            }

        .coupon-item .range-item .addr-pages .addr-page {
            float: right;
            text-align: right;
            padding-right: 8px
        }

            .coupon-item .range-item .addr-pages .addr-page span {
                color: #e4393c
            }

        .coupon-item .range-item .range-tip {
            float: left;
            width: 40px;
            position: relative;
            z-index: 5
        }

            .coupon-item .range-item .range-tip .prompt-01 {
                width: 220px;
                top: -20px;
                left: -220px;
                z-index: 2
            }

                .coupon-item .range-item .range-tip .prompt-01 .p-arrow-left {
                    top: 22px
                }

                .coupon-item .range-item .range-tip .prompt-01 .pc .close {
                    top: 10px
                }

            .coupon-item .range-item .range-tip .addr-tit {
                padding-bottom: 5px;
                font-weight: 700;
                border-bottom: 1px dotted #ccc
            }

            .coupon-item .range-item .range-tip .addr-cont ul {
                display: inline-block;
                display: block;
                width: 200px
            }

                .coupon-item .range-item .range-tip .addr-cont ul:after {
                    content: ".";
                    display: block;
                    height: 0;
                    clear: both;
                    visibility: hidden
                }

            * html .coupon-item .range-item .range-tip .addr-cont ul {
                height: 1%
            }

            * + html .coupon-item .range-item .range-tip .addr-cont ul {
                min-height: 1%
            }

            .coupon-item .range-item .range-tip .addr-cont li {
                float: left;
                width: 100px;
                line-height: 20px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

            .coupon-item .range-item .range-tip .addr-cont a {
                color: #666
            }

                .coupon-item .range-item .range-tip .addr-cont a:hover {
                    color: #e4393c
                }

    .coupon-item .op-btns {
        margin-top: 20px;
        text-align: center
    }

        .coupon-item .op-btns .btn {
            position: relative;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            width: 119px;
            height: 31px;
            line-height: 31px;
            border: 1px solid #f99898;
            color: #f99898;
            border-radius: 15px;
            vertical-align: middle;
            overflow: hidden
        }

            .coupon-item .op-btns .btn b {
                position: absolute;
                left: 0;
                top: 0;
                height: 100%;
                width: 100%;
                transition: background-color .6s ease
            }

            .coupon-item .op-btns .btn span.txt {
                font-family: "Microsoft YaHei";
                font-size: 14px;
                color: #f99898
            }

            .coupon-item .op-btns .btn:hover span.txt {
                position: relative;
                z-index: 2;
                color: #fff
            }

        .coupon-item .op-btns .renew-btn {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            margin: 7px 0 0
        }

            .coupon-item .op-btns .renew-btn b {
                display: inline-block;
                *display: inline;
                *zoom: 1;
                width: 23px;
                height: 19px;
                margin: 0 5px 0 0;
                overflow: hidden;
                vertical-align: middle;
                background: url(../images/coupon20160715.png) -33px -160px;
                transition: -webkit-transform .3s ease-in 0s;
                transition: transform .3s ease-in 0s;
                transition: transform .3s ease-in 0s,-webkit-transform .3s ease-in 0s
            }

            .coupon-item .op-btns .renew-btn:hover b {
                background-position: 0 -160px;
                -webkit-transform: rotate(360deg) scale(1.1);
                transform: rotate(360deg) scale(1.1)
            }

        .coupon-item .op-btns .btn-hidden {
            visibility: hidden
        }

    .coupon-item .c-operate {
        position: absolute;
        bottom: 16px;
        color: #999;
        left: 10px
    }

        .coupon-item .c-operate span {
            cursor: pointer
        }

        .coupon-item .c-operate .fore2 {
            padding-left: 10px;
            margin-left: 5px;
            border-left: 1px solid #999
        }

    .coupon-item .c-share {
        height: 16px;
        line-height: 16px;
        margin: 20px 0;
        text-align: center;
        cursor: pointer
    }

        .coupon-item .c-share .i-font {
            font-size: 15px;
            margin-right: 12px;
            vertical-align: top
        }

        .coupon-item .c-share .share-font {
            visibility: hidden
        }

    .coupon-item .share-tips {
        position: absolute;
        background-color: #f4f4f4;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: left;
        padding: 12px 0 10px;
        cursor: pointer;
        box-shadow: 0 -5px 10px -4px #ddd
    }

        .coupon-item .share-tips .i-font {
            margin-top: 9px
        }

        .coupon-item .share-tips .item {
            height: 34px;
            line-height: 34px;
            padding-left: 14px;
            cursor: pointer
        }

            .coupon-item .share-tips .item span {
                color: #666;
                display: inline-block
            }

        .coupon-item .share-tips .tip-del {
            position: absolute;
            top: 5px;
            right: 5px;
            width: 0;
            height: 14px;
            background: url(//misc.360buyimg.com/user/myjd/coupon/css/i/coupon20160915.png) -134px -158px no-repeat;
            cursor: pointer;
            transition: all .3s ease
        }

        .coupon-item .share-tips:hover .tip-del {
            width: 14px
        }

    .coupon-item .overdue-site {
        position: absolute;
        display: block;
        width: 65px;
        height: 66px;
        left: 0;
        top: 0;
        overflow: hidden;
        background: url(../images/coupon20160715.png) -171px 0
    }

    .coupon-item .icon-site {
        position: absolute;
        background: url(../images/coupon20160915.png) no-repeat;
        bottom: 15px;
        right: 78px;
        width: 62px;
        height: 61px;
        overflow: hidden
    }

    .coupon-item .icon-site2 {
        position: absolute;
        bottom: 15px;
        right: 18px;
        font-size: 61px;
        -webkit-text-stroke-width: 0;
        text-shadow: 1px 1px 3px #f9f9f9
    }

    .coupon-item .used-site {
        background-position: 0 0
    }

    .coupon-item .del-site {
        background-position: -345px -196px
    }

    .coupon-item .overdued-site {
        background-position: -345px 0
    }

    .coupon-item .shared-site {
        background-position: -345px -262px
    }

    .coupon-item .beaned-site {
        background-position: -345px -65px
    }

    .coupon-item .sended-site {
        background-position: -345px -130px
    }

    .coupon-item .used-onum {
        position: absolute;
        right: 20px;
        bottom: 20px;
        *bottom: 40px;
        line-height: 20px;
        width: 100%;
        text-align: right
    }

        .coupon-item .used-onum em {
            color: #999
        }

        .coupon-item .used-onum a:hover em {
            color: #e4393c
        }

    .coupon-item .c-del {
        position: absolute;
        display: block;
        width: 0;
        height: 35px;
        right: 0;
        top: 0;
        overflow: hidden;
        background: url(../images/coupon20160715.png) -261px 0;
        cursor: pointer;
        transition: all .3s ease
    }

.coupon-item-hover {
    z-index: 2
}

    .coupon-item-hover .c-del {
        width: 35px
    }

.b-c-item .c-price {
    padding-left: 0;
    text-align: center
}

    .b-c-item .c-price .txt {
        font-family: "Microsoft YaHei";
        font-size: 32px
    }

    .b-c-item .c-price em {
        font-size: 24px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        position: relative;
        top: -8px
    }

    .b-c-item .c-price strong {
        margin: 0 3px;
        font-size: 50px;
        line-height: 40px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top
    }

.b-c-item .c-type {
    background-color: #c9a86e
}

    .b-c-item .c-type .c-limit span, .b-c-item .c-type .c-time {
        color: #855e19
    }

    .b-c-item .c-type .c-type-bottom {
        background: url(../images/bh-circle.png) repeat-x
    }

.b-c-item .c-limit .txt {
    color: #855e19
}

.b-c-item .op-btns .btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 119px;
    height: 31px;
    line-height: 31px;
    border: 1px solid #c9a86e;
    color: #c9a86e;
    border-radius: 15px;
    vertical-align: middle
}

    .b-c-item .op-btns .btn span.txt {
        color: #c9a86e
    }

    .b-c-item .op-btns .btn:hover b {
        background: #c9a86e
    }

.coupon-item-j .c-type {
    background-color: #fa9899
}

    .coupon-item-j .c-type .c-limit span, .coupon-item-j .c-type .c-price .type, .coupon-item-j .c-type .c-time {
        color: #b24d4f
    }

    .coupon-item-j .c-type .c-type-bottom {
        background-position: 0 -295px
    }

.coupon-item-j .op-btns .btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 119px;
    height: 31px;
    line-height: 31px;
    border: 1px solid #fa9899;
    color: #fa9899;
    border-radius: 15px;
    vertical-align: middle
}

    .coupon-item-j .op-btns .btn span.txt {
        color: #fa9899
    }

    .coupon-item-j .op-btns .btn:hover b {
        background: #fa9899
    }

.coupon-item-j .c-operate span:hover, .coupon-item-j .c-share {
    color: #fa9899
}

    .coupon-item-j .c-share:hover {
        color: #b24d4f
    }

        .coupon-item-j .c-share:hover .share-font {
            visibility: visible
        }

.coupon-item-j .icon-site2, .coupon-item-j .share-tips .cur span, .coupon-item-j .share-tips:hover {
    color: #fa9899
}

.coupon-item-d {
    border: solid 2px transparent;
}

    .coupon-item-d .c-type {
        background-color: #74d2d4
    }

        .coupon-item-d .c-type .c-limit span, .coupon-item-d .c-type .c-time {
            color: #197f81
        }

        .coupon-item-d .c-type .c-type-bottom {
            background-position: 2px -302px
        }

    .coupon-item-d .op-btns .btn {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 119px;
        height: 31px;
        line-height: 31px;
        border: 1px solid #74d2d4;
        color: #74d2d4;
        border-radius: 15px;
        vertical-align: middle
    }

        .coupon-item-d .op-btns .btn span.txt {
            color: #74d2d4
        }

        .coupon-item-d .op-btns .btn:hover b {
            background: #74d2d4
        }

    .coupon-item-d .c-operate span:hover, .coupon-item-d .c-share {
        color: #74d2d4
    }

        .coupon-item-d .c-share:hover {
            color: #197f81
        }

            .coupon-item-d .c-share:hover .share-font {
                visibility: visible
            }

    .coupon-item-d .icon-site2, .coupon-item-d .share-tips .cur span, .coupon-item-d .share-tips:hover {
        color: #74d2d4
    }

.coupon-item-jr .c-type {
    background-color: #c9a86e
}

    .coupon-item-jr .c-type .c-limit span, .coupon-item-jr .c-type .c-time {
        color: #855e19
    }

    .coupon-item-jr .c-type .c-type-bottom {
        background-position: 0 -325px
    }

.coupon-item-jr .op-btns .btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 119px;
    height: 31px;
    line-height: 31px;
    border: 1px solid #c9a86e;
    color: #c9a86e;
    border-radius: 15px;
    vertical-align: middle
}

    .coupon-item-jr .op-btns .btn span.txt {
        color: #c9a86e
    }

    .coupon-item-jr .op-btns .btn:hover b {
        background: #c9a86e
    }

.coupon-item-jr .c-operate span:hover, .coupon-item-jr .c-share {
    color: #c9a86e
}

    .coupon-item-jr .c-share:hover {
        color: #855e19
    }

        .coupon-item-jr .c-share:hover .share-font {
            visibility: visible
        }

.coupon-item-jr .share-tips .cur span, .coupon-item-jr .share-tips:hover {
    color: #c9a86e
}

.coupon-item-jrmx .c-type {
    background-color: #c9a86e
}

    .coupon-item-jrmx .c-type .c-price {
        font-family: "Microsoft YaHei";
        font-size: 36px;
        line-height: 50px
    }

    .coupon-item-jrmx .c-type .c-limit span, .coupon-item-jrmx .c-type .c-time {
        color: #855e19
    }

    .coupon-item-jrmx .c-type .c-type-bottom {
        background-position: 0 -325px
    }

.coupon-item-jrmx .op-btns .btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 119px;
    height: 31px;
    line-height: 31px;
    border: 1px solid #c9a86e;
    color: #c9a86e;
    border-radius: 15px;
    vertical-align: middle
}

    .coupon-item-jrmx .op-btns .btn span.txt {
        color: #c9a86e
    }

    .coupon-item-jrmx .op-btns .btn:hover b {
        background: #c9a86e
    }

.coupon-item-jrmx .c-operate span:hover, .coupon-item-jrmx .c-share {
    color: #c9a86e
}

    .coupon-item-jrmx .c-share:hover {
        color: #855e19
    }

        .coupon-item-jrmx .c-share:hover .share-font {
            visibility: visible
        }

.coupon-item-jrmx .share-tips .cur span, .coupon-item-jrmx .share-tips:hover {
    color: #c9a86e
}

.coupon-item-jrzk .c-type {
    background-color: #c9a86e
}

    .coupon-item-jrzk .c-type .c-price span {
        font-family: "Microsoft YaHei";
        font-size: 18px;
        position: relative;
        top: -22px;
        left: 8px
    }

    .coupon-item-jrzk .c-type .c-price .zh-txt {
        top: -2px
    }

    .coupon-item-jrzk .c-type .c-limit span, .coupon-item-jrzk .c-type .c-time {
        color: #855e19
    }

    .coupon-item-jrzk .c-type .c-type-bottom {
        background-position: 0 -325px
    }

.coupon-item-jrzk .op-btns .btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 119px;
    height: 31px;
    line-height: 31px;
    border: 1px solid #c9a86e;
    color: #c9a86e;
    border-radius: 15px;
    vertical-align: middle
}

    .coupon-item-jrzk .op-btns .btn span.txt {
        color: #c9a86e
    }

    .coupon-item-jrzk .op-btns .btn:hover b {
        background: #c9a86e
    }

.coupon-item-jrzk .c-operate span:hover, .coupon-item-jrzk .c-share {
    color: #c9a86e
}

    .coupon-item-jrzk .c-share:hover {
        color: #855e19
    }

        .coupon-item-jrzk .c-share:hover .share-font {
            visibility: visible
        }

.coupon-item-jrzk .share-tips .cur span, .coupon-item-jrzk .share-tips:hover {
    color: #c9a86e
}

.coupon-item-zc .c-price {
    line-height: 30px;
    font-family: "Microsoft YaHei";
    font-size: 30px;
    margin-bottom: 10px
}

.coupon-item-zc .c-type {
    background-color: #c9a86e;
    height: 111px;
    padding-top: 48px
}

    .coupon-item-zc .c-type .c-limit span, .coupon-item-zc .c-type .c-time {
        color: #855e19
    }

    .coupon-item-zc .c-type .c-type-bottom {
        background-position: 0 -325px
    }

.coupon-item-zc .op-btns .btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 119px;
    height: 31px;
    line-height: 31px;
    border: 1px solid #c9a86e;
    color: #c9a86e;
    border-radius: 15px;
    vertical-align: middle
}

    .coupon-item-zc .op-btns .btn span.txt {
        color: #c9a86e
    }

    .coupon-item-zc .op-btns .btn:hover b {
        background: #c9a86e
    }

.coupon-item-zc .c-operate span:hover, .coupon-item-zc .c-share {
    color: #c9a86e
}

    .coupon-item-zc .c-share:hover {
        color: #855e19
    }

        .coupon-item-zc .c-share:hover .share-font {
            visibility: visible
        }

.coupon-item-zc .share-tips .cur span, .coupon-item-zc .share-tips:hover {
    color: #c9a86e
}

.coupon-item-myf .c-type {
    background-color: #7ea7ce
}

    .coupon-item-myf .c-type .c-limit span, .coupon-item-myf .c-type .c-time {
        color: #3b6c9b
    }

    .coupon-item-myf .c-type .c-type-bottom {
        background-position: 0 -309px
    }

.coupon-item-myf .c-price .type {
    color: #3b6c9b
}

.coupon-item-myf .op-btns .btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 119px;
    height: 31px;
    line-height: 31px;
    border: 1px solid #7ea7ce;
    color: #7ea7ce;
    border-radius: 15px;
    vertical-align: middle
}

    .coupon-item-myf .op-btns .btn span.txt {
        color: #7ea7ce
    }

    .coupon-item-myf .op-btns .btn:hover b {
        background: #7ea7ce
    }

.coupon-item-myf .c-operate span:hover, .coupon-item-myf .c-share {
    color: #7ea7ce
}

    .coupon-item-myf .c-share:hover {
        color: #3b6c9b
    }

        .coupon-item-myf .c-share:hover .share-font {
            visibility: visible
        }

.coupon-item-myf .icon-site2, .coupon-item-myf .share-tips .cur span, .coupon-item-myf .share-tips:hover {
    color: #7ea7ce
}

.coupon-item-yf .c-price, .coupon-item-yf-new .c-price {
    line-height: 30px;
    font-family: "Microsoft YaHei";
    font-size: 30px;
    margin-bottom: 10px
}

.coupon-item-yf .c-type, .coupon-item-yf-new .c-type {
    background-color: #7ea7ce;
    height: 131px;
    padding-top: 48px
}

    .coupon-item-yf .c-type .c-limit span, .coupon-item-yf .c-type .c-time, .coupon-item-yf-new .c-type .c-limit span, .coupon-item-yf-new .c-type .c-time {
        color: #3b6c9b
    }

    .coupon-item-yf .c-type .c-type-bottom, .coupon-item-yf-new .c-type .c-type-bottom {
        background-position: 0 -309px
    }

.coupon-item-yf .op-btns .btn, .coupon-item-yf-new .op-btns .btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 119px;
    height: 31px;
    line-height: 31px;
    border: 1px solid #7ea7ce;
    color: #7ea7ce;
    border-radius: 15px;
    vertical-align: middle
}

    .coupon-item-yf .op-btns .btn span.txt, .coupon-item-yf-new .op-btns .btn span.txt {
        color: #7ea7ce
    }

    .coupon-item-yf .op-btns .btn:hover b, .coupon-item-yf-new .op-btns .btn:hover b {
        background: #7ea7ce
    }

.coupon-item-yf .c-operate span:hover, .coupon-item-yf .c-share, .coupon-item-yf-new .c-operate span:hover, .coupon-item-yf-new .c-share {
    color: #7ea7ce
}

    .coupon-item-yf .c-share:hover, .coupon-item-yf-new .c-share:hover {
        color: #3b6c9b
    }

        .coupon-item-yf .c-share:hover .share-font, .coupon-item-yf-new .c-share:hover .share-font {
            visibility: visible
        }

.coupon-item-yf .icon-site2, .coupon-item-yf .share-tips .cur span, .coupon-item-yf .share-tips:hover, .coupon-item-yf-new .icon-site2, .coupon-item-yf-new .share-tips .cur span, .coupon-item-yf-new .share-tips:hover {
    color: #7ea7ce
}

.b-c-item-gray .c-type .c-type-bottom {
    background-image: url(../images/coupon20160715.png)
}

.b-c-item-gray .c-type, .coupon-item-dgray .c-type, .coupon-item-jgray .c-type, .coupon-item-jrgray .c-type, .coupon-item-jrmxgray .c-type, .coupon-item-jrzkgray .c-type, .coupon-item-myfgray .c-type, .coupon-item-myfgray-new .c-type, .coupon-item-yfgray .c-type, .coupon-item-yfgray-new .c-type, .coupon-item-zcgray .c-type {
    background-color: #c3c3c3
}

    .b-c-item-gray .c-type .c-limit span, .b-c-item-gray .c-type .c-time, .coupon-item-dgray .c-type .c-limit span, .coupon-item-dgray .c-type .c-time, .coupon-item-jgray .c-type .c-limit span, .coupon-item-jgray .c-type .c-time, .coupon-item-jrgray .c-type .c-limit span, .coupon-item-jrgray .c-type .c-time, .coupon-item-jrmxgray .c-type .c-limit span, .coupon-item-jrmxgray .c-type .c-time, .coupon-item-jrzkgray .c-type .c-limit span, .coupon-item-jrzkgray .c-type .c-time, .coupon-item-myfgray .c-type .c-limit span, .coupon-item-myfgray .c-type .c-time, .coupon-item-myfgray-new .c-type .c-limit span, .coupon-item-myfgray-new .c-type .c-time, .coupon-item-yfgray .c-type .c-limit span, .coupon-item-yfgray .c-type .c-time, .coupon-item-yfgray-new .c-type .c-limit span, .coupon-item-yfgray-new .c-type .c-time, .coupon-item-zcgray .c-type .c-limit span, .coupon-item-zcgray .c-type .c-time {
        color: #868686
    }

    .b-c-item-gray .c-type .c-type-bottom, .coupon-item-dgray .c-type .c-type-bottom, .coupon-item-jgray .c-type .c-type-bottom, .coupon-item-jrgray .c-type .c-type-bottom, .coupon-item-jrmxgray .c-type .c-type-bottom, .coupon-item-jrzkgray .c-type .c-type-bottom, .coupon-item-myfgray .c-type .c-type-bottom, .coupon-item-myfgray-new .c-type .c-type-bottom, .coupon-item-yfgray .c-type .c-type-bottom, .coupon-item-yfgray-new .c-type .c-type-bottom, .coupon-item-zcgray .c-type .c-type-bottom {
        background-position: 0 -316px
    }

.b-c-item-gray .c-msg, .coupon-item-dgray .c-msg, .coupon-item-jgray .c-msg, .coupon-item-jrgray .c-msg, .coupon-item-jrmxgray .c-msg, .coupon-item-jrzkgray .c-msg, .coupon-item-myfgray .c-msg, .coupon-item-myfgray-new .c-msg, .coupon-item-yfgray .c-msg, .coupon-item-yfgray-new .c-msg, .coupon-item-zcgray .c-msg {
    background: #f9f9f9
}

.b-c-item-gray .c-price .type, .coupon-item-dgray .c-price .type, .coupon-item-jgray .c-price .type, .coupon-item-jrgray .c-price .type, .coupon-item-jrmxgray .c-price .type, .coupon-item-jrzkgray .c-price .type, .coupon-item-myfgray .c-price .type, .coupon-item-myfgray-new .c-price .type, .coupon-item-yfgray .c-price .type, .coupon-item-yfgray-new .c-price .type, .coupon-item-zcgray .c-price .type {
    color: #868686
}

.b-c-item-gray .op-btns .btn, .coupon-item-dgray .op-btns .btn, .coupon-item-jgray .op-btns .btn, .coupon-item-jrgray .op-btns .btn, .coupon-item-jrmxgray .op-btns .btn, .coupon-item-jrzkgray .op-btns .btn, .coupon-item-myfgray .op-btns .btn, .coupon-item-myfgray-new .op-btns .btn, .coupon-item-yfgray .op-btns .btn, .coupon-item-yfgray-new .op-btns .btn, .coupon-item-zcgray .op-btns .btn {
    display: none
}

.b-c-item-gray .overdue-site, .coupon-item-dgray .overdue-site, .coupon-item-jgray .overdue-site, .coupon-item-jrgray .overdue-site, .coupon-item-jrmxgray .overdue-site, .coupon-item-jrzkgray .overdue-site, .coupon-item-myfgray .overdue-site, .coupon-item-myfgray-new .overdue-site, .coupon-item-yfgray .overdue-site, .coupon-item-yfgray-new .overdue-site, .coupon-item-zcgray .overdue-site {
    background-position: -171px 0
}

.b-c-item-gray .c-share, .coupon-item-dgray .c-share, .coupon-item-jgray .c-share, .coupon-item-jrgray .c-share, .coupon-item-jrmxgray .c-share, .coupon-item-jrzkgray .c-share, .coupon-item-myfgray .c-share, .coupon-item-myfgray-new .c-share, .coupon-item-yfgray .c-share, .coupon-item-yfgray-new .c-share, .coupon-item-zcgray .c-share {
    display: none
}

.coupon-item-jrmxgray .c-price {
    font-family: "Microsoft YaHei";
    font-size: 36px;
    line-height: 50px
}

.coupon-item-jrzkgray .c-type .c-price span {
    font-family: "Microsoft YaHei";
    font-size: 24px;
    position: relative;
    top: -22px;
    left: 8px
}

.coupon-item-zcgray .c-price {
    line-height: 30px;
    font-family: "Microsoft YaHei";
    font-size: 30px;
    margin-bottom: 10px
}

.coupon-item-zcgray .c-type {
    height: 111px;
    padding-top: 48px
}

.coupon-items .coupon-item .coupon-item-yfgray .c-price, .coupon-item-yfgray-new .c-price {
    line-height: 30px;
    font-family: "Microsoft YaHei";
    font-size: 30px;
    margin-bottom: 10px
}

.coupon-item-yfgray .c-type, .coupon-item-yfgray-new .c-type {
    height: 111px;
    padding-top: 48px
}

.coupon-item-myf-new .c-price, .coupon-item-myfgray-new .c-price {
    font-family: Arial;
    font-size: 36px;
    line-height: 36px
}

.coupon-items {
    display: inline-block;
    display: block;
    width: 100%;
}

    .coupon-items:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }

* html .coupon-items {
    height: 1%
}

* + html .coupon-items {
    min-height: 1%
}

    .coupon-items .coupon-item {
        float: left;
        margin: 0 8px 20px 8px;
    }

.coupon-items02 {
    width: auto
}

    .coupon-items02 .coupon-item {
        float: none;
        width: 100%;
        margin: 0 20px 20px 0
    }

        .coupon-items02 .coupon-item .c-range, .coupon-items02 .coupon-item .c-type {
            float: left
        }

        .coupon-items02 .coupon-item .op-btns {
            float: right;
            width: 166px;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -15px
        }

        .coupon-items02 .coupon-item .c-type {
            width: 275px;
            padding-top: 34px;
            height: 131px
        }

            .coupon-items02 .coupon-item .c-type .c-type-top {
                display: none
            }

            .coupon-items02 .coupon-item .c-type .c-type-bottom {
                width: 5px;
                height: 167px;
                left: 270px;
                top: 0;
                background-position: -299px -1px
            }

        .coupon-items02 .coupon-item .c-msg {
            position: relative;
            height: 153px;
            padding: 10px 0 0 10px;
            border: solid #f9f9f9;
            border-width: 1px 1px 1px 0;
            float: left;
            width: 540px
        }

        .coupon-items02 .coupon-item .used-site {
            top: 40px;
            right: 80px
        }

        .coupon-items02 .coupon-item .c-del {
            top: -1px;
            right: -1px
        }

        .coupon-items02 .coupon-item .range-item .txt {
            width: 420px
        }

        .coupon-items02 .coupon-item .range-item .tips {
            width: 430px
        }

        .coupon-items02 .coupon-item .range-item .item-tips {
            right: -56px
        }

            .coupon-items02 .coupon-item .range-item .item-tips s {
                right: 59px
            }

        .coupon-items02 .coupon-item .used-onum {
            top: 45px
        }

    .coupon-items02 .coupon-item-used .range-item {
        margin-bottom: 2px
    }

    .coupon-items02 .coupon-item-j .c-type .c-type-bottom {
        background-position: -299px -1px
    }

    .coupon-items02 .coupon-item-d .c-type .c-type-bottom {
        background-position: -308px -1px
    }

    .coupon-items02 .b-c-item .c-type .c-type-bottom {
        background: url(//misc.360buyimg.com/user/myjd/coupon/css/i/bv-circle.png) repeat-y
    }

    .coupon-items02 .b-c-item-gray .c-type .c-type-bottom {
        background-image: url(../images/coupon20160715.png)
    }

    .coupon-items02 .coupon-item-yf .c-type .c-type-bottom, .coupon-items02 .coupon-item-yf-new .c-type .c-type-bottom {
        background-position: -318px -1px
    }

    .coupon-items02 .coupon-item-jr .c-type .c-type-bottom, .coupon-items02 .coupon-item-jrmx .c-type .c-type-bottom, .coupon-items02 .coupon-item-jrzk .c-type .c-type-bottom, .coupon-items02 .coupon-item-zc .c-type .c-type-bottom {
        background-position: -337px -1px
    }

    .coupon-items02 .b-c-item-gray .c-type .c-type-bottom, .coupon-items02 .coupon-item-dgray .c-type .c-type-bottom, .coupon-items02 .coupon-item-jgray .c-type .c-type-bottom, .coupon-items02 .coupon-item-jrgray .c-type .c-type-bottom, .coupon-items02 .coupon-item-jrmxgray .c-type .c-type-bottom, .coupon-items02 .coupon-item-jrzkgray .c-type .c-type-bottom, .coupon-items02 .coupon-item-myfgray .c-type .c-type-bottom, .coupon-items02 .coupon-item-myfgray-new .c-type .c-type-bottom, .coupon-items02 .coupon-item-zcgray .c-type .c-type-bottom {
        background-position: -328px -1px
    }

.root61 .coupon-items {
    width: 1060px
}

    .root61 .coupon-items .coupon-item {
        width: 244px
    }

.root61 .coupon-items02 {
    width: auto
}

    .root61 .coupon-items02 .coupon-item {
        width: 100%
    }

        .root61 .coupon-items02 .coupon-item .c-msg {
            width: 750px
        }

        .root61 .coupon-items02 .coupon-item .c-del {
            right: 12px
        }

div.ui-tips-skin1 {
    border-color: #ddd;
    background: #fff;
    box-shadow: 0 0 0 transparent
}

    div.ui-tips-skin1 .ui-tips-arrow {
        background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/tips-gray.png) no-repeat
    }

    div.ui-tips-skin1 .ui-tips-close {
        right: 10px;
        top: 10px;
        width: 21px;
        height: 21px;
        text-indent: -9999px;
        background: url(//misc.360buyimg.com/user/myjd/coupon/css/i/order-icon20150916.png) no-repeat -44px -55px
    }
/* user-myjd/coupon ui-page.css Date:2017-09-26 18:48:22 */
@charset "UTF-8";

@font-face {
    font-family: daogou-font;
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a);
    src: url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.eot?cfnq6a#iefix) format("embedded-opentype"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.woff?cfnq6a) format("woff"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.ttf?cfnq6a) format("truetype"),url(//misc.360buyimg.com/mall/iconfont/daogou/css/fonts/daogou-font.svg?cfnq6a#daogou-font) format("svg");
    font-weight: 400;
    font-style: normal
}

.ui-page {
    float: right;
    font-size: 0
}

.next-disabled, .prev-disabled, .ui-pager-next, .ui-pager-prev {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

    .next-disabled b, .prev-disabled b, .ui-pager-next b, .ui-pager-prev b {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 7px;
        height: 13px;
        overflow: hidden;
        background: url(//misc.360buyimg.com/user/myjd/coupon/widget/ui-page/i/page-icon.png) no-repeat;
        vertical-align: middle
    }

    .prev-disabled b {
        background-position: 0 0;
        margin-right: 5px
    }

    .next-disabled b {
        background-position: -17px 0;
        margin-left: 5px
    }

    .ui-pager-prev b {
        background-position: -34px 0;
        margin-right: 5px
    }

    .ui-pager-next b {
        background-position: -51px 0;
        margin-left: 5px
    }

.ui-page-next {
    margin-left: 3px
}

    .ui-page-next i {
        margin: 0 0 0 2px
    }

.ui-page a {
    height: 18px;
    line-height: 18px;
    border-radius: 2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top,#f7f7f7,#f3f2f2);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f7f7f7),color-stop(1,#f3f2f2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f3f2f2', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f3f2f2');
    background-image: linear-gradient(to bottom,#f7f7f7 0,#f3f2f2 100%);
    font-size: 12px;
    color: #333;
    padding: 4px 1.2em;
    border: 1px solid #ddd;
    margin-left: 3px;
    vertical-align: middle
}

.ui-page .text {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    color: #aaa;
    margin-right: 20px
}

.ui-page .itxt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 36px;
    text-align: center;
    border: 1px solid #ddd;
    height: 26px;
    line-height: 26px;
    padding: 0
}

.ui-page a:hover {
    text-decoration: none;
    box-shadow: 1px 1px 2px rgba(0,0,0,.1);
    color: #e33b3d
}

.ui-page a.next-disabled, .ui-page a.prev-disabled {
    background: #fff;
    color: #ccc;
    cursor: default
}

    .ui-page a.next-disabled:hover, .ui-page a.prev-disabled:hover {
        color: #ccc;
        box-shadow: 0 0 0 transparent
    }

.ui-page-total {
    margin: 0 10px;
    font-size: 14px
}

span.ui-page-skip {
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle
}

    span.ui-page-skip em {
        font-weight: 700;
        margin: 0 3px
    }

    span.ui-page-skip .itxt {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle;
        width: 28px;
        height: 18px;
        line-height: 18px;
        padding: 5px 0;
        text-align: center;
        border: 1px solid #ccc
    }

.ui-page span {
    margin-left: 3px;
    color: #666;
    font-size: 12px
}

    .ui-page span.next-disabled, .ui-page span.prev-disabled {
        color: #aaa
    }

        .ui-page span.next-disabled b, .ui-page span.prev-disabled b {
            display: none
        }

.ui-page .current, .ui-page .ui-page-curr {
    color: #e33b3d;
    font-weight: 700;
    border: 0;
    cursor: default;
    background: #fff
}

    .ui-page .ui-page-curr:hover {
        box-shadow: 0 0 0 transparent;
        box-shadow: none
    }

.ui-page .ui-page-cancel {
    background: #fff;
    border-color: #ddd;
    color: #ccc;
    cursor: default
}

    .ui-page .ui-page-cancel:hover {
        box-shadow: 0 0 0 transparent
    }

    .ui-page .ui-page-cancel i {
        color: #ccc
    }

.ui-page-small .ui-page-next, .ui-page-small .ui-page-prev, .ui-page-small a {
    font-size: 12px;
    height: 38px;
    line-height: 38px
}

.ui-page-small .ui-page-skip, .ui-page-small .ui-page-total {
    font-size: 12px
}

.shop-coupon-btn {
    display: inline-block;
    width: 80px;
    height: 24px;
    line-height: 99em;
    background: url(../Images/cart-coupon-icons02.png) 0 0 no-repeat;
    overflow: hidden;
}

#specialsContent {
    position: relative;
}

    #specialsContent #quanList {
        width: 350px;
        padding: 15px;
        background-color: #fafafa;
        border: solid 1px #f60;
        position: absolute;
        top: 32px;
        display: none;
    }

.currentSelected {
    border: 2px solid #e4393c;
}

    .currentSelected b {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 12px;
        height: 12px;
        overflow: hidden;
        background: url(../Images/selected-icon.png) no-repeat;
    }

.minBuyNum {
    display: none;
}

/*购物流程进度条*/
.stepflex {
    display: inline-block;
    display: block;
    border-top: 0px solid #ccc;
    text-align: center;
    margin: 30px 0 0;
    background: url(../Images/BuyCartNav.jpg) no-repeat;
    height: 60px;
    padding: 10px 0px 0px 250px;
}

    .stepflex:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }

* html .stepflex {
    height: 1%
}

* + html .stepflex {
    min-height: 1%
}

.stepflex dl {
    float: left;
    position: relative;
    width: 166px;
    top: -5px;
    border-top: 5px solid #ccc
}

    .stepflex dl.doing {
        border-top-color: #7abd54
    }

        .stepflex dl.doing .s-num {
            background-position: -23px 0
        }

        .stepflex dl.doing .s-text {
            color: #7abd54
        }

    .stepflex dl.done {
        border-top-color: #caecb6
    }

        .stepflex dl.done .s-num {
            background-position: -46px 0
        }

        .stepflex dl.done .s-text {
            color: #caecb6
        }

.stepflex .doing b, .stepflex .doing s, .stepflex .first s, .stepflex .last b {
    width: 5px;
    height: 5px;
    position: absolute;
    line-height: 0;
    font-size: 0;
    top: -5px;
    background-image: url(../Images/step2013.png);
    overflow: hidden
}

.stepflex .s-num {
    position: relative;
    margin: -15px auto 0;
    color: #fff;
    font-weight: 700;
    width: 23px;
    height: 23px;
    background-image: url(../Images/step2013.png);
    line-height: 23px
}

.stepflex .s-text {
    color: #ccc
}

.stepflex s {
    left: 0
}

.stepflex b {
    right: 0
}

.stepflex .first s {
    background-position: 0 -24px;
    background-color: #fff
}

.stepflex .last b {
    background-position: -5px -24px;
    background-color: #fff
}

.stepflex .doing s {
    background-position: -23px -24px
}

.stepflex .doing b {
    background-position: -28px -24px;
    background-color: #ccc
}

.stepflex .doing.last s, .stepflex .doing.normal s {
    background-color: #caecb6
}

.stepflex .doing.last b {
    background-color: #fff
}

.stepflex .done s {
    background-position: -46px -24px
}

.stepflex .done b {
    background-position: -51px -24px
}

.stepflex .doing.last .s-num {
    background-position: -91px 0
}

.xi_cu{
    padding: 2px 5px;
    background-color: darkcyan;
    color: #fff;
}

.xi_cu2 {
    background-color: #f30;
    margin-left: 20px;
}