/* iCheck plugin Flat skin, red,前台多个css文件合并
----------------------------------- */
/*red.css*/
.icheckbox_flat-red,
.iradio_flat-red {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(../images/red.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-red {
    background-position: 0 0;
}

    .icheckbox_flat-red.checked {
        background-position: -22px 0;
    }

    .icheckbox_flat-red.disabled {
        background-position: -44px 0;
        cursor: default;
    }

    .icheckbox_flat-red.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-red {
    background-position: -88px 0;
}

    .iradio_flat-red.checked {
        background-position: -110px 0;
    }

    .iradio_flat-red.disabled {
        background-position: -132px 0;
        cursor: default;
    }

    .iradio_flat-red.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-red,
    .iradio_flat-red {
        background-image: url(../images/red@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}
/*css.css*/
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
    margin: 0;
    padding: 0;
    font-size: 100%
}

body {
    font-size: 14px;
    font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;
    color: #333;
    -webkit-text-size-adjust: none;
    word-wrap: break-word;
    word-break: break-all;
    background-color: #fff
}

img, fieldset {
    border: 0;
}

ul, ol {
    list-style: none;
}

em, address, h1, h2, h3, h4, h5, h6 {
    font-style: normal;
}

a {
    color: #333;
    text-decoration: none;
}

table {
    border-collapse: collapse;
}

del {
    text-shadow: none
}


/*Public Styles*/
.ui_mt15 {
    margin-top: 15px;
}

.qb_bfc:after {
    clear: both;
}

.hd_clear {
    clear: both;
}

.bfc_c {
    display: table-cell
}

.ui_color_strong, .mod_color_strong {
    color: #f34
}

.hd_bold {
    font-weight: bold;
}

.qb_tar {
    text-align: right
}

.ui_p10 {
    padding: 10px;
}

.ui_bg_color_weak {
    background-color: #f6f6f6;
}

.ui_plr10 {
    padding-left: 10px;
    padding-right: 10px
}

.ui_plr0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ui-bt {
    border-top: 1px solid #eaeaea;
}

.qb_fs_s {
    font-size: 12px
}

.qb_fs_s2 {
    font-size: 14px
}

.font12 {
    font-size: 12px !important;
}

.font14 {
    font-size: 14px !important;
}

.font15 {
    font-size: 15px !important;
}

.font16 {
    font-size: 16px !important;
}

.font18 {
    font-size: 18px !important;
}

.o-hidden {
    overflow: hidden;
}

.ui_mr30 {
    margin-right: 30px
}

.ui_pb10 {
    padding-bottom: 10px;
}

.ui_pt10, .qb_pt10 {
    padding-top: 10px;
}

.qb_pt8 {
    padding-top: 8px;
}

.qb_fr {
    float: right;
}

.qb_fl {
    float: left;
}

.ui_mb15 {
    margin-bottom: 15px;
}

.ui_color_weak, .mod_color_weak {
    color: #999;
}

.qb_flex {
    display: -webkit-box;
}

.mod_list .list_item, .ui_mb10, .qb_mb10 {
    margin-bottom: 10px;
}

.ui_align_right {
    text-align: right;
}

.w200 {
    width: 200px;
}

.mod_mb15 {
    margin-bottom: 15px;
}

.m_top5 {
    margin-top: 5px;
}

.line_hr {
    border-bottom: 1px solid #eaeaea;
}

.line_hr2 {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #fff;
    clear: both;
}

.max_height {
    max-height: 40px;
    overflow: hidden;
}

.s_color {
    color: #cb4047;
}

.dis_b a {
    display: block;
}

.qb_mt20 {
    margin-top: 20px;
}




/*header*/
header {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#ebebeb));
}

    header a {
        display: block;
        text-align: center;
    }

.hd_header a img {
    height: 20px;
    margin-top: 11px;
}

.hd_header .mod_btn {
    height: 44px;
    border-top: 0px;
    border-bottom: 1px solid #d6d6d6;
    border-left: 0px;
}


.menu_class {
    padding: 8px;
    overflow: hidden;
}

    .menu_class ul li, .menu_class a, .menu_class a span {
        display: block;
    }

    .menu_class ul li {
        float: left;
        width: 25%;
        text-align: center;
    }

    .menu_class a {
        background: #fff;
        margin: 7px;
        border: 1px solid #e4e4e4;
    }

        .menu_class a span {
            height: 30px;
            line-height: 30px;
            overflow: hidden;
            font-size: 12px;
        }

        .menu_class a img {
            width: 100%;
            vertical-align: bottom
        }



/*subclass*/
.sub, .sub_search {
    display: inline-table;
    width: 100%
}

.sub {
    margin: 8px 0px 15px 0px;
}

    .sub span {
        display: block;
        float: left;
        margin-top: 10px;
        margin-right: 10px;
    }

        .sub span a {
            display: block;
            ;
            border: 1px solid #ccc;
            padding: 3px 10px;
            border-radius: 15px;
        }

            .sub span a:hover {
                border: 1px solid #d20816;
                color: #d20816
            }

.sub_search {
    padding: 10px 0px;
}

    .sub_search div {
        float: left;
        width: 80%
    }

        .sub_search div input {
            display: block;
            background: #fff;
            border: 1px solid #ccc;
            width: 100%;
            height: 33px;
            overflow: hidden;
            line-height: 33px;
        }

    .sub_search p {
        float: right;
        width: 20%;
        text-align: center;
        background: #d20816;
        height: 35px;
        overflow: hidden;
        line-height: 35px;
        font-size: 17px;
        color: #fff;
    }

        .sub_search p a {
            color: #fff;
        }

/*ProductDetails*/
.wg-pc {
    position: relative
}

.wg {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 9999
}

    .wg span {
        display: block;
        background: #333;
        opacity: 0.7;
        height: 20px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        margin-top: 13px;
        padding: 2px 5px 4px 10px;
        width: 25px;
    }

        .wg span.select {
            background: #ff9900
        }

        .wg span img {
            height: 100%
        }

.product_details {
    margin: 15px;
    margin-top: 0px;
}

    .product_details h2 {
        font-weight: normal;
    }

        .product_details h2.hd_bold {
            font-weight: bold;
        }

.pro_price span {
    color: #ff3344;
    font-weight: bold;
    margin-right: 10px;
}

.product_details .product-btn {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    ;
    padding: 10px;
    box-shadow: 0px 0px 5px #cbcacb;
    background: #fff;
    border-top: 1px solid #cccccc;
    z-index: 99999;
}

    .product_details .product-btn span {
        border: 0px;
        border-radius: 40px;
    }

.pro_price del, .product_details .sold {
    color: #a29595;
    font-size: 12px;
}

.product_details .sold {
    margin-bottom: 10px;
}

.pro_select, .pro_intr {
    margin: 15px 0px;
}

    .pro_select dl {
        clear: both;
    }

        .pro_select dl dt {
            float: left;
            line-height: 35px;
            margin-right: 5px;
        }

        .pro_select dl dd.pro_color span, .pro_select dl dd.pro_size span {
            color: #333;
            float: left;
            line-height: 35px;
            height: 35px;
            display: inline-block;
            padding: 0 10px;
            margin: 0 10px 10px 0;
            background: #fff;
            min-width: 49px;
            text-align: center;
            border: 1px solid #edeeef;
        }

            .pro_select dl dd.pro_color span.hovers, .pro_select dl dd.pro_size span.hovers {
                background: #ff9900;
                color: #fff;
            }

        .pro_select dl dd {
            overflow: hidden;
        }

    .pro_select .quantity {
        border: 1px solid #eaeaea;
        vertical-align: middle;
        height: 35px;
        display: inline-block;
        background-color: #FFF;
    }

        .pro_select .quantity .minus {
            position: relative;
            text-align: center;
            display: inline-block;
            width: 44px;
            height: 35px;
            border-right: 1px solid #eaeaea;
        }

            .pro_select .quantity .minus:after {
                content: "";
                position: absolute;
                top: 16px;
                left: 14px;
                border-top: 2px solid #333;
                width: 15px;
            }

        .pro_select .quantity input {
            -webkit-appearance: none;
            width: 44px;
            height: 33px;
            text-align: center;
            background: transparent;
            border: 0;
            vertical-align: top;
            font-size: 16px;
        }

        .pro_select .quantity .plus {
            position: relative;
            text-align: center;
            display: inline-block;
            width: 44px;
            height: 35px;
            border-left: 1px solid #eaeaea;
        }

            .pro_select .quantity .plus:before {
                content: "";
                position: absolute;
                height: 16px;
                border-left: 2px solid #333;
                top: 9px;
                left: 21px;
            }

            .pro_select .quantity .plus:after {
                content: "";
                position: absolute;
                width: 16px;
                border-top: 2px solid #333;
                top: 16px;
                left: 14px;
            }

.mod_color_comment {
    color: #ccc;
}

.product_details .qb_flex .btn_em {
    background: #ffa200;
    color: #FFF;
    font-size: 16px;
}

.product_details .qb_flex .btn_strong {
    background: #f73542;
    color: #FFF;
    font-size: 16px;
}

.pro_fold h2 {
    height: 46px;
    line-height: 46px;
    background: url(../images/process/arrowico.png) no-repeat center right;
}

    .pro_fold h2 a {
        display: block;
    }

.pro_intr h2 {
    height: 16px;
    line-height: 16px;
    margin-bottom: 5px;
}

.pro_intr p {
    color: #999999;
}

.pro_intr img {
    width: 100%;
}

.showcat {
    position: fixed;
    z-index: 9999;
    right: 30px;
    padding: 10px;
}

.showcat2 {
    background: #333;
    padding: 10px;
    border-radius: 3px;
    width: 100%;
}

.showcat .showcat_tit {
    text-align: center;
    padding: 15px;
    color: #fff;
}

.showcat .qb_flex .mod_btn, .msg_box .msg_con button {
    border: 1px solid #161616;
    border-radius: 3px;
    background: url(../images/process/cat_btn.jpg) repeat-x;
    height: 34px;
    font-size: 13px;
    line-height: 34px;
    color: #fff;
    font-size: 15px;
}

    .showcat .qb_flex .mod_btn a {
        display: block;
        color: #fff;
    }

.img_text {
    margin: 5px 0px;
}

    .img_text img {
        vertical-align: bottom;
        width: 100%;
    }


/*MembershipCard*/
.mc_btn {
    background: url(../images/process/mc_t.jpg) no-repeat;
    background-size: 100%;
    position: relative;
}

    .mc_btn .mc_card {
        padding: 20px 40px 10px 40px;
        position: relative;
    }

        .mc_btn .mc_card .c_lo, .mc_btn .mc_card .c_n, .mc_btn .mc_card .c_num, .mc_btn .mc_card .c_2w {
            position: absolute;
        }

        .mc_btn .mc_card .c_lo {
            top: 30px;
            left: 50px;
            color: #fff
        }

        .mc_btn .mc_card .c_n {
            top: 30px;
            right: 50px;
            color: #FFF;
        }

        .mc_btn .mc_card .c_num {
            bottom: 20px;
            right: 50px;
            color: #fff;
            text-align: right;
            line-height: 18px;
        }

            .mc_btn .mc_card .c_num b {
                font-size: 16px;
            }

        .mc_btn .mc_card .c_2w {
            bottom: 20px;
            left: 50px;
        }

            .mc_btn .mc_card .c_2w #c_pop {
                display: none;
            }

        .mc_btn .mc_card span {
            display: block;
            border: 1px solid #157ac1;
            border-radius: 10px;
            -moz-box-shadow: 0px 0px 8px #6d6c6c;
            -webkit-box-shadow: 0px 0px 8px #6d6c6c;
            box-shadow: 0px 0px 8px #6d6c6c;
        }

        .mc_btn .mc_card img, .mc_bott span img {
            width: 100%;
            vertical-align: bottom;
        }

.mc_bott {
    background: url(../images/process/mc_b.jpg) no-repeat;
    background-size: 100%;
    padding: 10px 56px 15px 56px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
}

    .mc_bott span {
        display: block;
        text-align: center;
        line-height: 46px;
        cursor: pointer;
        font-size: 16px;
        color: #666666
    }

.mc_prompt {
    text-align: center;
    color: #888888;
    padding: 0px 0px 5px 0px;
}

.mc_exp, .mc_total, .mc_number {
    margin: 10px 15px 15px 15px;
    background: #fff;
    border: 1px solid #c6c6c6;
    border-radius: 5px;
}

#mc_total, .mc_number {
    margin: 0px 15px 10px 15px;
}

    #mc_total .mod_btn {
        color: #333;
        border: 0px;
        display: block;
        margin: 10px 0px;
        height: auto;
        line-height: 20px
    }

        #mc_total .mod_btn.line {
            border-right: 1px dotted #c6c6c6;
        }

.mc_exp h2 {
    font-size: 16px;
    font-weight: normal;
    padding: 10px 15px 0px 15px;
}

.mc_exp p {
    color: #999999;
    font-size: 12px;
    padding: 0px 15px 15px 15px;
    text-indent: 2em;
}

.mc_number {
    position: relative;
}

    .mc_number .btn_num {
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        margin: 5px 30px 5px 15px;
        display: block
    }

        .mc_number .btn_num b {
            color: #cb0101;
            margin-left: 3px;
            margin-right: 3px;
        }

    .mc_number i {
        background: url(../images/icon/btn.png) no-repeat -61px -63px;
        width: 9px;
        height: 11px;
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
    }

.msg_box, .msg_box2 {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TipPreViewMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
    opacity: 0.9;
    background: #000;
}

    .msg_box .msg_con {
        background: #fff;
        opacity: 1;
        margin: 15px 15px 15px 15px;
        padding: 15px;
        border-radius: 3px;
    }

        .msg_box .msg_con h2 {
            float: left;
            width: 70px;
            height: 30px;
            text-align: right;
            line-height: 30px;
            overflow: hidden;
            font-weight: normal;
            color: #000;
            margin-bottom: 10px;
        }

        .msg_box .msg_con input {
            padding-left: 5px;
            width: 98%;
            margin-bottom: 10px;
            border: 1px solid #999;
        }

#div_msg2.msg_box2 span {
    display: block;
    width: 200px;
    height: 200px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 150px;
    border: 1px solid #fff;
    border-radius: 5px;
}

.msg_box .msg_con button {
    padding: 0px 10px;
    margin: 0 auto;
    cursor: pointer;
}

.msg_box .msg_con .submit_btn {
    text-align: center;
    margin-top: 5px;
    clear: both;
}

.pro_t {
    height: 50px;
    overflow: hidden;
    position: relative;
}

    .pro_t img {
        width: 100%;
        height: 50px;
        overflow: hidden;
    }

    .pro_t span {
        padding: 11px;
        display: block;
        color: #fff;
        font-size: 20px;
        text-shadow: 1px 1px 0px #000;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.pro_tb img {
    vertical-align: bottom;
}

.pro_tb {
    height: 10px;
    overflow: hidden;
}

    .pro_tb img {
        display: block;
        width: 100%;
        vertical-align: bottom;
    }

.pro_act {
    background: #fff;
    border: 1px solid #c6c6c6;
    border-radius: 5px;
    margin: 10px 15px;
}

    .pro_act ul {
        margin: 15px;
    }

        .pro_act ul li {
            clear: both;
            background: url(../images/icon/Pre_ico.jpg) no-repeat 5px;
            padding: 5px 0px;
            padding-left: 50px;
            color: #666666;
            margin-bottom: 5px;
            border-bottom: 1px dotted #ccc;
        }

            .pro_act ul li p {
                font-size: 16px;
            }

            .pro_act ul li.hover {
                background: #eeeeee url(../images/icon/Pre_ico2.jpg) no-repeat 5px;
                padding-left: 50px;
                color: #333333
            }


/*SpecialTopic*/
.special_bri {
    color: #999;
    padding: 15px 0px;
}

    .special_bri iframe {
        margin-left: -30px;
    }

    .special_bri img {
        width: 100%
    }

.fn_goods {
    margin-bottom: 10px;
}

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

.fn_goods li {
    position: relative;
    float: left;
    margin-right: 10px;
    width: 140px;
    background: #FFF;
    border: 1px solid #e2e2e2;
    margin-bottom: 10px;
    padding-bottom: 7px;
    -moz-box-shadow: 2px 2px 1px #efecec;
    -webkit-box-shadow: 2px 2px 1px #efecec;
    box-shadow: 2px 2px 1px #efecec;
}

    .fn_goods li .goods_pic {
        height: 140px;
        display: -webkit-box;
        -webkit-box-orient: horizontal;
        -webkit-box-pack: center;
        -webkit-box-align: center;
    }

.fn_goods img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.fn_goods .goods_name {
    line-height: 18px;
    height: 36px;
    text-align: justify;
    border-top: 1px solid #eaeaea;
    padding: 5px 10px 0;
    margin-bottom: 5px;
    overflow: hidden;
}

.fn_goods .price {
    padding-left: 10px;
    padding-right: 10px;
}

.special_comm {
    width: 300px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 10px;
}

    .special_comm ul {
        width: 320px;
        overflow: hidden;
    }

#content {
    margin: 0px 15px 15px 15px;
}

.wrap ul {
    min-width: 200px;
    margin: 0 auto;
    text-align: center
}

.wrap img {
    width: 100%;
    vertical-align: bottom
}

.wrap li {
    margin-bottom: 15px;
}


/*ShoppingCart*/
.mod_cell {
    border: 1px solid #eaeaea;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.1);
}

    .mod_cell .mod_celltitle {
        line-height: 16px;
        height: 16px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #eaeaea;
        margin-bottom: 10px
    }

        .mod_cell .mod_celltitle h3 {
            font-weight: normal;
        }

.icon_checkbox_checked {
    background-image: url(../images/icon/btn.png);
    background-position: -110px -51px;
    width: 15px;
    height: 15px
}

.qb_icon {
    display: inline-block;
    background-repeat: no-repeat
}

.ui_plr10 {
    padding-left: 10px;
    padding-right: 10px
}

.mod_list.mod_list_hr .list_item:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.mod_list.mod_list_hr .list_item {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 10px
}

.qb_bfc:before, .qb_bfc:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.ui_clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    font-size: 0;
}

.mod_list .bfc_f {
    margin-right: 10px
}

.bfc_f {
    float: left;
    margin-right: 10px
}

.mod_list .bfc_f img {
    vertical-align: top;
    width: 60px;
    height: 60px;
    border: 1px solid #eaeaea;
    border-radius: 3px
}

.icon_trash {
    background-image: url(../images/icon/btn.png);
    background-position: -93px 0;
    width: 13px;
    height: 14px;
    vertical-align: -2px
}

.ui_textinput {
    width: 20px;
    height: 14px;
    padding: 3px 5px;
    border: 1px solid #eaeaea;
    color: #999;
    text-align: center;
    line-height: 14px;
    font-size: 12px;
    -webkit-appearance: none;
    border-radius: 0
}

.mod_cell .qb_fl .qb_icon {
    vertical-align: -3px;
    margin-right: 10px;
}

.mod_btn.btn_strong {
    color: #fff;
    background-color: #d20816;
    font-family: "Microsoft yahei";
}

.mod_btn {
    text-shadow: none;
    box-shadow: none;
    border: 1px solid #eaeaea;
    text-align: center;
    text-decoration: none;
    -webkit-appearance: none;
    display: inline-block;
    line-height: 30px;
    height: 30px;
    font-size: 15px;
    color: #999;
    padding: 0 8px;
}

.mod_addresslist .address_item, .mod_addresslist .address_item2 {
    border: 1px solid #eaeaea;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.1);
    line-height: 24px;
    margin-bottom: 10px;
    position: relative
}

    .mod_addresslist .address_item.arrow:after {
        width: 6px;
        height: 6px;
        border-right: 3px solid #333;
        border-bottom: 3px solid #333;
        display: block;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -5px;
        content: " ";
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .mod_addresslist .address_item .address_detail {
        padding: 8px 40px 8px 10px
    }

    .mod_addresslist .address_item .del {
        padding: 0px 40px 0px 10px;
        height: 30px;
        line-height: 30px;
    }

    .mod_addresslist .address_item #update1 .btn_block {
        height: 35px;
        line-height: 35px;
        background: #fff;
        font-size: 14px;
    }

    .mod_addresslist .address_item #update1 .mod_btn {
        border-left: 0px;
    }

    .mod_addresslist .address_item #update1 span a {
        display: block;
        color: #005cff;
        ;
    }

    .mod_addresslist .address_item2 .address_detail2 {
        padding: 8px 10px
    }

        .mod_addresslist .address_item2 .address_detail2 p {
            height: 35px;
            overflow: hidden;
            line-height: 35px;
        }

.mod_select, .mod_select2 span {
    position: relative;
    display: inline-block;
}

.mod_select2 span {
    -webkit-box-flex: 1;
    display: block;
    margin-bottom: 10px;
}

    .mod_select select, .mod_select2 span select {
        border-radius: 0;
        -webkit-appearance: none;
        display: block;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        height: 38px;
        line-height: 38px;
        margin: 0px;
        border: 0;
        border-bottom: 1px solid #f2f2f2;
        border-right: 1px solid #f2f2f2;
        background: #fdfdfd;
        box-shadow: 1px 1px 1px rgba(0,0,0,.15) inset
    }

        .mod_select select option, .mod_select2 span select option {
            color: #333
        }

    .mod_select:after, .mod_select2 span:after {
        content: '';
        position: absolute;
        top: 13px;
        right: 12px;
        width: 10px;
        height: 6px;
        background-image: url(../images/icon/btn.png);
        background-position: -127px -51px
    }

.qb_flex .flex_box {
    -webkit-box-flex: 1;
    display: block;
    width: 0;
}

.mod_cell .mod_cell_hr {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 10px;
    height: 0;
    overflow: hidden;
    font-size: 0
}

.ui_gap, .qb_gap {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
}

.mod_btn.btn_block {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 17px
}

.btn_span {
    background: #202020 url(../images/process/btn_span2.jpg) repeat-x;
    color: #FFF;
    font-family: "Microsoft yahei";
}

.mod_addresslist .address_item.active #update1 span.hover {
    background: url(../images/process/mo.png) no-repeat 10px 10px;
    background-size: 15px 15px;
    padding-left: 15px;
}

.mod_addresslist .address_item.active:after {
    content: "";
    background-image: url(../images/icon/btn.png);
    background-position: -12px -66px;
    width: 19px;
    height: 19px;
    position: absolute;
    top: 0;
    right: 0
}

.mod_input {
    -webkit-appearance: none;
    display: inline-block;
    padding: 12px 0px 12px 12px;
    width: 100px;
    height: 14px;
    line-height: 14px;
    border: 0;
    border-bottom: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    background: #fdfdfd;
    box-shadow: 1px 1px 1px rgba(0,0,0,.15) inset;
    color: #444;
}

/*MemberCenter*/
.fn_profile {
    height: 50px;
    background-image: url(../images/process/bg_profile_header.jpg);
    background-size: 100%;
    padding: 20px 15px;
    color: #fff
}

    .fn_profile .profile_name {
        font-size: 20px;
        line-height: 22px;
        color: #fff;
        text-shadow: none;
        font-weight: bold;
        height: 26px;
        width: 100px;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .fn_profile .profile_detail {
        padding-top: 5px
    }

.icon_pen {
    background-image: url(../images/icon/btn.png);
    background-position: -76px -51px;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    vertical-align: -1px
}

.fn_profile .profile_location {
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    color: #fff;
    display: inline-block;
    padding: 2px 8px;
    background-color: rgba(255,255,255,.3);
    border-radius: 10px;
    vertical-align: top;
    text-shadow: none
}

.icon_profile_location {
    background-image: url(../images/icon/btn.png);
    background-position: -93px -34px;
    width: 9px;
    height: 13px;
    padding-right: 4px;
}

.fn_tab {
    text-shadow: none;
    height: 44px;
    text-align: center
}

    .fn_tab .flex_box {
        padding-top: 10px;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        cursor: pointer;
        width: 1px;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#212121),to(#161616));
        background-image: -webkit-linear-gradient(top,#212121,#161616);
        background-image: linear-gradient(to bottom,#212121,#161616);
        color: #999;
        font-size: 14px;
    }

        .fn_tab .flex_box a {
            color: #999;
        }

        .fn_tab .flex_box.current {
            background-image: none;
            border-bottom: 1px solid #fbfbfb;
            color: #333;
        }

            .fn_tab .flex_box.current a {
                color: #333;
            }

.mod_nocontent {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    text-align: center
}

.icon_arrow_right {
    background-image: url(../images/icon/btn.png);
    background-position: -110px 0;
    width: 7px;
    height: 11px;
    position: relative;
    top: 2px
}

.icon_arrow_right2 {
    margin-left: 5px;
    background: #d20816;
    font-style: normal;
    padding: 5px;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    width: 50px;
    height: 12px;
    position: relative;
    top: -3px;
    text-align: center;
}

    .icon_arrow_right2 a {
        display: block;
        color: #fff;
    }

.mod_slider {
}

    .mod_slider .slider_cnt {
        overflow: hidden;
        padding: 0;
    }

        .mod_slider .slider_cnt ul {
            margin-right: -10px;
        }

            .mod_slider .slider_cnt ul li {
                position: relative;
                clear: both;
                width: 100%
            }

                .mod_slider .slider_cnt ul li .info, .mod_slider .slider_cnt .single i {
                    position: absolute;
                }

                .mod_slider .slider_cnt ul li .info {
                    left: 70px;
                    top: 0px;
                }

                    .mod_slider .slider_cnt ul li .info .name {
                        height: 36px;
                        line-height: 18px;
                        margin-bottom: 5px;
                    }

        .mod_slider .slider_cnt .single img {
            width: 59px;
            height: 59px;
            border: 1px solid #ccc;
            margin-right: 10px;
        }

        .mod_slider .slider_cnt .single i {
            display: block;
            background: #ebebeb;
            padding: 2px;
            border-radius: 3px;
            font-style: normal;
            top: 40px;
            right: 10px;
            width: 40px;
            text-align: center;
            font-size: 12px;
        }

            .mod_slider .slider_cnt .single i a {
                color: #999
            }

.qb_flex .flex_box.btn_em {
    margin-right: 10px;
}

/*BigWheel*/
#content2 {
    background: #fe8d03;
    padding: 15px;
}

.wheel div {
    width: 260px;
    height: 260px;
    overflow: hidden;
    margin: 0 auto;
    background: url(../images/process/p_y.png) no-repeat 5px 215px;
}

.w_exp {
    background: #fff8b2;
    border-radius: 5px;
    padding: 5px;
    moz-box-shadow: 2px 2px 1px #cd7203;
    -webkit-box-shadow: 2px 2px 1px #cd7203;
    box-shadow: 2px 2px 8px #cd7203;
    margin-bottom: 10px;
}

    .w_exp .w_dashed {
        border: 1px dotted #e68906;
        border-radius: 5px;
        padding: 15px;
    }

        .w_exp .w_dashed h2 {
            font-size: 16px;
        }

/*Scratch*/
#content3 {
    background: #d71936;
    padding: 0px 15px 15px 15px;
}

.s_img {
    background: url(../images/process/scratch.jpg) no-repeat;
    background-size: 100%;
    width: 250px;
    height: 168px;
    margin: 0 auto;
}

    .s_img .s_c {
        margin-left: 30px;
        padding-top: 70px;
    }

    .s_img #canvasScratch {
        cursor: pointer;
        color: Red;
        font-size: large;
        font-weight: bolder;
        margin-top: -40px;
    }

    .s_img .textScratch {
        width: 190px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        font-weight: bold;
        color: red;
        font-size: 18px;
        letter-spacing: 1em;
    }

.d_mt {
    margin-top: 20px;
}

.s_exp {
    margin-bottom: 20px;
    position: relative;
    top: -10px;
    left: 5px;
    color: White
}

    .s_exp h2 {
        width: 100px;
        height: 31px;
        background: #fbe099 url(../images/process/s_x.jpg) no-repeat right;
        text-align: center;
        line-height: 35PX;
        color: #d71936;
        margin-bottom: 5px;
    }

    .s_exp p {
        padding-left: 15px;
        color: #fff;
    }

/*vActivity*/
.act_con {
    background: #fff;
    padding: 12px;
    margin-top: 15px;
}

    .act_con span {
        display: block;
    }

        .act_con span img {
            width: 100%;
            border-radius: 5px;
        }

    .act_con p {
        text-indent: 2em;
        margin-top: 10px;
        color: #aaaaaa;
    }

.act_info {
    margin-top: 20px;
}

    .act_info h2 {
        margin-bottom: 5px;
    }

/*Vote*/
.vote {
    padding: 15px 15px 100px 15px;
}

    .vote h2 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .vote ul {
    }

        .vote ul li {
            height: 60px;
            background: #fff;
            moz-box-shadow: 2px 2px 1px #d9d9d9;
            -webkit-box-shadow: 2px 2px 1px #d9d9d9;
            box-shadow: 2px 2px 8px #d9d9d9;
            margin-bottom: 10px;
            padding: 15px;
        }

            .vote ul li i {
                background: url(../images/icon/btn.png) no-repeat -110px -68px;
                height: 15px;
                width: 15px;
                display: block;
                float: left;
            }

            .vote ul li.hover {
                background: #f8f7f8
            }

                .vote ul li.hover i {
                    background: url(../images/icon/btn.png) no-repeat -110px -51px;
                }

            .vote ul li div {
                float: left;
                margin-left: 10px;
                width: 80%
            }

                .vote ul li div p {
                    height: 15px;
                    line-height: 15px;
                    overflow: hidden;
                }

                .vote ul li div samp {
                    display: block;
                    height: 8px;
                    line-height: 8px;
                    margin-top: 8px;
                }

                    .vote ul li div samp em {
                        float: left;
                        background: url(../images/process/vote.jpg) repeat-x;
                        height: 8px;
                        overflow: hidden;
                    }

                    .vote ul li div samp span {
                        float: left;
                        text-align: right;
                        font-size: 10px;
                        color: #a2a19f;
                    }

/*Winningresults*/
.w_result {
    padding-top: 15px;
}

    .w_result .w_img {
        position: relative;
        width: 260px;
        margin: 0 auto;
    }

        .w_result .w_img img {
            width: 260px;
            height: 218px;
        }

        .w_result .w_img p {
            position: absolute;
            top: 118px;
            left: 168px;
        }

.w_info {
    padding: 15px;
    margin-top: 10px;
}

.w_info2 {
    border-top: 1px solid #c2331d;
}

    .w_info2 h2 {
        color: #FFF;
        margin-bottom: 5px;
        padding-top: 10px;
        border-top: 1px solid #fe5d45
    }

    .w_info2 .qb_mb10 {
        color: #fff;
    }

.w_info .w_btn {
    background: #fde024;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    -moz-box-shadow: 2px 2px 0px #a83224;
    -webkit-box-shadow: 2px 2px 0px #a83224;
    box-shadow: 2px 2px 0px #a83224;
}

    .w_info .w_btn a {
        display: block;
        font-size: 16px;
        text-align: center;
    }

        .w_info .w_btn a img {
            width: 100%;
        }


/*smashEgg*/
.c_egg {
    max-width: 720px;
    margin: auto;
    -webkit-background-size: 100% auto;
    min-height: 100%;
}

.stage {
    width: 100%;
    -webkit-perspective: 800;
    -webkit-perspective-origin: 50% 200px;
}

    .stage #e_img {
        width: 100%;
        max-height: 600px;
        pointer-events: none;
    }

.c_egg #wheelcanvas {
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -150px;
}

.stage #e_img2 {
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -150px;
    width: 300px;
    height: 227px;
}

.stage #e_img3 {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%
}

.s_exp2 {
    margin-top: 20px;
    overflow: hidden;
}

    .s_exp2 h2 {
        width: 100px;
        height: 31px;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#d32c34), to(#bb030d));
        border-radius: 20px;
        text-align: center;
        line-height: 31PX;
        color: #fff;
        margin-bottom: 5px;
    }

    .s_exp2 p {
        padding-left: 15px;
        color: #8e030a;
    }


/*lottery*/
.lottery img, .signup img {
    width: 100%
}

.s_exp2 h2.lo {
    background: url(../images/process/l_btn.jpg) no-repeat;
    height: 38px;
    line-height: 38px;
    border-radius: 0px;
    color: #b90100
}

.s_exp2 p.lo_p {
    padding-left: 15px;
    color: #fff;
}



/*EvaStepone*/
.eva-step1 img {
    width: 100%
}

.eva-step-info#content {
    margin-bottom: 5px;
}

.eva-step-info h2, .my-favor .info h2, .my-consul h2, .my-consul .time {
    height: 22px;
    line-height: 22px;
    overflow: hidden;
}

.eva-step-info .price {
    clear: both;
    overflow: hidden;
}

.eva-step-info span {
    float: left;
    color: #ff3141
}

    .eva-step-info span i, .eva-step-info em, .eva-step2 .eva-two li i, .product-consul-con i, .my-favor .info .price, .my-consul .time {
        font-size: 10px;
        font-style: normal
    }

.eva-step-info em {
    float: right;
    margin-top: 6px;
    color: #999
}

.eva-step1 .con, .eva-step2 .con, .product-consul .con {
    padding-right: 12px;
    margin-bottom: 10px;
}

.eva-step1 textarea, .eva-step2 textarea, .product-consul textarea {
    clear: both;
    display: block;
    width: 100%;
    border: 1px solid #cccccc;
    padding: 5px;
}

/*EvaSteptwo*/
.eva-step2, .product-consul {
    margin-top: 15px;
}

    .eva-step2 .ui_p10, .product-consul .ui_p10 {
        padding-top: 0px;
    }

    .eva-step2 .eva-two li, .product-consul-con li {
        border-bottom: 1px solid #eaeaea;
        position: relative;
        padding: 10px 0px
    }

        .eva-step-info h2, .eva-step2 .eva-two li h2, .product-consul-con h2, .my-favor .info h2 {
            font-weight: normal;
        }

        .eva-step2 .eva-two li i {
            position: absolute;
            top: 15px;
            right: 0px;
        }

        .eva-step2 .eva-two li p, .product-consul-con p {
            height: 28px;
            line-height: 14px;
            font-size: 12px;
            color: #999;
            margin-top: 2px;
        }

/*ProductConsulting*/
.product-consul-con p {
    height: auto;
}

    .product-consul-con p.cur {
        color: #ff6600
    }

.product-consul-con i, .my-consul .time {
    display: block;
    text-align: right;
    margin-top: 5px;
}

/*MyFavorites*/
.my-favor, .my-logis, .my-consul {
    padding: 10px;
}

    .my-favor .pic {
        width: 80px;
        height: 80px;
        overflow: hidden;
        border: 1px solid #d4d1d1;
        margin-right: 10px;
    }

        .my-favor .pic img {
            width: 100%;
            height: 100%;
        }

    .my-favor .info {
        width: 70%;
    }

        .my-favor .info .price {
            color: #ff6600;
        }

            .my-favor .info .price span {
                font-size: 18px;
                margin-right: 10px;
            }

            .my-favor .info .price em {
                color: #9a9a9a
            }

        .my-favor .info .btn .input1, .my-favor .info .btn .input2 {
            float: left;
            width: 40px;
        }

        .my-favor .info .btn .input1, .my-favor .info .btn .input2, .my-favor .info .btn .input3 {
            height: 28px;
            border-radius: 3px;
            overflow: hidden;
            cursor: pointer
        }

        .my-favor .info .btn .input1 {
            background: #ebebeb;
            border: 1px solid #e4e1e1;
        }

        .my-favor .info .btn .input2 {
            background: #13a20a;
            border: 1px solid #119509;
            color: #fff
        }

        .my-favor .info .btn .input3 {
            float: right;
            width: 80px;
            background: #f15a0c;
            border: 1px solid #d65009;
            color: #fff
        }

    /*MyLogistics*/
    .my-logis div, my-consul div {
        display: -webkit-box;
    }

    .my-logis p, .my-logis i {
        font-style: normal;
        width: 50%;
        padding-right: 6px;
    }

    /*MyConsulting*/
    .my-consul h2 {
        border-bottom: 1px dotted #e1e1e1
    }

    .my-consul div {
        overflow: hidden;
        margin-top: 3px;
    }

        .my-consul div i, .my-consul div p {
            float: left
        }

        .my-consul div i {
            display: block;
            width: 8%;
            font-size: 14px
        }

        .my-consul div p {
            width: 92%;
        }

            .my-consul div p.cur1 {
                color: #9a9a9a
            }

            .my-consul div p.cur2 {
                color: #ff6600
            }

    .my-consul .time {
        border-top: 1px dotted #e1e1e1
    }

/*MyEvaluate*/
.my-eva {
    position: relative
}

    .my-eva .info {
    }

        .my-eva .info h2 {
            height: 44px
        }

        .my-eva .info input {
            position: absolute;
            top: 60px;
            right: 15px;
        }

        .my-eva .info .price {
            margin-top: 5px;
        }

.info-pop, .info-pop textarea {
    border-radius: 5px;
    overflow: hidden;
}

.info-pop {
    background: #f1f1f1;
    border: 1px solid #c6c6c6;
    margin: 10px 15px;
    padding: 10px;
}

    .info-pop textarea {
        background: #fff;
        padding: 5px 0px;
        border: 0px;
        width: 100%;
        font-size: 12px;
    }

    .info-pop input {
        float: right;
        overflow: hidden;
        background: #e1dede;
        border: 0px;
        color: #333
    }



/*Signup*/
.s_exp2 h2.lo2 {
    background: url(../images/process/signtit.jpg) no-repeat;
    color: #eb3817;
    width: 116px;
    border-radius: 0px;
}


/*BereitsAchtung*/
.bereits-ach {
    background: url(../images/process/achtungback.jpg) no-repeat;
    background-size: 100%;
    padding: 45px 15px 20px 15px;
}

    .bereits-ach .pic {
        background: url(../images/process/titpic.png) no-repeat;
        width: 100px;
        height: 100px;
        line-height: 100px;
        text-align: center;
        background-size: 100%;
        margin: 0 auto;
    }

        .bereits-ach .pic img {
            border-radius: 100px;
            width: 100%;
        }

    .bereits-ach .text {
        text-align: center;
        color: #4b555f;
        margin-top: 30px;
    }

    .bereits-ach .button input, .setup-beiname .button input {
        display: block;
        height: 40px;
        border-radius: 5px;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#22c415),to(#02aa0e));
        width: 100%;
        border: 0px;
        color: #fff;
        margin-top: 20px;
        font-size: 18px;
    }

.bereits-ach-con {
    margin-top: 15px;
}

    .bereits-ach-con .mod_cell {
        padding: 0px;
    }

    .bereits-ach-con .flex_box.current {
        border-top: 2px solid #13a719
    }

    .bereits-ach-con .flex_box {
        background: #fff;
        border: 1px solid #ccc;
        border-left: 0px;
        font-size: 16px;
    }

    .bereits-ach-con .b-box1 {
        padding: 10px;
    }

        .bereits-ach-con .b-box1 p span {
            color: #13a719
        }

        .bereits-ach-con .b-box1 img {
            width: 100%;
        }

/*SetupBeiname*/
.setup-beiname .die-titel {
    margin-top: 15px;
    margin-bottom: 10px
}

.setup-beiname .shome, .setup-beiname .shome a {
    text-align: center;
    color: #999999
}





/*--------------------------------------------------------------index-2-------------------------------------------------------------------*/
.index-2 {
    padding: 12px 6px;
}

    .index-2 > div {
        float: left;
        width: 25%;
        padding: 0 6px 12px;
    }

    .index-2 a {
        display: block;
        text-align: center;
        padding: 10px 0;
        color: #434A54;
        background-color: #fff;
    }

    .index-2 img {
        width: 30px;
        height: 30px;
        margin-bottom: 3px;
    }

    .index-2 span {
        font-size: 30px;
        margin-bottom: 10px;
        color: #ED5565;
    }

    .index-2 p {
        margin-bottom: 0px;
        margin-top: 5px;
        font-size: 12px;
    }


/*--------------------------------------------------------------index-3-------------------------------------------------------------------*/
.index-3 {
    padding: 12px 6px;
}

    .index-3 > div {
        float: left;
        width: 50%;
        padding: 0 6px 12px;
    }

    .index-3 a {
        display: block;
    }

        .index-3 a img {
            width: 100%;
        }


/*--------------------------------------------------------------index-4-------------------------------------------------------------------*/
.index-4 {
    position: absolute;
    bottom: 60px;
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
}

    .index-4 div {
        text-align: right;
        padding-right: 20px;
    }

    .index-4 a {
        display: inline-block;
        padding: 8px 40px;
        background-color: rgba(0,0,0,0.4);
        margin-bottom: 10px;
        color: #fff;
    }


/*--------------------------------------------------------------index-5-------------------------------------------------------------------*/
.index-5 {
    padding: 12px 9px;
}

    .index-5 div {
        float: left;
        width: 33.33333333333333%;
        padding: 0 3px 6px;
    }

        .index-5 div a {
            padding: 8px 5px;
            background-color: #fff;
            border: 1px #48CFAD solid;
            width: 100%;
            display: block;
            text-align: center;
            color: #48CFAD;
            white-space: nowrap;
            height: 38px;
            overflow: hidden;
        }

            .index-5 div a span {
                margin-right: 5px;
                color: #48CFAD;
            }

            .index-5 div a img {
                width: 14px;
                height: 14px;
                margin-right: 5px;
                margin-top: -2px;
            }

/*--------------------------------------------------------------index-6-------------------------------------------------------------------*/
.index-6 {
    padding: 20px;
}

    .index-6 .list-group .glyphicon {
        top: 3px;
        padding: 0;
    }


/*--------------------------------------------------------------index-7-------------------------------------------------------------------*/
.index-7 {
    padding: 20px 10px;
}

    .index-7 > div {
        float: left;
        width: 25%;
        padding: 0 10px 20px;
    }

    .index-7 a {
        display: block;
        text-align: center;
        color: #434A54;
    }

    .index-7 img {
        width: 60px;
        height: 60px;
        margin-bottom: 4px;
    }

    .index-7 a div {
        margin-bottom: 4px;
        text-align: center;
        width: 60px;
        height: 60px;
        background: #AC92EC;
        display: inline-block;
        border-radius: 60px;
        padding-top: 20px;
    }

        .index-7 a div span {
            color: #fff;
            font-size: 20px;
        }

    .index-7 p {
        margin-bottom: 0px;
        margin-top: 5px;
        font-size: 12px;
    }
/*maskayer.css*/
#BgDiv1 {
    background-color: #000;
    position: absolute;
    z-index: 9999;
    display: none;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.DialogDiv {
    position: absolute;
    z-index: 99999;
}
/*配送公告*/
.bakimage span {
    background: url(../images/loading.gif) no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.U-guodu-box {
    padding: 5px 15px;
    background: #3c3c3f;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    min-heigh: 200px;
    border-radius: 10px;
}

    .U-guodu-box div {
        color: #fff;
        line-height: 20px;
        font-size: 12px;
        margin: 0px auto;
        height: 100%;
        padding-top: 10%;
        padding-bottom: 10%;
    }
/*main.css*/
body {
    width: 100%;
    max-width: 650px;
    font-family: "Arial", "Microsoft YaHei", "Tahoma";
    font-size: 12px;
    margin: 0 auto;
    padding-bottom: 50px;
    /*background-color: #F5F5F5;*/
}

hr {
    margin: 10px 0;
}

em {
    font-style: normal;
}

.dropdown-menu > li > a {
    white-space: inherit;
    text-align: center;
    font-size: 14px;
}

.form-control, .btn-group, .btn-block, .input-group {
    margin-bottom: 10px;
}

.index {
    position: relative;
    padding-bottom: 80px;
}

.support {
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin: 0 0 8px -51px;
}

.support-top {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -51px;
}

footer {
    position: fixed;
    bottom: 0px;
    background-color: #FCFCFC;
    font-style: normal;
    width: 100%;
    z-index: 100;
    max-width: 650px;
    margin: 0 auto;
    height: 49px;
    border-top: 1px solid #d8d8d8;
}

    footer a {
        color: #999999;
        width: 20%;
        display: inline-block;
        float: left;
        text-align: center;
        cursor: pointer;
    }

        footer a.active div, footer a.active p {
            color: #fe3d3d
        }

    footer div {
        font-size: 20px;
        padding: 8px 0px 0;
        color: #999999;
        top: 0px;
        cursor: pointer;
    }

        footer div.last-footer {
            padding: 0;
        }

            footer div.last-footer p {
                margin-top: -2px;
            }

            footer div.last-footer a {
                color: #999999;
                width: 20%;
                display: inline-block;
                float: left;
                text-align: center;
                cursor: pointer;
            }

    footer p {
        font-size: 10px;
    }

.btn-group, .btn-group button, .btn-group ul {
    width: 100%;
}

    .btn-group button {
        text-align: left;
    }

    .btn-group span {
        position: absolute;
        right: 10px;
        top: 14px;
    }

.font-xl {
    font-size: 16px;
}

.font-l {
    font-size: 14px;
}

.font-m {
    font-size: 12px;
}

.font-s {
    font-size: 11px;
}

.font-xs {
    font-size: 10px;
}

a, a:hover {
    color: #434a54;
}

.list-group {
    margin-bottom: 10px;
}

    .list-group > a {
        position: relative;
        font-style: normal;
    }

        .list-group > a > a > span {
            position: absolute;
            right: 10px;
            top: 3px;
        }

    .list-group .glyphicon {
        float: right;
        top: 5px;
        color: #ccc;
    }

    .list-group .glyphicon-chevron-right {
        color: #999;
        font-size: 12px;
    }

.list-title {
    border-bottom: 1px solid #ccc;
    background: #fff;
}

    .list-title a.list-item-title {
        width: 25%;
        display: block;
        float: left;
        text-align: center;
        position: relative;
        z-index: 100;
        border-right: 1px dashed #ddd;
        margin: 5px 0;
        padding: 5px 0;
    }

        .list-title a.list-item-title:last-child {
            border-right: none;
        }

        .list-title a.list-item-title span {
            color: #999;
            font-size: 20px;
        }

        .list-title a.list-item-title em {
            display: block;
            font-style: normal;
            color: #333;
            font-size: 10px;
        }

        .list-title a.list-item-title i.border-circle {
            font-style: normal;
            position: absolute;
            top: 0;
            background: #ed5565;
            color: #fff;
            border-radius: 100%;
            width: 20px;
            height: 15px;
            line-height: 15px;
            display: block;
            left: 50%;
        }

.panel-body {
    padding: 0px;
}

hr {
    margin: 10px 0px;
}

.text-p {
    margin: 0;
}

.bcolor {
    color: #434a54;
}

.bgColor-white {
    background-color: #fff;
}

.well {
    margin-bottom: 10px;
    border-radius: 0;
}

.alert {
    margin-bottom: 10px;
}

.nav-tabs.nav-justified > li {
    display: table-cell;
    width: 33.33333333333333%;
}

.panel-heading {
    padding: 10px;
}

.progress {
    margin-bottom: 10px;
}

.panel {
    margin-bottom: 10px;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
}

.modal {
    overflow-y: auto
}

.text-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.row {
    margin-left: -5px;
    margin-right: -5px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 5px;
    padding-right: 5px;
}
/*.text-danger{color: #d8505c;}*/
.text-des {
    font-size: 10px;
}

.nav-tabs {
    border-radius: 0;
    background-color: #eee;
    border: 1px solid #ddd;
    border-width: 1px 0;
}

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        color: #fe3d3d;
    }

    .nav-tabs > li {
        border-left: 1px solid #ddd;
    }

        .nav-tabs > li:first-child > a {
            border-radius: 0;
        }

.tab-content {
    background-color: #fff;
}
/* 全局结束 */

.title_bg {
    background-color: #fff;
}

.pbox {
    padding: 10px;
}

.address-box > div {
    position: relative;
}

    .address-box > div > div {
        position: absolute;
        top: 0;
        right: 0;
    }

        .address-box > div > div > a > span {
            margin-left: 10px;
        }

.address-box .glyphicon {
    color: #434a54;
}

.shopcart {
    margin-bottom: 10px;
}

    .shopcart.well {
        padding: 0;
    }

    .shopcart .price span.title {
        color: #434a54
    }

    .shopcart .price span.purchase {
        background: #ed5565;
        padding: 2px 5px;
        border-radius: 4px;
    }

        .shopcart .price span.purchase a {
            color: #fff;
        }

.hr-solid {
    border: 1px solid #ccc;
    margin: 10px 0;
}

.goods-box {
    position: relative;
    padding: 10px;
}

    .goods-box:last-child {
        border-bottom: none;
        padding-bottom: 1px;
    }

    .goods-box span.close_span {
        position: absolute;
        top: 6px;
        right: 10px;
        color: #da4453;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        z-index: 100;
    }

    .goods-box a.isClose {
        position: absolute;
        right: 5px;
        top: 5px;
        color: #f00;
    }

    .goods-box img {
        width: 60px;
        height: 60px;
        position: absolute;
    }

    .goods-box .name {
        line-height: 16px;
        height: 32px;
        overflow: hidden;
        padding-right: 12px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .goods-box .info {
        padding-left: 70px;
        padding-right: 10px;
        min-height: 60px;
        margin: 5px 0;
    }

    .goods-box .intro {
        line-height: 14px;
        height: 14px;
        overflow: hidden;
        margin-bottom: 2px;
        margin-top: 2px;
    }

    .goods-box .price {
    }

        .goods-box .price del {
            margin-left: 5px;
        }

    .goods-box .sales {
        float: right;
    }

    .goods-box .move {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 12px;
        color: #DA4453;
    }

    .goods-box .specification {
        overflow: hidden;
        margin-bottom: 6px;
    }

    .goods-box .del-goods {
        position: absolute;
        top: 8px;
        right: 8px;
        color: #da4453
    }

    .goods-box .goods-num {
        position: absolute;
        right: 10px;
        bottom: 10px;
        z-index: 99;
    }

    .goods-box .sales-info {
        margin-top: 5px;
        padding: 5px;
        border: 1px dashed #ED5565;
        background-color: #ffdde2;
    }

.goods-num > * {
    float: left;
}

.shopcart .price-sale {
    padding: 10px;
}

    .shopcart .price-sale span.title {
        color: #434a54
    }

    .shopcart .price-sale span.purchase {
        background: #ed5565;
        padding: 2px 5px;
        border-radius: 4px;
        margin-right: 5px;
    }

        .shopcart .price-sale span.purchase a {
            color: #fff;
        }

.goods-num .shopcart-add, .goods-num .shopcart-minus {
    cursor: pointer;
    font-size: 20px;
    color: #ccc;
    border-top: 1px solid #aab2bd;
    border-bottom: 1px solid #aab2bd;
    text-align: center;
    padding: 0 10px;
    background: #efefef;
}

.goods-num .shopcart-add {
    border-right: 1px solid #aab2bd;
}

.goods-num .shopcart-minus {
    border-left: 1px solid #aab2bd;
    padding: 0 12px;
}

.goods-num .info {
    margin-top: 5px;
    margin-left: 5px;
}

.goods-num input[type=tel] {
    width: 40px;
    font-size: 12px;
    height: 30px;
    text-align: center;
    border-radius: 0;
    margin-bottom: 0;
    margin: 0;
    color: #666;
    border: 1px solid #aab2bd;
}

.brand .name {
    text-align: center;
    margin-top: 10px;
}

.comment-box {
    border-bottom: 1px #CCD1D9 dashed;
    padding: 10px;
}

    .comment-box:last-child {
        border-bottom: 0;
        padding-bottom: 0px;
    }

    .comment-box .name {
        position: relative;
    }

        .comment-box .name span {
            position: absolute;
            right: 0;
            bottom: 0;
        }

.consultation-box {
    border-bottom: 1px #CCD1D9 dashed;
    padding: 5px;
}

    .consultation-box:last-child {
        border-bottom: 0;
        padding-bottom: 0px;
    }

    .consultation-box .detail {
        line-height: 14px;
    }

    .consultation-box .answer {
        margin-top: 5px;
    }

    .consultation-box .dateTime {
        margin-top: 2px;
    }

.layer-mask {
    position: absolute;
    z-index: 1000;
    top: 0;
    line-height: 40px;
    height: 40px;
    background: #000;
    opacity: 0.2;
    max-width: 650px;
    width: 100%;
}

    .layer-mask a {
        display: block;
        float: right;
        color: #fff;
        padding-right: 20px;
    }

        .layer-mask a:hover {
            color: #ccc;
        }

#slides {
    position: relative;
    display: none;
    overflow: hidden;
}

    #slides img {
        width: 100%;
    }

.goods-info .producttag {
    color: #1CA47D
}
/*.slidesjs-container {margin: -20% 0;}*/
.slidesjs-pagination {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 55;
    -webkit-padding-start: 0;
    margin-bottom: 0;
    font-size: 0;
}

    .slidesjs-pagination li {
        display: inline-block;
    }

        .slidesjs-pagination li a {
            display: block;
            width: 100%;
            height: 0;
            padding-top: 2px;
            overflow: hidden;
            background-color: #CCD1D9;
        }

            .slidesjs-pagination li a.active {
                background-color: #DA4453;
            }

.goods-info .name {
    margin-bottom: 5px;
}

.goods-info .intro {
    line-height: 14px;
    max-height: 28px;
    font-size: 10px;
    margin-bottom: 5px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.goods-info .price {
    font-size: 10px;
    margin-bottom: 5px;
}

    .goods-info .price span.title {
        color: #434a54;
        line-height: 20px;
    }

    .goods-info .price span.purchase {
        background: #ed5565;
        padding: 2px 5px;
        border-radius: 4px;
        margin-right: 4px;
    }

        .goods-info .price span.purchase a {
            color: #fff;
        }

    .goods-info .price span.spSalaPrice {
        color: #fe3d3d;
        font-weight: bold;
    }

.goods-info del {
    margin-left: 2px;
}

.goods-info .price span.selled {
    float: right;
    font-size: 11px;
    color: #999;
}

.goods-info .price div.info {
    position: absolute;
    right: 0;
    bottom: 0;
}

.goods-info > div:last-child {
    margin-bottom: 0;
}

.goods-info .well p {
    margin-bottom: 0;
}

.goods-info .well .progress {
    margin-bottom: 5px;
}

.specification-box .buy-num > div:first-child {
    margin-bottom: 2px;
    font-size: 10px;
}

.specification:last-child {
    margin-bottom: 0;
}

.specification .title {
    margin-bottom: 2px;
    font-size: 10px;
}

.specification .badge {
    margin-right: 2px;
}

.badge-h.danger {
    background-color: #ED5565;
}

.badge-h.warnning {
    background-color: #FFCE54;
}

.specification .list {
    margin-bottom: 10px;
}

    .specification .list > div {
        padding: 0 12px;
        height: 40px;
        line-height: 40px;
        font-size: 11px;
        cursor: pointer;
        border: 1px #E6E9ED solid;
        margin-right: 5px;
        margin-bottom: 5px;
        float: left;
        background-color: #fff;
    }

        .specification .list > div.active {
            background-color: #ED5565;
            border: 1px #ED5565 solid;
            color: #fff;
        }

.btns-fixed {
    text-align: center;
    position: fixed;
    bottom: 0;
    display: block;
    width: 100%;
    max-width: 650px;
    background-color: rgba(0,0,0,0.5);
    padding: 5px 0;
}

.btns-fixed-padding {
    padding-bottom: 64px;
}

.btns-fixed-margin {
    margin-bottom: 64px;
}

.goods-detail img {
    max-width: 100%;
}

.goods-detail tr td {
    text-align: left;
}

.goods-list-grid > a > div {
    width: 50%;
    float: left;
}

    .goods-list-grid > a > div > div {
        margin-right: 5px;
        margin-bottom: 10px;
    }

.goods-list-grid > a:nth-child(even) > div > div {
    margin-right: 0;
    margin-left: 5px;
}

.goods-list-grid img {
    width: 100%;
}

.goods-list-grid .info {
    padding: 5px;
    background-color: #fff;
    line-height: 12px;
}

.goods-list-grid .price {
    margin-bottom: 5px;
}

.goods-list-grid .name {
    margin-bottom: 5px;
    line-height: 14px;
    height: 28px;
    overflow: hidden;
}

.goods-list-grid .del {
    margin-left: 5px;
}

.distributor-head {
    position: relative;
    background: #43acdc;
    height: 200px;
    width: 100%;
}

.memberCenter {
    position: relative;
    height: 200px;
    overflow: hidden;
    background: url(../images/user-bg.png) no-repeat;
    background-size: 100% 100%;
}

.home-head img {
    width: 100%;
    height: 100%;
}

.home-head .info {
    position: absolute;
    top: 46px;
    left: 120px;
    color: #fff;
}

    .home-head .info .presentExp a span {
        background: #999966;
    }

.icon-btns {
    background-color: #fff;
    border-bottom: 1px #AAB2BD solid;
    margin-bottom: 10px;
}

    .icon-btns > a > div {
        float: left;
        width: 25%;
        text-align: center;
        padding: 5px 0px;
        margin: 10px 0px;
        border-right: 1px #CCD1D9 dashed;
    }

    .icon-btns > a:last-child > div {
        border-right: 0;
    }

    .icon-btns .icon span {
        font-size: 26px;
    }

    .icon-btns .name {
        margin-top: 5px;
    }

    .icon-btns a {
        color: #434a54;
    }

.act .title {
    padding: 5px 0px;
}

.act > div {
    margin-top: 10px;
}

    .act > div:first-child {
        margin-top: 0;
    }

.act img {
    width: 100%;
}

.collect-price {
    margin-left: 5px;
}

.myConsultation .consultation-box {
    padding: 0;
}

.specification .property {
    margin-right: 8px;
    font-size: 10px;
    color: #999;
    font-weight: normal;
}


.panel-default .goods-list-p a:first-child {
    border-top: 0;
}

.panel-default .goods-list-p a {
    display: block;
    padding: 10px;
    padding-bottom: 5px;
    border-top: 1px solid #ddd;
}


.panel-default {
    border-radius: 0;
}

    .panel-default > .panel-heading {
        border-radius: 0;
    }

.ship-info {
    padding: 10px;
}

.goods-list-p .name {
    height: 22px;
    margin-bottom: 2px;
    overflow: hidden;
}

.goods-list-p .box {
    position: relative;
    margin-bottom: 5px;
}

.goods-list-p .sales-info {
    margin-top: 5px;
    padding: 5px;
    border: 1px dashed #ED5565;
    background-color: #ffdde2;
    color: #ED5565;
}

.goods-list-p .name {
    max-height: 18px;
    overflow: hidden;
}

.goods-list-p .specification span {
    margin-right: 8px;
    margin-top: 8px;
}

.goods-list-p a:last-child .box {
    margin-bottom: 0;
}

.goods-list-p .left {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.goods-list-p img {
    width: 100%;
    height: 100%;
}

.goods-list-p .right {
    padding-left: 60px;
    min-height: 50px;
    padding-top: 5px;
}

.goods-list-p .price {
    position: absolute;
    right: 0px;
    top: 28px;
}

.order-shopcart {
    position: relative;
}

    .order-shopcart a {
        position: absolute;
        right: 10px;
        top: 7px;
        color: #434a54;
    }

    .order-shopcart span {
        margin-left: 5px;
    }

    .order-shopcart .order-amount {
        position: absolute;
        right: 10px;
        top: 9px;
    }

.order-amount-info .sales-info {
    margin: 5px 0;
    padding: 5px;
    border: 1px dashed #FFCE54;
    background-color: #fff0cb;
    color: #FFCE54;
}

.order-list .panel-heading {
    position: relative;
}

.offline-help {
    padding: 10px;
}

.order-list .panel-heading span.order-amount {
    position: absolute;
    top: 9px;
    left: 136px;
}

.order-list .panel-heading span.date {
    position: absolute;
    top: 9px;
    right: 10px;
}

.order-list img {
    width: 50px;
    height: 50px;
    margin-right: 2px;
    margin-bottom: 5px;
}

.order-list .info {
    position: relative;
    padding: 2px;
}

.order-list .action {
    position: absolute;
    top: 0px;
    right: 0px;
}

.orderMsg div, .orderMsg-error div {
    margin-bottom: 10px;
}

.orderMsg .glyphicon {
    color: #8cc152;
}

.orderMsg-error .glyphicon {
    color: #DA4453;
}

.offline-help img {
    width: 100%;
    height: 100%;
}

.shoppingStepBar {
    margin: 16px 20% 0;
}

.goods-box-shopcart .price {
    margin-top: -8px;
}

.goods-box-shopcart .specification span {
    margin-right: 2px;
}

.shoppingStepBar .step {
    float: left;
    width: 33.33333333333%;
}

    .shoppingStepBar .step i {
        position: relative;
        top: -10px;
        border-bottom: 2px solid #ccc;
        display: block;
    }

    .shoppingStepBar .step .glyphicon {
        color: #fff;
        padding: 2px;
        border-radius: 15px;
        background-color: #CCD1D9;
        font-size: 10px;
        z-index: 100;
    }

.shoppingStepBar .active {
    border-color: #ED5565;
}

    .shoppingStepBar .active .glyphicon {
        background-color: #8cc152;
    }

.shoping-title {
    font-size: 10px;
}

.shoppingStepBar .step em {
    font-style: normal;
    display: block;
    font-size: 10px;
}

.shoppingStepBar .step:first-child i {
    margin-right: -50%;
}

.shoppingStepBar .step:last-child i {
    margin-left: -50%;
}

.shopping-cart-amount {
    background: #fff;
}

.well {
    border-radius: 0;
}

.text-danger {
    color: #ed5565;
}

.order-amount-info {
    background-color: #fff;
}

    .order-amount-info div {
        margin-top: 10px;
    }

    .order-amount-info p span {
        width: 80px;
        text-align: right;
        display: inline-block;
    }

.slides-collect-btn {
    position: relative;
}

    .slides-collect-btn span {
        position: absolute;
        right: 0px;
        margin: 10px;
        z-index: 11;
        color: #DA4453;
        font-size: 28px;
    }

.goods-list-bar {
    padding: 0 0 5px 0px;
    margin-top: 10px;
}

.list-rank a {
    color: #434a54;
}

.list-rank {
    position: relative;
    background-color: #E6E9ED;
}

    .list-rank div {
        width: 22%;
        float: left;
        text-align: center;
        padding: 8px 0;
    }

        .list-rank div.sort-action {
            padding: 0;
            background-color: #F6BB42;
            height: 36px;
            line-height: 36px;
            color: #fff;
        }

        .list-rank div span.glyphicon {
            display: none;
        }

        .list-rank div span.glyphicon {
            font-size: 12px;
        }

        .list-rank div.show {
            width: 12%;
        }

            .list-rank div.show span.glyphicon {
                display: inline;
            }

        .list-rank div.up span.glyphicon-arrow-up {
            display: inline;
        }

        .list-rank div.down span.glyphicon-arrow-down {
            display: inline;
        }

.list-sort-panel .panel-body {
    padding: 10px 10px 5px 10px;
}

    .list-sort-panel .panel-body a {
        padding: 4px 15px;
        float: left;
        margin: 0 10px 10px 0;
        border: 1px solid #E6E9ED;
        font-size: 12px;
        border-radius: 23px;
        color: #434a54;
    }

        .list-sort-panel .panel-body a.active {
            border: 1px solid #F6BB42;
        }

.list-sort-panel .jt {
    position: absolute;
    font-size: 30px;
    color: #fff;
    top: -18px;
    right: 8%;
}

.custom-row {
    background-color: #fff;
    margin: 0;
    border-bottom: 1px solid #ddd;
}

    .custom-row div {
        text-align: center;
        margin: 5px 0;
    }

        .custom-row div + div {
            border-left: 1px dashed #ddd;
        }

        .custom-row div span {
            width: 100%;
            display: block;
            color: #fe3d3d;
            font-size: 16px;
        }

        .custom-row div p {
            margin-bottom: 0;
        }

.commission-list li.list-group-item {
    border-radius: 0;
    border: none;
}

.commission-list span.left {
    float: right;
    text-align: left;
}

.commission-list b {
    color: #999;
    font-weight: normal;
}

.commission-list p {
    font-size: 16px;
}

    .commission-list p span {
        color: #8cc152;
    }

.commission {
    font-size: 12px;
    position: relative;
}

    .commission div {
        position: absolute;
        top: 10px;
        left: 120px;
    }

    .commission strong {
        font-size: 24px;
        font-weight: normal;
        color: #8cc152;
    }

    .commission p a {
        float: right;
        padding: 0 8px;
        display: block;
        border: 1px solid #da4453;
        background: #da4453;
        color: #fff;
        border-radius: 0px;
        font-size: 14px;
    }





.template {
    z-index: 2;
    color: #fff;
    position: absolute;
    text-align: center;
    bottom: 20px;
    width: 100%;
    max-width: 650px;
}

    .template .box {
        float: left;
        background-color: #fff;
        width: 140px;
        height: 40px;
        text-align: center;
        padding: 10px 0px;
        font-size: 14px;
        margin: 1px;
        color: #444;
        filter: alpha(opacity:80);
        opacity: 0.8;
        overflow: hidden;
        display: inline-block;
    }

    .template .list {
        width: 285px;
        display: inline-block;
    }

.template-2 {
    z-index: 2;
    color: #fff;
    position: absolute;
    text-align: right;
    bottom: 20px;
    right: 20px;
    width: 100%;
    max-width: 650px;
}

    .template-2 .list {
        display: inline-block;
    }

    .template-2 .box {
        background-color: #fff;
        width: 140px;
        height: 40px;
        text-align: center;
        padding: 10px 0px;
        font-size: 14px;
        margin: 1px;
        color: #444;
        filter: alpha(opacity:80);
        opacity: 0.8;
        overflow: hidden;
    }

.memberorders-title li {
    width: 33.33333333333333%;
    float: left;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
}

.list-empty {
    margin-top: 180px;
    font-size: 2em;
    text-align: center;
}

    .list-empty span {
        top: -4px;
        font-size: 100px;
        display: block;
        text-align: center;
        color: #ccc;
    }

    .list-empty em {
        font-size: 12px;
        font-style: normal;
        display: block;
        text-align: center;
        color: #ccc;
    }

.btns {
    margin-bottom: 10px;
}

.span-r-80 {
    display: inline-block;
    width: 80px;
    text-align: right;
}

.badge-h {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #aab2bd;
    border-radius: 10px;
}

.label-h {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: #aab2bd;
}

.badge-danger, .label-danger {
    border-color: #da4453;
    background-color: #da4453;
}

.list-group-item > .badge-h {
    float: right;
}

.badge-success, .label-success {
    border-color: #8cc152;
    background-color: #8cc152;
}


/*--------------------------------------------------------------index-2-------------------------------------------------------------------*/
.index-2 {
    padding: 12px 6px;
}

    .index-2 > div {
        float: left;
        width: 25%;
        padding: 0 6px 12px;
    }

    .index-2 a {
        display: block;
        text-align: center;
        padding: 10px 0;
        color: #434A54;
        background-color: #fff;
    }

    .index-2 img {
        width: 30px;
        height: 30px;
        margin-bottom: 3px;
    }

    .index-2 span {
        font-size: 30px;
        margin-bottom: 10px;
        color: #ED5565;
    }

    .index-2 p {
        margin-bottom: 0px;
        margin-top: 5px;
        font-size: 12px;
    }
/*--------------------------------------------------------------index-3-------------------------------------------------------------------*/
.index-3 {
    padding: 12px 6px;
}

    .index-3 > div {
        float: left;
        width: 50%;
        padding: 0 6px 12px;
    }

    .index-3 a {
        display: block;
    }

        .index-3 a img {
            width: 100%;
        }
/*--------------------------------------------------------------index-4-------------------------------------------------------------------*/
.index-4 {
    position: absolute;
    bottom: 60px;
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
}

    .index-4 div {
        text-align: right;
        padding-right: 20px;
    }

    .index-4 a {
        display: inline-block;
        padding: 8px 40px;
        background-color: rgba(0,0,0,0.4);
        margin-bottom: 10px;
        color: #fff;
    }
/*--------------------------------------------------------------index-5-------------------------------------------------------------------*/
.index-5 {
    padding: 12px 9px;
}

    .index-5 div {
        float: left;
        width: 33.33333333333333%;
        padding: 0 3px 6px;
    }

        .index-5 div a {
            padding: 8px 5px;
            background-color: #fff;
            border: 1px #48CFAD solid;
            width: 100%;
            display: block;
            text-align: center;
            color: #48CFAD;
            white-space: nowrap;
            height: 38px;
            overflow: hidden;
        }

            .index-5 div a span {
                margin-right: 5px;
                color: #48CFAD;
            }

            .index-5 div a img {
                width: 14px;
                height: 14px;
                margin-right: 5px;
                margin-top: -2px;
            }
/*--------------------------------------------------------------index-6-------------------------------------------------------------------*/
.index-6 {
    padding: 20px;
}

    .index-6 .list-group .glyphicon {
        top: 3px;
        padding: 0;
    }
/*--------------------------------------------------------------index-7-------------------------------------------------------------------*/
.index-7 {
    padding: 20px 10px;
}

    .index-7 > div {
        float: left;
        width: 25%;
        padding: 0 10px 20px;
    }

    .index-7 a {
        display: block;
        text-align: center;
        color: #434A54;
    }

    .index-7 img {
        width: 60px;
        height: 60px;
        margin-bottom: 4px;
    }

    .index-7 a div {
        margin-bottom: 4px;
        text-align: center;
        width: 60px;
        height: 60px;
        background: #AC92EC;
        display: inline-block;
        border-radius: 60px;
        padding-top: 20px;
    }

        .index-7 a div span {
            color: #fff;
            font-size: 20px;
        }

    .index-7 p {
        margin-bottom: 0px;
        margin-top: 5px;
        font-size: 12px;
    }
/*移动端增加退出按钮*/
.badge-logout {
    border-color: #ff006e;
    background-color: #ff006e;
}

    .badge-logout a {
        color: #fff;
    }
/*可提现佣金*/
ul {
    list-style: none;
    padding: 0;
}

.cash-commission {
    background: #da4950;
    color: #fff;
    padding: 15px;
}

    .cash-commission h2 {
        font-size: 55px;
        font-weight: normal;
    }

    .cash-commission a {
        display: block;
        float: right;
        margin-top: 0;
        padding: 5px 10px;
        border: 1px solid #fff;
        border-radius: 2px;
        color: #fff;
    }
/*checkcash*/
.check_cash {
    margin-top: 15px;
}

    .check_cash span {
        text-align: right;
    }

    .check_cash ul li {
        display: block;
        padding: 10px 15px;
        margin-bottom: -1px;
        border-bottom: 1px solid #ddd;
    }

        .check_cash ul li.last {
            border-bottom: none;
        }

    .check_cash em {
        font-style: normal;
        color: #FF0000;
        font-weight: 400;
    }
/*文章样式*/
.articlelist ul {
    margin: 10px;
}

    .articlelist ul li {
        font-size: 14px;
        text-align: left;
        list-style-type: circle;
        line-height: 35px;
        border-bottom: 1px solid #ccc;
        margin: 0px;
        padding: 0px;
    }

.articledetail {
    margin: 10px 0px;
}

    .articledetail .h2 {
        font-size: 20px;
        text-align: center;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        line-height: 30px;
    }

    .articledetail .art_add_date {
        text-align: center;
    }
/*development-referral start*/
.development-referral {
    padding-top: 20px;
}

    .development-referral img {
        width: 220px;
        height: 220px;
    }

    .development-referral h4 {
        font-size: 18px;
        line-height: 50px;
    }

    .development-referral p {
        line-height: 40px;
    }
/*development-referral end*/

/*applyResult*/
.app-result {
    margin-top: 15px;
}
/*commission-detail start*/
.commission-detail {
    padding-top: 10px;
}

    .commission-detail div.form-group {
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
    }

        .commission-detail div.form-group label {
            text-align: right;
            width: 130px;
        }
/*commission-detail end*/
.apply p {
    margin-top: -8px;
}

.fill_info .form-group {
    margin-top: 15px;
}
/*menu-h start*/
.menu-h li {
    width: 100px;
    float: left;
    line-height: 34px;
    text-align: center;
}
/*menu-h end*/
.applyForm {
    line-height: 34px;
}

#form span {
    background: #fff;
    color: #999;
}
/*referral start*/
.referral {
    border-bottom: 1px solid #E4E6E9;
    padding: 10px;
}

.search {
    border-bottom: 1px solid #E4E6E9;
}

.referral img {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
}

.referral div.left {
    float: left;
    margin-top: 5px;
    color: #434a54;
}

    .referral div.left span.describe {
        font-size: 12px;
        color: #999999;
    }

.referral div span b {
    font-size: 12px;
    font-weight: bold;
    color: #a94442;
}

.referral span.right {
    float: right;
    color: #999999;
    margin-top: 18px;
}
/*referral end*/


/* see-shop start*/
.pbox .attention {
    margin: 30px 20px 30px 0;
}

    .pbox .attention p {
        text-indent: 30px;
    }
/* see-shop end*/

/* name-card start*/
.pbox p.nameCard {
    padding-bottom: 7px;
    padding-top: 7px;
    margin-bottom: 0;
    background: #e5e9ec;
    margin-top: 5px;
    text-indent: 10px;
    border-radius: 5px;
}
/* name-card end*/

/*choose-goods start*/
.choose-goods {
    margin-bottom: 40px;
}
/*choose-goods end*/

/*application-description start*/
.description {
    position: relative;
}

    .description img {
        width: 100%;
    }

    .description a {
        display: block;
        position: absolute;
        bottom: 0px;
    }

    .description strong {
        font-size: 24px;
        padding-bottom: 10px;
        display: block;
    }
/*application-description end*/

/*stroe-twocode start*/
.twocode {
    text-align: center;
}

    .twocode img {
        width: 300px;
        height: 300px;
    }

    .twocode a {
        display: block;
    }
/*stroe-twocode end*/

/*commission-details start*/
ul.con-title {
    border-bottom: 1px solid #ddd;
    padding-top: -15px;
}

    ul.con-title li {
        float: left;
        width: 50%;
        text-align: center;
        line-height: 36px;
        cursor: pointer;
    }

.activenum {
    border-bottom: 2px solid #da4453;
    margin-bottom: -1px;
}

    .activenum a {
        color: #da4453;
    }

.commissioninfo, .cash-records .recordinfo {
    padding-top: 10px;
    cursor: pointer;
}

    .commissioninfo .left {
        float: left;
        font-size: 12px;
        margin-left: 5px;
    }

        .commissioninfo .left div, .commissioninfo .right div {
            line-height: 30px;
        }

    .commissioninfo .right em {
        font-style: normal;
    }

    .commissioninfo .right {
        float: right;
        margin-right: 13px;
        font-size: 12px;
    }

        .commissioninfo .right strong.text {
            color: #8cc152;
        }

.cash-records .recordinfo {
    font-size: 12px;
    margin-left: 5px;
}

    .cash-records .recordinfo p strong {
        font-size: 12px;
        font-weight: 400;
    }

    .cash-records .recordinfo p span {
        float: right;
        margin-right: 10px;
    }

        .cash-records .recordinfo p span em {
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            color: #8cc152;
        }
/*commission-details end*/

/*all-orders start*/
ul.orders-title {
    border-bottom: 2px solid #ddd;
    margin-bottom: 10px;
}

.active a {
    color: #da4453;
}

.ordersinfo p {
    font-size: 12px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin: 0;
}

.ordersinfo strong {
    float: right;
    padding-right: 10px;
}

    .ordersinfo strong em {
        font-style: normal;
        color: #8cc152;
    }

    .ordersinfo strong i {
        font-style: normal;
        color: #999;
    }
/*all-orders end*/

/*commission-orders start*/
ul.orders-title li {
    width: 50%;
    float: left;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
}

    ul.orders-title li a, ul.con-title li a {
        display: block;
    }

.orders-subtitle {
    font-size: 12px;
}

    .orders-subtitle em {
        font-style: normal;
        float: right;
    }

.ordersinfo .fir img {
    float: left;
    margin-right: 10px;
    width: 60px;
    height: 60px;
}

.ordersinfo .fir div {
    float: left;
    margin-top: 5px;
    width: 50%;
    font-size: 12px;
}

    .ordersinfo .fir div span {
        height: 33px;
        overflow: hidden;
        display: block;
    }

    .ordersinfo .fir div p em {
        float: right;
        font-style: normal;
    }

.ordersinfo .fir p {
    clear: both;
    font-size: 12px;
    padding-left: 0;
    padding-top: 5px;
    margin: 0;
}

    .ordersinfo .fir p strong {
        float: right;
        font-style: normal;
        font-size: 14px;
    }

        .ordersinfo .fir p strong em {
            font-style: normal;
            color: #8cc152;
        }

        .ordersinfo .fir p strong i {
            font-style: normal;
            color: #999;
        }


.member-orders-nav {
    background: #fff;
    position: relative;
    padding-bottom: 0;
}

    .member-orders-nav p {
        margin: 0px;
        line-height: 20px;
        font-size: 16px;
    }

    .member-orders-nav .nav-title {
        margin-bottom: 8px;
        position: relative;
    }

        .member-orders-nav .nav-title a {
            position: absolute;
            right: 0;
            top: 6px;
        }

        .member-orders-nav .nav-title .nav-title-left, .member-orders-nav .nav-title .nav-title-middle {
            float: left;
        }

            .member-orders-nav .nav-title .nav-title-left p span.text-right, .member-orders-nav .nav-title .nav-title-middle p span.text-right {
                display: inline-block;
                padding-right: 5px;
            }

    .member-orders-nav button.nav-title-right {
        float: right;
        margin-top: 40px;
    }

    .member-orders-nav .nav-title .nav-title-middle {
        float: right;
    }

.member-bottom {
    padding: 10px;
}

.member-orders-content {
    padding: 10px 0;
    position: relative;
}

.member-orders-nav hr:last-child {
    border: none;
}

.member-orders-content img {
    position: absolute;
    width: 60px;
    height: 60px;
}

.member-orders-content p em {
    font-style: normal;
    padding-right: 5px;
}

.member-orders-content .info {
    margin-left: 70px;
    min-height: 50px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .member-orders-content .info a.btn-have {
        float: right;
        margin-top: -13px;
    }

    .member-orders-content .info p span {
        padding-left: 5px;
    }

    .member-orders-content .info p del {
        padding-left: 5px;
    }

    .member-orders-content .info p.update-price a {
        padding: 0px 6px;
        background: #ed5565;
        color: #fff;
        float: right;
        cursor: pointer;
    }

    .member-orders-content .info .name {
        height: 20px;
        line-height: 20px;
        padding-right: 12px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

.modal-dialog .modal-header {
    padding: 0;
    background: #ed5565;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .modal-dialog .modal-header button {
        padding: 8px 10px;
        color: #fff;
        opacity: .8;
    }

    .modal-dialog .modal-header .modal-title {
        color: #fff;
        font-size: 14px;
        padding: 5px 10px;
        font-weight: lighter;
    }

.modal-dialog .modal-body {
    padding-left: 20px;
    padding-top: 20px;
}

    .modal-dialog .modal-body b {
        font-weight: lighter;
        display: block;
        padding-left: 60px;
        line-height: 25px;
    }

        .modal-dialog .modal-body b em {
            font-style: normal;
        }

    .modal-dialog .modal-body .input-group {
        width: 100%;
        margin: 0;
    }

        .modal-dialog .modal-body .input-group span {
            display: inline-block;
            height: 25px;
            position: relative;
            top: -1px;
            left: -1px;
            width: 40px;
            background: #ed5565;
            border: 1px solid #ed5565;
        }

    .modal-dialog .modal-body input {
        padding: 3px 6px;
        font-size: 12px;
        width: 60%;
        color: #666;
        display: table-cell;
        border: 1px solid #ddd;
    }

.modal-dialog .modal-footer button {
    padding: 3px 6px;
    border-radius: 0;
    box-shadow: none;
    font-size: 12px;
}

.member-orders-content .info .specification .property {
    color: #999;
}

.member-orders-content .info .specification span em {
    font-style: normal;
}

.text-color {
    color: #8cc152;
}




/*commission-orders end*/

/*friends-circle start*/
.firends-circle .list-item .content div {
    float: left;
    width: 33.33333333333333333%;
}

    .firends-circle .list-item .content div img {
        width: 100%;
        height: 100%;
    }

.list-item {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

    .list-item p {
        font-size: 12px;
        color: #999;
    }

.wechart-img div img {
    width: 100%;
    padding: 5px 0;
}
/*friends-circle end*/


/*fill-information start*/
.apply div label {
    font-weight: 400;
}

.apply p i {
    padding-right: 5px;
}

.pbox .content div {
    width: 33.33333333333333%;
    float: left;
    position: relative;
    cursor: pointer;
}

    .pbox .content div img {
        width: 100%;
        height: 100%;
        padding: 5px;
        position: relative;
        z-index: 100;
    }

.pbox .content.wechart-img div img {
    width: 100%;
    height: 100%;
    padding: 5px 0;
}

.distributor .storeLogo .upFile p {
    margin-top: 40px;
}

form div .upFile p {
    margin-top: 40px;
}

.bgstore p, .storeLogo p {
    font-weight: 700;
    margin-bottom: 5px;
}

.upFile {
    position: relative;
}

    .upFile .bgImg {
        width: 100px;
        height: 100px;
        float: left;
        margin-bottom: 20px;
        margin-right: 10px;
    }

    .upFile img {
        width: 100%;
        height: 100%;
    }

    .upFile .icheckbox_flat-red {
        left: 0px;
    }

    .upFile .adds {
        width: 100px;
        height: 100px;
        color: #fff;
        position: absolute;
        top: 0;
        text-align: center;
        line-height: 100px;
        font-size: 28px;
        font-weight: 600;
        cursor: pointer;
    }

        .upFile .adds input {
            position: absolute;
            top: 0px;
            width: 100px;
            height: 100px;
            display: block;
            overflow: hidden;
            text-indent: -9999px;
            opacity: 0;
        }

    .upFile label {
        position: absolute;
        left: 110px;
        top: 80px;
        padding-left: 25px;
    }


/*fill-information end*/
.check_right {
    background: url(../images/check.png) no-repeat;
    position: relative;
    right: 0;
}

/*sale-service start*/
.sale-service {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
}

    .sale-service a {
        float: left;
        width: 33.3333333333333%;
        display: block;
    }

        .sale-service a img {
            width: 100%;
        }

.service a i {
    left: -10px;
}

/*sale-service end*/


/*deposit-record start*/
.commission-title tr th {
    font-weight: 400;
}

.commission-title tr th, tr td {
    text-align: center;
}
/*deposit-record end*/

/*first-index start*/
.index-img {
    width: 100%;
    height: 100%;
}

    .index-img img {
        width: 100%;
    }

.firIndex {
    position: absolute;
    top: 100px;
    padding: 10px;
    min-height: 74px;
    z-index: 999;
}

    .firIndex img {
        width: 50px;
        height: 50px;
        position: absolute;
        left: 10px;
        border: 4px solid #fff;
    }

    .firIndex div {
        margin-left: 90px;
    }

        .firIndex div span {
            font-weight: bold;
        }

        .firIndex div p {
            font-size: 10px;
            margin-bottom: 0;
        }

.pbox nav {
    text-align: center;
    margin-top: -10px;
}

.index-content {
    min-height: 80px;
    padding: 0;
    position: relative;
}

    .index-content .title {
        font-size: 10px;
        line-height: 15px;
        height: 28px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .index-content .price {
        font-size: 11px;
        margin-top: 5px;
    }

    .index-content .info {
        padding: 10px;
    }

    .index-content img {
        width: 100%;
        cursor: pointer;
    }

    .index-content span {
        float: right;
    }

        .index-content span.sale-favourable {
            border-radius: 100%;
            background: rgba(237,85,101,0.75);
            padding-top: 7px;
            width: 40px;
            height: 40px;
            color: #fff;
            text-align: center;
            position: absolute;
            z-index: 1;
            top: 10px;
            left: 10px;
            font-size: 10px;
        }

            .index-content span.sale-favourable i {
                font-style: normal;
                display: block;
                height: 12px;
                font-size: 12px;
            }

.content_real {
    width: 100%;
}

.myproduct .right {
    font-size: 40px;
    text-align: center;
    background: rgba(51,51,51,.5);
    font-size: 40px;
    display: none;
    position: absolute;
    top: 0;
    cursor: pointer;
    color: #0f0;
}

    .myproduct .right span {
        padding: 50%;
        display: block;
    }

.copyright a {
    color: #999;
}
/*first-index end*/

/*register start*/
.pbox form .form-group button {
    width: 45%;
}

    .pbox form .form-group button:last-child {
        float: right;
    }
/*register end*/


/*my-goods start*/
.search_img {
    float: left;
    margin-right: 10px;
    cursor: pointer;
    color: #CCD1D9;
}

.dropdown .glyphicon {
    font-size: 30px;
}

.search_input .text {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.color {
    color: #da4453;
}

.class_goods {
    padding-bottom: 10px;
}

    .class_goods .dropdown {
        padding-top: 9px;
    }

.open .classify-icon {
    background: url(../images/class_bg.png) no-repeat;
}

.classify-icon {
    cursor: pointer;
    margin-top: 5px;
    border: none;
    background: url(../images/class_hover.png) no-repeat;
    width: 34px;
    height: 34px;
    line-height: 34px;
    margin-left: 10px;
    float: left;
}

.pbox .dropdown .input-group {
    width: 80%;
}

    .pbox .dropdown .input-group input {
        margin-top: 2px;
    }

.pbox ul.submenu {
    width: 1%;
    min-width: 100px;
    background: #ccc;
}

    .pbox ul.submenu li a {
        color: #fff;
    }

    .pbox ul.submenu li:hover a {
        background: #fff;
        color: #cf1818;
    }

.pbox .dropdown .input-group-addon {
    border: none;
    background: none;
    height: 34px;
    float: left;
    display: block;
    width: 40px;
    margin-top: 1px;
}

.pbox .dropdown .glyphicon-search {
    background: #da4453;
    padding: 9px 10px;
    color: #fff;
    font-size: 14px;
    margin-left: -35px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pbox .dropdown input {
    width: 60%;
    float: left;
}

.pbox .dropdown label {
    position: absolute;
    top: 10px;
    right: 0;
    padding-top: 8px;
}

    .pbox .dropdown label .icheckbox_flat-red {
        float: right;
        margin-right: 10px;
    }

.index-content .content-right {
    padding: 10px;
}

.distributors .content-right {
    position: relative;
}

    .distributors .content-right a {
        position: absolute;
        top: 0;
        right: 0;
        padding: 4px 6px;
    }

    .distributors .content-right div {
        width: 78%;
        font-size: 12px;
        line-height: 25px;
    }

        .distributors .content-right div.price span {
            margin-left: 10px;
        }

        .distributors .content-right div.price em {
            font-style: normal;
            color: #8cc152;
            font-weight: bold;
        }

.distributor .content div span {
    display: none;
}

.distributor .content div {
    border: 0;
}

    .distributor .content div.disactive span {
        display: block;
        height: 0px;
        width: 0px;
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 0;
        border: 5px solid #ed5565;
        border-color: transparent #ed5565 #ed5565 transparent;
        border-style: dashed solid solid dashed;
        line-height: 0px;
        z-index: 99;
    }

    .distributor .content div.disactive {
        border: 2px solid #ed5565;
    }

.content-right div a {
    font-size: 12px;
    overflow: hidden;
    height: 35px;
    display: block;
}
/*my-goods end*/



/*productDetail*/
ul.product_detail li {
    width: 33.3333333%;
    text-align: center;
}

.btn-fixed-top {
    position: fixed;
    top: 10px;
    margin-left: 10px;
    z-index: 99;
    display: block;
    width: 100%;
    max-width: 650px;
    opacity: 0.85;
}

.content-right .icheckbox_flat-red, .iradio_flat-red {
    position: absolute;
    top: 0;
    right: 0;
}

.member-orders {
    padding: 10px;
}

.myproduct {
    padding-bottom: 20px;
}
/*选择退换货商品*/
.choose_goods .title {
    padding: 10px;
    padding-bottom: 0;
}

    .choose_goods .title em {
        font-style: normal;
    }

.choose_goods .choose_goods_content {
    position: relative;
    padding: 10px;
}

    .choose_goods .choose_goods_content img {
        position: absolute;
        width: 60px;
        height: 60px;
    }

    .choose_goods .choose_goods_content .info {
        margin-left: 70px;
        padding-top: 5px;
        padding-bottom: 5px;
        min-height: 50px;
    }

        .choose_goods .choose_goods_content .info p {
            line-height: 16px;
            height: 32px;
            overflow: hidden;
            margin-bottom: 0;
        }

        .choose_goods .choose_goods_content .info button {
            float: right;
            padding: 2px 4px;
            height: 20px;
            line-height: 16px;
            font-size: 11px;
        }

.choose_goods span {
    float: right;
}

/*退货提交申请*/
.well {
    border-radius: 0;
}

textarea {
    border-color: none;
    box-shadow: none;
}

.apply-refund.well {
    padding: 0;
}

.apply-refund .choose_goods_content {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

    .apply-refund .choose_goods_content img {
        position: absolute;
        width: 60px;
        height: 60px;
    }

    .apply-refund .choose_goods_content .info {
        margin-left: 70px;
        padding-top: 3px;
        padding-bottom: 5px;
        min-height: 50px;
    }

        .apply-refund .choose_goods_content .info p {
            line-height: 16px;
            height: 32px;
            overflow: hidden;
            margin-bottom: 0;
        }

.apply-refund span {
    float: right;
}

/*我要申请*/
.title_bg {
    background: #fff;
}

.my-apply.well {
    padding: 0;
}

.my-apply .title {
    padding: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}

    .my-apply .title em {
        font-style: normal;
    }

.my-apply .my-apply-content {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

    .my-apply .my-apply-content:last-child {
        border-bottom: none;
    }

    .my-apply .my-apply-content img {
        position: absolute;
        width: 60px;
        height: 60px;
    }

    .my-apply .my-apply-content .info {
        margin-left: 70px;
        padding-top: 3px;
        padding-bottom: 5px;
        min-height: 60px;
    }

        .my-apply .my-apply-content .info i {
            font-style: normal;
        }

        .my-apply .my-apply-content .info p {
            line-height: 16px;
            overflow: hidden;
            margin-bottom: 0;
            text-overflow: -o-ellipsis-lastline;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .my-apply .my-apply-content .info button {
            float: right;
            padding: 2px 4px;
            height: 20px;
            line-height: 16px;
            font-size: 11px;
        }

.my-apply span {
    float: right;
}
/*进度查询*/
body {
    font-size: 12px;
}

.title_bg {
    background: #fff;
}

.well {
    border-radius: 0;
}

.progress-check {
    padding: 10px;
}

    .progress-check .title {
        padding-bottom: 5px;
    }

    .progress-check .info {
        padding-top: 10px;
        position: relative;
    }

        .progress-check .info div {
            line-height: 20px;
            white-space: nowrap;
            overflow: hidden;
            width: 96%;
        }

    .progress-check span.glyphicon {
        position: absolute;
        right: 0;
        top: 40px;
        color: #ccc;
    }
/*进度明细*/
p {
    margin: 0;
}

.progress-detail.well {
    padding: 0;
}

.progress-detail .progress-detail-title {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

    .progress-detail .progress-detail-title p {
        line-height: 20px;
    }

.progress-detail .progress-detail-content {
    padding: 10px;
}

    .progress-detail .progress-detail-content div {
        line-height: 20px;
    }

    .progress-detail .progress-detail-content span {
        float: left;
        line-height: 20px;
    }

    .progress-detail .progress-detail-content p {
        width: 80%;
        line-height: 20px;
        float: left;
        overflow: hidden;
    }

    .progress-detail .progress-detail-content div:last-child p {
        height: 20px;
    }

.progress-follow .progress-detail-title {
    padding: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}

.progress-follow.well {
    padding: 0;
}

.progress-follow .follow-content {
    padding: 10px;
}

    .progress-follow .follow-content p {
        line-height: 20px;
    }

    .progress-follow .follow-content span {
        padding-right: 10px;
        width: 35%;
        display: inline-block;
    }
/*购物车*/
.shoppingStepBar .step {
    float: left;
    width: 33.33333333333%;
}

    .shoppingStepBar .step i {
        position: relative;
        top: -10px;
        border-bottom: 2px solid #ccc;
        display: block;
    }

    .shoppingStepBar .step .glyphicon {
        color: #fff;
        padding: 2px;
        border-radius: 15px;
        background-color: #CCD1D9;
        font-size: 12px;
        z-index: 100;
    }

.shoppingStepBar .active {
    border-color: #ED5565;
}

    .shoppingStepBar .active .glyphicon {
        background-color: #ff6866;
    }

.shoping-title {
    font-size: 10px;
}

.shoppingStepBar .step em {
    font-style: normal;
    display: block;
    font-size: 12px;
}

.shoppingStepBar .step:first-child i {
    margin-right: -50%;
}

.shoppingStepBar .step:last-child i {
    margin-left: -50%;
}
/*商品详细活动显示*/
.price {
    margin-bottom: 5px;
    position: relative;
}

    .price span.title {
        color: #666;
        float: left;
    }

.all-action {
    line-height: 20px;
    float: left;
}

    .all-action .actionnone {
        display: none;
    }

    .all-action .action span.purchase {
        background: #ed5565;
        padding: 2px 5px;
        border-radius: 4px;
        margin-right: 4px;
    }

        .all-action .action span.purchase a {
            color: #fff;
        }

.price em {
    font-style: normal;
    line-height: 20px;
    float: left;
    cursor: pointer;
}
/*小店排名和团队排名*/
.main-box {
    overflow: hidden;
    display: block;
    font: 14px/1.8em "微软雅黑",Arial,Verdana,sans-serif;
}

    .main-box .top-tags {
        margin-top: 10px;
        width: 100%;
        display: inline-block;
    }

        .main-box .top-tags a {
            width: 50%;
            float: left;
            line-height: 2;
            font-size: 14px;
            border-left: 1px solid #ccc;
            margin-left: -1px;
            text-align: center;
            color: #333333;
        }

            .main-box .top-tags a:hover {
                color: #ff4a02;
            }

    .main-box .store-top {
        width: 100%;
        padding-top: 61px;
    }

        .main-box .store-top .my-store-top {
            padding: 5px 19px;
            border-top: 1px solid #eaeaea;
            background: #fff;
            position: fixed;
            top: 47px;
            left: 0;
            z-index: 9;
            display: inline-block;
        }

            .main-box .store-top .my-store-top .my-num {
                line-height: 50px;
                float: left;
                min-width: 10%;
            }

            .main-box .store-top .my-store-top .my-img {
                width: 50px;
                height: 50px;
                float: left;
            }

                .main-box .store-top .my-store-top .my-img img {
                    width: 100%;
                    height: 100%;
                    border-radius: 50%;
                }

            .main-box .store-top .my-store-top .my-exp {
                float: left;
                height: 50px;
                margin-left: 19px;
                overflow: hidden;
            }

                .main-box .store-top .my-store-top .my-exp .exp-my {
                    width: 100%;
                    height: 35px;
                    line-height: 35px;
                    overflow: hidden;
                }

                    .main-box .store-top .my-store-top .my-exp .exp-my span {
                        float: left;
                    }

                    .main-box .store-top .my-store-top .my-exp .exp-my em {
                        float: right;
                        color: red;
                    }

                .main-box .store-top .my-store-top .my-exp .exp-bottom {
                    width: 100%;
                    height: 4px;
                    border-radius: 2px;
                    background: #c0beaf;
                    position: relative;
                }

                    .main-box .store-top .my-store-top .my-exp .exp-bottom em {
                        height: 4px;
                        border-radius: 2px;
                        background: red;
                        position: absolute;
                        top: 0;
                        left: 0;
                    }

.top li {
    width: 94%;
    height: 50px;
    padding: 5px 19px;
    border-top: 1px solid #eaeaea;
    box-sizing: content-box;
    display: inline-block;
}

    .top li .top-num {
        line-height: 50px;
        float: left;
        min-width: 10%;
    }

    .top li .top-img {
        width: 50px;
        height: 50px;
        float: left;
    }

        .top li .top-img img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

    .top li .top-exp {
        float: left;
        height: 50px;
        margin-left: 19px;
        overflow: hidden;
    }

        .top li .top-exp .exp-top {
            width: 100%;
            height: 35px;
            line-height: 35px;
            overflow: hidden;
        }

            .top li .top-exp .exp-top span {
                float: left;
            }

            .top li .top-exp .exp-top em {
                float: right;
                color: red;
            }

        .top li .top-exp .exp-bottom {
            width: 100%;
            height: 4px;
            border-radius: 2px;
            background: #c0beaf;
            position: relative;
        }

            .top li .top-exp .exp-bottom em {
                /*width: 50%;*/
                height: 4px;
                border-radius: 2px;
                background: red;
                position: absolute;
                top: 0;
                left: 0;
            }
/*向上向下滚动的图标样式*/
.scrolltools {
    position: fixed;
    top: 100px;
    right: 10px;
    display: block;
    margin: -30px 0 0 2px;
    width: 40px;
    background: #f4f4f4;
    border: 1px #cdcdcd solid;
    border-radius: 3px;
    border-top: 0;
    cursor: pointer;
    z-index: 999;
}

    .scrolltools a {
        background: url("../images/scrolltop.png");
        border-top: 1px solid #CDCDCD;
        color: #787878;
        display: block;
        height: 24px;
        line-height: 12px;
        padding: 3px 5px;
        text-align: center;
        text-decoration: none;
        width: 30px;
        box-sizing: content-box;
    }

.toTop {
    background-position: 0 0 !important;
}

.toReply {
    background-position: 0 -30px !important;
}

.toList {
    background-position: 0 -60px !important;
}

.toBottom {
    background-position: 0 -90px !important;
}

.toTop:hover {
    background-position: -40px 0 !important;
}

.toReply:hover {
    background-position: -40px -30px !important;
}

.toList:hover {
    background-position: -40px -60px !important;
}

.toBottom:hover {
    background-position: -40px -90px !important;
}
/*红包样式*/

.redpagershow {
    text-align: center;
}

.mid-nav {
    position: relative;
    margin: 10px 0 20px 0;
    width: 100%;
    height: 75px;
    overflow: hidden;
}

    .mid-nav .mid-nav-tags {
        position: absolute;
        top: 0;
        left: 0;
        height: 75px;
    }

        .mid-nav .mid-nav-tags li {
            float: left;
            position: absolute;
            height: 75px;
        }

            .mid-nav .mid-nav-tags li a {
                width: 24%;
                height: 100%;
                margin: 0 0.5%;
                float: left;
            }

                .mid-nav .mid-nav-tags li a img {
                    width: 100%;
                    height: 100%;
                }

    .mid-nav .mid-nav-pointer {
        width: 90%;
        margin: 0 5%;
        position: absolute;
        top: 35%;
        left: 0px;
        z-index: 9;
    }

        .mid-nav .mid-nav-pointer li {
            color: #fff;
            font-size: 20px;
        }

        .mid-nav .mid-nav-pointer .mid-nav-pointer-left {
            float: left;
        }

        .mid-nav .mid-nav-pointer .mid-nav-pointer-right {
            float: right;
        }

.right-tags {
    width: 12.6%;
    position: fixed;
    bottom: 60px;
    right: 15px;
    z-index: 99;
}

    .right-tags li {
        width: 100%;
        margin-top: 10px;
    }

        .right-tags li.right-tags-service a {
            width: 100%;
            height: 100%;
            border-radius: 4px;
            border: 1px solid #8a8c8f;
            background: #fff url("../images/tags-img-1.png") center center no-repeat;
            background-size: 75%;
            opacity: 0.8;
            float: left;
        }

        .right-tags li.right-tags-select a {
            width: 100%;
            height: 100%;
            border-radius: 4px;
            border: 1px solid #8a8c8f;
            background: #fff url("../images/tags-img-2.png") center center no-repeat;
            background-size: 75%;
            opacity: 0.8;
            float: left;
        }

footer .glyphicon {
    width: 20px;
    height: 20px;
    background: url("../images/footer-tags.png") no-repeat;
    background-size: 205%;
    margin-top: 6px;
}

footer .footer-div-home div {
    background-position: 0px 2px;
}

footer .footer-div-home-over div {
    background-position: -21px 2px;
}

footer .footer-div-home-over p {
    color: red;
}

footer .footer-div-type div {
    background-position: 0px -18px;
}

footer .footer-div-type-over p {
    color: red;
}

footer .footer-div-type-over div {
    background-position: -21px -18px;
}

footer .footer-div-cart div {
    background-position: 0px -37px;
}

footer .footer-div-cart-over p {
    color: red;
}

footer .footer-div-cart-over div {
    background-position: -21px -37px;
}

footer .footer-div-my div {
    background-position: 0px -58px;
}

footer .footer-div-my-over p {
    color: red;
}

footer .footer-div-my-over div {
    background-position: -21px -58px;
}

footer .footer-div-shop div {
    background-position: 0px -77px;
}

footer .footer-div-shop-over p {
    color: red;
}

footer .footer-div-shop-over div {
    background-position: -21px -77px;
}

.pbox-select {
    background: #f2f2f2;
    padding: 10px 20px;
}

    .pbox-select .pbox-select-border {
        border: 1px solid #cccccc;
        width: 100%;
        height: 35px;
        background: #fff url("../images/lens.png") 5% center no-repeat;
        background-size: 5%;
        position: relative;
    }

        .pbox-select .pbox-select-border input {
            border: 0;
            width: 88%;
            height: 100%;
            float: right;
        }

    .pbox-select span {
        width: auto;
        display: inline-block;
        position: absolute;
        right: -1px;
        top: -1px;
    }

        .pbox-select span .btn {
            border-radius: 0;
        }

.pbox-select-tags {
    width: 100%;
    padding-bottom: 10px;
    display: inline-block;
}

    .pbox-select-tags li {
        width: 30.33333%;
        margin: 10px 1.5%;
        background: #f8f8f8;
        float: left;
    }

        .pbox-select-tags li .select-tags-img {
            width: 100%;
        }

            .pbox-select-tags li .select-tags-img img {
                width: 100%;
                height: 100%;
            }

        .pbox-select-tags li .select-tags-name {
            width: 100%;
            line-height: 2;
            font-size: 16px;
            color: #141414;
            text-align: center;
        }

.login-name {
    width: 100%;
    margin-bottom: 20px;
    background: #fff;
    font-size: 16px;
    line-height: 3;
    display: inline-block;
}

    .login-name span {
        font-size: 26px;
        float: left;
        margin: 10px 0 0 10px;
    }

    .login-name input {
        border: 0;
        width: 85%;
        float: right;
    }

.login-btn {
    padding: 12px 12px;
    margin-bottom: 20px;
    border-radius: 0;
    font-size: 18px;
}

.memberCenter .user-photo {
    width: 86px;
    height: 86px;
    position: absolute;
    top: 25px;
    border-radius: 50%;
    background-size: 45%;
    text-align: center;
    line-height: 120px;
    border: 3px solid rgba(0,0,0,0.1);
}

    .memberCenter .user-photo a {
        width: 100%;
        height: 100%;
    }

        .memberCenter .user-photo a img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

    .memberCenter .user-photo span {
        width: 18px;
        height: 18px;
        background: #fb5959;
        position: absolute;
        bottom: 10px;
        right: -5px;
        border-radius: 50%;
        text-align: center;
        line-height: 20px;
        color: #fff;
        font-size: 12px;
    }

.memberCenter .user-name {
    width: 100%;
    color: #666;
    text-align: center;
    font-size: 20px;
    margin-top: 115px;
}

.memberCenter .user-tags {
    width: 100%;
    height: 55px;
    background: url("../images/user-tags-bg.png") repeat;
    position: absolute;
    bottom: 0;
    left: 0;
}

    .memberCenter .user-tags li {
        width: 25%;
        height: 100%;
        border-left: 1px solid #ccc;
        margin-left: -1px;
        float: left;
    }

        .memberCenter .user-tags li a {
            width: 100%;
            padding-top: 33px;
            float: left;
            line-height: 20px;
            text-align: center;
            color: #fff;
        }

            .memberCenter .user-tags li a.order {
                background: url("../images/user-tags-1.png") center 5px no-repeat;
                background-size: 35%;
            }

            .memberCenter .user-tags li a.pay {
                background: url("../images/user-tags-2.png") center 5px no-repeat;
                background-size: 35%;
            }

            .memberCenter .user-tags li a.delivery {
                background: url("../images/user-tags-3.png") center 5px no-repeat;
                background-size: 35%;
            }

            .memberCenter .user-tags li a.return {
                background: url("../images/user-tags-4.png") center 5px no-repeat;
                background-size: 35%;
            }

.memberBottom {
    width: 100%;
    padding-top: 10px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

    .memberBottom .bottom-content {
        width: 100%;
        height: 50px;
        text-indent: 50px;
        line-height: 50px;
        font-size: 16px;
    }

        .memberBottom .bottom-content a {
            width: 100%;
            height: 100%;
            float: left;
            color: #323232;
            font-size: 2rem;
            border-bottom: 1px solid #e1e1e1;
        }

            .memberBottom .bottom-content a.border0 {
                border-bottom: 0;
            }

            .memberBottom .bottom-content a.userInfo {
                background: #fff url("../images/user-img-1.png") 15px center no-repeat;
                background-size: auto 56%;
            }

            .memberBottom .bottom-content a.collect {
                background: #fff url("../images/user-img-2.png") 15px center no-repeat;
                background-size: auto 56%;
            }

            .memberBottom .bottom-content a.refer {
                background: #fff url("../images/user-img-3.png") 15px center no-repeat;
                background-size: auto 56%;
            }

            .memberBottom .bottom-content a.service {
                background: #fff url("../images/user-img-4.png") 15px center no-repeat;
                background-size: auto 56%;
            }

            .memberBottom .bottom-content a.red {
                background: #fff url("../images/user-img-5.png") 15px center no-repeat;
                background-size: auto 56%;
            }

            .memberBottom .bottom-content a.address {
                background: #fff url("../images/user-img-6.png") 15px center no-repeat;
                background-size: auto 56%;
            }

            .memberBottom .bottom-content a.exit {
                background: #fff;
                color: #ccc;
                text-align: center;
            }

.red-bg {
    background: #fff url("../images/red-bg.png") no-repeat;
    background-size: auto 100%;
    float: left;
    width: 100%;
}

.red-content {
    width: 100%;
    float: left;
}

    .red-content li {
        float: left;
        overflow: hidden;
    }

        .red-content li .money {
            color: #ff223e;
            font-size: 16px;
            text-align: center;
            width: 100%;
        }

            .red-content li .money span {
                font-size: 32px;
                font-weight: bold;
            }

        .red-content li .money-info {
            text-align: center;
            color: #666666;
        }

        .red-content li .shop-info {
            width: 100%;
            padding-left: 30px;
        }

            .red-content li .shop-info h1 {
                width: 100%;
                line-height: 28px;
                color: #323232;
                float: left;
                font-size: 16px;
            }

            .red-content li .shop-info span {
                width: 100%;
                color: #666;
                float: left;
            }

            .red-content li .shop-info em {
                width: 100%;
                color: #aaa;
                float: left;
            }

.distributor-head .order-money {
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #d9eef8;
}

    .distributor-head .order-money li {
        width: 33.33333%;
        height: 100%;
        float: left;
        text-align: center;
        border-left: 1px solid #aebec6;
        margin-left: -1px;
    }

        .distributor-head .order-money li a {
            width: 100%;
            text-align: center;
            font-size: 18px;
            padding-top: 10px;
            float: left;
            color: #323232;
        }

            .distributor-head .order-money li a span {
                width: 100%;
                float: left;
                text-align: center;
                color: #f08a8c;
            }

.order-img-tags {
    width: 100%;
    background: #fff;
    margin: 10px 0;
    border-top: 1px solid #e2e2e2;
    display: inline-block;
}

    .order-img-tags li {
        width: 50%;
        border-left: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
        margin-left: -1px;
        float: left;
    }

        .order-img-tags li a {
            width: 100%;
            float: left;
            text-align: center;
            padding-top: 70px;
            padding-bottom: 10px;
            font-size: 16px;
        }

            .order-img-tags li a.shop-info {
                background: url("../images/shop-img-1.png") center 18px no-repeat;
                background-size: 25%;
            }

            .order-img-tags li a.shop-underling {
                background: url("../images/shop-img-2.png") center 18px no-repeat;
                background-size: 25%;
            }

            .order-img-tags li a.shop-brokerage {
                background: url("../images/shop-img-3.png") center 18px no-repeat;
                background-size: 25%;
            }

            .order-img-tags li a.shop-qr {
                background: url("../images/shop-img-4.png") center 18px no-repeat;
                background-size: 25%;
            }

            .order-img-tags li a.shop-card {
                background: url("../images/shop-img-5.png") center 18px no-repeat;
                background-size: 25%;
            }

            .order-img-tags li a.shop-order {
                background: url("../images/shop-img-6.png") center 18px no-repeat;
                background-size: 25%;
            }

            .order-img-tags li a.shop-friend {
                background: url("../images/shop-img-7.png") center 18px no-repeat;
                background-size: 25%;
            }

            .order-img-tags li a.shop-top {
                background: url("../images/shop-img-8.png") center 18px no-repeat;
                background-size: 25%;
            }

.money-top {
    width: 100%;
    background: #ff2d4b;
    height: 120px;
    position: relative;
    padding-left: 10%;
    padding-top: 20px;
    font-size: 16px;
}

    .money-top a {
        width: 100%;
        height: 100%;
        color: #fff;
    }

        .money-top a .show-money {
            width: 100%;
            float: left;
            margin-top: 20px;
            font-size: 28px;
        }

        .money-top a em {
            position: absolute;
            right: 30px;
            top: 40%;
            font-weight: bold;
            color: #77341e;
            font-size: 24px;
            font-family: "Lucia Console";
        }

.money-middle {
    height: 100px;
    padding-top: 15px;
    background: #f27f40;
}

    .money-middle a .show-money {
        margin-top: 15px;
    }

.memberBottom .bottom-content a.other {
    background: #fff;
    color: #333333;
    line-height: 50px;
    position: relative;
}

    .memberBottom .bottom-content a.other span {
        color: #eb533d;
        font-size: 30px;
        position: absolute;
        top: 10px;
        left: -40px;
    }

.alipay {
    width: 100%;
    padding: 10px 20px;
    display: inline-block;
}

    .alipay h1 {
        font-size: 18px;
    }

    .alipay .alipay-info {
        width: 100%;
    }

        .alipay .alipay-info li {
            width: 100%;
            font-size: 16px;
            margin-top: 20px;
            float: left;
        }

            .alipay .alipay-info li label {
                width: 35%;
                text-align: right;
                float: left;
            }

            .alipay .alipay-info li input {
                width: 64%;
                border: 0;
                float: right;
                border-bottom: 1px solid #999;
                background: none;
                text-indent: 10px;
            }

    .alipay .alipay-btn {
        width: 100%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        float: left;
        margin-top: 20px;
    }

        .alipay .alipay-btn a {
            width: 100%;
            height: 100%;
            background: #990000;
            float: left;
            color: #fff;
            font-size: 16px;
        }

    .alipay .alipay-wechatpay {
        width: 100%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #fff;
        font-size: 16px;
        background: #43acdc;
        display: inline-block;
        margin-top: 10px;
    }

    .alipay p {
        width: 100%;
        height: 30px;
        line-height: 30px;
        text-indent: 10%;
        color: #999;
    }

.btn-xs {
    border-radius: 0;
}

.btn-warning {
    background-color: #ababab;
    border-color: #ababab;
}

.btn-danger {
    /*background-color: #e0001b;*/
    /*border-color: #e0001b;*/
    border-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8c939), to(#f09c15) );
}

    .btn-danger[disabled] {
        background-color: #c1c1c1;
        border: 1px solid #e1e1e1;
        color: #999999;
    }

.nav-title-middle .my-order-money {
    color: #ff223e;
    line-height: 20px;
}

.order-date {
    width: 100%;
    color: #858585;
    line-height: 20px;
}

.order-state {
    width: 100%;
    color: #858585;
    line-height: 20px;
}

    .order-state span {
        color: #ff2d4b;
    }

.pbox-bottom-left {
    float: left;
    width: 100%;
    display: inline-block;
}

    .pbox-bottom-left li {
        float: left;
        width: 100%
    }

        .pbox-bottom-left li span {
            color: #ed5565;
            font-size: 20px;
        }

.clear {
    clear: both;
}

body {
    padding-bottom: 50px;
}

.get-red {
    width: 100%;
    background: url("../images/get-red-bg.png") center center no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-bottom: -50px;
}

    .get-red .get-red-content {
        width: 200px;
        background: red;
        position: absolute;
    }

        .get-red .get-red-content .get-red-top {
            width: 200px;
            height: 10px;
            background: url("../images/red-top.png") 0 0 no-repeat;
            background-size: 100% 100%;
        }

        .get-red .get-red-content .get-red-money {
            width: 100%;
            background: #fff;
            border-bottom: 1px dashed #cccccc;
            padding: 10px 0;
        }

            .get-red .get-red-content .get-red-money h1 {
                color: #fa1d3f;
                text-align: center;
                font-size: 18px;
                font-weight: 100;
            }

                .get-red .get-red-content .get-red-money h1 span {
                    font-size: 38px;
                }

                .get-red .get-red-content .get-red-money h1 em {
                    color: #b2b2b2;
                    font-size: 14px;
                }

            .get-red .get-red-content .get-red-money .get-red-date {
                color: #b2b2b2;
                font-size: 14px;
                text-align: center;
            }

        .get-red .get-red-content .get-red-bottom {
            width: 100%;
            background: #fff;
            padding: 20px 0;
        }

            .get-red .get-red-content .get-red-bottom .get-red-name {
                width: 100%;
                height: 24px;
                text-align: center;
                color: #323232;
                font-size: 18px;
                font-weight: bold;
                overflow: hidden;
            }

            .get-red .get-red-content .get-red-bottom .get-red-explain {
                width: 100%;
                font-size: 12px;
                color: #585858;
                text-align: center;
                margin-top: 5px;
            }

                .get-red .get-red-content .get-red-bottom .get-red-explain a {
                    color: #585858;
                }

            .get-red .get-red-content .get-red-bottom .get-red-btn {
                width: 100%;
                text-align: center;
                margin-top: 10px;
            }

                .get-red .get-red-content .get-red-bottom .get-red-btn a {
                    width: 80%;
                    line-height: 30px;
                    display: inline-block;
                    background: #ff2d4b;
                    color: #fff;
                    border-radius: 5px;
                    font-size: 16px;
                    font-weight: bold;
                }

            .get-red .get-red-content .get-red-bottom .get-red-img {
                width: 100%;
                height: 72px;
                background: url("../images/bad-img.png") no-repeat;
                background-size: 100% 100%;
            }

            .get-red .get-red-content .get-red-bottom .get-red-text {
                width: 100%;
                color: #323232;
                text-align: center;
                font-size: 14px;
                line-height: 30px;
            }

            .get-red .get-red-content .get-red-bottom .get-red-txt {
                width: 100%;
                color: #ff2d4b;
                text-align: center;
                font-size: 18px;
            }

.distributorCenter .shop-photo {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 25px;
}

    .distributorCenter .shop-photo span {
        position: absolute;
        top: 55px;
        left: 60px;
    }

.distributorCenter .shop-user-name {
    width: 100%;
    text-align: center;
    padding-top: 112px;
    font-size: 16px;
}

.shopInfo {
    width: 100%;
    margin-bottom: 15px;
    display: inline-block;
}

    .shopInfo label {
        width: 28%;
        float: left;
        color: #434a54;
        text-align: right;
        font-size: 16px;
        line-height: 25px;
    }

    .shopInfo input {
        width: 70%;
        float: left;
        height: 25px;
        line-height: 25px;
        border-radius: 0;
        border: 0;
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #000;
    }

    .shopInfo textarea {
        width: 70%;
        float: left;
        height: 25px;
        line-height: 25px;
        border-radius: 0;
        border: 0;
        border-bottom: 1px solid #000;
        padding: 0;
        margin: 0;
    }

.shop-background-img {
    width: 100px;
    height: 100px;
    float: left;
    border: 2px dashed #ccc;
    margin: 10px 20px;
}

    .shop-background-img a {
        width: 100%;
        height: 100%;
        float: left;
        text-align: center;
        line-height: 100px;
        font-size: 66px;
        color: #ccc;
    }

.bgstore p, .storeLogo p {
    font-size: 16px;
}

.slides-collect-btn span.star-null {
    width: 28px;
    height: 28px;
    background: url("../images/star-null.png") no-repeat;
}

.slides-collect-btn span.star-full {
    width: 28px;
    height: 28px;
    background: url("../images/star-full.png") no-repeat;
}

.y-shopicon {
    position: absolute;
    left: -42.5% !important;
    top: 3.7% !important;
    width: 100%;
    height: 30px;
    background-color: red;
    color: #fff;
    text-align: center;
    line-height: 30px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    font-family: "微软雅黑";
    z-index: 999 !important;
    display: block !important;
}

.body {
    max-width: 650px;
}

.well {
    box-shadow: none;
}

.selectBox {
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
}

.selectcheckbox {
    width: 20px;
    height: 20px;
    background-color: #ccc;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    float: left;
}

    .selectcheckbox span {
        color: red;
        display: none;
        font-size: 14px;
        right: -3px;
        top: 3px;
    }

    .selectcheckbox.checked span {
        display: block;
    }

.selectBox span:last-child input {
    height: 20px;
}
/*menu.css*/
* {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menuNav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #ccc;
    box-shadow: 0 -2px 5px #ccc;
    cursor: pointer;
    background-color: #f8f8f8;
    font-size: 12px;
    z-index: 1000;
}

    .menuNav ul li {
        float: left;
        height: 50px;
        text-align: center;
        position: relative;
        display: table;
    }

    .menuNav ul:after {
        display: block;
        height: 0;
        content: "";
        clear: both;
    }

.navcontent {
    display: table-cell;
    vertical-align: middle;
}

    .navcontent img {
        display: block;
        margin: 0 auto 2px;
    }

.menuNav ul li .childNav {
    position: absolute;
    left: 0;
    bottom: 51px;
    z-index: 10;
    width: 100%;
    display: none;
}

    .menuNav ul li .childNav ul li {
        width: 100%;
        height: 50px;
        line-height: 50px;
        background-color: #f8f8f8;
        float: left;
        border: 1px solid #ccc;
        border-bottom: none;
    }

.menuNav a {
    color: #000;
    width: 100%;
    height: 100%;
    display: inline-block;
    line-height: 50px;
}
/*隐藏美洽客服手机端右下角层*/
.mc_button {
    display: none
}


/*产品详细页顶部导航*/
.y-navtop {
    height: 40px;
    background-color: #F8F8F8;
    position: relative;
}

    .y-navtop h1 {
        font-size: 16px;
        color: #333333;
        height: 40px;
        line-height: 40px;
        text-align: center;
    }

    .y-navtop .y-return {
        position: absolute;
        left: 10px;
        top: 10px;
        display: block;
        width: 20px;
        height: 20px;
        text-indent: -9999px;
        background: url(../images/iconfont-fanhui.png) no-repeat;
    }

    .y-navtop .y-index {
        position: absolute;
        top: 5px;
        right: 45px;
        width: 30px;
        height: 30px;
        text-indent: -9999px;
        background: url(../images/iconfont-shouye.png?v3.2) no-repeat;
    }

    .y-navtop .y-collection {
        position: absolute;
        top: 7px;
        right: 10px;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
        background: url(../images/star-null.png) no-repeat;
        background-size: 25px;
    }

        .y-navtop .y-collection.active {
            background: url(../images/star-full.png) no-repeat;
            background-size: 25px;
        }

/*列表页加载样式*/
.loading {
    text-align: center;
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
}

    .loading span {
        display: inline-block;
        text-indent: 25px;
        height: 20px;
        line-height: 20px;
        background: url(../images/iconfont-jiazaizhong.gif) no-repeat;
        background-size: 20px;
    }
/*会员中心和分销商中心的右上角公告*/
.usernameimginfo .my-message {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 10px;
    background: url(../images/iconfont-xinxi.png) no-repeat;
}

    .usernameimginfo .my-message i {
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        top: 2px;
        right: 0px;
        background-color: #00FC55;
        border-radius: 50%;
    }


.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.pad10 {
    padding: 10px !important;
}

.pt7 {
    padding-top: 7px !important;
}

.pb7 {
    padding-bottom: 7px !important;
}

.color9 {
    color: #999999 !important;
}

.colorr {
    color: #ff1f1f !important;
}

.colorg {
    color: #3bb134 !important;
}

.colory {
    color: #fe9900 !important;
}

.colorh {
    color: #333333 !important;
}

/* switch */
.switch.has-switch {
    width: 50px !important;
    min-width: inherit !important;
    height: 28px !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: 0 0 3px #d9d9d9 !important;
}

    .switch.has-switch input[type="checkbox"] {
        display: none;
    }

.switch-on {
    height: 28px !important;
    background: #00cbc2 !important;
}

.switch label {
    width: 24px !important;
    height: 24px !important;
    background: #fff;
    box-shadow: 0 0 2px #bbb !important;
    border-radius: 50% !important;
    margin-top: 2px !important;
    float: left;
}

.switch .switch-off label {
    margin-left: 3px !important;
    background-image: linear-gradient(to bottom, #ffffff, #d1d1d1) !important;
}

.switch .switch-on label {
    margin-left: 0px !important;
}

.switch-left,
.switch-right {
    width: 24px !important;
    height: 26px !important;
    float: left;
    background: none !important;
    text-indent: -10000px;
}

.switch-left {
    color: #00cbc2 !important;
}

.switch-right {
    color: #ffffff !important;
}

/* 确认订单 */
.prompt-text {
    line-height: 25px;
}

.btnlocation {
    width: 100%;
    max-width: 640px;
    position: fixed;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background: #e0001b;
    z-index: 100;
}

    .btnlocation .btn {
        width: 30%;
        height: 44px;
        float: right;
        margin-bottom: 0;
    }

    .btnlocation .payprice {
        width: 70%;
        height: 44px;
        line-height: 44px;
        text-align: center;
        float: left;
        background: #fff;
        font-size: 14px;
        padding: 0 5px;
        border-top: 1px solid #d1d1d1;
    }

/* 提现详情 */
.table-view .table-view-cell {
    padding: 14px 10px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    background: #fff;
    font-size: 14px;
}

    .table-view .table-view-cell:last-child {
        border-bottom: 0;
    }

    .table-view .table-view-cell .note {
        max-width: 80%;
        min-height: 100px;
        word-break: break-all;
    }

.mr5 {
    margin-right: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl21 {
    padding-left: 21px !important;
}

.pad5 {
    padding: 5px !important;
}

.pad15 {
    padding: 15px !important;
}

.pad20 {
    padding: 20px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.distable {
    display: table !important;
}

small {
    color: #999999;
}

.radius {
    border-radius: 5px;
}

.nav-box {
    margin: 10px;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #e1e1e1;
}

/* 微信红包提现 */
.payway {
    font-size: 16px;
    color: #ff9600;
    padding: 23px 0 18px 40px;
    position: relative;
    border-bottom: 1px solid #fff;
}

    .payway:first-child {
        border-bottom: 0;
    }

        .payway:first-child:before {
            content: "\e600";
            font-family: "iconfont";
            color: #ff9600;
            font-size: 24px;
            position: absolute;
            left: 10px;
            top: 16px;
        }

        .payway:first-child:after {
            content: "\e604";
            font-family: "iconfont";
            color: #999999;
            font-size: 16px;
            position: absolute;
            right: 10px;
            top: 23px;
        }

    .payway.active:after {
        content: "\e609";
        font-family: "iconfont";
    }

.form-label {
    width: 1%;
    white-space: nowrap;
    display: table-cell;
    color: #343434;
    font-size: 14px;
    font-weight: normal;
}

.form-input {
    width: 100%;
    display: table-cell;
    border: none;
    background: none;
    padding: 5px 10px;
    font-size: 14px;
}

.form-textarea {
    width: 100%;
    border: none;
    background: none;
    resize: none;
    font-size: 14px;
}

/* 佣金转余额 */
.icon-arrow > span {
    width: 40px;
    height: 10px;
    display: inline-block;
    position: relative;
}

    .icon-arrow > span:before {
        content: "";
        display: block;
        border-left: 5px solid #fff;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        position: absolute;
        left: 0;
    }

    .icon-arrow > span:after {
        content: "";
        display: block;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        position: absolute;
        right: -5px;
    }

    .icon-arrow > span:nth-child(1) {
        background: #ffeacd;
    }

        .icon-arrow > span:nth-child(1):after {
            border-left: 5px solid #ffeacd;
        }

    .icon-arrow > span:nth-child(2) {
        background: #ffd599;
    }

        .icon-arrow > span:nth-child(2):after {
            border-left: 5px solid #ffd599;
        }

    .icon-arrow > span:nth-child(3) {
        background: #ffc066;
    }

        .icon-arrow > span:nth-child(3):after {
            border-left: 5px solid #ffc066;
        }

.commission, .icon-arrow, .balance {
    display: inline-block;
    color: #ff9600;
}

.icon-arrow {
    transform: translateY(-22px);
    -webkit-transform: translateY(-22px);
}

.commission:before {
    content: "\e601";
    font-family: "iconfont";
    display: block;
    text-align: center;
    font-size: 24px;
    color: #ff9600;
}

.balance:before {
    content: "\e603";
    font-family: "iconfont";
    display: block;
    text-align: center;
    font-size: 24px;
    color: #ff9600;
}

/* 会员中心新增 */
.navgtionList .newtitle li {
    width: 33.33%;
    height: auto;
    line-height: 20px;
    text-align: center;
    float: left;
    padding: 10px 0;
    position: relative;
}

    .navgtionList .newtitle li a {
        padding: 0;
    }

    .navgtionList .newtitle li:after {
        content: "";
        height: 30px;
        border-right: 1px solid #bbbbbb;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

    .navgtionList .newtitle li:last-child:after {
        border: 0;
    }

    .navgtionList .newtitle li p {
        font-size: 14px;
        color: #333;
    }

        .navgtionList .newtitle li p.colorr span {
            width: auto;
        }

/* 订单提交成功 */
.payoff {
    width: 34%;
    margin: 20px auto;
    text-align: center;
}

    .payoff img {
        max-width: 100%;
    }

/* 我的佣金 */
.allcommission {
    background: url("../images/commission.png") no-repeat left top / cover;
    color: #fff;
    font-size: 14px;
    position: relative;
}

    .allcommission .tips {
        padding: 10px;
        position: absolute;
        top: 0px;
        left: 0;
        z-index: 2;
    }

    .allcommission .tipsbg {
        padding: 10px;
        background: #fff;
        opacity: 0.1;
        z-index: 1;
    }

.commissionlist {
    width: 100%;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background: #fff;
    margin: 10px 0;
    position: relative;
}

    .commissionlist:after {
        content: "\e604";
        font-family: "iconfont";
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        color: #666;
    }

    .commissionlist i {
        margin-right: 5px;
        vertical-align: middle;
    }

        .commissionlist i.color1 {
            color: #fb6066;
        }

        .commissionlist i.color2 {
            color: #f49902;
        }

        .commissionlist i.color3 {
            color: #00a8e9;
        }

    .commissionlist > a {
        display: block;
        width: 100%;
        padding: 10px;
        cursor: pointer;
    }

.commission-count {
    padding: 15px 0;
}

    .commission-count li:first-child {
        border-right: 1px solid #f2ab81;
    }

    .commission-count li {
        width: 50%;
        text-align: center;
        float: left;
    }

    .commission-count .show-money {
        font-size: 16px;
        color: #f0ff00;
    }

        .commission-count .show-money span {
            font-size: 24px;
        }

    .commission-count p {
        color: #fff;
        font-size: 16px;
    }

/* 账户余额 */
.account-balance {
    position: relative;
    padding-left: 80px;
}

    .account-balance:before {
        content: "\e602";
        font-family: "iconfont";
        float: left;
        font-size: 46px;
        color: #fff;
        position: absolute;
        left: 24px;
        top: -5px;
    }

.account-operate {
    position: relative;
    margin-top: 20px;
    margin-bottom: -15px;
}

    .account-operate .tips {
        width: 100%;
        padding: 0;
    }

    .account-operate .tipsbg {
        font-size: 16px;
    }

    .account-operate .tips li {
        width: 50%;
        text-align: center;
        float: left;
    }

        .account-operate .tips li a {
            display: block;
            padding: 15px;
            font-size: 16px;
            color: #fff;
        }

.account-balance .recharge {
    display: none;
    width: 75px;
    height: 35px;
    position: absolute;
    right: 15px;
    top: 10px;
    text-align: center;
    line-height: 35px;
}

    .account-balance .recharge:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 35px;
        background: #fff;
        opacity: 0.25;
        border-radius: 5px;
        box-shadow: 0 3px 0px #666;
    }

    .account-balance .recharge a {
        width: 100%;
        height: 35px;
        text-align: center;
        color: #fff;
        display: block;
        font-size: 14px;
        position: absolute;
        z-index: 2;
    }

/* 提现记录 */
.balance-list {
    line-height: 18px;
}

    .balance-list div.clearfix {
        margin: 5px 0;
    }

        .balance-list div.clearfix .pull-left {
            color: #333333;
        }

    .balance-list .pull-right.font14 {
        color: #999999;
    }

    .balance-list .nav-box .clearfix:first-child .pull-right.font12 {
        line-height: 14px;
    }

    .balance-list .nav-box .clearfix:last-child .pull-left.font12 {
        line-height: 18px;
    }

/* 余额明细 */
.balance-details.con-title li {
    width: 33.33%;
}