@charset "utf-8";

@import url(icons.css?t=201902171715);

em, i {
    font-style: normal;
}

/*重写light7样式*/


/* 全局CSS
----------------------------------------------------------------------*/
/*body {
    font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
    color: #262626;
    overflow: hidden;
    -webkit-appearance: none;
    font-size: 0.7rem;
}*/

.clearFloat {
    clear: both;
}

.search-input .icon.magnifier:before {
    line-height: 1.5;
}

.no-data-list {
    text-align: center;
    padding: 20px 20%;
}

.w100 {
    max-width: 100%;
}

.infinite-scroll-preloader {
    font-size: .6rem;
    padding: .75rem 0;
}

.title {
    display: initial;
    width: 100%;
    padding: 0;
    /* margin: 0 -.5rem; */
    font-size: .85rem;
    font-weight: 500;
    line-height: 2.2rem;
    color: #3d4145;
    /* text-align: center; */
}

/*p {
    margin: 0.7em 0;
}*/

.bar-tab {
    background-color: #fff;
}

a, a:link {
    text-decoration: none;
    color: #262626;
}

.red {
    color: #F00;
}

/*h2 {
    display: block;
    height: 34px;
    font-weight: bold;
    font-size: 18px;
    color: #000;
    padding: 6px 0;
    margin-bottom: 8px;
}*/

.swiper-slide img {
    width: 100%;
}

.bar-tab .tab-item.active, .bar-tab .tab-item:active {
    color: #db483a;
}

.searchbar.fixed {
    background: rgba(245, 245, 245, 0.2);
    padding: 5px;
    height: auto;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
}

header .buttons-tab .button.active {
    color: #db483a;
    border-color: #db483a;
}

#page-light input[type="radio"], #page-light input[type="checkbox"] {
    display: none;
}

#page-nav-bar {
    background: #f7f7f7;
    overflow-x: hidden;
}

#page-light li {
    list-style: none;
}

#page-light .meta, #page-light .entry {
    padding: .2rem .5rem;
}

#slider, .swiper-container {
    padding-bottom: 0;
}
/*图标导航样式*/
.nav-list {
    position: relative;
    margin: 5% auto 3% auto;
    width: 100%;
}

    .nav-list ul {
        margin: 0;
        padding: 0;
        zoom: 1;
    }

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

        .nav-list ul li {
            display: block;
            position: relative;
            list-style: none;
            float: left;
            margin: 0;
            padding: 0;
            width: 25%;
            text-align: center;
        }

            .nav-list ul li a {
                display: block;
                position: relative;
                margin: 5% auto;
                text-align: center;
                width: 68%;
                line-height: 35px;
            }

                .nav-list ul li a img {
                    display: block;
                    margin: auto;
                    max-width: 80%;
                }

                .nav-list ul li a.pressed img {
                    opacity: 0.5;
                }

                .nav-list ul li a span {
                    display: block;
                    margin: auto;
                    width: 98%;
                    font-size: .5rem;
                    font-weight: normal;
                    color: #fff;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    line-height: 25px;
                }

.icon-ai {
    padding: 0 10px;
    width: 100%;
}

    .icon-ai img {
        width: 100%;
    }

select,
textarea,
input[type="text"],
input[type=search],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="color"],
.input-group {
    width: 100%;
    height: 40px;
    padding: 10px;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: .7rem !important;
    font-weight: normal;
    -webkit-appearance: none;
    box-sizing: border-box;
}


#page-light textarea,
#page-light select,
#page-light input[type="text"],
#page-light input[type="search"],
#page-light input[type="number"],
#page-light input[type="password"] {
    margin: 0.5em 0;
    padding: 0.7em 1em;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 0.2125em;
    font-family: "Microsoft Yahei",helvetica,arial;
    color: #262626;
    font-size: 14px;
    line-height: 1.3em;
}

.btn {
    position: relative;
    margin: 0.5em 0;
    padding: 0.7em 1em;
    display: block;
    background: #fff;
    color: #353535;
    font-size: 15px;
    font-family: "Microsoft Yahei",helvetica,arial;
    line-height: 1.2em;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 0.2125em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

#page-light input[type=submit].btn, #page-light input[type=submit].btn, #page-light button.btn, #page-light input[type=button].btn {
    -webkit-appearance: none;
}


#page-light .search-input input {
    margin: 0;
    padding-left: 2em;
}

.btn.full {
    width: 100%;
}

.btn.gray {
    color: #777;
    background: #ddd;
    border-color: #ddd;
}

.btn.green {
    color: #fff;
    background: #0bb615;
    border-color: #0bb615;
}

.btn.red {
    color: #fff;
    background: #f00;
    border-color: #f00;
}

.btn.sina.red {
    color: #fff;
    background: #df4d69;
    border-color: #df4d69;
}

.btn.orange {
    color: #fff;
    background: #f05b0b;
    border-color: #f05b0b;
}

.btn.blue {
    color: #fff;
    background: #0088D1;
    border-color: #0088D1;
}

.btn.red {
    background: #fe4543;
    border-color: #fe4543;
}

.btn.zan-red,
.button.zan-red {
    /*background-color: rgb(121,26,30) !important;
    border-color: rgb(121,26,30) !important;*/
    background-color: #891919 !important;
    border-color: #891919 !important;
    color: #fff;
}

/* 页面底部样式
----------------------------------------------------------------------*/
.copyright {
    margin: 0;
    padding: 0;
    border-top: 0px solid #ddd;
    text-align: center;
}

    .copyright p {
        padding: 10px 0;
        line-height: 1.2em;
        font-size: 15px;
        color: #ccc;
        margin: 0;
    }

        .copyright p a {
            margin: 0 5px;
            color: #333;
            font-size: 13px;
            font-weight: normal;
        }

    .copyright address {
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        color: #999;
    }

#message {
    width: 36px;
    position: absolute;
    height: 36px;
    bottom: 3px;
    right: 6px;
}

    #message div {
        text-align: center;
    }

        #message div div.icon {
            height: 20px;
            width: auto;
            background-image: url(../images/icons/icon-msg.png);
            background-size: 58%;
            background-position: center;
            background-repeat: no-repeat;
        }

        #message div span {
            height: 16px;
            line-height: 16px;
            font-size: 10px;
            color: #808080;
        }

#news-day {
    padding: 0 10px;
}

    #news-day .left {
        float: left;
        height: 30px;
        width: 111px;
        padding: 4px;
    }

        #news-day .left img {
            height: 100%;
        }

    #news-day .right {
        height: 30px;
        padding-left: 111px;
        width: 100%;
    }

        #news-day .right #ulNews {
        }

        #news-day .right ul#ulNews li {
            list-style-type: none;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            line-height: 30px;
            font-size: 16px;
        }

            #news-day .right ul#ulNews li span {
                color: #f26755;
                line-height: 30px;
                font-size: 18px;
            }

        #news-day .right #linkNews {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

            #news-day .right #linkNews a {
                display: block;
                width: 100%;
                height: 100%;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                line-height: 30px;
                font-size: 16px;
                color: #666;
            }

                #news-day .right #linkNews a span {
                    color: #f26755;
                    line-height: 30px;
                    font-size: 16px;
                }

#code_list {
    padding: 10px;
    width: 100%;
}

    #code_list ul {
        padding-left: 0;
        margin: 0;
    }

        #code_list ul li {
            width: 100%;
            height: 36px;
            line-height: 36px;
            max-width: 100%;
            overflow: hidden;
            box-sizing: border-box;
            border-bottom: 1px solid #f1f1f1;
        }

            #code_list ul li a {
                display: block;
                width: 100%;
                height: 100%;
                padding: 0 10px;
            }

                #code_list ul li a i {
                    float: right;
                    -moz-transform: scaleX(-1);
                    -webkit-transform: scaleX(-1);
                    -o-transform: scaleX(-1);
                    transform: scaleX(-1);
                    color: rgba(0,0,0,0.6);
                }

.Validform_checktip.Validform_right {
    display: none !important;
}
/*以下部分是Validform必须的*/
#page-light .Validform_checktip {
    display: block;
    color: #999;
    font-size: 14px;
    text-align: left;
    padding: 0 1em;
}

#page-light .Validform_right {
    color: #71b83d;
}

#page-light .Validform_wrong {
    color: #F00;
    white-space: nowrap;
}

#page-light .Validform_loading {
}

#page-light .Validform_error {
    background: #FEFBD3;
}


#search {
    width: 100%;
    height: 36px;
    position: absolute;
    bottom: 3px;
    left: 0;
    padding: 0 50px;
    z-index: 1;
}

    #search div {
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.74);
        padding: 0 20px;
        line-height: 36px;
        border-radius: 3px;
        color: #9C9C9C;
        font-size: 15px;
    }

#message {
    width: 36px;
    position: absolute;
    height: 36px;
    bottom: 3px;
    right: 6px;
}

    #message div {
        text-align: center;
    }

        #message div div.icon {
            height: 20px;
            width: auto;
            background-image: url(../images/icons/icon-msg.png);
            background-size: 58%;
            background-position: center;
            background-repeat: no-repeat;
        }

        #message div span {
            height: 16px;
            line-height: 16px;
            font-size: 10px;
            color: #808080;
        }

/*会员中心
----------------------------------------------------------------------*/
#page-light .link-box {
    margin: 15px 10px;
    text-align: right;
    padding: 0 5px;
}

    #page-light .link-box a {
        display: inline-block;
        margin-right: 0px;
        color: #666;
        font-size: 13px;
        line-height: 1.5em;
    }

#page-light .oauth-list {
    margin: 10px 10px;
    padding: 0 30px;
}

    #page-light .oauth-list:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    #page-light .oauth-list h2 {
        margin: 0;
        padding: 5px 0;
        color: #666;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.2em;
        height: auto;
    }

    #page-light .oauth-list a {
        text-align: center;
        display: block;
        float: left;
        padding: 10px 0;
        line-height: 1.5em;
        vertical-align: middle;
        width: 33.3333%;
    }

        #page-light .oauth-list a img {
            width: 50px;
            vertical-align: middle;
        }

#page-light .head-box {
    padding: 0;
    background-color: #fff;
}

    #page-light .head-box .avatar-box {
        margin: 0 auto 0px 20px;
        color: #fff;
    }

        #page-light .head-box .avatar-box:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }

        #page-light .head-box .avatar-box img {
            float: left;
            width: 64px;
            height: 64px;
            border: 1px solid #efefef;
            border-radius: 50%;
            overflow: hidden;
        }

        #page-light .head-box .avatar-box h3 {
            margin: 0 auto 0 74px;
            padding: 0;
            font-size: 15px;
            line-height: 20px;
            height: 24px;
        }

        #page-light .head-box .avatar-box p {
            display: block;
            margin: 0 auto 0 74px;
            padding: 0;
            line-height: 20px;
            height: 20px;
        }

            #page-light .head-box .avatar-box p span {
                font-size: 12px;
            }

    #page-light .head-box .order-box ul {
        border: none;
        border-bottom: 1px solid #efefef;
    }

        #page-light .head-box .order-box ul a div {
            background: #ffb459;
        }

text #page-light .head-box .order-box ul a:after {
    content: "\f054";
}

#page-light .head-box .tip-box {
    padding: 0;
}

    #page-light .head-box .tip-box:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    #page-light .head-box .tip-box dl {
        padding: .3rem 0;
        margin: 0;
        float: left;
        display: block;
        width: 33.3333%;
        text-align: center;
        color: #fff;
        font-size: .8rem;
        color: #808080;
    }

        #page-light .head-box .tip-box dl.active {
            color: #F47373; /*border-bottom: 1px solid rgba(244, 115, 115, 1) !important;*/
        }

        #page-light .head-box .tip-box dl:last-child {
        }

        #page-light .head-box .tip-box dl:first-child {
            border-left: 0;
        }

        #page-light .head-box .tip-box dl dt {
            height: 1.2rem;
            line-height: 1.2rem;
            font-size: 1rem;
        }

            #page-light .head-box .tip-box dl dt i {
                display: block;
                width: 1.2rem;
                margin: auto;
                position: relative;
            }

                #page-light .head-box .tip-box dl dt i span {
                    display: block;
                    background: #fff;
                    position: absolute;
                    width: .6rem;
                    height: .6rem;
                    top: -.1rem;
                    right: -.1rem;
                    border-radius: 50%;
                    font-size: .4rem;
                    line-height: .6rem;
                    text-align: center;
                    color: #fff;
                    background: #D0002C;
                }

                    #page-light .head-box .tip-box dl dt i span:before {
                        line-height: .6rem;
                        position: absolute;
                    }

                    #page-light .head-box .tip-box dl dt i span.ellipsis {
                        border: #fff 1px solid;
                        box-sizing: border-box;
                        line-height: 13px;
                    }

                        #page-light .head-box .tip-box dl dt i span.ellipsis:before {
                            line-height: 13px;
                            text-align: center;
                            width: 13px;
                        }

                #page-light .head-box .tip-box dl dt i.delived:before {
                    font-size: 1.2em;
                }

                #page-light .head-box .tip-box dl dt i.deliver:before {
                    font-size: 1.1em;
                }

        #page-light .head-box .tip-box dl dd {
            height: .8rem;
            line-height: .8rem;
            font-size: .6rem;
            margin: 0;
        }

            #page-light .head-box .tip-box dl dd a {
                display: block;
                width: 100%;
                height: 100%;
                color: #fff;
            }

.profile-box {
    width: 100%;
    background-image: url(../images/bg/feel-bg.jpg);
    padding: 10px 10px;
    background-size: cover;
    background-color: #fff;
}

    .profile-box .avatar-box {
        height: 36px;
        width: 100%;
        position: relative;
    }

        .profile-box .avatar-box .left {
            position: absolute;
            width: 100%;
            top: 0;
            left: 0px;
            padding-left: 0;
        }

            .profile-box .avatar-box .left .avatar {
                float: left;
                height: 36px;
                border: 1px solid #f9f9f9;
                width: 36px;
                box-sizing: border-box;
                border-radius: 5px;
                overflow: hidden;
                background: #f9f9f9;
            }

                .profile-box .avatar-box .left .avatar img {
                    height: 100%;
                    width: 100%;
                }

            .profile-box .avatar-box .left span {
                display: block;
                width: 100%;
                height: 18px;
                line-height: 18px;
                color: #fff;
                padding-left: 45px;
                font-size: 13px;
            }

                .profile-box .avatar-box .left span.top {
                    color: rgba(255,255,255,0.89);
                }

                .profile-box .avatar-box .left span.bottom {
                    color: rgba(255,255,255,0.59);
                }

        .profile-box .avatar-box .right {
            position: absolute;
            top: 0;
            right: 0px;
            width: 80px;
            padding: 2px;
        }

            .profile-box .avatar-box .right div {
                height: 32px;
                width: 32px;
                border-radius: 50%;
                background-color: rgba(0, 0, 0, 0.2);
                text-align: center;
                line-height: 32px;
                color: #fff;
            }

                .profile-box .avatar-box .right div.cart {
                    float: left;
                    position: relative;
                }

                    .profile-box .avatar-box .right div.cart i:before {
                        line-height: 32px;
                    }

                    .profile-box .avatar-box .right div.cart .af-badge {
                        top: 0px;
                        right: 0;
                        height: 100px;
                    }

                .profile-box .avatar-box .right div.msg {
                    float: right;
                }

                .profile-box .avatar-box .right div i:before {
                    left: 0;
                    font-size: 22px;
                    line-height: 32px;
                }

    .profile-box .grade-box {
        height: 100px;
        margin-top: 10px;
        text-align: center;
    }

        .profile-box .grade-box div.crown {
            height: 100px;
            width: 100px;
            border-radius: 50%;
            margin: auto;
            border: 1px solid rgba(0,0,0,0);
            overflow: hidden;
        }

            .profile-box .grade-box div.crown .crown-img {
                height: 50px;
                margin-top: 12px;
                width: 100%;
            }

                .profile-box .grade-box div.crown .crown-img img {
                    width: auto;
                    height: 80%;
                }

            .profile-box .grade-box div.crown .grade {
                color: #fff;
                line-height: 20px;
                font-size: 12px;
            }

    .profile-box .info-box {
    }

        .profile-box .info-box .grade {
            text-align: center;
            color: #fff;
            font-size: 1rem;
        }

        .profile-box .info-box .welcome {
            color: rgba(251, 251, 251, 0.91) !important;
            font-size: 15px !important;
        }

/*重写头像*/
.profile-box { /*background:rgb(97,189,186);*/
    padding: .8rem;
}

    .profile-box .grade-box {
        min-height: 5rem;
        margin-top: 0px;
        height: auto;
    }

        .profile-box .grade-box .avatar-box {
            width: 100%;
            height: 2.5rem;
        }

            .profile-box .grade-box .avatar-box > div {
                display: inline-block;
                height: 2.5rem;
            }

            .profile-box .grade-box .avatar-box .left {
                width: 2.5rem;
                padding: .1rem;
                border-radius: .2rem;
                background: #fff;
            }

                .profile-box .grade-box .avatar-box .left img {
                    height: 100%;
                    width: 100%;
                }

            .profile-box .grade-box .avatar-box .right {
                padding: 0;
                padding-left: 2.5rem;
                position: initial;
                width: 100%;
            }

                .profile-box .grade-box .avatar-box .right div {
                    height: 1.75rem;
                    width: 100%;
                    padding: 0 1rem;
                    line-height: 1.2rem;
                    background: initial;
                    text-align: left;
                }

                    .profile-box .grade-box .avatar-box .right div.top {
                        height: 1.2rem;
                        font-size: .9rem;
                    }

                    .profile-box .grade-box .avatar-box .right div.bottom {
                        height: 1.3rem;
                    }

                        .profile-box .grade-box .avatar-box .right div.bottom div.btn {
                            margin: 0 !important;
                            line-height: 1.3rem;
                            display: block;
                            background: #fff;
                            border-radius: .2rem;
                            color: rgb(23, 26, 35);
                            height: 100%;
                            box-sizing: border-box;
                            box-sizing: border-box;
                            text-align: center;
                            border: 1px solid rgba(255, 255, 255, 0.79);
                            width: 8rem;
                            padding: 0 .5rem;
                        }

                            .profile-box .grade-box .avatar-box .right div.bottom div.btn.active {
                                background: rgba(97,189,186,0);
                                color: #fff;
                                border: 1px solid rgba(235, 235, 235, 0.54);
                            }

.user-box .list {
    background: rgba(255,255,255,0) !important;
    margin-top: .8rem !important;
}

    .user-box .list li {
        background: rgba(255,255,255,0) !important;
        border: none !important;
        color: #fff;
        text-align: left;
    }

        .user-box .list li a {
            padding: 0 !important;
            color: #fff !important;
        }

        .user-box .list li span {
            color: #ffffff !important;
            padding-right: 0 !important;
        }

        .user-box .list li .avatar {
            margin-right: 0px !important;
        }

            .user-box .list li .avatar:last-child {
                margin-right: 10px !important;
            }

            .user-box .list li .avatar img {
                height: 100%;
                width: 100%;
            }

#page-light .list li {
    border-bottom: 1px solid #ccc;
}

    #page-light .list li:last-child {
        border: none;
    }

/*标题样式*/
.section {
    border-bottom: 0px solid #D8D8D8;
    margin-top: 10px; /*padding:0 10px;*/
}

    .section a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .section h1 {
        margin: 0;
        padding: 0 0 0 8px;
        line-height: 2.2em;
        border-bottom: 1px solid rgba(206, 206, 207, 0.25);
        font-size: .9rem;
        font-weight: bold;
        color: #1f1f1f;
        border-left: 3px solid #db483a;
        background: #f5f5f5;
    }

        .section h1 img {
            height: 29px;
            margin-top: 4px;
        }

        .section h1 span {
            display: block;
            margin-right: 10px;
            float: right;
            color: #666;
            font-size: 12px;
            font-weight: normal;
        }

    .section .title {
        color: #615c61;
        font-size: 18px;
        padding: 0px;
        overflow: hidden;
        text-align: center;
        height: auto;
        position: initial;
        margin: 0;
        display: block;
        border-radius: 0.2125em;
    }

        .section .title img {
            width: 100%;
            margin: auto;
            display: block;
        }

        .section .title span {
            display: block;
        }

#page-light .meta {
    margin: auto auto auto auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #EEE;
    background: #fff;
}

    #page-light .meta .meta-tit {
        color: #565656;
        font-size: 1rem;
        margin: 0;
        font-weight: 500;
        line-height: 1.8rem;
    }

    #page-light .meta .meta-info {
        font-size: .7rem;
        color: #999;
        margin: 0;
        line-height: 1.2rem;
    }

        #page-light .meta .meta-info span {
            margin-right: 0.5em;
        }

/*导航列表样式*/
#page-light .listview.inset.nav-list {
    margin: 0;
    border-color: #ddd;
    border-radius: 0;
    margin: 0;
    background: #fff;
}

#page-light .listview.nav-list .nodata {
    margin: 0 10px;
    line-height: 35px;
}

#page-light .listview.nav-list li {
    border-color: #efefef;
    padding: 0;
    height: 46px;
    line-height: 46px;
}

    #page-light .listview.nav-list li > a {
        padding: 0 10px;
        color: #53575E;
        margin: 0;
        font-size: 16px;
        display: block;
    }

        #page-light .listview.nav-list li > a:after {
            content: "";
        }

        #page-light .listview.nav-list li > a > div {
            height: 30px;
            margin-top: 8px;
            width: 30px;
            float: left;
            margin-right: 10px;
            border-radius: 50%;
            line-height: 30px;
            text-align: center;
            overflow: hidden;
        }

            #page-light .listview.nav-list li > a > div > i {
                line-height: 30px;
                display: initial;
                padding: 2px;
            }

                #page-light .listview.nav-list li > a > div > i:before {
                    margin: 0;
                    font-size: 1.2em;
                    line-height: 30px;
                }

            #page-light .listview.nav-list li > a > div img {
                height: 100%;
                width: 100%;
            }

        #page-light .listview.nav-list li > a > span {
            float: right;
            color: #808080;
            font-size: 13px;
            padding-right: 10px;
        }

        #page-light .listview.nav-list li > a > img {
            float: left;
            margin-right: 10px;
            width: 75px;
        }

        #page-light .listview.nav-list li > a > dl {
            height: 30px;
            margin-top: 8px;
            float: right;
        }

            #page-light .listview.nav-list li > a > dl > dd {
                height: 30px;
                width: 30px;
                border-radius: 50%;
                overflow: hidden;
                float: right;
                margin-left: 5px;
            }

                #page-light .listview.nav-list li > a > dl > dd.gray {
                    -webkit-filter: grayscale(100%);
                    -moz-filter: grayscale(100%);
                    -ms-filter: grayscale(100%);
                    -o-filter: grayscale(100%);
                    filter: grayscale(100%);
                    filter: gray;
                }

                #page-light .listview.nav-list li > a > dl > dd img {
                    height: 100%;
                    width: 100%;
                }

                    #page-light .listview.nav-list li > a > dl > dd img.gray {
                        -webkit-filter: grayscale(100%);
                        -moz-filter: grayscale(100%);
                        -ms-filter: grayscale(100%);
                        -o-filter: grayscale(100%);
                        filter: grayscale(100%);
                        filter: gray;
                    }

#page-light .oauth-center .listview.nav-list {
    border: none;
}
/*列表样式*/
#page-light .listview {
    margin: 0px;
    padding: 0;
}

    #page-light .listview.inset {
        margin: 10px 0;
        border-color: #ddd;
        border-radius: 0.2125em;
    }

    #page-light .listview .nodata {
        margin: 0 10px;
        line-height: 35px;
    }

    #page-light .listview li:first-child {
        border-top: 0;
        margin: 0;
    }

    #page-light .listview li {
        border-color: #efefef;
        background: #fff;
        /*margin-top: .5rem;*/
    }

        #page-light .listview li.quize {
            padding: .5rem;
            margin-top: 0;
        }

            #page-light .listview li.quize a .intro {
                height: 1.2rem;
                font-size: .7rem;
                margin: 0;
                line-height: 1.2rem;
            }

            #page-light .listview li.quize:first-child {
                margin-top: 0;
            }

        #page-light .listview li > a {
            padding: .5rem;
            color: #53575E;
            display: block;
            position: relative;
        }

        #page-light .listview li > .join {
            padding: 0;
            line-height: 1.5rem;
            color: #53575E;
            display: block;
            position: relative;
            height: 1.5rem;
        }

            #page-light .listview li > .join div {
                display: inline-block;
            }

                #page-light .listview li > .join div.left {
                    width: 100%;
                    overflow: hidden;
                    height: 1.5rem;
                    line-height: 1.5rem;
                    padding-right: 2.5rem;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    font-size: .9rem;
                }

                #page-light .listview li > .join div.right {
                    position: absolute;
                    top: 0;
                    right: 0;
                    height: 1.5rem;
                    background: #db483a;
                    color: #fff;
                    width: 2.5rem;
                    text-align: center;
                    border-radius: 3px;
                }

                    #page-light .listview li > .join div.right.active {
                        background: #ddd;
                    }

                        #page-light .listview li > .join div.right.active .icon:before {
                            content: "\e60a";
                        }

        #page-light .listview li > a > img {
            float: left;
            margin-right: 10px;
            width: 75px;
            max-height: 70px;
        }

        #page-light .listview li > a > h2 {
            display: block;
            margin: 0;
            padding: 0;
            color: #000;
            font-size: 15px;
            font-weight: normal;
            height: 30px;
            line-height: 150%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        #page-light .listview li > a .intro {
            margin: 0 0 5px 0;
            color: #8c8c8c;
            font-size: 12px;
            line-height: 20px;
            height: 40px;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        #page-light .listview li > a .note {
            margin: 0 0 5px 0;
            max-height: 2.4rem;
        }

        #page-light .listview li > a .abstract {
            margin: 0;
            padding: 0;
            color: #8c8c8c;
            font-size: .5rem;
            line-height: 1rem;
            overflow: hidden;
            width: 100%;
            margin-top: .3rem;
            height: 3rem;
        }

        #page-light .listview li > a .note p {
            margin: 0;
            padding: 0;
            color: #8c8c8c;
            max-height: 1.6rem;
            font-size: .6rem;
            text-overflow: ellipsis;
            overflow: hidden;
            line-height: .8rem;
        }

        #page-light .listview li > a .bottom {
            height: 1rem;
            line-height: 1rem;
            text-align: center;
            font-size: .5rem;
        }

            #page-light .listview li > a .bottom .left {
                width: 50%;
                float: left;
                text-align: left;
            }

            #page-light .listview li > a .bottom .right {
                width: 50%;
                float: right;
                text-align: right;
            }

            #page-light .listview li > a .bottom:after {
                clear: both;
            }

        #page-light .listview li > a .note p .price {
            display: inline-block;
            margin-right: 3px;
            color: #fb6700;
            font-size: 15px;
            font-style: inherit;
        }

        #page-light .listview li > a .note p .date {
            display: inline-block;
            margin-right: 3px;
            font-size: 12px;
            font-style: inherit;
        }

        #page-light .listview li > a .note p .hot {
            display: block;
            float: right;
            padding: 0 5px;
            font-size: 12px;
            font-style: inherit;
        }

        #page-light .listview li > a > .text {
            display: block;
            margin: 0;
            padding: 0;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        #page-light .listview li > a > .date {
            display: block;
            float: right;
            margin: 0 5px;
            padding: 0;
            font-size: 12px;
            font-style: normal;
            color: #8c8c8c;
        }

        #page-light .listview li > a > .number {
            display: block;
            float: left;
            margin: 0 3px 0 0;
            padding: 3px 0;
            width: 18px;
            color: #fff;
            font-size: 10px;
            font-style: normal;
            line-height: 1em;
            text-align: center;
            background: #A2DBDB;
            border-radius: 3px;
        }

#page-light .listline li:first-child {
    margin-top: .5rem;
    border-top: 0px solid #ebebeb;
}

#page-light .listline li:last-child {
    border: none;
}



.btn.more {
    background: rgb(242,242,242);
    color: rgb(59,167,226);
    padding: 0.5em 1em;
    border: 0;
}


/* 购物商城CSS
----------------------------------------------------------------------*/
#page-light .goods-item {
    margin: 0px 0;
    padding: 10px;
    border: 0px solid #ddd;
    border-radius: 0.2125em;
    ;
    background: #fff;
}

    #page-light .goods-item h2 {
        margin: 0 0 10px;
        padding-bottom: 10px;
        color: #53575e;
        font-size: 14px;
        line-height: 1em;
        font-weight: normal;
        border-bottom: 1px solid #efefef;
    }

    #page-light .goods-item > dl {
        clear: both;
        font-size: 14px;
        padding: 5px 0;
    }

        #page-light .goods-item > dl dt {
            display: block;
            float: left;
            padding-right: 5px;
        }

#page-light .goods-shop {
    margin: 10px 0;
    padding: 5px 10px;
    border: 0px solid #ddd;
    border-radius: 0.2125em;
    background: #fff;
}

    #page-light .goods-shop h2 {
        margin: 0 0 10px;
        padding-bottom: 10px;
        color: #53575e;
        font-size: 14px;
        line-height: 1em;
        font-weight: normal;
        border-bottom: 1px solid #efefef;
    }

    #page-light .goods-shop > dl {
        clear: both;
        font-size: 14px;
        height: 37px;
        border-bottom: 1px solid #ddd;
        line-height: 37px;
        margin: 0;
    }

        #page-light .goods-shop > dl dt {
            display: block;
            float: left;
            padding-right: 5px;
            color: #000;
        }

        #page-light .goods-shop > dl dd {
            float: right;
            color: #808080;
        }

        #page-light .goods-shop > dl:last-child {
            border: none;
            color: #808080;
        }

            #page-light .goods-shop > dl:last-child dt {
                color: #3A3A3A;
            }

                #page-light .goods-shop > dl:last-child dt i {
                    color: #40cf11;
                }

#page-light .goods-hint {
    margin: 10px 0;
    padding: 10px;
    border-radius: 0.2125em;
}

    #page-light .goods-hint h2 {
        color: #fff;
        display: block;
        border-radius: 5px;
        padding: 0 5px;
        background: #f96e57;
        width: auto;
        width: 80px;
        text-align: center;
        line-height: 34px;
    }

    #page-light .goods-hint .hint {
        background: #efefef;
        border: 1px solid #bec7ce;
        padding: 10px;
    }

#page-light .goods-list {
    margin: 0;
    padding: 0;
    /*background: #fff;*/
}

    #page-light .goods-list:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    #page-light .goods-list .nodata {
        margin: 0 10px;
        line-height: 35px;
    }

    #page-light .goods-list li {
        float: left;
        width: 50%;
        list-style: none;
        position:relative;
    }

        #page-light .goods-list li.layout-4 {
            width: 33.3333333%;
        }

            #page-light .goods-list li.layout-4:nth-child(2n) > div {
                margin: 5px 5px 5px 5px;
            }

            #page-light .goods-list li.layout-4 > div {
                margin: 5px 5px 5px 5px;
            }

        #page-light .goods-list li.layout-1 {
            width: 100%;
            padding:.3rem;
            background:#fff;
            margin-bottom:.5rem;
        }
            #page-light .goods-list li.layout-1:last-child{
                margin-bottom:0;
            }
            #page-light .goods-list li.layout-1 .title {
                font-size: .8rem;
                color: rgb(29,29,29);
                height: 2.5rem;
                font-weight: 600;
                padding: .25rem .5rem;
            }
            #page-light .goods-list li.layout-1 a img {
                display: block;
                height: 5.55rem;
                width: 5.55rem;
                float: left;
            }

        #page-light .goods-list li > div {
            display: block;
            margin: 5px 5px 5px 10px;
            background: #fff;
            position: relative;
        }

        #page-light .goods-list li:nth-child(2n) > div {
            margin: 5px 10px 5px 5px;
        }

        #page-light .goods-list li a img {
            display: block;
            height: auto;
            width: 100%;
        }

        #page-light .goods-list li a.pressed img {
            opacity: 0.5;
        }

        #page-light .goods-list li a h2 {
            display: block;
            font-size: 13px;
            font-weight: normal;
            color: #313131;
            line-height: 30px;
            height: 30px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            margin: 0;
            padding: 0 5px;
        }

        #page-light .goods-list li a div.title,
        #page-light .listview li a div.title {
            font-size: 0.7rem;
            height: 40px;
            padding: 0 5px;
            line-height: 20px;
            overflow: hidden;
            position: initial;
            margin: 0;
            display: block;
            text-align: left;
            white-space: initial;
            width: auto;
        }

        #page-light .goods-list li a div.title {
            /*border-left: 1px solid #d8d8d8;
            border-right: 1px solid #d8d8d8;*/
            color: #51515c;
        }

#page-light .listview.notice-list li > a div.title.font-roll {
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
}

    #page-light .listview.notice-list li > a div.title.font-roll .font-roll-inner {
        white-space: nowrap;
        padding: 0px;
        width: 100%;
        position: initial;
        z-index: 1;
    }
#page-light .goods-list li a .goods-buy{
    overflow:hidden;
}
#page-light .goods-list li a div.note {
    /*border: 1px solid #d8d8d8;*/
    border-top: none;
    overflow: hidden;
}

#page-light .goods-list li a .note p {
    margin: 0;
    text-align: left;
    padding: 5PX 5px;
    overflow: hidden;
}

    #page-light .goods-list li a .note p .price {
        display: inline-block;
        color: #fb6700;
        color: #51515c;
        font-size: .8rem;
        font-style: inherit;
        margin: 0;
    }

    #page-light .goods-list li a .note p s {
        float: left;
    }

#page-light .listview li a div.goods-buy, #page-light .goods-list li a div.goods-buy {
    background-image: url(../images//store/icon-cart.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    right: 10px;
    bottom: 8px;
    height: 25px;
    width: 30px;
    position: absolute;
}

#page-light .goods-btn {
    margin-bottom: 10px;
    padding: 10px;
    border: 0px solid #ddd;
    border-radius: 0.2125em;
    background: #fff;
    border-top: none;
}

    #page-light .goods-btn h1 {
        margin: 0 0 10px;
        padding-bottom: 10px;
        color: #000;
        font-size: 19px;
        border-bottom: none;
    }

    #page-light .goods-btn:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    #page-light .goods-btn .price-box {
        line-height: 1.8em;
        height: 37px;
    }

        #page-light .goods-btn .price-box:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        #page-light .goods-btn .price-box div {
            display: block;
            float: left;
            line-height: 37px;
            font-size: .7rem;
        }

            #page-light .goods-btn .price-box div div.icon {
                color: #fb6700;
            }

            #page-light .goods-btn .price-box div div.price {
                color: #D0002C;
                font-size: 1rem;
            }

            #page-light .goods-btn .price-box div div.price-remark {
                color: #D0002C;
                height: 10px;
                margin: 0 10px;
            }

                #page-light .goods-btn .price-box div div.price-remark span {
                    background: #D0002C;
                    display: block;
                    height: 15px;
                    color: #fff;
                    font-size: .4rem;
                    line-height: 15px;
                    padding: 0 3px;
                    margin-top: 14px;
                }

            #page-light .goods-btn .price-box div.market-price {
                float: right;
            }

            #page-light .goods-btn .price-box div b {
                color: #F00;
                font-size: 21px;
            }

    #page-light .goods-btn .input-box {
        margin-bottom: 10px;
        clear: both;
        line-height: 37px;
        height: 37px;
    }

        #page-light .goods-btn .input-box .listbox {
            display: inline-block;
            vertical-align: middle;
        }

        #page-light .goods-btn .input-box a {
            display: block;
            float: left;
            margin: 0;
            padding: 5px 15px;
            border: 1px solid #ddd;
            font-size: 15px;
            line-height: 22px;
            height: 35px;
            color: #353535;
            cursor: pointer;
        }

        #page-light .goods-btn .input-box input[type="text"] {
            display: block;
            float: left;
            margin: 0;
            padding: 5px 10px;
            width: 50px;
            border: 1px solid #ddd;
            border-left: 0;
            border-right: 0;
            border-radius: 0;
            font-size: 15px;
            line-height: 25px;
            height: 35px;
            text-align: center;
        }

    #page-light .goods-btn .btn-box .col {
        float: left;
        width: 50%;
    }

    #page-light .goods-btn .btn-box .add {
        display: block;
        width: 100%;
        box-sizing: border-box;
        border-color: #f00;
        color: #fff;
        background: #f00;
        cursor: pointer;
    }

    #page-light .goods-btn .btn-box .buy {
        display: block;
        width: 100%;
        box-sizing: border-box;
        border-color: #0088D1;
        color: #fff;
        background: #0088D1;
        cursor: pointer;
    }

    #page-light .goods-btn .btn-box .over {
        color: #999;
        background: #f7f7f7;
        border-color: #e8e8e8;
        cursor: default;
    }

#page-light .goods-spec {
    margin-top: 10px;
    padding: 0 10px;
}

/*筛选菜单样式*/
.select-bar {
    margin: 0px;
    background: #fff;
}

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

    .select-bar .col {
        float: left;
        width: 50%;
        position: relative;
    }

        .select-bar .col a {
            position: relative;
            margin: 0;
            padding: 0.8em 1em;
            display: block;
            background: #fff;
            color: #353535;
            font-size: 14px;
            font-family: "Microsoft Yahei",helvetica,arial;
            line-height: 1.2em;
            text-align: center;
            border: 1px solid #f5f5f5;
            border-left: 0;
            letter-spacing: 0.2em;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            cursor: pointer;
        }

        .select-bar .col:last-child a {
        }

        .select-bar .col a.icon-back:after {
            position: absolute;
            display: block;
            left: 0.5625em;
            top: 50%;
            margin-top: -11px;
            content: "";
            width: 22px;
            height: 22px;
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2212px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2012%2014%22%20style%3D%22enable-background%3Anew%200%200%2012%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M4%2C3V0L0%2C4l4%2C4V5c0%2C0%2C6%2C0%2C6%2C3s-5%2C4-5%2C4v2c0%2C0%2C7-1%2C7-6C12%2C4%2C7%2C3%2C4%2C3z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        }

        .select-bar .col a.icon-carat-r:after {
            position: absolute;
            display: block;
            right: 0.5625em;
            top: 50%;
            margin-top: -11px;
            content: "";
            width: 22px;
            height: 22px;
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%228px%22%20height%3D%2212px%22%20viewBox%3D%220%200%208%2012%22%20style%3D%22enable-background%3Anew%200%200%208%2012%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%222%2C0%200%2C2%204%2C6%200%2C10%202%2C12%208%2C6%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        }

        .select-bar .col i {
            position: absolute;
            display: block;
            font-size: 14px;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            line-height: 1;
        }

            .select-bar .col i.trash {
                right: 0.5625em;
                top: 50%;
                margin-top: -7px;
            }

            .select-bar .col i.check {
                left: 0.5625em;
                top: 50%;
                margin-top: -7px;
            }

.category-bar {
    padding: 0px;
    margin-top: 0;
}

    .category-bar li {
        margin: 0 0 5px 0;
        clear: both;
        list-style: none;
        box-sizing: content-box;
    }

        .category-bar li h2 {
            padding: 0;
            border-left: 0px solid #A2DBDB;
            background: rgba(234, 234, 234, .9);
            padding-left: 12px;
            margin-top: 0;
        }

            .category-bar li h2 a {
                display: block;
                font-size: 17px;
                color: #808080;
                line-height: 35px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

        .category-bar li p:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }

        .category-bar li p {
            padding: 0 10px;
        }

            .category-bar li p a {
                display: block;
                float: left;
                font-size: 15px;
                color: #666;
                width: 33.333%;
                line-height: 30px;
                height: 30px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                padding: 0 .2rem;
            }

    .category-bar.list li {
        padding: 0 10px !important;
        border: 0 !important;
    }

        .category-bar.list li:first-child {
            padding-top: 0px !important;
        }

        .category-bar.list li p a {
            text-align: center;
            border: 1px solid #969696;
            border-radius: 3px;
            margin-right: 1%;
            overflow: hidden;
            margin-bottom: 5px;
            width: 24%;
        }
/*分页页码*/
.page-list {
    position: relative;
    margin: .5rem 0 0;
    clear: both;
}

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

    .page-list a, .page-list span {
        margin: 0;
        padding: 0;
        display: none;
        float: left;
        width: 25%;
        line-height: 2rem;
        border: 1px solid #ddd;
        border-right-color: #fff;
        font-size: .8rem;
        text-align: center;
        background: #fff;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .page-list span {
        color: #999;
    }

    .page-list a {
        color: #000;
    }

        .page-list span:nth-child(1), .page-list span:nth-child(2), .page-list a:nth-child(2) {
            display: block;
            float: left;
        }

        .page-list span:nth-last-child(1), .page-list a:nth-last-child(1) {
            display: block;
            float: left;
            border-right-color: #ddd;
        }

    .page-list .current {
        display: block;
        float: left;
    }

/*内容样式*/
#page-light .content {
    background: #f5f5f5;
    overflow-x: hidden;
    width: 100%;
}

#page-light .video-box {
    margin-top: 10px;
    width: 100%;
}

#page-light .entry {
    margin: 0;
    font-size: 18px !important;
    line-height: 24px;
    word-wrap: break-word;
    background: #fff;
}

    #page-light .entry img {
        max-width: 100% !important;
        height: auto !important;
        display: block;
    }

    #page-light .entry h2, .entry h3, .entry h4 {
        padding-bottom: 5px;
        color: #111;
    }

    #page-light .entry h2 {
        font-size: 17px;
    }

    #page-light .entry h1 {
        line-height: 60px;
    }

    #page-light .entry h2 {
        line-height: 50px;
    }

    #page-light .entry h3 {
        line-height: 40px;
    }

    #page-light .entry h4 {
        line-height: 30px;
    }

    #page-light .entry h3, #page-light .entry h4 {
        font-size: 14px;
    }

    #page-light .entry strong {
    }

    #page-light .entry ul, .entry ol {
        margin: 16px;
    }

    #page-light .entry li {
        margin-left: 26px;
    }

    #page-light .entry ul li {
        list-style: disc outside none;
    }

    #page-light .entry ol li {
        list-style: decimal outside none;
    }

    #page-light .entry p {
        display: inherit;
        margin: 0;
        color: #333; /*line-height:24px;*/
        word-wrap: break-word;
    }

    #page-light .entry a {
        text-decoration: underline;
    }

    #page-light .entry code, #page-light .comment code {
        background-color: #EEE;
        border-radius: 2px 2px 2px 2px;
        color: #777;
        font-family: 'courier new';
        margin: 0 4px;
        padding: 1px 4px;
    }

    #page-light .entry table {
        border-left: 1px solid #EEE;
        border-top: 1px solid #EEE;
    }

        #page-light .entry table th {
            background-color: #F9F9F9;
            text-align: center;
        }

        #page-light .entry table td, #page-light .entry table th {
            border-bottom: 1px solid #EEE;
            border-right: 1px solid #EEE;
            padding: 5px 10px;
        }


/*评论样式*/
#page-light .comment-add,
.comment-add {
    padding-bottom: 15px;
    padding: 0 10px 15px 10px;
}

    #page-light .comment-add .btn-list .btn,
    .comment-add .btn-list .btn {
        margin: 0;
        padding: 0.5em 0.7em;
        float: right;
        color: #fff;
        border-color: rgb(23, 26, 35);
        background: rgb(23, 26, 35);
    }

    #page-light .comment-add .btn-list .code,
    .comment-add .btn-list .code {
        display: inline-block;
        margin: 0;
        padding: 0.5em;
        width: 60px;
        height: auto;
        text-transform: uppercase;
    }

#page-light .comment-list,
.comment-list {
    margin: 0px;
    padding: 0;
}

    #page-light .comment-list .nodata,
    .comment-list .nodata {
        margin: 0 10px;
        line-height: 35px;
    }

    #page-light .comment-list li,
    .comment-list li {
        padding: 15px 10px;
        border-bottom: 1px solid #efefef;
        list-style: none;
    }

        #page-light .comment-list li:first-child,
        .comment-list li:first-child {
            border-top: 1px solid #efefef;
        }

        #page-light .comment-list li:last-child,
        .comment-list li:last-child {
            border-bottom: none;
        }

        #page-light .comment-list li .floor,
        .comment-list li .floor {
            display: none;
            float: right;
            font-size: 17px;
            color: #ddd;
        }

        #page-light .comment-list li .avatar,
        .comment-list li .avatar {
            display: none;
            background: #fff;
            border-radius: 2px 2px 2px 2px;
            float: left;
            height: 36px;
            overflow: hidden;
            width: 36px;
        }

            #page-light .comment-list li .avatar img,
            .comment-list li .avatar img {
                width: 36px;
                height: 36px;
            }

        #page-light .comment-list li .inner p,
        .comment-list li .inner p {
            margin: 0;
            padding: 0;
            font-size: 15px;
            color: #262626;
            line-height: 1.5em;
        }

        #page-light .comment-list li .inner .meta,
        .comment-list li .inner .meta {
            margin: 0;
            padding: 10px 0 0 0;
            font-size: 13px;
            color: #999;
            border: none;
        }

            #page-light .comment-list li .inner .meta .blue,
            .comment-list li .inner .meta .blue {
                color: #1E7BB3;
            }

            #page-light .comment-list li .inner .meta .time,
            .comment-list li .inner .meta .time {
                float: right;
            }

    .comment-list .item-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        min-height: 2.2rem;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .comment-list .item-media {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: .35rem;
        padding-bottom: .4rem;
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-lines: single;
        -moz-box-lines: single;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: none;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

        .comment-list .item-media img {
            height: 1.5rem;
            width: 1.5rem;
            border-radius: .75rem;
        }

    .comment-list .item-inner {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        min-height: 2.2rem;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: .4rem;
        padding-right: 0;
        padding-bottom: .35rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        margin-left: .5rem;
    }

    .comment-list .item-title {
        position: relative;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-flex-shrink: 1;
        -ms-flex: 0 1 auto;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
    }

    .comment-list .item-after {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        max-height: 1.4rem;
        margin-left: .25rem;
        color: #5f646e;
        white-space: nowrap;
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-size: .7rem;
    }

    .comment-list .item-detail {
        padding: 0;
        font-size: .7rem;
    }

    .comment-list li .answer {
        margin: 0;
        padding: .5rem;
        background: #f5f5f5;
        border-radius: 3px;
    }

        .comment-list li .answer p {
            margin: 0;
            padding: 0;
            font-size: .7rem;
            line-height: 1.5em;
        }

        .comment-list li .answer .meta {
            margin: 0 0 .25rem 0;
            padding: 0;
            color: #999;
            font-size: .6rem;
            border: none;
            background: transparent !important;
        }

            .comment-list li .answer .meta .blue {
                color: #1E7BB3;
            }

            .comment-list li .answer .meta .time {
                float: right;
            }

#page-light .more-comment,
.more-comment {
    margin: 15px 0 0 0;
}

    #page-light .more-comment .btn,
    .more-comment .btn {
        display: block;
        margin: 0;
        padding: 0 10px;
        width: 100%;
        line-height: 35px;
        height: 35px;
        color: #0088D1;
        font-size: 15px;
        text-align: center;
        border: none;
        border-radius: 0;
        background: #fff;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
/*表单样式*/
#page-light .form-box {
    margin: 10px 10px;
}

    #page-light .form-box input[type="checkbox"] + label:before {
        left: 0;
        top: 0;
    }

    #page-light .form-box input[type="checkbox"] + label {
        display: block;
        float: none;
        margin: 0.5em 0;
        padding: 0 0 10px 25px;
        width: auto;
    }

    #page-light .form-box input.code {
        width: 50%;
    }

    #page-light .form-box .send {
        display: block;
        float: right;
        margin-top: 7px;
        width: 40%;
        text-align: center;
        border: 1px solid #f05b0b;
        border-radius: 0.2125em;
        color: #f05b0b;
        font-size: 14px;
        line-height: 42px;
        height: 42px;
    }

        #page-light .form-box .send.gray {
            color: #ddd;
            border-color: #ddd;
        }

    #page-light .form-box > dl {
        display: block;
        margin: 0;
        padding: 0;
        clear: both;
        font-size: 14px;
        line-height: 40px;
    }

        #page-light .form-box > dl:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }

        #page-light .form-box > dl dt {
            display: block;
            float: left;
            width: 30%;
            color: #777;
        }

        #page-light .form-box > dl dd {
            display: block;
            float: left;
            padding: 10px 0;
            width: 70%;
            line-height: 20px;
        }

            #page-light .form-box > dl dd input, #page-light .form-box > dl dd select {
                margin: -5px 0;
            }

#page-light #buy_footer {
}

    #page-light #buy_footer .btn-box, #page-light #navbar .buy_footer .btn-box {
        width: 100%;
        height: 100%;
    }

        #page-light #buy_footer .btn-box .col, #page-light #navbar .buy_footer .btn-box .col {
            float: left;
            width: 50%;
            padding: 0 8px;
        }

        #page-light #buy_footer .btn-box .btn, #page-light #navbar .buy_footer .btn-box .btn {
            margin: 0;
            padding: 0;
            height: 33px;
        }

        #page-light #navbar .buy_footer .btn-box .btn {
            top: 0;
            line-height: 33px;
            font-size: 15px;
            color: #fff;
        }

        #page-light #navbar .buy_footer .btn-box a.btn.pressed {
            background: #f05b0b;
            color: #f05b0b;
        }

        #page-light #buy_footer .btn-box .buy,
        #page-light #navbar .buy_footer .btn-box .buy {
            display: block;
            width: 100%;
            box-sizing: border-box;
            border-color: #f05b0b;
            color: #fff;
            background: #f05b0b;
            cursor: pointer;
        }

        #page-light #buy_footer .btn-box .add,
        #page-light #navbar .buy_footer .btn-box .add {
            display: block;
            width: 100%;
            box-sizing: border-box;
            border-color: #e5e5e5;
            color: #303030;
            background: #fff;
            cursor: pointer;
        }

        #page-light #buy_footer .btn-box .over,
        #page-light #navbar .buy_footer .btn-box .over {
            color: #999;
            background: #f7f7f7;
            border-color: #e8e8e8;
            cursor: default;
        }

#page-light #navbar a.btn {
    color: #fff !important;
}

#userAddress {
    margin-bottom: 0px;
}

#page-light .address-list {
    list-style: none;
    margin: 0;
    margin-bottom: -5px;
    padding-left: 0;
}

    #page-light .address-list li {
        font-size: 14px;
        cursor: pointer;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #f0f0f0;
    }

        #page-light .address-list li.selected i {
            display: block;
        }

        #page-light .address-list li:last-child {
            border: none;
        }

        #page-light .address-list li i {
            display: none;
        }

        #page-light .address-list li em {
            color: #999;
            font-style: normal;
        }

        #page-light .address-list li .box .right {
            float: right;
        }

        #page-light .address-list li .box {
            padding-left: 1.5rem;
            padding-right: 0;
            position: relative;
        }

            #page-light .address-list li .box i {
                position: absolute;
                left: 0px;
                font-size: 1rem;
                display: block;
                top: 50%;
                height: 1.5rem;
                margin-top: -.75rem;
                line-height: 1.5rem;
                color: #555555;
            }

            #page-light .address-list li .box p {
                font-size: 16px;
                margin: 6px 0;
            }

            #page-light .address-list li .box span {
                float: right;
                margin-right: -25px;
                color: rgba(0, 0, 0, 0.38);
            }

#page-light .address-edit {
    height: 60px;
    width: 100%;
    line-height: 60px;
    text-align: center;
    margin-bottom: -20px;
}

    #page-light .address-edit a {
        display: block;
        width: 100%;
        height: 36px;
    }

#page-light #addressPanel {
    background: #f0f0f0;
}

#page-light .wrap-box {
    margin: 10px 0;
    padding: 6px 10px;
    border: 1px solid #ddd;
    border-radius: 0.2125em;
    background: #fff;
    border: none;
    margin-top: 0;
}

    #page-light .wrap-box:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    #page-light .wrap-box h2 {
        margin: 0 0 10px;
        padding-bottom: 10px;
        color: #5a5a5a;
        font-size: 15px;
        line-height: 1em;
        font-weight: normal;
        border-bottom: 0px solid #efefef;
    }

        #page-light .wrap-box h2 span {
            float: right;
            color: #f05b0b;
            font-size: 14px;
        }

    #page-light .wrap-box > p {
        display: block;
        width: 100%;
        font-size: 13px;
        color: #777;
        line-height: 20px;
    }

    #page-light .wrap-box > dl {
        display: block;
        margin: 0;
        padding: 0;
        clear: both;
        font-size: 14px;
        line-height: 40px;
    }

        #page-light .wrap-box > dl:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }

        #page-light .wrap-box > dl dt {
            display: block;
            float: left;
            width: 30%;
            color: #777;
        }

        #page-light .wrap-box > dl dd {
            display: block;
            float: left;
            padding: 10px 0;
            width: 70%;
            line-height: 20px;
            margin: 0;
        }

            #page-light .wrap-box > dl dd input, #page-light .wrap-box > dl dd select {
                margin: -5px 0;
            }

    #page-light .wrap-box .tip {
        text-align: center;
    }

        #page-light .wrap-box .tip .icon {
            margin: auto;
            color: #F00;
            font-size: 60px;
        }

            #page-light .wrap-box .tip .icon.success {
                color: #3ecf58;
            }

    #page-light .wrap-box .img-list {
        position: relative;
        display: block;
        background: #fff;
    }

        #page-light .wrap-box .img-list img {
            display: inline-block;
            margin-right: 3px;
            height: 75px;
        }

    #page-light .wrap-box .note {
        display: block;
        position: relative;
        border-top: 0px solid #efefef;
    }
        /*#page-light .wrap-box .note .btn-list{ position:absolute; right:0; top:6px; }*/
        #page-light .wrap-box .note p {
            font-size: 12px;
            text-align: right;
        }

/*订单列表*/
#page-light .order-box {
    border-bottom: 1px solid #f5f5f5;
}

    #page-light .order-box:first-child {
        margin-top: 0;
    }

    #page-light .order-box:last-child {
        margin-top: 0;
    }

    #page-light .order-box h2 {
        margin: 0;
    }

    #page-light .order-box ul {
        margin: 0;
        padding: 0;
    }

        #page-light .order-box ul li {
            list-style: none;
            min-height: 85px;
            background: #f6f6f6;
            padding: 5px 0px;
            /*margin-bottom: 3px;*/
        }

            #page-light .order-box ul li:last-child {
                margin: 0;
            }

            #page-light .order-box ul li img {
                float: left;
                height: 75px;
                width: 75px;
                margin-right: 5px;
            }

                #page-light .order-box ul li img:after {
                    clear: both;
                }

            #page-light .order-box ul li .detail div {
                position: relative;
                padding-right: 80px;
            }

                #page-light .order-box ul li .detail div.title {
                    margin: 0;
                    font-size: 14px;
                    line-height: 20px;
                    text-align: left;
                    word-break: break-all;
                    display: block;
                    height: 40px;
                    white-space: normal;
                }

            #page-light .order-box ul li .detail p {
                min-height: 20px;
                line-height: 20px;
            }

            #page-light .order-box ul li .detail div p {
                position: absolute;
                top: 0;
                left: 80px;
                padding-right: 50px;
                margin: 0;
            }

            #page-light .order-box ul li .detail div.spec {
                font-size: 12px;
            }

                #page-light .order-box ul li .detail div.spec p {
                    font-size: 12px;
                    color: #666;
                }

            #page-light .order-box ul li .detail span {
                display: block;
                width: 100%;
                text-align: right;
                font-size: 14px;
                height: 20px;
                line-height: 20px;
                color: #000;
                position: absolute;
                right: 0;
                top: 0;
            }

                #page-light .order-box ul li .detail span.o {
                    font-size: 12px;
                    color: #808080;
                    margin-top: 20px;
                }

            #page-light .order-box ul li .detail .spec span {
                font-size: 12px;
                color: #808080;
            }

#page-light .order-status {
    background: rgba(255, 105, 0, 0.81);
    height: 3rem;
    width: 100%;
    line-height: 3rem;
    text-align: center;
    color: #fff;
    font-size: .8rem;
    display: flex;
}

    #page-light .order-status.disabled {
    }

#page-light .order-box .address-list #page-light .shopping .wrap-box select, #page-light .shopping .wrap-box textarea, #page-light .shopping .wrap-box input {
    border: none;
    /*border-bottom: 1px solid #f5f5f5;*/
}

    #page-light .shopping .wrap-box select, #page-light .shopping .wrap-box textarea, #page-light .shopping .wrap-box input:focus {
        outline: none;
    }

#page-light .shopping .wrap-box .express-list {
    min-height: 4rem;
    height: 4rem;
}


/* 查询页面样式
----------------------------------------------------------------------*/
#page-light .search-bar {
    margin: 10px 10px;
    position: relative;
}

    #page-light .search-bar:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    #page-light .search-bar .col {
        float: left;
        width: 85%;
        background: #e3e3e5;
        border-radius: 5px;
        overflow: hidden;
        position: relative;
        padding-right: 36px;
    }

    #page-light .search-bar .col-1 {
        float: left;
        width: 15%;
    }

    #page-light .search-bar input[type="search"] {
    }

    #page-light .search-bar input[type="search"], #page-light .search-bar .search.input {
        border-radius: 5px;
        margin: 0;
        padding: 5px 10px;
        font-size: 14px;
        height: 36px;
        line-height: 26px;
        border: none;
        background: #e3e3e5;
    }

    #page-light .search-bar .search.input {
        display: block;
        height: 36px;
        width: 100%;
        text-align: center;
        padding: 0;
    }

    #page-light .search-bar .btn {
        top: 0;
        margin: 0;
        padding: 0px;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
        position: absolute;
        right: 0px;
        width: 36px;
        border: none;
        background: none;
        display: block;
    }

    #page-light .search-bar a:before {
        left: 0;
    }

    #page-light .search-bar .search.input.home, #page-light .search-bar .search.input.cancel {
        font-size: 18px;
        background: none;
        line-height: 36px;
    }

    #page-light .search-bar .search.input.cancel {
        font-size: 14px;
    }

    #page-light .search-bar i {
        display: block;
        color: #8c8c8c;
        font-size: 12px;
        font-style: normal;
    }

.tuijian-box,
#page-light .tuijian-box {
    margin: .5rem 0;
    background: #fff;
    border: 1px solid #f0f0f0;
}

    .tuijian-box .section,
    #page-light .tuijian-box section {
        border: none;
    }

    .tuijian-box h1,
    #page-light .tuijian-box h1 {
        border-left: 3px solid #f47373;
        height: 1.8em;
        line-height: 1.8em;
        font-size: .9rem;
        border-bottom: none;
        background-color: transparent;
    }

    .tuijian-box ul,
    #page-light .tuijian-box ul {
        padding: 0 13px;
    }

        .tuijian-box ul li,
        #page-light .tuijian-box ul li {
            padding: 0;
        }

            .tuijian-box ul li a,
            #page-light .tuijian-box ul li a {
                padding: 10px 20px 10px 0;
            }

                .tuijian-box ul li a::after,
                #page-light .tuijian-box ul li a::after {
                    content: "";
                }

/*分享*/
.menu-extend-box {
    width: 100%;
    padding: 10px 20px;
    height: 76px;
    line-height: 36px;
    margin: 0.5em 0px 0.5em 0px;
}

    .menu-extend-box dl {
        width: 33.33333%;
        height: 100%;
        float: left;
    }

        .menu-extend-box dl dd {
            width: 100%;
            height: 100%;
            text-align: center;
            margin: 0;
        }

            .menu-extend-box dl dd a {
                display: block;
                width: 100%;
                height: 100%;
                font-size: 20px;
            }

                .menu-extend-box dl dd a div {
                    height: 36PX;
                    width: 36px;
                    margin: auto;
                    border-radius: 50%;
                    background: #f47373;
                    color: #fff;
                }

                    .menu-extend-box dl dd a div.share {
                        background: #91d662;
                    }

                    .menu-extend-box dl dd a div.comment {
                        background: #64abe2;
                    }

                    .menu-extend-box dl dd a div.heart {
                        background: #fe9c6b;
                    }

                .menu-extend-box dl dd a span {
                    font-size: 13px;
                    margin: 0;
                    display: block;
                    line-height: 20px;
                }

/*故障代码展示*/
.faultcode-list {
    width: 100%;
    padding: 20px 10px;
}

    .faultcode-list .left {
        float: left;
        width: 50px;
        height: 50px;
    }

        .faultcode-list .left img {
            width: 100%;
            height: 100%;
        }

    .faultcode-list .right {
        width: 100%;
        padding-left: 60px;
        min-height: 50px;
    }

        .faultcode-list .right article {
            font-size: 16px;
            line-height: 18px;
            font-size: 14px;
        }

        .faultcode-list .right .meta-info span {
            margin-right: 10px;
        }

.UI-bubble {
    display: inline-block;
    width: 23px;
    height: 23px;
    overflow: hidden;
    background: url(../images/sicons.png) 0px 0px no-repeat;
}

.UI-ask {
    display: inline-block;
    width: 23px;
    height: 23px;
    overflow: hidden;
    background: url(../images/sicons.png) -25px 0px no-repeat;
}

/* questions */
.questions {
    width: 100%;
}

    .questions li h5 .UI-ask, #questions li h5 .UI-bubble {
        position: absolute;
        left: 0px;
        top: 9px;
    }

    .questions li {
        border-bottom: none;
        padding: 0px;
        vertical-align: bottom;
        padding: 10px 0;
        list-style: none;
    }

        .questions li h5, .questions li a {
            height: 40px;
            position: relative;
            color: #666;
            font-size: 14px;
            cursor: pointer;
            line-height: 40px;
            height: 40px;
            overflow: hidden;
            padding: 0px;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: block;
            border-radius: 5px;
            background: #15c1ac;
            color: #fff;
            padding: 0 10px;
            font-weight: normal;
            font-size: 15px;
            display: block;
            width: 35%;
            text-align: center;
        }

        .questions li a {
            background: #f47373;
        }

        .questions li .foldContent {
            padding: 10px 10px;
            border-top: 1px dashed #e2e2e2;
            line-height: 24px;
            background: #d5f4f0;
            color: #000;
            border-radius: 5px;
            border: none;
            display: block;
        }

            .questions li .foldContent img {
                height: 130px;
                max-width: 100%;
            }

        .questions li.fold h5 {
            border-bottom-right-radius: 0px;
            border-bottom-left-radius: 0px;
            background: #d5f4f0;
            color: #000;
        }

        .questions li.fold .foldContent {
            border-top-right-radius: 0px;
            border-top-left-radius: 0px;
        }

#page-light .favorite-list {
}

    #page-light .favorite-list li {
        width: 100%;
        list-style-type: none;
        padding: 20px 10px;
        margin-top: 0;
        border: none;
        margin-bottom: 5px;
    }

        #page-light .favorite-list li:first-child {
            margin-top: 0;
        }

        #page-light .favorite-list li h2 {
            color: #0088D1;
        }

        #page-light .favorite-list li > a {
            padding: 0px;
            margin: 0px;
        }

            #page-light .favorite-list li > a:after {
                content: "" !important;
            }

.faultcode.line span {
    font-size: 14px;
}

.line {
    height: 1px;
    border-top: 1px solid rgba(221, 221, 221, 0.88);
    text-align: center;
    margin-top: 25px;
}

    .line span {
        position: relative;
        top: -12px;
        background: #fff;
        padding: 0 20px;
        line-height: 25px;
        color: #959595;
    }

.lingxing {
    margin-top: 10px;
    border-color: red;
    border-style: solid;
    border-width: 10px;
    width: 0;
    height: 0;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.no-data {
    width: 100%;
    padding: 20px 10px;
    text-align: center;
}

.job-select-bar {
    background: #5791fb;
}

    .job-select-bar .col {
        padding: 8px 0;
        box-sizing: border-box;
    }

        .job-select-bar .col:first-child {
            padding-left: 18%;
        }

        .job-select-bar .col:last-child {
            padding-right: 18%;
        }

        .job-select-bar .col a {
            padding: 0;
            line-height: 30px;
            height: 30px;
            border: 1px solid #fff;
            background: #5791fb;
            color: #fff;
        }

        .job-select-bar .col:first-child a {
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px;
            border-right: none;
        }

        .job-select-bar .col:last-child a {
            border-bottom-right-radius: 3px;
            border-top-right-radius: 3px;
            border: 1px solid #fff;
        }

        .job-select-bar .col a.selected {
            background: #fff;
            border: 1px solid #fff;
            color: #5791fb;
        }

.point-huangou {
    width: 100%;
    line-height: 2.3em;
    height: 2.3em;
}

    .point-huangou dl {
        width: 100%;
    }

        .point-huangou dl dd {
            float: left;
            width: 23%;
            text-align: center;
            height: 2.3em;
            margin: 0;
        }

            .point-huangou dl dd div {
                height: 100%;
                border-bottom: 1px solid #fb6700 !important;
            }

            .point-huangou dl dd.d-1 {
            }

            .point-huangou dl dd.d-2 div {
                overflow: hidden;
            }

            .point-huangou dl dd.d-2 input {
                border: none !important;
            }

            .point-huangou dl dd.d-3 {
                text-align: center;
                width: 8%;
            }

            .point-huangou dl dd.d-4 {
                line-height: 2.3em;
            }

            .point-huangou dl dd.d-5 {
            }

            .point-huangou dl dd input {
                color: #fb6700 !important;
                margin: 0 !important;
                text-align: center;
                padding: 0 0.5em !important;
                height: 2.3em !important;
            }

.luck-goods-list {
    width: 100%;
    padding: 0 10px;
}

    .luck-goods-list li {
        list-style: none;
        width: 100%;
    }

        .luck-goods-list li a {
            display: block;
            width: 100%;
            border-radius: 5px;
        }

            .luck-goods-list li a img {
                width: 100%;
            }

.dqld_div {
    width: 100%;
    background-color: #fff;
}

    .dqld_div ul {
        width: 100%;
        padding: 0;
        margin: 0;
    }

        .dqld_div ul li {
            height: 35px;
            line-height: 35px;
            border-bottom: 1px solid #cccccc;
            padding-left: 10px;
        }

            .dqld_div ul li:last-child {
                border: none;
            }

.cp_img {
    width: 91px;
    height: 91px;
    float: left;
    border: 1px solid #d3d3d3;
    margin-right: 16px;
    position: relative;
}

    .cp_img img {
        width: 91px;
        height: 91px;
    }

.cp_img_jian {
    width: 91px;
    height: 91px;
    position: absolute;
    background: url(../images/cp_img_sc.png) no-repeat;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}

.cp_img_jia {
    width: 91px;
    height: 91px;
    float: left;
    border: 1px solid #d3d3d3;
    margin-right: 16px;
    background: url(../images/cp_img_tj.png) no-repeat;
}

    .cp_img_jia:hover {
        background: url(..//images/cp_img_tj_a.png) no-repeat;
    }

.custom-line-wrap {
    height: 30px;
    position: relative;
}

.custom-line {
    border: 0;
    border-top: 1px dashed #bbb;
    margin: auto;
    padding: 0;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.success-toast, .error-toast {
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.5);
    margin-left: 0 !important;
    margin-top: 0 !important;
    border-radius: 0;
}

.error-toast {
    background: #F00;
}

/* 图片分享CSS
----------------------------------------------------------------------*/
.photo-list {
    margin: .4rem 0 0;
    padding: 0;
}

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

    .photo-list .nodata {
        margin: 0 10px;
        line-height: 35px;
    }

    .photo-list li {
        float: left;
        width: 33.3333% !important;
        list-style: none;
        margin-bottom: .2rem;
        padding: 0 !important;
    }

        .photo-list li.len-1 {
            width: 55% !important;
        }

        .photo-list li.len-2 {
            width: 40% !important;
        }

        .photo-list li:nth-child(3n+1) a {
            margin-left: 0;
        }

        .photo-list li:nth-child(3n) a {
            margin-right: 0;
        }

        .photo-list li a {
            display: block;
            margin: 0 0.2rem 0.2rem 0.2rem;
        }

            .photo-list li a img {
                display: block;
                height: auto;
                width: 100%;
                border: 0px solid #efefef;
                min-width: 100%;
                height: 100%;
            }

            .photo-list li a.pressed img {
                opacity: 0.5;
            }

            .photo-list li a div.video {
                display: table-cell;
                text-align: center;
                vertical-align: middle;
                border: 0px solid rgba(0,0,0,.2);
                background: rgba(0,0,0,.1);
                position: relative;
                overflow: hidden;
            }

            .photo-list li a h2 {
                display: block;
                font-size: .8rem;
                font-weight: normal;
                color: #000;
                line-height: 30px;
                height: 42px;
                padding: 6px 0px;
            }

            .photo-list li a div.video h2 {
                line-height: 26px;
                height: 26px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                margin: 0;
                position: absolute;
                bottom: 0;
                width: 100%;
                background: rgba(0,0,0,.2);
                text-align: left;
                padding: 0 5px;
                color: #fff;
                font-size: .6rem;
                text-align: center;
            }

#page-light .album-list {
    margin: 10px -0.5em 0.5em;
    padding: 0;
}

    #page-light .album-list:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    #page-light .album-list li {
        float: left;
        width: 33.333%;
        list-style: none;
    }

        #page-light .album-list li:first-child {
            width: 66.666%;
        }

        #page-light .album-list li a {
            position: relative;
            display: block;
            margin: 0.5em;
        }

            #page-light .album-list li a img {
                display: block;
                height: auto;
                width: 100%;
                border: 1px solid #efefef;
            }

            #page-light .album-list li a .info {
                position: absolute;
                left: 0;
                bottom: 0;
                color: #fff;
                width: 100%;
                height: 30px;
                background: rgba(0,0,0,0.4);
                overflow: hidden;
            }

                #page-light .album-list li a .info h2 {
                    margin: 0;
                    padding: 0 10px;
                    font-size: 13px;
                    color: #fff;
                    font-weight: normal;
                    height: 30px;
                    line-height: 30px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

                #page-light .album-list li a .info p {
                    margin: 0;
                    padding: 0 10px;
                    font-size: 12px;
                    color: #fff;
                    height: 30px;
                    line-height: 15px;
                    font-weight: normal;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

        #page-light .album-list li:first-child a .info {
            height: 70px;
        }

            #page-light .album-list li:first-child a .info h2 {
                font-size: 15px;
            }

#page-light .list li.news-list a {
    padding: .3rem .5rem;
}

    #page-light .list li.news-list a div.name {
        margin: 0;
        padding: 0rem;
        line-height: 1.5rem;
        overflow: hidden;
        font-size: .8rem;
        font-weight: 500;
    }

    #page-light .list li.news-list a img {
        float: right;
        height: 3rem;
        padding-left: .5rem;
        max-width: none;
        width: auto;
        margin-right: 0;
        width: 5.2971428rem;
    }

    #page-light .list li.news-list a .note {
        font-size: .6rem;
        color: #808080;
        margin: 0;
        line-height: 1rem;
        font-weight: 400;
    }

        #page-light .list li.news-list a .note span {
            margin-right: .5rem;
        }

#page-light .list li.img-list a {
    padding: .5rem;
}

    #page-light .list li.img-list a div.title {
        margin: 0;
        padding: 0;
        max-height: 3rem;
        min-height: 1.5rem;
        line-height: 1.5rem;
        overflow: hidden;
        font-size: .8rem;
        font-weight: 600;
    }

    #page-light .list li.img-list a dl {
        width: 100%;
        overflow: hidden;
        margin: 0;
    }

        #page-light .list li.img-list a dl dd {
            width: 33.33333%;
            float: left;
            margin: 0;
            padding-right: .25rem;
        }

            #page-light .list li.img-list a dl dd:nth-child(3n) {
                padding-right: 0;
                padding-left: .25rem;
            }

            #page-light .list li.img-list a dl dd img {
                width: 100%;
            }

    #page-light .list li.img-list a .note {
        font-size: .6rem;
        color: #808080;
        margin: 0;
        line-height: 1rem;
        font-weight: 400;
    }

#page-light .list li.video-list a {
    padding: .5rem;
}

    #page-light .list li.video-list a div.title {
        margin: 0;
        padding: 0;
        max-height: 3rem;
        min-height: 1.5rem;
        line-height: 1.5rem;
        overflow: hidden;
        font-size: .8rem;
        font-weight: 600;
    }

    #page-light .list li.video-list a div {
        position: relative;
    }

        #page-light .list li.video-list a div i {
        }

    #page-light .list li.video-list a img {
        width: 100%;
        display: block;
    }

    #page-light .list li.video-list a div .play {
        width: 2rem;
        height: 2rem;
        top: 50%;
        left: 50%;
        position: absolute;
        margin-top: -1rem;
        margin-left: -1rem;
        z-index: 1;
        background-image: url(../images/icons/play.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #page-light .list li.video-list a .note {
        font-size: .6rem;
        color: #808080;
        margin: 0;
        line-height: 1.5rem;
        font-weight: 400;
    }

        #page-light .list li.video-list a .note span {
            margin-right: .5rem;
        }

.article {
    width: 100%;
    margin-top: 0px;
    overflow: hidden;
}

    .article a {
        color: #5D8484;
    }

    .article h5 {
        border-bottom: 1px solid #efefef;
        line-height: 3rem;
        color: #28B4A9;
        text-align: right;
    }

    .article div.article-list ul {
        width: 100%;
        padding: 0;
        margin: 0;
    }

        .article div.article-list ul li {
            width: 100%;
            position: relative;
            margin-bottom: 10px;
            background: #fff;
            padding: 10px;
        }

            .article div.article-list ul li:last-child {
                border: none;
            }

            .article div.article-list ul li .delete, .article div.article-list ul li .sync {
                position: initial;
                top: 10px;
                right: 10px;
                height: 20px;
                width: 40px;
                margin-left: 5px;
                display: inline-block;
            }

                .article div.article-list ul li .delete a, .article div.article-list ul li .sync a {
                    display: block;
                    width: 100%;
                    height: 100%;
                    text-align: center;
                }

            .article div.article-list ul li .sync {
                right: 55px;
            }

            .article div.article-list ul li .left {
                width: 2rem;
                height: 2rem;
                float: none;
                border-radius: 50%;
                overflow: hidden;
                float: left;
                padding: 0.2rem;
            }

                .article div.article-list ul li .left img {
                    width: 100%;
                    border-radius: 50%;
                    height: 100%;
                }

                .article div.article-list ul li .left span {
                    display: block;
                    border: 1px solid #a7a7a7;
                    border-radius: 50%;
                    width: 2.6rem;
                    height: 2.6rem;
                    line-height: 2.6rem;
                    text-align: center;
                    font-size: 1.5rem;
                    color: #a7a7a7;
                }

            .article div.article-list ul li .right {
                width: 100%;
                padding-left: 2rem;
                float: none;
                height: 2rem;
            }

                .article div.article-list ul li .right dl {
                    height: 2rem;
                    padding: 0 0.2rem;
                    margin: 0;
                }

                    .article div.article-list ul li .right dl dd.title {
                        line-height: 2rem;
                        height: 2rem;
                        font-size: 0.8rem;
                        margin: 0;
                        position: initial;
                    }

                    .article div.article-list ul li .right dl dd.time {
                        line-height: 2rem;
                        height: 2rem;
                        font-size: 0.6rem;
                        margin: 0;
                        position: relative;
                        float: right;
                    }

                        .article div.article-list ul li .right dl dd.time div.menu {
                            position: absolute;
                            right: 0;
                            top: 0;
                            height: 1.1rem;
                            width: auto !important;
                            padding: 0 .3rem;
                            border-radius: .55rem;
                            border: .08rem solid #db483a;
                            color: #db483a;
                            line-height: .94rem;
                        }

                            .article div.article-list ul li .right dl dd.time div.menu a {
                                line-height: .9rem;
                                font-size: .5rem;
                                color: #db483a;
                            }

                            .article div.article-list ul li .right dl dd.time div.menu:hover,
                            .article div.article-list ul li .right dl dd.time div.menu:active {
                                background: #db483a;
                                color: #fff;
                            }

                .article div.article-list ul li .right .menu {
                    position: absolute;
                    right: .5rem;
                    top: .8rem;
                    height: 1.4rem;
                    width: auto !important;
                    padding: 0 .5rem;
                    border-radius: 1rem;
                    border: .1rem solid rgba(93,132,132,0.8);
                    line-height: 1.2rem;
                }

                    .article div.article-list ul li .right .menu a {
                        color: rgba(93,132,132,0.85);
                        line-height: 1.3rem;
                        display: block;
                        font-weight: 800;
                    }

            .article div.article-list ul li .title-foot {
                height: 1.2rem;
            }

                .article div.article-list ul li .title-foot dl {
                    height: 100%;
                    line-height: 1.2rem;
                    font-size: 0.8rem;
                    margin: 0.3rem 0;
                }

                    .article div.article-list ul li .title-foot dl dd {
                        min-width: 15%;
                        float: right;
                        height: 100%;
                        text-align: center;
                        margin: 0;
                        overflow: hidden;
                    }

                        .article div.article-list ul li .title-foot dl dd a {
                            display: block;
                            width: 100%;
                            height: 100%;
                        }

                            .article div.article-list ul li .title-foot dl dd a i {
                                font-style: normal;
                                background: #fff;
                                margin: 0;
                                width: auto;
                            }

                                .article div.article-list ul li .title-foot dl dd a i.heart-on,
                                .article div.article-list ul li .title-foot dl dd a i.toupiao-on {
                                    color: #EC6262;
                                }

.icon-2x {
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.article div.article-list ul li .title-foot dl dd:last-child {
    border: none;
}

.article div.article-list ul li .title-foot dl dd.time {
    width: 60%;
    border: none;
    text-align: left;
}

.article div.article-list ul li .title-foot dl dd.time-mini {
    font-size: 0.5rem;
    max-width: 70%;
    border: none;
    text-align: left;
    color: #808080;
    float: left;
}

.article div.article-list ul li .content {
    line-height: 1.2rem;
    padding: 0;
    overflow: hidden;
    font-size: 0.7rem;
    position: initial;
    background: #fff !important;
}

    .article div.article-list ul li .content > a > p {
        margin: 0; /*max-height:3.8rem;*/
        width: 100%;
        overflow: hidden;
        display: initial;
    }

    .article div.article-list ul li .content > span {
        color: #D0D0D0;
    }

    .article div.article-list ul li .content img {
        max-width: 100%;
    }

.article div.article-list ul li .content_img {
    width: 100%;
    text-align: center;
}

    .article div.article-list ul li .content_img img {
        width: 100%;
        height: auto;
    }

    .article div.article-list ul li .content_img span {
        width: 100%;
        min-height: 2rem;
        max-height: 2rem;
        overflow: hidden;
        line-height: 2rem;
        position: absolute;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.21);
        color: #fff;
        font-size: 1.2rem;
    }

.article div.article-list ul li .content div {
    text-align: center;
    height: auto;
    padding-bottom: 0px;
    margin-top: 0px;
}

    .article div.article-list ul li .content div img {
        max-width: 100%;
        height: auto;
    }

    .article div.article-list ul li .content div ul {
        width: 100%;
        height: 100%;
    }

        .article div.article-list ul li .content div ul li {
            float: left;
            padding: 0;
            border: none;
        }

            .article div.article-list ul li .content div ul li img {
                width: 100%;
                height: 100%;
            }

    .article div.article-list ul li .content div span {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 2px 3px;
        background: #66CCCC;
        color: #fff;
    }

    .article div.article-list ul li .content div dl {
        line-height: 1.3rem;
        position: absolute;
        bottom: 15px;
        left: 0px;
        width: 100%;
        height: 1.3rem;
        color: #fff;
    }

        .article div.article-list ul li .content div dl dd {
            float: left;
            padding: 0 0.5rem;
            background: #66CCCC;
            margin-right: 5px;
            font-size: 0.8rem;
        }

.article div.article-list ul li .comment {
    width: 100%;
    background: #f5f5f5;
    border-radius: 3px;
    margin-top: 15px;
    position: relative;
}

    .article div.article-list ul li .comment #triangle-down {
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 8px solid #f5f5f5;
        position: absolute;
        top: -8px;
        right: 7%;
        margin-right: -4px;
    }

    .article div.article-list ul li .comment .praise {
        padding: 0.3rem;
        border-bottom: 1px solid #efefef;
        line-height: 1.2rem;
        font-size: 0.8rem;
        color: #5D8484;
        min-height: 1.2rem;
    }

        .article div.article-list ul li .comment .praise::after {
            clear: both;
        }

        .article div.article-list ul li .comment .praise .left {
            width: 1.2rem;
            height: 1.2rem;
            line-height: 1.2rem;
            text-align: center;
            position: absolute;
            float: none;
            margin: 0;
            padding: 0;
            font-size: .7rem;
        }

        .article div.article-list ul li .comment .praise .right {
            width: 100%;
            padding-left: 1.5rem;
            font-size: 0.7rem;
            float: none;
            height: auto;
        }

            .article div.article-list ul li .comment .praise .right a {
                color: #5D8484;
            }

    .article div.article-list ul li .comment div.list {
        padding: 0.2rem;
        background: #f5f5f5 !important;
        border-radius: 5px;
    }

    .article div.article-list ul li .comment ul {
        width: 100%;
        padding: 0;
    }

        .article div.article-list ul li .comment ul li {
            width: 100%;
            min-height: 1rem;
            line-height: 1rem;
            padding: 0;
            font-size: 0.6rem;
            border: none;
            padding: 3px 10px !important;
            background: #f5f5f5 !important;
        }

            .article div.article-list ul li .comment ul li a {
                color: #5D8484;
            }

            .article div.article-list ul li .comment ul li span {
                color: #929292;
                font-size: 0.7rem;
                display: block;
                width: 100%;
                text-align: right;
                line-height: 0.8rem;
            }

            .article div.article-list ul li .comment ul li i {
                font-style: normal;
                font-size: 0.7rem;
                color: #929292;
                margin-left: 0.5rem;
            }

            .article div.article-list ul li .comment ul li .answer {
                padding: 5px 10px;
            }

    .article div.article-list ul li .comment .load-more-comment {
        display: block;
        height: 1.8rem;
        line-height: 1.8rem;
        width: 100%;
        text-align: center;
        line-height: 0.8rem;
    }

.windowModal {
    z-index: 10500;
    position: fixed;
    visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    .windowModal.active {
        visibility: visible;
        background-color: rgba(0,0,0,0.5);
    }

    .windowModal .windowCancel {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .windowModal .window_box {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: auto;
        padding: 15px 10px;
        background-color: #FFFFFF;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        -ms-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }

    .windowModal.active .window_box {
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }


/* ------------ */
#wrapper {
    width: 980px;
    margin: 0 auto;
    margin: 1em;
    width: auto;
}

#container {
    border: 1px solid #dadada;
    color: #838383;
    font-size: 12px;
    margin-top: 10px;
    background-color: #FFF;
}

#uploader {
    background: #fff;
    margin-top: 10px;
    box-shadow: 0px 2px 3px #D6D6D6;
}

    #uploader .queueList {
        padding: 10px;
    }

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}

#uploader .placeholder {
    border: 3px solid #bdcad0;
    /*min-height: 238px;*/
    padding-top: 0px;
    text-align: center;
    background: #fff url(./image.png) center no-repeat;
    background-size: cover;
    color: #cccccc;
    font-size: 18px;
    position: relative;
    width: 3.5rem;
    border-radius: .2rem;
    height: 3.5rem;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    #uploader .placeholder .webuploader-pick {
        font-size: 18px;
        background: rgba(0, 183, 238, 0);
        border-radius: 3px;
        line-height: 44px;
        padding: 0px;
        color: rgba(255, 255, 255, 0);
        display: inline-block;
        margin: 0px auto;
        cursor: pointer;
        box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
        height: 3.5rem;
        line-height: 3.5rem;
    }

    #uploader .placeholder .webuploader-pick-hover {
    }

    #uploader .placeholder .flashTip {
        color: #666666;
        font-size: 12px;
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 20px;
    }

        #uploader .placeholder .flashTip a {
            color: #0785d1;
            text-decoration: none;
        }

            #uploader .placeholder .flashTip a:hover {
                text-decoration: underline;
            }

    #uploader .placeholder.webuploader-dnd-over {
        border-color: #999999;
    }

        #uploader .placeholder.webuploader-dnd-over.webuploader-dnd-denied {
            border-color: red;
        }

#uploader .filelist {
    list-style: none;
    margin: 0;
    padding: 0;
}

    #uploader .filelist:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        overflow: hidden;
        clear: both;
    }

    #uploader .filelist li {
        width: 3.5rem;
        height: 3.5rem;
        background: url(./bg.png) no-repeat;
        text-align: center;
        margin: 0 .2rem .5rem 0;
        position: relative;
        display: inline;
        float: left;
        overflow: hidden;
        font-size: 12px;
    }

        #uploader .filelist li p.log {
            position: relative;
            top: -45px;
        }

        #uploader .filelist li p.title {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            top: 5px;
            text-indent: 5px;
            text-align: left;
        }

        #uploader .filelist li p.progress {
            position: absolute;
            width: 100%;
            bottom: 0;
            left: 0;
            height: 8px;
            overflow: hidden;
            z-index: 50;
        }

            #uploader .filelist li p.progress span {
                display: none;
                overflow: hidden;
                width: 0;
                height: 100%;
                background: #1483d8 url(./progress.png) repeat-x;
                -webit-transition: width 200ms linear;
                -moz-transition: width 200ms linear;
                -o-transition: width 200ms linear;
                -ms-transition: width 200ms linear;
                transition: width 200ms linear;
                -webkit-animation: progressmove 2s linear infinite;
                -moz-animation: progressmove 2s linear infinite;
                -o-animation: progressmove 2s linear infinite;
                -ms-animation: progressmove 2s linear infinite;
                animation: progressmove 2s linear infinite;
                -webkit-transform: translateZ(0);
            }

@-webkit-keyframes progressmove {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 17px 0;
    }
}

@-moz-keyframes progressmove {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 17px 0;
    }
}

@keyframes progressmove {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 17px 0;
    }
}

#uploader .filelist li p.imgWrap {
    position: relative;
    z-index: 2;
    line-height: 3.5rem;
    vertical-align: middle;
    overflow: hidden;
    width: 3.5rem;
    height: 3.5rem;
    margin: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webit-transition: 200ms ease-out;
    -moz-transition: 200ms ease-out;
    -o-transition: 200ms ease-out;
    -ms-transition: 200ms ease-out;
    transition: 200ms ease-out;
}

#uploader .filelist li img {
    width: 100%;
}

#uploader .filelist li p.error {
    background: #f43838;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 28px;
    line-height: 28px;
    width: 100%;
    z-index: 100;
}

#uploader .filelist li .success {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    z-index: 200;
    background: url(./success.png) no-repeat right bottom;
}

#uploader .filelist div.file-panel {
    position: absolute;
    height: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0;
    background: rgba( 0, 0, 0, 0.5 );
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 300;
}

    #uploader .filelist div.file-panel span {
        width: 24px;
        height: 24px;
        display: inline;
        float: right;
        text-indent: -9999px;
        overflow: hidden;
        background: url(./icons.png) no-repeat;
        margin: 5px 1px 1px;
        cursor: pointer;
    }

        #uploader .filelist div.file-panel span.rotateLeft {
            background-position: 0 -24px;
        }

            #uploader .filelist div.file-panel span.rotateLeft:hover {
                background-position: 0 0;
            }

        #uploader .filelist div.file-panel span.rotateRight {
            background-position: -24px -24px;
        }

            #uploader .filelist div.file-panel span.rotateRight:hover {
                background-position: -24px 0;
            }

        #uploader .filelist div.file-panel span.cancel {
            background-position: -48px -24px;
        }

            #uploader .filelist div.file-panel span.cancel:hover {
                background-position: -48px 0;
            }

#uploader .statusBar {
    height: 63px;
    border-top: 1px solid #dadada;
    padding: 0px;
    line-height: 63px;
    vertical-align: middle;
    position: relative;
}

    #uploader .statusBar .progress {
        border: 1px solid #1483d8;
        width: 198px;
        background: #fff;
        height: 18px;
        position: relative;
        display: inline-block;
        text-align: center;
        line-height: 20px;
        color: #6dbfff;
        position: relative;
        margin-right: 10px;
    }

        #uploader .statusBar .progress span.percentage {
            width: 0;
            height: 100%;
            left: 0;
            top: 0;
            background: #1483d8;
            position: absolute;
        }

        #uploader .statusBar .progress span.text {
            position: relative;
            z-index: 10;
        }

    #uploader .statusBar .info {
        display: inline-block;
        font-size: 14px;
        color: #666666;
    }

    #uploader .statusBar .btns {
        position: absolute;
        top: 10px;
        right: 0px;
        line-height: 40px;
    }

#filePicker2 {
    display: inline-block;
    float: left;
    margin-right: 20px;
}

#uploader .statusBar .btns .webuploader-pick,
#uploader .statusBar .btns .uploadBtn,
#uploader .statusBar .btns .uploadBtn.state-uploading,
#uploader .statusBar .btns .uploadBtn.state-paused {
    background: #ffffff;
    border: 1px solid #cfcfcf;
    color: #565656;
    padding: 0 18px;
    display: inline-block;
    border-radius: 3px;
    margin-left: 10px;
    cursor: pointer;
    font-size: 14px;
    float: left;
}

    #uploader .statusBar .btns .webuploader-pick-hover,
    #uploader .statusBar .btns .uploadBtn:hover,
    #uploader .statusBar .btns .uploadBtn.state-uploading:hover,
    #uploader .statusBar .btns .uploadBtn.state-paused:hover {
        background: #f0f0f0;
    }

#uploader .statusBar .btns .uploadBtn {
    background: #00b7ee;
    color: #fff;
    border-color: transparent;
}

    #uploader .statusBar .btns .uploadBtn:hover {
        background: #00a2d4;
    }

    #uploader .statusBar .btns .uploadBtn.disabled {
        pointer-events: none;
        opacity: 0.6;
    }

.windowModal a.close {
    display: block;
    position: absolute;
    right: .5rem;
    top: .5rem;
    height: 1rem;
    width: 1rem;
    text-align: center;
    z-index: 1;
}

    .windowModal a.close .icon {
        line-height: 1rem;
        color: #404040;
    }

.windowModal h1 {
    color: #2D2D2D;
    font-size: 14px;
    border-bottom: none;
    height: 50px;
    line-height: 25px;
    text-align: left;
    padding-left: 60px;
    padding-right: 30px;
}

.windowModal .price-box {
    margin-bottom: 10px;
    line-height: 1.8em;
    border-bottom: 1px solid #efefef;
    height: 37px;
}

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

    .windowModal .price-box div {
        display: block;
        float: left;
        line-height: 37px;
    }

        .windowModal .price-box div div.icon {
            color: #D0002C;
        }

        .windowModal .price-box div div.price {
            color: #D0002C;
            font-size: 1rem;
            padding-left: 5px;
        }

        .windowModal .price-box div div.price-remark {
            color: #D0002C;
            height: 10px;
            margin: 0 10px;
        }

            .windowModal .price-box div div.price-remark span {
                background: #D0002C;
                display: block;
                height: 15px;
                color: #fff;
                font-size: .4rem;
                line-height: .7rem;
                padding: 0 3px;
                margin-top: 14px;
            }

        .windowModal .price-box div.market-price {
            float: right;
            font-size:.7rem;
        }

        .windowModal .price-box div b {
            color: #F00;
            font-size: 21px;
        }

.windowModal .input-box {
    margin-bottom: 20px;
    clear: both;
    line-height: 37px;
    height: 37px;
}

    .windowModal .input-box .listbox {
        display: inline-block;
        vertical-align: middle;
    }

    .windowModal .input-box a {
        display: block;
        float: left;
        margin: 0;
        padding: 5px 15px;
        border: 1px solid #ddd;
        font-size: 15px;
        line-height: 22px;
        height: 35px;
        color: #353535;
        cursor: pointer;
    }

    .windowModal .input-box input[type="text"] {
        display: block;
        float: left;
        margin: 0;
        padding: 5px 10px;
        width: 50px;
        border: 1px solid #ddd;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        font-size: 15px;
        line-height: 25px;
        height: 35px;
        text-align: center;
    }

.windowModal .btn-box .col {
    float: left;
    width: 50%;
}

.windowModal .btn-box .add {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-color: #fe8954;
    color: #fff;
    background: #fe8954;
    cursor: pointer;
}

.windowModal .btn-box .buy {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-color: #0088D1;
    color: #fff;
    background: #fe4543;
    cursor: pointer;
}

.windowModal .btn-box .over {
    color: #999;
    background: #f7f7f7;
    border-color: #e8e8e8;
    cursor: default;
}

.windowModal .spec-box {
    position: relative;
}

    .windowModal .spec-box:after {
        clear: none;
        content: "";
        display: block;
        height: 0;
        visibility: hidden;
    }

    .windowModal .spec-box dl {
        clear: both;
        display: block;
    }

        .windowModal .spec-box dl:after {
            clear: none;
            content: "";
            display: block;
            height: 0;
            visibility: hidden;
        }

        .windowModal .spec-box dl dt {
            float: left;
            width: 20%;
            line-height: 38px;
            height: 38px;
            color: #53575e;
            overflow: hidden;
        }

        .windowModal .spec-box dl dd {
            position: relative;
            padding: 5px 0;
            line-height: 26px;
            min-height: 26px;
            color: #6c6c6c;
            margin: 0;
        }

            .windowModal .spec-box dl dd s {
                display: inline-block;
                text-decoration: line-through;
            }

            .windowModal .spec-box dl dd .price {
                display: inline-block;
                margin-right: 5px;
                color: #f40;
                font-size: 24px;
                font-weight: 700;
            }

            .windowModal .spec-box dl dd .items {
                list-style: none;
                margin: 0;
                padding: 0;
            }

                .windowModal .spec-box dl dd .items li {
                    float: left;
                    margin: 0 5px 0px 0;
                    padding: 1px;
                    line-height: 20px;
                    vertical-align: middle;
                }

                    .windowModal .spec-box dl dd .items li a {
                        position: relative;
                        display: block;
                        padding: 1px;
                        color: #666;
                        min-width: 10px;
                        width: auto !important;
                        text-align: center;
                        text-decoration: none;
                        border: 1px solid #d2d2d2;
                        cursor: pointer;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        vertical-align: middle;
                        font-size:.6rem;
                    }

                        .windowModal .spec-box dl dd .items li a.selected:before {
                            content:"";
                            z-index: 1;
                            position: absolute;
                            bottom: 0;
                            right: 0;
                            width: 13px !important;
                            height: 14px !important;
                            margin-right: 0;
                            top: auto;
                            left: auto;
                            line-height: none !important;
                        }

                        .windowModal .spec-box dl dd .items li a span {
                            display: inline-block;
                            padding: 0 9px;
                            font-style: normal;
                            line-height: 20px;
                        }

                        .windowModal .spec-box dl dd .items li a img {
                            width: 30px;
                            height: 30px;
                            vertical-align: middle;
                        }

                        .windowModal .spec-box dl dd .items li a.selected {
                            color: #fff;
                            border-color: #D0002C;
                            background:#D0002C;
                        }

                            /*.windowModal .spec-box dl dd .items li a.selected i {
                                width: 0;
                                height: 0;
                                border-width: 6px;
                                border-color: transparent #fff #fff transparent;
                                border-style: solid;
                                position: absolute;
                                bottom: 0;
                                right: 0;
                                z-index: 0;
                            }*/

.windowModal .bg-grey {
    background: #f8f8f8;
    height: .5rem;
    margin: 0 -10px;
}

.windowModal .buy_footer {
    margin: 0 -10px -15px;
}

    .windowModal .buy_footer .btn {
        top: 0;
        line-height: 2.5rem;
        border-radius: initial;
        font-size: 15px;
        color: #fff;
        margin: 0;
        padding: 0;
        height: 2.5rem;
    }

    .windowModal .buy_footer a.btn.pressed {
        background: #f05b0b;
        color: #f05b0b;
    }

    .windowModal .buy_footer .buy {
        display: block;
        width: 100%;
        box-sizing: border-box;
        border-color: #D0002C;
        color: #fff;
        background: #D0002C;
        cursor: pointer;
    }

    .windowModal .buy_footer .gift {
        display: block;
        width: 100%;
        box-sizing: border-box;
        border-color: #07ae00;
        color: #fff;
        background: #07ae00;
        cursor: pointer;
    }

    .windowModal .buy_footer .add {
        display: block;
        width: 100%;
        box-sizing: border-box;
        border-color: rgb(85, 85, 85);
        color: #fff;
        background: rgb(85, 85, 85);
        cursor: pointer;
    }

    .windowModal .buy_footer .over {
        color: #999;
        background: #f7f7f7;
        border-color: #e8e8e8;
        cursor: default;
    }

.windowModal a.btn {
    color: #fff !important;
}


/* -------------------------------- 

Images block

-------------------------------- */
.cd-image-block {
    position: relative;
}

    .cd-image-block::before {
        /* this is the layer used to cover the .cd-image-block when the content block becomes visible - mobile only */
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(52, 54, 66, 0.6);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
        -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
        transition: opacity 0.3s 0s, visibility 0s 0.3s;
    }

    .cd-image-block.content-rank-is-visible::before {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
        -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
        transition: opacity 0.3s 0s, visibility 0s 0s;
    }

.cd-images-list {
    padding: 0;
    margin: 0;
}

    .cd-images-list::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'mobile';
        display: none;
        padding: 0;
    }

    .cd-images-list > li {
        height: 250px;
        /*background: #979c9c url(../images/img-1.jpg) no-repeat center center;
  background-size: cover;*/
        background: rgb(64,114,52);
        list-style: none;
        background-image: url(../images/sunshine.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

        .cd-images-list > li:nth-of-type(2) {
            background-image: url(../images/night.svg);
        }

        .cd-images-list > li:nth-of-type(3) {
        }

        .cd-images-list > li > a {
            /* used to vertically align the h2 child -  mobile version only */
            display: block;
            height: 100%;
            width: 100%;
        }

    .cd-images-list h2 {
        /* used to vertically align h2 -  mobile version only */
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-size: 2rem !important;
        color: #808080 !important;
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding: 0 !important;
        margin: 0 !important;
    }

/* -------------------------------- 

Content block

-------------------------------- */
.cd-content-rank {
    /* move the block outside the viewport (to the right) - mobile only */
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

    .cd-content-rank.is-visible {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .cd-content-rank > ul {
        height: 100%;
        margin: 0;
        padding: 0;
    }

        .cd-content-rank > ul > li {
            position: absolute;
            height: 100%;
            padding: 2em 1.5em;
            overflow-y: scroll;
            background-color: #ffffff;
            opacity: 0;
            visibility: hidden;
        }

            .cd-content-rank > ul > li.is-selected {
                /* this is the selected content */
                position: relative;
                opacity: 1;
                visibility: visible;
                -webkit-overflow-scrolling: touch;
            }

    .cd-content-rank h2 {
        line-height: 1.2;
        font-weight: 700;
        font-size: 1.8rem;
        margin-bottom: 1em;
    }

    .cd-content-rank p {
        margin-bottom: 2em;
        line-height: 1.6;
        color: #85868d;
    }

    .cd-content-rank .cd-close {
        /* 'X' icon to close the content block -  mobile only */
        position: fixed;
        top: 0;
        right: 0;
        height: 44px;
        width: 44px;
        /* image replacement */
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        color: transparent;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition: -webkit-transform 0.2s;
        -moz-transition: -moz-transform 0.2s;
        transition: transform 0.2s;
    }

        .cd-content-rank .cd-close::after, .cd-content-rank .cd-close::before {
            /* these are the 2 lines of the 'X' icon */
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            width: 2px;
            height: 24px;
            background-color: #343642;
            /* Force Hardware Acceleration */
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            -ms-transform: translateZ(0);
            -o-transform: translateZ(0);
            transform: translateZ(0);
        }

        .cd-content-rank .cd-close::after {
            -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
        }

        .cd-content-rank .cd-close::before {
            -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
            -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
            -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
            -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
            transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        }

        .cd-content-rank .cd-close.is-scaled-up {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            border: none;
            background-color: transparent;
        }

.no-touch .cd-content-rank .cd-close.is-scaled-up:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    border: none;
    background-color: transparent;
}

/* -------------------------------- 

Slider navigation

-------------------------------- */
.block-navigation {
    /* this is the slider navigation - desktop version only */
    display: none;
}

/*个人中心*/
.content-box { /*background: #28B4A9;*/
    width: 100%;
    height: 200px;
    box-sizing: content-box;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

    .content-box .avatar {
        height: 70px;
        width: 100%;
        text-align: center;
        margin-top: 40px;
    }

        .content-box .avatar img {
            margin: auto;
            width: 70px;
            height: 70px;
            border-radius: 50%;
        }

    .content-box .grade {
        height: 28px;
        line-height: 28px;
        text-align: center;
        color: #FFFFFF;
        margin-top: 5px;
    }

        .content-box .grade span {
            padding: 2px 8px;
            background: #ffc600;
            border-radius: 3px;
        }

    .content-box .nickname {
        height: 36px;
        line-height: 36px;
        text-align: center;
        font-size: 2em;
        color: #FFFFFF;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /*他人信息*/
    .content-box .head {
        height: 150px;
        top: 25px;
        z-index: 2;
        position: absolute;
        left: 50%;
        margin-left: -41px;
    }

        .content-box .head img {
            height: 100%;
        }

    .content-box .taiji {
        height: 150px;
        width: 150px;
        position: absolute;
        top: 100px;
        left: 50%;
        margin-left: -75px;
        border-radius: 50%;
    }

        .content-box .taiji .taiji-3d {
            box-shadow: 0px 0px 200px 0px #000000;
            border-radius: 50%;
            background: rgba(0, 0, 0,.3);
            z-index: 1;
            /*初始化样式*/
            transform: rotateX(78deg) rotateY(0deg) rotateZ(0deg);
            -webkit-transform: rotateX(78deg) rotateY(0deg) rotateZ(0deg);
            -moz-transform: rotateX(78deg) rotateY(0deg) rotateZ(0deg);
            -o-transform: rotateX(78deg) rotateY(0deg) rotateZ(0deg);
            /*动画设计*/
            /*-moz-animation: taiji-ico-3d 36s linear infinite;
	-webkit-animation: taiji-ico-3d 36s linear infinite;
	-o-animation: taiji-ico-3d 36s linear infinite;*/
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-perspective: 1000;
            -moz-perspective: 1000;
            -ms-perspective: 1000;
            perspective: 1000;
        }

    .content-box .zlfm {
        position: absolute;
        background-image: url('../images/icon/zlfm.gif');
        width: 6rem;
        height: 6rem;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        right: 10px;
        top: 40px;
    }

    .content-box .left {
        width: 50%;
        float: left;
    }

    .content-box .right {
        width: 50%;
        height: 100%;
        float: right;
        background-size: 100%;
    }

        .content-box .right .top {
            height: 100px;
            width: 100%;
            line-height: 100px;
            font-size: 28px;
        }

        .content-box .right .bottom {
            height: 100px;
            width: 100%;
            line-height: 100px;
            font-size: 22px;
        }


.content-rank .rank-head {
    height: 8rem;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    box-shadow: 0px 2px 3px #D6D6D6;
}

    .content-rank .rank-head .bg-img {
        text-align: center;
        height: 100%;
        padding: 0;
        background-size: cover;
        background-repeat: no-repeat;
    }

        .content-rank .rank-head .bg-img.bg-wrzl {
            padding: 0;
            background-image: url(../images/bg/feel-bg.jpg);
        }

            .content-rank .rank-head .bg-img.bg-wrzl img {
                -ms-filter: grayscale(.95);
                -webkit-filter: grayscale(.95);
                filter: grayscale(.95);
            }

        .content-rank .rank-head .bg-img img {
            height: 100%;
        }

    .content-rank .rank-head .fixed-info {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1.8rem;
        line-height: 1.8rem;
        background: rgba(93, 92, 92, 0.08);
        padding: .2rem 1rem;
        color: #080808;
    }

        .content-rank .rank-head .fixed-info .avatar {
            height: 100%;
            width: 1.4rem;
            border-radius: 50%;
            overflow: hidden;
            float: left;
            margin-right: .4rem;
        }

            .content-rank .rank-head .fixed-info .avatar img {
                height: 100%;
                width: 100%;
            }

        .content-rank .rank-head .fixed-info .user-info {
            height: 1.4rem;
            width: 100%;
            line-height: 1.4rem;
        }

    .content-rank .rank-head .heart-box, .profile-box .heart-box {
        position: absolute;
        bottom: .5rem;
        right: .5rem;
        height: 1.2rem;
        border-radius: .6rem;
        line-height: 1.2rem;
        padding: 0 .5rem;
        background: rgba(255, 255, 255, 0.65);
    }

        .content-rank .rank-head .heart-box .icon:before, .profile-box .heart-box .icon:before {
            color: #F00B0D;
        }

        .content-rank .rank-head .heart-box .icon, .profile-box .heart-box .icon {
            display: initial;
        }

        .content-rank .rank-head .heart-box > div, .profile-box .heart-box > div {
            display: block;
            height: 100%;
            width: auto;
        }

.profile-box .heart-box {
    bottom: .3rem;
    background: rgba(255, 255, 255, 1);
}

.content-rank .list-block {
    margin: 0;
}

    .content-rank .list-block ul {
        margin-top: .45rem;
        border: none;
    }

    .content-rank .list-block .item-content {
        padding-left: 2rem;
        overflow: hidden;
    }

        .content-rank .list-block .item-content .item-inner {
            border: 0;
        }

    .content-rank .list-block .rang-num {
        position: absolute;
        left: 0;
        top: .45rem;
        text-align: center;
        line-height: 2.2rem;
        width: 2rem;
        display: block;
    }

    .content-rank .list-block .item-media .head-img {
        border-radius: 50%;
        overflow: hidden;
        height: 2.2rem;
        width: 2.2rem;
    }

        .content-rank .list-block .item-media .head-img img {
            height: 100%;
            width: 100%;
            margin: auto;
        }

    .content-rank .list-block .item-title.line-title {
        line-height: 2.2rem;
        display: initial;
        width: 100%;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 8.5rem;
        position: absolute;
        right: 0;
    }

    .content-rank .list-block .praise-count {
        width: 2.2rem;
        text-align: center;
        line-height: 2.2rem;
        display: initial;
        position: absolute;
        right: 0rem;
        top: .45rem;
    }

    .content-rank .list-block .shcang-count {
        width: 2.2rem;
        text-align: center;
        line-height: 2.2rem;
        display: initial;
        position: absolute;
        right: 2.65rem;
        top: .45rem;
    }

    .content-rank .list-block .exp-count {
        width: 3.5rem;
        line-height: 2.2rem;
        position: absolute;
        right: 2.2rem;
        top: .45rem;
        text-align: right;
        padding-right: 1.1rem;
    }

    .content-rank .list-block .boxing-count {
        width: 3.5rem;
        line-height: 2.2rem;
        position: absolute;
        right: 5.5rem;
        top: .45rem;
        text-align: right;
        padding-right: 1.1rem;
    }

    .content-rank .list-block .sign-count {
        line-height: 2.2rem;
        text-align: right;
        color: #f8951d;
    }

    .content-rank .list-block .energy-count {
        width: 3.5rem;
        line-height: 2.2rem;
        position: absolute;
        right: 2.2rem;
        top: .45rem;
        text-align: right;
        padding-right: 1.1rem;
    }

    .content-rank .list-block .item-subtitle {
        font-size: .55rem;
    }

.icon-boxing {
    background-image: url(../images/icons/lotus.png);
}

.icon-energy {
    background-image: url(../images/icons/lotus-leaf.png);
}

.content-rank .list-block .boxing-count .icon-boxing,
.content-rank .list-block .energy-count .icon-energy,
.content-rank .list-block .exp-count .icon-boxing,
.content-rank .list-block .exp-count .icon-energy {
    background-size: 100%;
    height: 1.1rem;
    width: 1.1rem;
    right: 0;
    bottom: .5rem;
    position: absolute;
}

#close-popup {
    position: fixed;
    bottom: 0rem;
    right: 50%;
    margin-right: -1.25rem;
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 50%;
    overflow: hidden; /*background: #db483a;*/
    z-index: 1020;
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=2);
}

    #close-popup a {
        display: block;
        height: 100%;
        width: 100%;
        color: #757575;
        line-height: 2.5rem;
        text-align: center;
        font-size: 1.5rem;
    }


.container {
    max-width: 1100px;
    margin: 0 auto;
}

#timeline {
    width: 90%;
    margin: 30px auto;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    #timeline:before {
        content: "";
        width: 3px;
        height: 100%;
        background: #0bb615;
        left: 50%;
        top: 0;
        position: absolute;
    }

    #timeline:after {
        content: "";
        clear: both;
        display: table;
        width: 100%;
    }

    #timeline .timeline-item {
        margin-bottom: 50px;
        position: relative;
        overflow: hidden;
    }

        #timeline .timeline-item .timeline-icon {
            background: #0bb615;
            width: 50px;
            height: 50px;
            position: absolute;
            top: 0;
            left: 50%;
            overflow: hidden;
            margin-left: -23px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            border-radius: 50%;
        }

            #timeline .timeline-item .timeline-icon img {
                position: relative;
                top: 14px;
                left: 14px;
            }

        #timeline .timeline-item .timeline-content {
            overflow: hidden;
            width: 45%;
            background: #fff;
            padding: 20px;
            -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
            -ms-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            border-radius: 5px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            #timeline .timeline-item .timeline-content h2 {
                height: auto;
                padding: 15px;
                background: #0bb615;
                color: #fff;
                margin: -20px -20px 0 -20px;
                font-weight: 500;
                -webkit-border-radius: 3px 3px 0 0;
                -moz-border-radius: 3px 3px 0 0;
                -ms-border-radius: 3px 3px 0 0;
                border-radius: 3px 3px 0 0;
            }

            #timeline .timeline-item .timeline-content:before {
                content: '';
                position: absolute;
                left: 45%;
                top: 20px;
                width: 0;
                height: 0;
                border-top: 7px solid transparent;
                border-bottom: 7px solid transparent;
                border-left: 7px solid #ee4d4d;
            }

            #timeline .timeline-item .timeline-content.right {
                float: right;
            }

                #timeline .timeline-item .timeline-content.right:before {
                    content: '';
                    right: 45%;
                    left: inherit;
                    border-left: 0;
                    border-right: 7px solid #0bb615;
                }

@media screen and (max-width: 768px) {
    #timeline {
        padding: 0 10px;
        width: 100%;
    }

        #timeline:before {
            left: 35px;
        }

        #timeline .timeline-item .timeline-content {
            width: 80%;
            float: right;
        }

            #timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before {
                left: 10%;
                margin-left: -6px;
                border-left: 0;
                border-right: 7px solid 7px solid rgba(11, 182, 21, 0);
            }

        #timeline .timeline-item .timeline-icon {
            left: 25px;
        }
}

.auth-heir {
    color: #f40 !important;
    margin: 0 !important;
}

.mine-boxing {
    width: 100%;
    padding: 10px;
    background: #fff;
    position: relative;
}

    .mine-boxing .icon-stamp {
        position: absolute;
        top: 0;
        right: 0;
        width: 3rem;
        height: 100%;
        padding: 10px 0;
    }

        .mine-boxing .icon-stamp div {
            height: 100%;
            width: 100%;
            text-align: center;
        }

            .mine-boxing .icon-stamp div img {
                height: 100%;
            }

    .mine-boxing dl {
        width: 100%;
        margin: 0;
        height: 1.1rem;
        line-height: 1.1rem;
    }

        .mine-boxing dl dt {
            float: left;
            width: 2rem;
        }

        .mine-boxing dl dd {
            margin-left: 2rem;
        }

            .mine-boxing dl dd .icon-num {
                float: left;
                margin-right: .1rem;
            }

            .mine-boxing dl dd .icon-boxing,
            .mine-boxing dl dd .icon-energy {
                background-size: 100%;
                height: 1.1rem;
                width: 1.1rem;
                display: block;
                float: left;
                margin-right: .2rem;
            }


.mine-menu-list {
    width: 100%;
    margin-top: .5rem;
    background: #fff;
}

    .mine-menu-list .list {
        width: 100%;
        overflow: hidden;
    }

        .mine-menu-list .list dl {
            width: 25%;
            float: left;
            margin: 0;
            padding: .4rem 0;
            border: 1px solid #f9f9f9;
            border-left-color: transparent;
            border-top-color: transparent;
        }

            .mine-menu-list .list dl dt {
                height: 1.5rem;
                text-align: center;
                line-height: 1.5rem;
                font-size: 1.2rem;
            }

            .mine-menu-list .list dl dd {
                height: 1.2rem;
                line-height: 1.2rem;
                margin: 0;
                text-align: center;
            }

/*添加感悟背景*/
.feel-luo-bg {
    background-image: url(../images/icons/feel-luo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: 100%;
    height: 9rem;
    position: fixed;
    bottom: 3rem;
    opacity: 1;
}

#add_feel {
    position: fixed;
    bottom: 3rem;
    right: .5rem;
    height: 1.6rem;
    border-radius: .8rem;
    overflow: hidden;
    border: 2px solid #db483a;
    background: #db483a;
}

    #add_feel a {
        display: block;
        height: 100%;
        width: 100%;
        color: #fff;
        line-height: 1.6rem;
        text-align: center;
        font-size: .8rem;
        padding: 0 .6rem;
    }
/*遮挡住音频*/
.audio-box {
    position: relative;
}

    .audio-box div.mask {
        position: absolute;
        left: 0;
        top: 0;
        height: 36px !important;
        width: 227px !important;
        z-index: 1;
    }

    .audio-box div.menu {
        position: absolute;
        right: 0;
        top: 0;
        height: 36px !important;
        width: auto !important;
        padding: 0 .5rem;
        border-radius: 18px;
        border: 2px solid rgba(219,72,58,.8);
        color: rgba(219,72,58,.8);
        line-height: 32px;
    }

        .audio-box div.menu a {
            color: rgba(219,72,58,.85);
            display: block;
            font-weight: 800;
        }

.filter-blur {
    -ms-filter: blur(3px);
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

/*轮播扩展*/
.swiper-slide .swiper-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.6rem;
    text-align: center;
    background: rgba(0,0,0,.5);
    color: #fff;
    line-height: 1.6rem;
    font-size: .9rem;
    overflow: hidden;
    overflow-wrap: break-word;
}

/*对话框*/
.im-box {
    overflow-x: hidden;
    margin-bottom: 2.5rem;
}

    .im-box .list-im {
        font-size: .8rem;
        width: 100%;
        overflow: auto;
        padding: 5px;
        margin: 0;
    }

        .im-box .list-im li {
            margin-top: 10px;
            padding: 0 10px;
            width: 100%;
            display: block;
            clear: both;
            overflow: hidden;
        }

            .im-box .list-im li img {
                float: left;
                width: 1.8rem;
                height: 1.8rem;
            }

            .im-box .list-im li span {
                position: relative;
                background: #fff;
                padding: 0.4rem .5rem;
                border-radius: 0.3rem;
                min-height: 1.8rem;
                line-height: 1rem;
                float: left;
                max-width: 60%;
                box-shadow: none;
                font-size: .8rem;
            }

                .im-box .list-im li span:before {
                    content: "";
                    position: absolute;
                    top: .6rem;
                    width: 0;
                    height: 0;
                    border-top: .3rem solid transparent;
                    border-bottom: .3rem solid transparent;
                }

                .im-box .list-im li span .time {
                    height: 1.8rem;
                    width: 1rem;
                    position: absolute;
                    top: 0rem;
                    display: block;
                    line-height: 1.8rem;
                    font-size: .5rem;
                    font-style: normal;
                }

                .im-box .list-im li span .dot {
                    height: .4rem;
                    width: .4rem;
                    border-radius: 50%;
                    background-color: rgb(255,63,2);
                    position: absolute;
                    top: .7rem;
                    display: block;
                }

                .im-box .list-im li span .voice {
                    position: absolute;
                    display: block;
                    height: 100%;
                    top: 0;
                    line-height: 1.8rem;
                }

                .im-box .list-im li span .loading {
                    position: absolute;
                    text-align: center;
                    height: 1.8rem;
                    width: 1rem;
                    position: absolute;
                    top: 0rem;
                    display: block;
                    line-height: 1.8rem;
                    font-size: .5rem;
                    font-style: normal;
                    display: none;
                }

            .im-box .list-im li img.imgleft {
                float: left;
            }

            .im-box .list-im li img.imgright {
                float: right;
            }

            .im-box .list-im li span.spanleft {
                float: left;
                margin-left: 1rem;
            }

                .im-box .list-im li span.spanleft:before {
                    left: -.29rem;
                    border-right: .3rem solid #fff;
                }

            .im-box .list-im li span.spanright:active {
                background: #f5f5f5;
            }

            .im-box .list-im li span.spanleft .time {
                right: -1.5rem;
            }

            .im-box .list-im li span.spanleft .dot {
                right: -1.8rem;
            }

            .im-box .list-im li span.spanleft .voice {
                left: .5rem;
            }

            .im-box .list-im li span.spanleft .loading {
                right: .5rem;
            }

            .im-box .list-im li span.spanright {
                float: right;
                margin-right: 1rem;
                background: #9ee656;
            }

                .im-box .list-im li span.spanright:active {
                    background: #8fbf5f;
                }

                .im-box .list-im li span.spanright:before {
                    right: -.29rem;
                    border-left: .3rem solid #9ee656;
                }

                .im-box .list-im li span.spanright .time {
                    left: -1.5rem;
                }

                .im-box .list-im li span.spanright .dot {
                    left: -1.8rem;
                }

                .im-box .list-im li span.spanright .voice {
                    right: .5rem;
                    -moz-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    -o-transform: rotate(180deg);
                    -webkit-transform: rotate(180deg);
                    transform: rotate(180deg);
                }

                .im-box .list-im li span.spanright .loading {
                    left: .5rem;
                }

/*写微信播放器*/
.db {
    display: block;
}

.weixinAudio-box {
    background-color: #fff;
}

.weixinAudio {
    line-height: 1.5;
}

    .weixinAudio .audio_area {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        margin: 0px 1px 0px 0;
        font-size: 0;
        position: relative;
        font-weight: 400;
        text-decoration: none;
        -ms-text-size-adjust: none;
        -webkit-text-size-adjust: none;
        text-size-adjust: none;
    }

.audio_wrp {
    border: 1px solid #ebebeb;
    background-color: #fcfcfc;
    overflow: hidden;
    padding: .3rem .4rem;
    position: relative;
}

.audio_play_area {
    float: left;
    margin: 9px 22px 10px 5px;
    font-size: 0;
    width: 18px;
    height: 25px;
}

.playing .audio_play_area .icon_audio_default {
    display: block;
}

.audio_play_area .icon_audio_default {
    background: transparent url(../images/iconloop.png) no-repeat 0 0;
    width: 18px;
    height: 25px;
    vertical-align: middle;
    display: inline-block;
    -webkit-background-size: 54px 25px;
    background-size: 54px 25px;
    background-position: -36px center;
}

.audio_play_area .icon_audio_playing {
    background: transparent url(../images/iconloop.png) no-repeat 0 0;
    width: 18px;
    height: 25px;
    vertical-align: middle;
    display: inline-block;
    -webkit-background-size: 54px 25px;
    background-size: 54px 25px;
    -webkit-animation: audio_playing 1s infinite;
    background-position: 0px center;
    display: none;
}

.audio_area .pic_audio_default {
    display: none;
    width: 18px;
}

.tips_global {
    color: #8c8c8c;
}

.audio_area .audio_length {
    float: right;
    font-size: 14px;
    margin-top: 3px;
    margin-left: 1em;
}

.audio_info_area {
    overflow: hidden;
}

.audio_area .audio_title {
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.audio_area .audio_source {
    font-size: 14px;
    line-height: 18px;
}

.audio_area .progress_bar {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #0cbb08;
    height: 2px;
}

.playing .audio_play_area .icon_audio_default {
    display: none;
}

.playing .audio_play_area .icon_audio_playing {
    display: inline-block;
}

@-webkit-keyframes audio_playing {
    30% {
        background-position: 0px center;
    }

    31% {
        background-position: -18px center;
    }

    61% {
        background-position: -18px center;
    }

    61.5% {
        background-position: -36px center;
    }

    100% {
        background-position: -36px center;
    }
}


/*通知模块样式*/
#page-light .listview.notice-list li {
    height: 2rem;
}

    #page-light .listview.notice-list li > a {
        height: 2rem;
        overflow: hidden;
        position: relative;
    }

        #page-light .listview.notice-list li > a div {
            float: initial;
            position: absolute;
            top: 0;
            height: 2rem;
            line-height: 2rem;
            margin: 0;
            color: #414141;
            width: 1.5rem;
            z-index: 2;
            background: #fff;
        }

            #page-light .listview.notice-list li > a div.left {
                left: 8px;
                color: rgb(248, 147, 29);
            }

            #page-light .listview.notice-list li > a div.right {
                right: 8px;
                color: #808080;
            }

            #page-light .listview.notice-list li > a div.title {
                position: initial;
                width: 100%;
                padding: 0 1.5rem;
                font-size: .8rem;
            }

.buttons-row .button {
    color: #db483a;
    border-color: #db483a;
}

    .buttons-row .button.active {
        background-color: #db483a;
    }

.button.button-fill {
    background-color: #db483a;
}


#page-light .article-cover {
    padding: 0;
}

    #page-light .article-cover img {
        width: 100%;
        height: 100%;
        display: bl;
    }

/*日历设计*/
.calendar-box {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
    display: none;
}

    .calendar-box.active {
        display: block;
    }

    .calendar-box .mask-box {
        height: 100%;
        width: 100%;
        position: absolute;
        z-index: 10000;
        background: rgba(0,0,0,.3);
    }

    .calendar-box .content-box {
        width: 90%;
        height: 90%;
        left: 5%;
        top: 5%;
        position: absolute;
        z-index: 10001;
        background: #f1e9de;
        border-radius: .3rem;
        padding: .5rem;
        box-sizing: border-box;
    }

        .calendar-box .content-box div.close {
            position: absolute;
            bottom: .5rem;
            left: 50%;
            margin-left: -1rem;
            ;
            width: 2rem;
            height: 2rem;
            border-radius: 50%;
            line-height: 2rem;
            text-align: center;
            color: #8e6633;
            font-size: 1rem;
        }

        .calendar-box .content-box .container {
            position: relative;
            border: 1px solid #b25123;
            color: #8e6633;
            font-style: normal;
            font-weight: 800;
        }

            .calendar-box .content-box .container > div {
                width: 100%;
            }

            .calendar-box .content-box .container .first-box {
                border-bottom: 1px solid #b25123;
                height: 1.5rem;
            }

            .calendar-box .content-box .container .second-box {
                position: relative;
                border-bottom: 1px solid #b25123;
                height: 4rem;
            }

                .calendar-box .content-box .container .second-box > div {
                    height: 100%;
                    width: 30%;
                    position: absolute;
                    top: 0;
                }

                .calendar-box .content-box .container .second-box .left {
                    left: 0;
                    padding: .25rem 0;
                }

                    .calendar-box .content-box .container .second-box .left > div {
                        height: 1rem;
                        line-height: 1rem;
                        overflow: hidden;
                        font-size: .6rem;
                        text-align: center;
                    }

                    .calendar-box .content-box .container .second-box .left .t {
                        height: 2rem;
                        line-height: 2rem;
                        font-size: .9rem;
                    }

                .calendar-box .content-box .container .second-box .right {
                    right: 0;
                }

                    .calendar-box .content-box .container .second-box .right > div {
                        height: 2rem;
                        line-height: 2rem;
                        font-size: 1rem;
                        text-align: center;
                    }

                .calendar-box .content-box .container .second-box .center {
                    width: 40%;
                    height: 5rem;
                    top: -.5rem;
                    background: #8e6633;
                    left: 30%;
                    text-align: center;
                    line-height: 5rem;
                    font-size: 3.5rem;
                    color: #fff;
                }

            .calendar-box .content-box .container .third-box {
                padding: 1rem 0;
            }

                .calendar-box .content-box .container .third-box .taboo {
                    width: 100%;
                    border-bottom: 1px solid #b25123;
                    overflow: hidden;
                    padding: .5rem;
                    padding-top: 0;
                }

                    .calendar-box .content-box .container .third-box .taboo ul {
                        margin: 0;
                        padding: 0rem;
                    }

                        .calendar-box .content-box .container .third-box .taboo ul li {
                            width: 50%;
                            float: left;
                        }

                            .calendar-box .content-box .container .third-box .taboo ul li div {
                                width: 100%;
                                text-align: center;
                            }

                                .calendar-box .content-box .container .third-box .taboo ul li div.t {
                                    height: 1.2rem;
                                    line-height: 1.2rem;
                                    font-size: .8rem;
                                }

                                .calendar-box .content-box .container .third-box .taboo ul li div.b {
                                    line-height: .9rem;
                                    font-size: .7rem;
                                }

                .calendar-box .content-box .container .third-box .verse {
                    padding: 0 .5rem;
                }

/*分享链接*/
.po-share {
    background: #eee;
    padding: 10px 5px;
    margin: 10px 0;
}

    .po-share dl {
        margin: 0;
    }

        .po-share dl dt {
            height: 30px;
            line-height: 30px;
        }

        .po-share dl dd .left {
            float: left;
            height: 40px;
            width: 40px;
        }

            .po-share dl dd .left img {
                width: 100%;
                height: 100%;
            }

        .po-share dl dd .right {
            padding-left: 45px;
            line-height: 20px;
        }

    .po-share .po-title a {
        max-height: initial !important;
        display: block;
    }

    .po-share .po-title dl {
        line-height: 1.2rem;
        margin-bottom: .3rem;
        max-height: initial !important;
        overflow: hidden;
    }

        .po-share .po-title dl dt {
            height: 2.5rem;
            width: 2.5rem;
            float: left;
            margin-right: .2rem;
        }

            .po-share .po-title dl dt img {
                height: 100%;
                width: 100%;
            }

        .po-share .po-title dl dd {
            padding-left: 2.7rem;
            line-height: 1.2rem;
        }

    .po-share .po-link dl dt {
        height: 2rem;
        width: 2rem;
        float: left;
        margin-right: .2rem;
    }

        .po-share .po-link dl dt img {
            height: 100%;
            width: 100%;
        }

    .po-share .po-link dl dd {
        height: 2rem;
        line-height: 1rem;
        font-size: .7rem;
        overflow: hidden;
    }

/*底部导航重新*/
.bar-tab .tab-item .icon {
    font-size: 1rem;
}

.photo-browser-zoom-container {
    margin: auto !important;
    height: auto !important;
}

    .photo-browser-zoom-container img {
        height: auto !important;
        min-height: initial;
    }

.photo-browser-dark .photo-browser-swiper-container {
    padding-bottom: 0;
}

.photo-browser-zoom-container {
    max-height: 100%;
}

/*收货地址 ------ */
.ShippingAddress .address {
    margin: 0;
    padding-left: 0;
    background-image: url("../Images/wuliu_bg.png");
    background-repeat: no-repeat;
    background-size: 100%;
    color: #6b6c6e;
    z-index: 999;
    padding-bottom: 33px;
}

    .ShippingAddress .address h6 {
        font-size: 14px;
        color: #494e52;
    }

        .ShippingAddress .address h6 span {
            margin-left: 12px;
        }

.address {
    padding-top: 5px;
    overflow: hidden;
}

    .address .add-info {
        padding: 10px 11px 15px 0;
        margin-left: 11px;
        border-bottom: 1px solid #eaeaea;
    }

    .address p, .address h6 {
        line-height: 20px;
    }

    .address p {
        font-size: 13px;
    }

    .address h6 {
        margin: 5px 0;
    }

.ShippingAddress .address .cho-addr {
    height: 42px;
    line-height: 42px;
    padding: 0 11px;
    font-size: 12px;
}

.ShippingAddress .cho-addr .default {
    border: 2px solid #6b6c6e;
    border-radius: 50%;
    height: 14px;
    width: 14px;
    margin-right: 15px;
}

    .ShippingAddress .cho-addr .default.active {
        background-color: #09c555;
        background-image: url("../images/bill.png");
        background-position: 1px 3px;
        background-repeat: no-repeat;
        background-size: 10px auto;
        border: 1px solid #09c555;
    }

.ShippingAddress .cho-addr .cho-btn {
    float: right;
    line-height: 42px;
}

    .ShippingAddress .cho-addr .cho-btn a {
        display: inline-block;
        width: 58px;
        height: 20px;
        line-height: 19px;
        text-align: center;
        border-radius: 3px;
        margin-top: 10px;
        cursor: pointer;
    }

    .ShippingAddress .cho-addr .cho-btn .edit {
        color: #494e52;
        border: 1px solid #494e52;
        margin-right: 8px;
    }

    .ShippingAddress .cho-addr .cho-btn .del {
        color: #ff2525;
        border: 1px solid #ff2525;
    }

.address li:first-child {
    border-top: none;
}

.address li {
    position: relative;
    margin-bottom: 11px;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    background-color: #fff;
}

    .address li .glyphicon {
        position: absolute;
        top: 50%;
    }

    .address li .glyphicon-pencil {
        font-size: 20px;
        padding: 5px;
        right: 10px;
        color: #999;
        margin-top: -15px;
    }

        .address li .glyphicon-pencil:active, .address li .glyphicon-pencil:hover {
            color: #e73641;
        }

    .address li .glyphicon-ok {
        display: none;
        background-color: #e73641;
        color: #fff;
        left: 8px;
        border-radius: 100%;
        padding: 5px;
        margin-top: -20px;
    }

        .address li .glyphicon-ok.active {
            display: inline-block;
        }

.custom-form {
    background-color: #fff;
    padding: 20px 30px;
    box-shadow: 0 0 6px rgba(204,204,204,.5);
}

.custom-title {
    text-align: center;
    margin: 0 0 20px;
    background-color: #fff;
}

#page-light .car-list {
    margin: 0px;
    padding: 0;
}

    #page-light .car-list.inset {
        margin: 10px 0;
        border: 1px solid #ddd;
        border-radius: 0.2125em;
    }

        #page-light .car-list.inset li:last-child {
            border-bottom: 0;
        }

    #page-light .car-list .nodata {
        position: relative;
        padding: 20px 0;
        text-align: center;
    }

        #page-light .car-list .nodata h1 {
            display: block;
            line-height: 90px;
        }

            #page-light .car-list .nodata h1 i {
                line-height: 90px;
            }

                #page-light .car-list .nodata h1 i:before {
                    font-size: 2em;
                }

        #page-light .car-list .nodata h1 {
            top: 30px;
            color: #999;
            font-size: 60px;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            line-height: 1;
            z-index: -1;
        }

        #page-light .car-list .nodata p {
            color: #999;
            font-size: 17px;
            line-height: 35px;
        }

    #page-light .car-list li {
        position: relative;
        padding: 10px;
        border-bottom: 1px solid #efefef;
        list-style: none;
        background: #fff;
    }

        #page-light .car-list li:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
        }

        #page-light .car-list li label.select {
            position: absolute;
            display: block;
            top: 5px;
            left: 35px;
        }

        #page-light .car-list li .img-box {
            display: block;
            float: left;
            margin: 0 10px 0 0;
            width: 75px;
        }

            #page-light .car-list li .img-box img {
                width: 75px;
            }

        #page-light .car-list li > h2 {
            display: block;
            margin: 0;
            padding: 0;
            color: #313131;
            font-size: 15px;
            font-weight: normal;
            height: 40px;
            line-height: 20px;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        #page-light .car-list li p.stxt {
            color: #888;
            font-size: 12px;
            line-height: 1.3em;
        }

        #page-light .car-list li .note {
            display: block;
            margin-left: 80px;
            padding-top: 10px;
        }

            #page-light .car-list li .note .price, #afui .car-list li .note .point {
                display: inline-block;
                color: #fb6700;
                font-size: 15px;
                font-style: normal;
                line-height: 23px;
            }

            #page-light .car-list li .note span {
                display: block;
                float: right;
                color: #8c8c8c;
                font-size: 12px;
                line-height: 23px;
            }

            #page-light .car-list li .note .btn-list {
                display: block;
                float: right;
            }

                #page-light .car-list li .note .btn-list input {
                    display: block;
                    float: left;
                    margin: 0;
                    padding: 0;
                    width: 30px;
                    height: 25px;
                    line-height: 25px;
                    text-align: center;
                    border: 1px solid #ddd;
                    border-left: 0;
                    border-right: 0;
                    border-radius: 0px;
                    color: 262626;
                    font-size: 14px;
                    line-height: 23px;
                }

                #page-light .car-list li .note .btn-list a {
                    display: block;
                    float: left;
                    margin: 0;
                    padding: 0 8px;
                    border: 1px solid #ddd;
                    color: #0088D1;
                    font-size: 14px;
                    line-height: 23px;
                    height: 25px;
                }

                    #page-light .car-list li .note .btn-list a.del {
                        margin-left: 5px;
                        border: 0;
                        line-height: 25px;
                        color: #777;
                    }

#page-light #page-light .car-total {
    display: block;
    margin: 0px;
    padding: 15px 10px;
}

#page-light .car-total .btn-list {
    float: right;
}

#page-light .car-total .note {
    display: block;
}

    #page-light .car-total .note h3 {
        color: #333;
        font-size: 14px;
        line-height: 1.8em;
    }

    #page-light .car-total .note p {
        color: #333;
        font-size: 13px;
        line-height: 1.5em;
    }

#page-light .list-group .list-group-item {
    border-left: 0;
    border-right: 0;
    background: #fff;
    border-bottom: 1px solid #999;
}

    #page-light .list-group .list-group-item:last-child {
        border: none;
    }

#page-light .list-group {
    margin-bottom: 10px;
    padding: 0;
    padding-top: 0;
    margin-top: 0;
}

#page-light /*购物车 ------ */
#page-light .cart { /*border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2;*/
    padding-top: 0px;
}

#page-light .top-nav {
    color: #0e7be0;
    text-align: right;
    padding: 10px;
    font-size: 14px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #f4f6f8;
    z-index: 999;
    border-bottom: 1px solid #c2c2c2;
}

    #page-light .top-nav .glyphicon-trash {
        margin-right: 5px;
    }

#page-light .cart li {
    padding: 0 0 0 .5rem;
}

#page-light .check-custom {
    left: 0;
    top: 50%;
    margin-top: -10px;
    border-radius: 100%;
    position: absolute;
    z-index: 10;
    width: 20px;
    height: 20px;
    background: #fff url(ok.png) no-repeat;
    background-size: 47px auto;
}

    #page-light .check-custom.active {
        background: #fff url(ok.png) no-repeat;
        background-position: -27px 0;
    background-size: 47px auto;
    }

#page-light .cart .list-group-item div {
    position: relative;
}

#page-light .cart .cart-shop {
    padding: 10px 0;
    font-size: 14px;
    border-bottom: 1px solid #d7d7d7;
    line-height: 24px;
}

    #page-light .cart .cart-shop span {
        margin-left: 30px;
        line-height: 24px;
    }

        #page-light .cart .cart-shop span img {
            margin-right: 5px;
        }

#page-light .cart .cart-goods {
    padding: .5rem 0;
    min-height: 90px;
}

#page-light .cart .cart-remove {
    color: #e73641;
    float: right;
    margin: .5rem .5rem 0 0;
    font-size:.7rem;
}

#page-light .cart .cart-disable {
    background-color: #efefef;
    color: #999;
}

#page-light .cart .cart-goods img {
    width: 70px;
    height: 70px;
    float: left;
    margin: 0 10px 0 30px;
}

#page-light .cart .cart-goods p {
    font-size: 14px;
    position: relative;
    padding-right: 70px;
    line-height: 18px;
    height: 37px;
    overflow: hidden;
    margin: 0;
}

#page-light .cart .cart-disable p a {
    color: #999;
}

#page-light .cart .cart-disable {
}

#page-light .cart .cart-goods span {
    position: absolute;
    right: .5rem;
    top: .5rem;
    font-size:.7rem;
}

#page-light .cart .cart-subtotal {
    padding: 10px;
    text-align: right;
    font-size: 14px;
    border-top: 1px solid #d7d7d7;
}

    #page-light .cart .cart-subtotal span {
        color: #e73641;
    }

#page-light .cart .wrap-num .icon {
    top: 0;
    padding: 11px;
    font-size: 12px;
    color: rgb(102, 102, 102);
    border: 1px dashed rgb(211, 211, 211);
}

#page-light .cart .wrap-num input {
    display: inline-block;
    width: 50px;
    height: 36px;
    text-align: center;
    border-radius: 0;
    box-shadow: none;
    border: 1px dashed rgb(211, 211, 211);
    border-left: 0;
    border-right: 0;
    -webkit-appearance: none;
    vertical-align: top;
}

#page-light .cart .wrap-num .icon {
    padding: 7px 10px;
    font-size: 12px;
    display: inline-block;
    line-height: 12px;
}

    #page-light .cart .wrap-num .icon.minus {
        border-right: 0;
    }

    #page-light .cart .wrap-num .icon.plus {
        border-left: 0;
    }

#page-light .wrap-num .icon {
    float: none;
}

#page-light .cart .wrap-num {
    font-size: 0;
    margin-top: 4px;
    display: inline-block;
}

    #page-light .cart .wrap-num input {
        border: 1px solid #ddd;
        height: 28px;
        line-height: 28px;
        outline: none;
        font-size: 12px;
        -webkit-appearance: none;
        vertical-align: top;
        width: 50px;
        margin: 0;
        padding: 0;
    }

#page-light footer {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #f4f6f8;
    width: 100%;
    font-size: 12px;
    z-index: 100;
}

#page-light .footer-cart {
    height: 50px;
    background-color: #f5f7f9;
    border-top: 1px solid #ddd;
}

    #page-light .footer-cart .cart-pay {
        display: block;
        height: 50px;
        position: absolute;
        right: 0;
        top: 0;
        background-color: #f92a20;
        color: #fff;
        text-align: center;
        font-size: 16px;
        line-height: 50px;
        width: 100px;
        cursor: pointer;
    }

        #page-light .footer-cart .cart-pay b {
            font-size: 12px;
        }

    #page-light .footer-cart .check-custom {
        left: 10px;
    }

    #page-light .footer-cart label {
        padding-left: 40px;
        line-height: 50px;
        font-size: 14px;
        vertical-align: top;
    }

    #page-light .footer-cart .cart-total {
        padding-left: 10px;
        width: 200px;
        display: inline-block;
        line-height: 50px;
        font-size: 14px;
        color: #1e1e1e;
    }

        #page-light .footer-cart .cart-total b {
            display: block;
            line-height: 30px;
            font-size: 12px;
            text-align: left;
            font-style: normal;
        }

        #page-light .footer-cart .cart-total a {
            color: #dd2727;
        }

        #page-light .footer-cart .cart-total #allTotal {
            margin-left: 15px;
        }

        #page-light .footer-cart .cart-total b:last-child {
            color: #999;
            line-height: 50px;
        }

    #page-light .footer-cart .cart-total-lg {
        padding-right: 115px;
        text-align: right;
        width: 100%;
    }

/* 拼团公用 */
.merge-container {
    position: relative;
    z-index: 1;
    padding-bottom: .64rem;
    background-color: #eaeaea;
}

.merge-rule {
    padding: .25rem 0;
    font-size: .7rem;
    line-height: 1.2rem;
    color: #6b6c6e;
}

.merge-bar-container {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: #fff;
}

.merge-bar {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

    .merge-bar .btn {
        padding: .12rem .04rem;
        font-size: .14rem;
        line-height: .16rem;
    }

        .merge-bar .btn span {
            display: block;
        }

        .merge-bar .btn p {
            font-size: .12rem;
        }

        .merge-bar .btn.disabled {
            background-color: #ccc;
            border-color: #ccc;
        }

    .merge-bar .btn-left {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        min-width: 1rem;
        margin: .12rem .15rem .1rem .12rem;
        color: #fb1437;
        background-color: #fff;
        border-color: #ff5722;
    }

    .merge-bar .btn-right {
        -webkit-box-flex: 1.8;
        -moz-box-flex: 1.8;
        -ms-flex: 1.8;
        -webkit-flex: 1.8;
        flex: 1.8;
        margin: .12rem .12rem .1rem .15rem;
        background-color: #fb1437;
        border-color: #fb1437;
    }

    .merge-bar .btn-center {
        margin: .11rem .15rem;
        min-width: 1.27rem;
        height: .38rem;
        font-size: .15rem;
        background-color: #fb1437;
        border-color: #fb1437;
    }

    .merge-bar .btn-multiLine {
        padding: .04rem;
    }
/* 多行文字按钮 */
.merge-state-bar,
.merge-state-bar-disabled {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 1.5rem;
    padding: 0 .1rem;
    margin: -.1rem -.1rem .1rem -.1rem;
    font-size: .7rem;
    color: #fff;
}

.merge-state-bar {
    background-color: #D0002C;
}

.merge-state-bar-disabled {
    background-color: #ccc;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.merge-state-bar > span,
.merge-state-bar-disabled > span {
    position: relative;
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}

.merge-state-bar .glyphicon,
.merge-state-bar-disabled .glyphicon {
    margin-right: .05rem;
}

.merge-state-bar > span.time {
    background-color: #fff;
    color: #808080;
}

.merge-size,
.merge-size-disabled {
    position: absolute;
    top: .5rem;
    left: 0;
    width: 3.5rem;
    height: 1.3rem;
    padding: 0 .1rem 0 .04rem;
    font-size: .7rem;
    line-height: 1.3rem;
    color: #fff;
    text-align: center;
    z-index: 1;
    border-top-right-radius: 1.3rem;
    border-bottom-right-radius: 1.3rem;
}

.merge-size {
    background-color: #ff1f30;
}

.merge-size-disabled {
    background-color: #ccc;
}

.merge-size span {
    font-size: .7rem;
    font-weight: bold;
}

.merge-price-icon {
    position: relative;
    padding-left: .5rem;
}

    .merge-price-icon:before {
        position: absolute;
        left: 0;
        top: 50%;
        width: 3rem;
        height: 1.2rem;
        content: '团购价';
        background-size: 3.2rem auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.merge-go-tip,
.merge-do-tip {
    padding: .15rem 0 .1rem;
    font-size: .10rem;
    font-weight: bold;
    color: #494e52;
    letter-spacing: 1px;
}

.merge-over-sign,
.merge-fail-sign {
    position: absolute;
    z-index: 1;
    width: 1rem;
    height: 1rem;
}

.merge-over-sign {
    top: .16rem;
    right: .1rem;
    background: url(../images/merge.png) no-repeat -1.1rem 0;
    background-size: 3.2rem auto;
}

.merge-fail-sign {
    top: .1rem;
    right: .35rem;
    background: url(../images/merge.png) no-repeat 0 0;
    background-size: 3.2rem auto;
}

.merge-highlight {
    padding: 0 .02rem;
    font-weight: 400;
    color: #3cbcba;
}

.mini-redpoint {
    position: absolute !important;
    top: -3px !important;
    right: 3px !important;
    display: inline-block !important;
    min-width: 18px;
    max-width: 90%;
    height: 18px;
    padding: 0 3px;
    background-color: #db483a;
    border-radius: 20px;
    font-size: 10px;
    line-height: 19px;
    font-weight: bold;
    color: #fff;
    text-overflow: ellipsis;
    text-align: center;
    /*text-shadow: 0 -1px 0 rgba(64,0,0,.6);*/
}


.btn-close-popup {
    display: none;
    position: fixed;
    width: 2rem;
    height: 2rem;
    left: .5rem;
    top: .5rem;
    border-radius: 50%;
    background: #fff;
    z-index: 10501;
    color: #000;
    line-height: 2.2rem;
    text-align: center;
    box-shadow: 0 0 20px 3px #c7c7c7;
}


#ordertrack td {
    vertical-align: top;
}

.kuaidi_list {
    max-height: 20rem;
    overflow: scroll;
}

    .kuaidi_list .icon-new {
        background-position: 0 -58px;
        height: 18px;
        left: -20px;
        margin-left: -41px;
        margin-top: -9px;
        position: absolute;
        top: 1.5em;
        width: 41px;
    }

    .kuaidi_list .icon {
        background: url("http://p9.qhimg.com/d/inn/f2e20611/kuaidi_new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

    /*h1, h2, h3, h4, h5, h6, input, textarea, select, cite, em, i, b, strong, th {
    font-size: 100%;
    font-style: normal;
}*/

    .kuaidi_list .list-wrap .list li.first {
        color: #f05b0b;
    }

    .kuaidi_list .list-wrap .list li {
        color: #666;
    }

p, form, ol, ul, li, h3, menu {
    list-style: outside none none;
}

.result .res-list, .result-d .res-d-list {
    font-size: 13px;
    line-height: 20px;
}


body, th, td {
    font-family: arial;
    color: #333;
}
/* See license.txt for terms of usage */
/** reset styling **/
.firebugResetStyles {
    z-index: 2147483646 !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
    border: 0 none !important;
    margin: 0 !important;
    padding: 0 !important;
    outline: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    max-height: none !important;
    position: fixed !important;
    transform: rotate(0deg) !important;
    transform-origin: 50% 50% !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent none !important;
    pointer-events: none !important;
    white-space: normal !important;
}

style.firebugResetStyles {
    display: none !important;
}

.firebugBlockBackgroundColor {
    background-color: transparent !important;
}

.firebugResetStyles:before, .firebugResetStyles:after {
    content: "" !important;
}
/**actual styling to be modified by firebug theme**/
.firebugCanvas {
    display: none !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.firebugLayoutBox {
    width: auto !important;
    position: static !important;
}

.firebugLayoutBoxOffset {
    opacity: 0.8 !important;
    position: fixed !important;
}

.firebugLayoutLine {
    opacity: 0.4 !important;
    background-color: #000000 !important;
}

.firebugLayoutLineLeft, .firebugLayoutLineRight {
    width: 1px !important;
    height: 100% !important;
}

.firebugLayoutLineTop, .firebugLayoutLineBottom {
    width: 100% !important;
    height: 1px !important;
}

.firebugLayoutLineTop {
    margin-top: -1px !important;
    border-top: 1px solid #999999 !important;
}

.firebugLayoutLineRight {
    border-right: 1px solid #999999 !important;
}

.firebugLayoutLineBottom {
    border-bottom: 1px solid #999999 !important;
}

.firebugLayoutLineLeft {
    margin-left: -1px !important;
    border-left: 1px solid #999999 !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.firebugLayoutBoxParent {
    border-top: 0 none !important;
    border-right: 1px dashed #E00 !important;
    border-bottom: 1px dashed #E00 !important;
    border-left: 0 none !important;
    position: fixed !important;
    width: auto !important;
}

.firebugRuler {
    position: absolute !important;
}

.firebugRulerH {
    top: -15px !important;
    left: 0 !important;
    width: 100% !important;
    height: 14px !important;
    background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%13%88%00%00%00%0E%08%02%00%00%00L%25a%0A%00%00%00%04gAMA%00%00%D6%D8%D4OX2%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04%F8IDATx%DA%EC%DD%D1n%E2%3A%00E%D1%80%F8%FF%EF%E2%AF2%95%D0D4%0E%C1%14%B0%8Fa-%E9%3E%CC%9C%87n%B9%81%A6W0%1C%A6i%9A%E7y%0As8%1CT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AATE9%FE%FCw%3E%9F%AF%2B%2F%BA%97%FDT%1D~K(%5C%9D%D5%EA%1B%5C%86%B5%A9%BDU%B5y%80%ED%AB*%03%FAV9%AB%E1%CEj%E7%82%EF%FB%18%BC%AEJ8%AB%FA'%D2%BEU9%D7U%ECc0%E1%A2r%5DynwVi%CFW%7F%BB%17%7Dy%EACU%CD%0E%F0%FA%3BX%FEbV%FEM%9B%2B%AD%BE%AA%E5%95v%AB%AA%E3E5%DCu%15rV9%07%B5%7F%B5w%FCm%BA%BE%AA%FBY%3D%14%F0%EE%C7%60%0EU%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5JU%88%D3%F5%1F%AE%DF%3B%1B%F2%3E%DAUCNa%F92%D02%AC%7Dm%F9%3A%D4%F2%8B6%AE*%BF%5C%C2Ym~9g5%D0Y%95%17%7C%C8c%B0%7C%18%26%9CU%CD%13i%F7%AA%90%B3Z%7D%95%B4%C7%60%E6E%B5%BC%05%B4%FBY%95U%9E%DB%FD%1C%FC%E0%9F%83%7F%BE%17%7DkjMU%E3%03%AC%7CWj%DF%83%9An%BCG%AE%F1%95%96yQ%0Dq%5Dy%00%3Et%B5'%FC6%5DS%95pV%95%01%81%FF'%07%00%00%00%00%00%00%00%00%00%F8x%C7%F0%BE%9COp%5D%C9%7C%AD%E7%E6%EBV%FB%1E%E0(%07%E5%AC%C6%3A%ABi%9C%8F%C6%0E9%AB%C0'%D2%8E%9F%F99%D0E%B5%99%14%F5%0D%CD%7F%24%C6%DEH%B8%E9rV%DFs%DB%D0%F7%00k%FE%1D%84%84%83J%B8%E3%BA%FB%EF%20%84%1C%D7%AD%B0%8E%D7U%C8Y%05%1E%D4t%EF%AD%95Q%BF8w%BF%E9%0A%BF%EB%03%00%00%00%00%00%00%00%00%00%B8vJ%8E%BB%F5%B1u%8Cx%80%E1o%5E%CA9%AB%CB%CB%8E%03%DF%1D%B7T%25%9C%D5(%EFJM8%AB%CC'%D2%B2*%A4s%E7c6%FB%3E%FA%A2%1E%80~%0E%3E%DA%10x%5D%95Uig%15u%15%ED%7C%14%B6%87%A1%3B%FCo8%A8%D8o%D3%ADO%01%EDx%83%1A~%1B%9FpP%A3%DC%C6'%9C%95gK%00%00%00%00%00%00%00%00%00%20%D9%C9%11%D0%C0%40%AF%3F%EE%EE%92%94%D6%16X%B5%BCMH%15%2F%BF%D4%A7%C87%F1%8E%F2%81%AE%AAvzr%DA2%ABV%17%7C%E63%83%E7I%DC%C6%0Bs%1B%EF6%1E%00%00%00%00%00%00%00%00%00%80cr%9CW%FF%7F%C6%01%0E%F1%CE%A5%84%B3%CA%BC%E0%CB%AA%84%CE%F9%BF)%EC%13%08WU%AE%AB%B1%AE%2BO%EC%8E%CBYe%FE%8CN%ABr%5Dy%60~%CFA%0D%F4%AE%D4%BE%C75%CA%EDVB%EA(%B7%F1%09g%E5%D9%12%00%00%00%00%00%00%00%00%00H%F6%EB%13S%E7y%5E%5E%FB%98%F0%22%D1%B2'%A7%F0%92%B1%BC%24z3%AC%7Dm%60%D5%92%B4%7CEUO%5E%F0%AA*%3BU%B9%AE%3E%A0j%94%07%A0%C7%A0%AB%FD%B5%3F%A0%F7%03T%3Dy%D7%F7%D6%D4%C0%AAU%D2%E6%DFt%3F%A8%CC%AA%F2%86%B9%D7%F5%1F%18%E6%01%F8%CC%D5%9E%F0%F3z%88%AA%90%EF%20%00%00%00%00%00%00%00%00%00%C0%A6%D3%EA%CFi%AFb%2C%7BB%0A%2B%C3%1A%D7%06V%D5%07%A8r%5D%3D%D9%A6%CAu%F5%25%CF%A2%99%97zNX%60%95%AB%5DUZ%D5%FBR%03%AB%1C%D4k%9F%3F%BB%5C%FF%81a%AE%AB'%7F%F3%EA%FE%F3z%94%AA%D8%DF%5B%01%00%00%00%00%00%00%00%00%00%8E%FB%F3%F2%B1%1B%8DWU%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*UiU%C7%BBe%E7%F3%B9%CB%AAJ%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5*%AAj%FD%C6%D4%5Eo%90%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5%86%AF%1B%9F%98%DA%EBm%BBV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%AD%D6%E4%F58%01%00%00%00%00%00%00%00%00%00%00%00%00%00%40%85%7F%02%0C%008%C2%D0H%16j%8FX%00%00%00%00IEND%AEB%60%82") repeat-x !important;
    border-top: 1px solid #BBBBBB !important;
    border-right: 1px dashed #BBBBBB !important;
    border-bottom: 1px solid #000000 !important;
}

.firebugRulerV {
    top: 0 !important;
    left: -15px !important;
    width: 14px !important;
    height: 100% !important;
    background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%0E%00%00%13%88%08%02%00%00%00%0E%F5%CB%10%00%00%00%04gAMA%00%00%D6%D8%D4OX2%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%06~IDATx%DA%EC%DD%D1v%A20%14%40Qt%F1%FF%FF%E4%97%D9%07%3BT%19%92%DC%40(%90%EEy%9A5%CB%B6%E8%F6%9Ac%A4%CC0%84%FF%DC%9E%CF%E7%E3%F1%88%DE4%F8%5D%C7%9F%2F%BA%DD%5E%7FI%7D%F18%DDn%BA%C5%FB%DF%97%BFk%F2%10%FF%FD%B4%F2M%A7%FB%FD%FD%B3%22%07p%8F%3F%AE%E3%F4S%8A%8F%40%EEq%9D%BE8D%F0%0EY%A1Uq%B7%EA%1F%81%88V%E8X%3F%B4%CEy%B7h%D1%A2E%EBohU%FC%D9%AF2fO%8BBeD%BE%F7X%0C%97%A4%D6b7%2Ck%A5%12%E3%9B%60v%B7r%C7%1AI%8C%BD%2B%23r%00c0%B2v%9B%AD%CA%26%0C%1Ek%05A%FD%93%D0%2B%A1u%8B%16-%95q%5Ce%DCSO%8E%E4M%23%8B%F7%C2%FE%40%BB%BD%8C%FC%8A%B5V%EBu%40%F9%3B%A72%FA%AE%8C%D4%01%CC%B5%DA%13%9CB%AB%E2I%18%24%B0n%A9%0CZ*Ce%9C%A22%8E%D8NJ%1E%EB%FF%8F%AE%CAP%19*%C3%BAEKe%AC%D1%AAX%8C*%DEH%8F%C5W%A1e%AD%D4%B7%5C%5B%19%C5%DB%0D%EF%9F%19%1D%7B%5E%86%BD%0C%95%A12%AC%5B*%83%96%CAP%19%F62T%86%CAP%19*%83%96%CA%B8Xe%BC%FE)T%19%A1%17xg%7F%DA%CBP%19*%C3%BA%A52T%86%CAP%19%F62T%86%CA%B0n%A9%0CZ%1DV%C6%3D%F3%FCH%DE%B4%B8~%7F%5CZc%F1%D6%1F%AF%84%F9%0F6%E6%EBVt9%0E~%BEr%AF%23%B0%97%A12T%86%CAP%19%B4T%86%CA%B8Re%D8%CBP%19*%C3%BA%A52huX%19%AE%CA%E5%BC%0C%7B%19*CeX%B7h%A9%0C%95%E1%BC%0C%7B%19*CeX%B7T%06%AD%CB%5E%95%2B%BF.%8F%C5%97%D5%E4%7B%EE%82%D6%FB%CF-%9C%FD%B9%CF%3By%7B%19%F62T%86%CA%B0n%D1R%19*%A3%D3%CA%B0%97%A12T%86uKe%D0%EA%B02*%3F1%99%5DB%2B%A4%B5%F8%3A%7C%BA%2B%8Co%7D%5C%EDe%A8%0C%95a%DDR%19%B4T%C66%82fA%B2%ED%DA%9FC%FC%17GZ%06%C9%E1%B3%E5%2C%1A%9FoiB%EB%96%CA%A0%D5qe4%7B%7D%FD%85%F7%5B%ED_%E0s%07%F0k%951%ECr%0D%B5C%D7-g%D1%A8%0C%EB%96%CA%A0%A52T%C6)*%C3%5E%86%CAP%19%D6-%95A%EB*%95q%F8%BB%E3%F9%AB%F6%E21%ACZ%B7%22%B7%9B%3F%02%85%CB%A2%5B%B7%BA%5E%B7%9C%97%E1%BC%0C%EB%16-%95%A12z%AC%0C%BFc%A22T%86uKe%D0%EA%B02V%DD%AD%8A%2B%8CWhe%5E%AF%CF%F5%3B%26%CE%CBh%5C%19%CE%CB%B0%F3%A4%095%A1%CAP%19*Ce%A8%0C%3BO*Ce%A8%0C%95%A12%3A%AD%8C%0A%82%7B%F0v%1F%2FD%A9%5B%9F%EE%EA%26%AF%03%CA%DF9%7B%19*Ce%A8%0C%95%A12T%86%CA%B8Ze%D8%CBP%19*Ce%A8%0C%95%D1ae%EC%F7%89I%E1%B4%D7M%D7P%8BjU%5C%BB%3E%F2%20%D8%CBP%19*Ce%A8%0C%95%A12T%C6%D5*%C3%5E%86%CAP%19*Ce%B4O%07%7B%F0W%7Bw%1C%7C%1A%8C%B3%3B%D1%EE%AA%5C%D6-%EBV%83%80%5E%D0%CA%10%5CU%2BD%E07YU%86%CAP%19*%E3%9A%95%91%D9%A0%C8%AD%5B%EDv%9E%82%FFKOee%E4%8FUe%A8%0C%95%A12T%C6%1F%A9%8C%C8%3D%5B%A5%15%FD%14%22r%E7B%9F%17l%F8%BF%ED%EAf%2B%7F%CF%ECe%D8%CBP%19*Ce%A8%0C%95%E1%93~%7B%19%F62T%86%CAP%19*Ce%A8%0C%E7%13%DA%CBP%19*Ce%A8%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4h%A9%0C%B3E%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4h%A9%0C%B3E%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4%AE%A4%F5%25%C0%00%DE%BF%5C'%0F%DA%B8q%00%00%00%00IEND%AEB%60%82") repeat-y !important;
    border-left: 1px solid #BBBBBB !important;
    border-right: 1px solid #000000 !important;
    border-bottom: 1px dashed #BBBBBB !important;
}

.overflowRulerX > .firebugRulerV {
    left: 0 !important;
}

.overflowRulerY > .firebugRulerH {
    top: 0 !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.fbProxyElement {
    position: fixed !important;
    pointer-events: auto !important;
}
/*.kuaidi_list ::-webkit-scrollbar {
            width: 10px;
        }
 
        .kuaidi_list ::-webkit-scrollbar-track-piece {
            background-color: #eee;
        }
 
        .kuaidi_list ::-webkit-scrollbar-thumb {
            background-color: #ccc;
            border: 1px solid #ccc;
        }*/

.kuaidi_list .wrap {
    margin: 6px 0;
}

    .kuaidi_list .wrap a {
        text-decoration: none;
    }

        .kuaidi_list .wrap a:hover {
            text-decoration: underline;
        }

.kuaidi_list .form-wrap {
    padding: 5px 15px;
}

    .kuaidi_list .form-wrap p {
        margin: 10px 0;
    }

        .kuaidi_list .form-wrap p label {
            margin-right: 10px;
            vertical-align: middle;
            padding: 6px 0;
        }

        .kuaidi_list .form-wrap p input, .kuaidi_list .form-wrap p select {
            width: 186px;
            line-height: normal;
            border: 1px solid #ccc;
            padding: 6px;
            box-sizing: border-box;
            margin: 0;
        }

        .kuaidi_list .form-wrap p button {
            width: 80px;
            height: 28px;
            border: 1px solid #ccc;
            margin-left: 10px;
            text-align: center;
            color: #333;
            font-family: "Microsoft Yahei";
            font-size: 14px;
            cursor: pointer;
            background: #f7f7f7;
            background: -moz-linear-gradient(top,#f7f7f7,#ececec);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(#f7f7f7),color-stop(#ececec));
            background: -ms-linear-gradient(top,#f7f7f7,#ececec);
            background: linear-gradient(to bottom,#f7f7f7,#ececec);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#ececec',GradientType=0);
        }

            .kuaidi_list .form-wrap p button:hover {
                background: -moz-linear-gradient(top,#ececec,#f7f7f7);
                background: -webkit-gradient(linear,left top,left bottom,color-stop(#ececec),color-stop(#f7f7f7));
                background: -ms-linear-gradient(top,#ececec,#f7f7f7);
                background: linear-gradient(to bottom,#ececec,#f7f7f7);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec',endColorstr='#f7f7f7',GradientType=0);
            }

            .kuaidi_list .form-wrap p button:active {
                background: -moz-linear-gradient(top,#f3f3f3,#fff);
                background: -webkit-gradient(linear,left top,left bottom,color-stop(#f3f3f3),color-stop(#fff));
                background: -ms-linear-gradient(top,#f3f3f3,#fff);
                background: linear-gradient(to bottom,#f3f3f3,#fff);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3',endColorstr='#ffffff',GradientType=0);
            }

    .kuaidi_list .form-wrap form.loading p button {
        position: relative;
        color: transparent;
        pointer-events: none;
    }

        .kuaidi_list .form-wrap form.loading p button::after {
            background: url(http://p1.qhimg.com/d/inn/1b1cc057/loading_s.gif) no-repeat center;
            content: '';
            display: inline-block;
            width: 4em;
            height: 20px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -2em;
            margin-top: -10px;
        }

    .kuaidi_list .form-wrap .error {
        display: none;
        color: #c00;
    }

        .kuaidi_list .form-wrap .error label {
            visibility: hidden;
        }

.kuaidi_list .list-wrap {
    _height: 0;
    --overflow: hidden;
}

    .kuaidi_list .list-wrap .list {
        padding: 0 0;
    }

        .kuaidi_list .list-wrap .list ul {
            padding-left: 15px;
            padding-right: 0px;
            --overflow: auto;
            margin-top: 0;
        }

        .kuaidi_list .list-wrap .list li {
            position: relative;
            border-bottom: 1px solid #f5f5f5 !important;
            margin-bottom: 8px;
            padding-bottom: 8px;
            color: #666;
        }

            .kuaidi_list .list-wrap .list li.first {
                color: #f05b0b;
            }

            .kuaidi_list .list-wrap .list li p {
                line-height: 20px;
                text-align: left;
            }

            .kuaidi_list .list-wrap .list li .before {
                position: absolute;
                left: -13px;
                top: 2.2em;
                height: 82%;
                width: 0;
                border-left: 2px solid #ddd;
            }

            .kuaidi_list .list-wrap .list li .after {
                position: absolute;
                left: -16px;
                top: 1.2em;
                width: 8px;
                height: 8px;
                background: #ddd;
                border-radius: 6px;
            }

            .kuaidi_list .list-wrap .list li.first .after {
                background: #f05b0b;
            }

.kuaidi_list .kd-wrap {
    position: relative;
    border-top: 1px solid #eee;
    padding: 15px;
    padding-bottom: 25px;
    background: #fafafa;
}

    .kuaidi_list .kd-wrap li {
        display: none;
    }

        .kuaidi_list .kd-wrap li.selected {
            display: block;
        }

    .kuaidi_list .kd-wrap .img-wrap {
        float: left;
        width: 50px;
        height: 50px;
        margin-right: 10px;
        overflow: hidden;
    }

        .kuaidi_list .kd-wrap .img-wrap img {
            width: 50px;
        }

    .kuaidi_list .kd-wrap .info-wrap {
        font-size: 13px;
        margin-left: 60px;
    }

        .kuaidi_list .kd-wrap .info-wrap p {
            margin-bottom: 8px;
        }

        .kuaidi_list .kd-wrap .info-wrap .info-name {
            font-family: "Microsoft Yahei";
            font-size: 14px;
        }

        .kuaidi_list .kd-wrap .info-wrap .info-link a {
            text-decoration: none;
            margin-right: 10px;
            padding: 2px 10px;
            border: 1px solid #ccc;
            color: #333;
        }

            .kuaidi_list .kd-wrap .info-wrap .info-link a:hover {
                background: white;
            }

            .kuaidi_list .kd-wrap .info-wrap .info-link a:active {
                background: -moz-linear-gradient(top,#f3f3f3,#fff);
                background: -webkit-gradient(linear,left top,left bottom,color-stop(#f3f3f3),color-stop(#fff));
                background: -ms-linear-gradient(top,#f3f3f3,#fff);
                background: linear-gradient(to bottom,#f3f3f3,#fff);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3',endColorstr='#ffffff',GradientType=0);
            }

.kuaidi_list .slogan {
    position: absolute;
    right: 20px;
    bottom: 0;
    cursor: pointer;
}

.kuaidi_list .slogan-hover {
    color: #f05b0b;
}

.kuaidi_list .slogan span {
    vertical-align: middle;
}

.kuaidi_list .qrcode-wrap {
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 96px;
    margin-right: -110px;
    border: 1px solid #d6d6d6;
    color: #999;
    padding: 6px;
    box-shadow: 0 1px 1px #efefef;
}

.kuaidi_list .icon {
    background: url(http://p9.qhimg.com/d/inn/f2e20611/kuaidi_new.png) no-repeat 0 0;
}

.kuaidi_list .icon-qr {
    background-position: 0 -17px;
    display: inline-block;
    *zoom: 1;
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin-left: 10px;
}

.kuaidi_list .slogan-hover .icon-qr {
    background-position: 0 0;
}

.kuaidi_list .icon-t {
    position: absolute;
    left: -9px;
    bottom: 14px;
    width: 10px;
    height: 16px;
    background-position: 0 -34px;
    background-color: white;
}

.kuaidi_list .icon-new {
    position: absolute;
    left: -20px;
    top: 1.5em;
    width: 41px;
    height: 18px;
    margin-left: -41px;
    margin-top: -9px;
    background-position: 0 -58px;
}

.kuaidi_list .wrap .mb-search {
    text-decoration: underline;
    margin-left: 20px;
}

    .kuaidi_list .wrap .mb-search .new {
        display: inline-block;
        width: 21px;
        height: 9px;
        margin: -1px 0 0 3px;
        background: url(http://p0.qhimg.com/t01a3bd62f6db66463c.png) no-repeat;
    }

.kuaidi_list .identcode {
    border-top: 1px solid #f5f5f5;
    padding: 10px 15px;
    display: none;
}

    .kuaidi_list .identcode .img-wrap {
        float: left;
        width: 54px;
        height: 54px;
        padding: 6px;
        border: 1px solid #ccc;
        overflow: hidden;
    }

        .kuaidi_list .identcode .img-wrap img {
            width: 54px;
        }

    .kuaidi_list .identcode .img-tip {
        margin-left: 78px;
    }

    .kuaidi_list .identcode .tip-txt {
        font-size: 13px;
        line-height: 38px;
        color: #666;
    }

    .kuaidi_list .identcode .btn-install {
        text-decoration: none;
        margin-right: 10px;
        padding: 2px 10px;
        border: 1px solid #ccc;
        color: #333;
    }

        .kuaidi_list .identcode .btn-install:hover {
            text-decoration: none;
        }

.modal.toast {
    border-radius: .3rem;
    bottom: 3rem;
    top: initial;
    line-height: 1.2rem;
    font-size: .7rem;
    height: auto;
    min-height: 1.6rem;
    max-width: 80%;
    margin-top: 0 !important;
    padding: .2rem .8rem;
}


/*video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}*/

.video-box {
    width: 100%;
}

    .video-box .video-js {
        width: 100%;
        height: 100%;
        z-index:1;
    }

    /*.video-box video[poster] {
        object-fit: cover;
    }

    .video-box .vjs-poster {
        background-size: cover;
        background-position: inherit;
    }

    .video-box .vjs-paused .vjs-big-play-button,
    .video-box .vjs-paused.vjs-has-started .vjs-big-play-button {
        display: block;
    }

    .video-box .video-js.vjs-playing .vjs-tech {
        pointer-events: auto;
    }

    .video-box .vjs-big-play-centered .vjs-big-play-button {
        margin-left: -.75em;
    }

    .video-box .video-js .vjs-big-play-button {
        border: none;
        width: 1.5em;
        border-radius: 50%;
    }*/

.receive-tip p {
    text-align: left;
}


.modal-inner {
    background: #fff;
}

    .modal-inner .close {
        position: absolute;
        right: .5rem;
        top: .5rem;
        height: 1rem;
        display: block;
        line-height: 1rem;
        width: 1rem;
        text-align: center;
    }

.modal-buttons .modal-button {
    background: #fff;
}

.opt-circular.fixed {
    position: fixed;
    width: 2rem;
    height: 2rem;
    right: 0.5rem;
    bottom: 3rem;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    z-index: 10501;
    color: rgb(0, 0, 0);
    line-height: 2.2rem;
    text-align: center;
    display: inline;
    box-shadow: 0 0 20px 0px #808080;
    font-size: 1rem;
}

.local-groups {
    position: relative;
    width: 100%;
    padding: 0 .5rem;
    margin-top: .5rem;
    background-color: #fff;
}

    .local-groups .local-groups-title {
        position: relative;
        width: 100%;
        height: 2rem;
        line-height: 2rem;
        color: #151516;
        font-size: .8rem;
        border-bottom: 1px solid #f2f2f2;
    }

        .local-groups .local-groups-title .see-more-button {
            line-height: 2rem;
            height: 2rem;
            display: inline-block;
            float: right;
            font-size: .6rem;
            color: #9c9c9c;
        }

    .local-groups .local-group-container {
        overflow: hidden;
    }

        .local-groups .local-group-container .local-group-item {
            border: none;
            border-bottom: 1px solid #f2f2f2;
            position: relative;
            width: 100%;
            overflow: hidden;
            padding: .25rem 0;
            border-top: 1px solid #f2f2f2;
        }

.local-group-img {
    display: block;
    width: 2rem;
    margin-right: .5rem;
    border-radius: 100%;
    border: 1px solid #e0e0e0;
    height: 2rem;
    float: left;
    position: relative;
}

.new-local-group-detail {
    position: relative;
    width: 10rem;
    height: 2rem;
    float: left;
}

    .new-local-group-detail .local-group-name {
        position: absolute;
        left: 0;
        top: 0;
        width: 4rem;
        font-size: .7rem;
        color: #151516;
        line-height: 2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .new-local-group-detail .local-group-info {
        text-align: right;
        position: absolute;
        right: 0;
    }

    .new-local-group-detail .local-group-person {
        position: relative;
        font-size: .6rem;
        color: #151516;
        line-height: 1rem;
    }

    .new-local-group-detail .local-group-timer {
        color: #58595b;
        position: relative;
        font-size: .5rem;
        font-family: Helvetica;
        line-height: 1rem;
    }

.local-group-btn-border {
    position: absolute;
    width: 4rem;
    height: 1.5rem;
    line-height: 1.5rem;
    color: #e02e24;
    top: .5rem;
    right: 0;
    font-size: .7rem;
    text-align: center;
    border: 1px solid #ff2741;
    border-radius: .25rem;
}

    .local-group-btn-border.special-btn {
        border: 1px solid #e02e24;
        background-color: #e02e24;
        color: #fff;
    }

        .local-group-btn-border.special-btn.disabled {
            background-color: #D0002C;
            border-color: #D0002C;
        }

.guide-container {
    overflow: hidden;
    text-align: center;
    background: #fff;
}

    .guide-container .guide-step {
        position: relative;
        float: left;
        padding: 10px 0;
        width: 33.33%;
    }

    .guide-container .guide-text {
        position: relative;
        padding-top: 38px;
        font-size: 10px;
        color: #666;
    }

        .guide-container .guide-text::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 30px;
            height: 30px;
            background-size: 30px 30px;
            background-repeat: no-repeat;
        }

    .guide-container .guide-step1::after, .guide-container .guide-step2::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: -12px;
        margin: auto;
        width: 6px;
        height: 11px;
        background: url("../images/trade/arrow@2x.png") no-repeat;
        background-size: 6px 11px;
    }

    .guide-container .guide-step1 .guide-text::before {
        background-image: url("../images/guide/step1_2@2x.png");
    }

    .guide-container .guide-step2 .guide-text::before {
        background-image: url("../images/guide/step2_2@2x.png");
    }

    .guide-container .guide-step3 .guide-text::before {
        background-image: url("../images/guide/step3_2@2x.png");
    }

.block {
    -webkit-border-image: url(../images/border-line-2.png) 2 stretch;
    -moz-border-image: url(../images/border-line-2.png) 2 stretch;
    border-top: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    margin: 10px 0;
    background-color: #fff;
    font-size: 14px;
}

.block-item {
    position: relative;
    padding: 10px;
    line-height: 1.5;
    border: 0;
    -webkit-border-image: url(../images/border-line-2.png) 2 stretch;
    -moz-border-image: url(../images/border-line-2.png) 2 stretch;
    border-top: 2px solid #e5e5e5;
}

.name-card {
    margin-left: 0;
    width: auto;
    padding: 5px 0;
}

    .name-card .thumb {
        width: 60px;
        height: 60px;
        float: left;
        margin-left: auto;
        margin-right: auto;
        background-size: cover;
    }

    .name-card, .name-card .thumb {
        position: relative;
        overflow: hidden;
    }

        .name-card .thumb img {
            position: absolute;
            margin: auto;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: 100%;
        }

        .name-card .detail {
            margin-left: 68px;
            width: auto;
            position: relative;
        }

.block.block-list {
    margin: 0;
    padding: 0 0 0 10px;
    list-style: none;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.block-list > .block-item {
    padding: 0.5rem 0.5rem 0.5rem 0;
    width: auto;
    position: relative;
    overflow: hidden;
    display: block;
    border-top: 0;
}

.goods-name-card.name-card .thumb {
    width: 150px;
    height: 150px;
}

.goods-name-card.name-card .detail {
    margin-left: 160px;
    padding: 3px 0;
}

    .goods-name-card.name-card .detail h3 {
        line-height: 17px;
        margin-bottom: 24px;
        margin-top: 0;
    }

    .goods-name-card.name-card .detail p {
        position: relative;
        font-size: 12px;
        line-height: 16px;
        white-space: nowrap;
        margin: 0 0 2px;
        color: #ccc;
    }

.goods-name-card.name-card .price-tag {
    position: relative;
    margin: 15px 0 0;
    padding: 10px 2px 5px;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    max-width: 400px;
}

    .goods-name-card.name-card .price-tag .title {
        position: absolute;
        top: -8px;
        left: 50%;
        padding: 0 10px;
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        background-color: #fff;
        color: #999;
        font-size: 12px;
        line-height: 16px;
        white-space: nowrap;
        margin: 0 0 2px;
        width: 24px;
        box-sizing: content-box;
    }

    .goods-name-card.name-card .price-tag .price {
        color: #999;
    }

    .goods-name-card.name-card .price-tag.red {
        border-color: #ff574e;
    }

.center, .text-center {
    text-align: center;
}



.tuan-info {
    padding: 5px 0;
}

    .tuan-info .time-wrap {
        display: inline-block;
        border-radius: 2px;
        padding: 3px;
        margin: 0 2px;
        color: #fff;
        background-color: #999;
    }

    .tuan-info p {
        padding: 7px 0;
    }

    .tuan-info .info-tips {
        line-height: 18px;
    }

        .tuan-info .info-tips span {
            display: inline-block;
            vertical-align: middle;
        }

        .tuan-info .info-tips .icon {
            width: 18px;
            height: 18px;
            margin-right: 2px;
            background-repeat: no-repeat;
            background-size: 18px 18px;
        }

        .tuan-info .info-tips .success {
            background-image: url("../images/guide/success-icon@2x.png");
        }

        .tuan-info .info-tips .error {
            background-image: url("../images/guide/error-icon@2x.png");
        }

        .tuan-info .info-tips .inprogress {
            background-image: url("../images/guide/inprogress-icon@2x.png");
        }

.name-card .detail p {
    position: relative;
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
    margin: 0 0 2px;
    color: #ccc;
}

.tuan-member-list .title {
    padding: 15px 0 10px 0;
    display: initial;
    width: 100%;
    margin: 0;
    font-size: 12px !important;
    font-weight: 300;
    /* line-height: 2.2rem; */
    color: #c9c9c9 !important;
    text-align: center;
    position: initial;
}

.tuan-member-card img.thumb {
    width: 40px;
    height: 40px;
    border-radius: 40px;
}

.tuan-member-card div.detail {
    margin-left: 48px;
}

    .tuan-member-card div.detail h3 {
        margin-top: 1px;
        color: #333;
        font-size: 12px;
        line-height: 16px;
        width: 100%;
        line-height: 22px;
        margin-bottom: 0;
    }

.tuan-member-card .tag-member {
    margin-left: 3px;
    padding: 2px;
    color: #fff;
    background-color: #ff574e;
    border-color: #ff574e;
}

.tuan-member-card .tag-agency-receive {
    margin-left: 3px;
    padding: 2px;
    color: #fff;
    background-color: #f60;
    border-color: #f60;
}

.tuan-bottom .tag {
    line-height: 1.5;
    padding: 5px 4px;
}

.header-receive-tip-wrap {
    position: relative;
    padding: 0 20px 0 38px;
    margin-bottom: 10px;
    height: 44px;
    line-height: 44px;
    font-size: 12px;
    background: #fff;
}

    .header-receive-tip-wrap::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 200%;
        height: 200%;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
        -webkit-perspective: 1000;
        -webkit-backface-visibility: hidden;
        pointer-events: none;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }

.header-receive-tip::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 13px;
    width: 16px;
    height: 16px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAR5JREFUWAljTE9P9/r///9MBgYGGSCmG2BkZHzMxMSUzgK0cRYQS9PNZqhFQE/L/v37dxYLkAG2fNasWYzEOCItLe0/SB26elziuMyEqpdhwqWAXuKjDhgNgdEQYATmx8fALEfXUhCWxYGl4VMmZmbmNKDAE5ggHWmQnSC7IQBUMsFKM5gYLWh0e0YT4WgIjIbAaAiMhsBoCIyGwKAKgeeg+j83N5dmrSMks8F2geyDhwCweXQAJPDr16/ZWVlZsiA2NQHIzJ8/f4L6oSBwEEIxMIA6p2DAxsZWBrTcDdhX9Pjz588jYMsFJkUVGmgmzJx37OzspTAOM4xx6tSpT6ampkuBDpAAigkDMS9Mjkr0M2AobwFaHjx58mR4GxQA88BYkiwphJUAAAAASUVORK5CYII=") no-repeat;
    background-size: 16px 16px;
}

.header-receive-tip::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 11px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("../images/trade/arrow@2x.png");
    background-size: 6px 11px;
}

/*重写light7样式*/
.popup {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

    .popup.modal-in {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

.activity-heart {
    background: #fff;
}

    .activity-heart .row.row-2 {
        height: 2.5rem;
        line-height: 2.5rem;
        color: #891919;
        text-align: center;
        border-bottom: 1px solid #ddd;
    }

    .activity-heart .row.row-1 {
        line-height: 1.2rem;
        padding: .5rem;
    }

        .activity-heart .row.row-1 span {
            width: 3rem;
            text-align: left;
            display: inline-block;
        }

.active-ad {
}

.bar-tab-active .tab-item.active,
.bar-tab-active .tab-item:active {
    color: #fff;
}

.popup-assist .header-box {
    height: 7rem;
    width: 100%;
    text-align: center;
    padding-top: 3rem;
    position: relative;
    background: #fff;
}

    .popup-assist .header-box:before {
        position: absolute;
        width: 150%;
        height: calc(150vw * 1);
        top: calc(150vw * -0.85);
        left: -25%;
        border-radius: 50%;
        background: rgb(121,26,30);
        content: " ";
        z-index: 0;
    }

    .popup-assist .header-box .img-box {
        height: 3rem;
        width: 3rem;
        margin: auto;
        border-radius: 50%;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }

        .popup-assist .header-box .img-box img {
            width: 100%;
            height: 100%;
        }

.popup-assist .amount-box {
    padding: .5rem;
    /*display: none;*/
}

    .popup-assist .amount-box ul {
        padding-left: 0;
    }

        .popup-assist .amount-box ul li {
            width: 33.33333%;
            height: 3rem;
            font-size: 1.5rem;
            list-style: none;
            float: left;
            text-align: center;
            padding: .25rem;
        }

            .popup-assist .amount-box ul li:active {
                background: #f5f5f5;
            }

            .popup-assist .amount-box ul li div {
                line-height: 2.5rem;
                border: 1px solid rgb(121,26,30);
                color: rgb(121,26,30);
                border-radius: .2rem;
                font-size: 1.5rem;
                height: 100%;
            }

            .popup-assist .amount-box ul li span {
                font-size: .6rem;
            }

@-webkit-keyframes shake {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes shake {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

.shake {
    -webkit-animation: shake 2s infinite;
    animation: shake 2s infinite;
}

.fixed-ad {
    display: none;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    height: 1rem;
    font-size: .6rem;
    line-height: 1rem;
    padding: 0 .3rem 0 1.5rem;
    background: rgb(121,26,30);
    color: #fff;
    border-radius: .1rem;
}

    .fixed-ad .img {
        position: absolute;
        left: -1rem;
        bottom: -.5rem;
        height: 2.5rem;
        width: 2.5rem;
    }

        .fixed-ad .img img {
            height: 100%;
            width: 100%;
        }

.store-nav {
    background: #fff;
    text-align: center;
    /*height:4.66667rem;*/
}

    .store-nav dl {
        margin: 0;
        padding: .8444rem 0;
    }

        .store-nav dl dd {
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            height: 2.5rem;
            margin: 0rem auto 0 auto;
        }

        .store-nav dl.gray {
            background-color: #f8f8f8;
        }

        .store-nav dl.zan-store dd {
            background-image: url(../images/store/icon-zan-store@1x.png?t=2);
        }

        .store-nav dl.tech dd {
            background-image: url(../images/store/icon-tech@1x.png?t=2);
        }

        .store-nav dl.sleep dd {
            background-image: url(../images/store/icon-sleep@1x.png?t=2);
        }

        .store-nav dl.group dd {
            background-image: url(../images/store/icon-group@1x.png?t=2);
        }

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2) {
    .store-nav dl.zan-store dd {
        background-image: url(../images/store/icon-zan-store@2x.png?t=2);
    }

    .store-nav dl.tech dd {
        background-image: url(../images/store/icon-tech@2x.png?t=2);
    }

    .store-nav dl.sleep dd {
        background-image: url(../images/store/icon-sleep@2x.png?t=2);
    }

    .store-nav dl.group dd {
        background-image: url(../images/store/icon-group@2x.png?t=2);
    }
}
/* 如果设备像素大于等于3，则用3倍图 */
@media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min--moz-device-pixel-ratio: 3) {
    .store-nav dl.zan-store dd {
        background-image: url(../images/store/icon-zan-store@3x.png?t=2);
    }

    .store-nav dl.tech dd {
        background-image: url(../images/store/icon-tech@3x.png?t=2);
    }

    .store-nav dl.sleep dd {
        background-image: url(../images/store/icon-sleep@3x.png?t=2);
    }

    .store-nav dl.group dd {
        background-image: url(../images/store/icon-group@3x.png?t=2);
    }
}

.store-section {
    text-align: center;
    height: 2.4107rem;
    font-size: 0.8rem;
    line-height: 2.4107rem;
    background: #fff;
}

    .store-section a {
        display: block;
        height: 100%;
        width: 100%;
        color: #51515c;
    }

        .store-section a span {
            margin-left: .25rem;
        }

.store-content .store-list .store-img-box {
    margin-top: 0.5rem;
}

.store-content .store-list:nth-child(1) .store-img-box {
    margin-top: 0 !important;
}

.store-img-box ul {
    padding-left: 0;
    margin: 0;
}

.store-img-box li {
    width: 100%;
}

    .store-img-box li:first-child {
    }

    .store-img-box li a {
        display: block;
    }

    .store-img-box li img {
        display: block;
        width: 100%;
    }

.mt5 {
    margin-top: 0.5rem;
}

#btn-nav-boxing {
    height: 2.5rem;
    bottom: 0;
    border-radius: 50%;
    position: absolute;
    width: 2rem;
    left: 50%;
    margin-left: -1rem;
    background: #fff;
    line-height: 2.5rem;
    text-align: center;
    font-size: 1.8rem;
}

    #btn-nav-boxing div {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        line-height: 2.5rem;
        font-size: 1.5rem; /*background:#EFEFEF;*/
        padding: 0rem;
        overflow: hidden;
    }

        #btn-nav-boxing div:active {
            box-shadow: 0 0 .8rem rgba(253, 251, 165, 0.55);
            background: #db483a;
            -webkit-transition: all 0.1s ease-out;
            -moz-transition: all 0.1s ease-out;
            -ms-transition: all 0.1s ease-out;
            transition: all 0.1s ease-out;
            -webkit-transition-delay: 0.1s;
            -moz-transition-delay: 0.1s;
            -ms-transition-delay: 0.1s;
            transition-delay: 0.1s;
        }

        #btn-nav-boxing div img {
            height: 100%;
        }

        #btn-nav-boxing div span {
            height: 100%;
            line-height: 2.2rem;
            display: block;
            width: 100%; /*color:#fff*/
        }


.bar-tab .tab-item.active, .bar-tab .tab-item:active {
    color: #832f2f;
}

.bar-tab .tab-item {
    padding: 0 !important;
}

    .bar-tab .tab-item span {
        font-size: .8rem;
    }

.bar-footer.bar-tab .tab-item .icon {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    margin: auto;
}

.bar-tab .tab-item .icon~.tab-label{
    overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}

.bar-tab .tab-item .icon.svg-video {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDNweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgNDMgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ4LjIgKDQ3MzI3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCAyIENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iQXJ0Ym9hcmQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01My4wMDAwMDAsIC0yMjIuMDAwMDAwKSI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDUuMDAwMDAwLCAyMDUuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLop4bpopEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDguMDAwMDAwLCAxNy4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNi43NDgwMzE1LDAgTDMuODM3MjcwMzUsMCBDMy44MzcyNzAzNSwwIDAsMCAwLDMuNjgyNDAzNDIgTDAsMjIuMzE3NTk2NiBDMCwyNiAzLjgzNzI3MDM1LDI2IDMuODM3MjcwMzUsMjYgTDI2Ljc0ODAzMTUsMjYgQzI2Ljc0ODAzMTUsMjYgMzAuNTg1MzAxOCwyNiAzMC41ODUzMDE4LDIyLjMxNzU5NjYgTDMwLjU4NTMwMTgsMy43OTM5OTE0MiBDMzAuNTg1MzAxOCwwIDI2Ljc0ODAzMTUsMy42NzQ4ODY5OGUtMTUgMjYuNzQ4MDMxNSwwIFogTTQyLjQzNTY5NTUsMS44OTY5OTU2OSBDNDIuMDk3MTEyOCwxLjc4NTQwNzY4IDQxLjc1ODUzMDIsMS43ODU0MDc2OCA0MS41MzI4MDg0LDIuMDA4NTgzNjkgTDMzLjk3MTEyODYsNy44MTExNTg4MSBDMzMuNzQ1NDA2OCw4LjAzNDMzNDc3IDMzLjYzMjU0NTksOC4yNTc1MTA3MyAzMy42MzI1NDU5LDguNDgwNjg2NjkgTDMzLjYzMjU0NTksMTcuNzQyNDg5MyBDMzMuNjMyNTQ1OSwxNy45NjU2NjUyIDMzLjc0NTQwNjksMTguMzAwNDI5MiAzMy45NzExMjg2LDE4LjQxMjAxNzIgTDQxLjUzMjgwODQsMjQuMjE0NTkyMyBDNDEuNjQ1NjY5MywyNC4zMjYxODAzIDQxLjg3MTM5MTEsMjQuNDM3NzY4MiA0Mi4wOTcxMTI4LDI0LjQzNzc2ODMgQzQyLjIwOTk3MzcsMjQuNDM3NzY4MyA0Mi4zMjI4MzQ2LDI0LjQzNzc2ODMgNDIuNTQ4NTU2NCwyNC4zMjYxODAzIEM0Mi44ODcxMzkxLDI0LjIxNDU5MjMgNDMsMjMuODc5ODI4NCA0MywyMy41NDUwNjQ0IEw0MywyLjY3ODExMTU3IEM0MywyLjM0MzM0NzYxIDQyLjc3NDI3ODIsMi4wMDg1ODM2OSA0Mi40MzU2OTU1LDEuODk2OTk1NjkgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjODA4MDgwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNC41OTA2MDU1LDIuNDQ4MzI4NzYgTDUuOTk0Njk2MzMsMi40NDgzMjg3NiBDNS45OTQ2OTYzMywyLjQ0ODMyODc2IDIuODgwMTEwNTUsMi40NDgzMjg3NiAyLjg4MDExMDU1LDUuNDM3MjE0MTcgTDIuODgwMTEwNTUsMjAuNTYyNzg1OCBDMi44ODAxMTA1NSwyMy41NTE2NzEyIDUuOTk0Njk2MzMsMjMuNTUxNjcxMiA1Ljk5NDY5NjMzLDIzLjU1MTY3MTIgTDI0LjU5MDYwNTUsMjMuNTUxNjcxMiBDMjQuNTkwNjA1NSwyMy41NTE2NzEyIDI3LjcwNTE5MTMsMjMuNTUxNjcxMiAyNy43MDUxOTEzLDIwLjU2Mjc4NTggTDI3LjcwNTE5MTMsNS41Mjc3ODY0NyBDMjcuNzA1MTkxMywyLjQ0ODMyODc2IDI0LjU5MDYwNTUsMi40NDgzMjg3NiAyNC41OTA2MDU1LDIuNDQ4MzI4NzYgWiIgaWQ9IlBhdGgtQ29weSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTQwLjY5ODc5NTIsNi4xNjQzNTgyOCBDNDAuNTE4MDcyMyw2LjA5NTE1OTIzIDQwLjMzNzM0OTQsNi4wOTUxNTkyMyA0MC4yMTY4Njc1LDYuMjMzNTU3MzIgTDM2LjE4MDcyMjksOS44MzE5MDY4NyBDMzYuMDYwMjQwOSw5Ljk3MDMwNDkzIDM2LDEwLjEwODcwMyAzNiwxMC4yNDcxMDEgTDM2LDE1Ljk5MDYyMDUgQzM2LDE2LjEyOTAxODYgMzYuMDYwMjQxLDE2LjMzNjYxNTcgMzYuMTgwNzIyOSwxNi40MDU4MTQ3IEw0MC4yMTY4Njc1LDIwLjAwNDE2NDIgQzQwLjI3NzEwODUsMjAuMDczMzYzMyA0MC4zOTc1OTA0LDIwLjE0MjU2MjMgNDAuNTE4MDcyMywyMC4xNDI1NjIzIEM0MC41NzgzMTMyLDIwLjE0MjU2MjMgNDAuNjM4NTU0MiwyMC4xNDI1NjIzIDQwLjc1OTAzNjIsMjAuMDczMzYzMyBDNDAuOTM5NzU5MSwyMC4wMDQxNjQyIDQxLDE5Ljc5NjU2NzIgNDEsMTkuNTg4OTcwMSBMNDEsNi42NDg3NTE0OSBDNDEsNi40NDExNTQzOSA0MC44Nzk1MTgxLDYuMjMzNTU3MzIgNDAuNjk4Nzk1Miw2LjE2NDM1ODI4IFoiIGlkPSJQYXRoLUNvcHktMiIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}

.bar-tab .tab-item:active .icon.svg-video,
.bar-tab .tab-item.active .icon.svg-video {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDNweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgNDMgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ4LjIgKDQ3MzI3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCAyIENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjAlIiB5MT0iLTQxLjQzNTgzMjklIiB4Mj0iMTAwJSIgeTI9IjEwMCUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0JBNTk1OCIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjNzgyMDFGIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IkFydGJvYXJkIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTMuMDAwMDAwLCAtMjIyLjAwMDAwMCkiPgogICAgICAgIDxnIGlkPSJHcm91cC0yLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1LjAwMDAwMCwgMjA1LjAwMDAwMCkiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSLop4bpopEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDguMDAwMDAwLCAxNy4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNi43NDgwMzE1LDAgTDMuODM3MjcwMzUsMCBDMy44MzcyNzAzNSwwIDAsMCAwLDMuNjgyNDAzNDIgTDAsMjIuMzE3NTk2NiBDMCwyNiAzLjgzNzI3MDM1LDI2IDMuODM3MjcwMzUsMjYgTDI2Ljc0ODAzMTUsMjYgQzI2Ljc0ODAzMTUsMjYgMzAuNTg1MzAxOCwyNiAzMC41ODUzMDE4LDIyLjMxNzU5NjYgTDMwLjU4NTMwMTgsMy43OTM5OTE0MiBDMzAuNTg1MzAxOCwwIDI2Ljc0ODAzMTUsMy42NzQ4ODY5OGUtMTUgMjYuNzQ4MDMxNSwwIFogTTQyLjQzNTY5NTUsMS44OTY5OTU2OSBDNDIuMDk3MTEyOCwxLjc4NTQwNzY4IDQxLjc1ODUzMDIsMS43ODU0MDc2OCA0MS41MzI4MDg0LDIuMDA4NTgzNjkgTDMzLjk3MTEyODYsNy44MTExNTg4MSBDMzMuNzQ1NDA2OCw4LjAzNDMzNDc3IDMzLjYzMjU0NTksOC4yNTc1MTA3MyAzMy42MzI1NDU5LDguNDgwNjg2NjkgTDMzLjYzMjU0NTksMTcuNzQyNDg5MyBDMzMuNjMyNTQ1OSwxNy45NjU2NjUyIDMzLjc0NTQwNjksMTguMzAwNDI5MiAzMy45NzExMjg2LDE4LjQxMjAxNzIgTDQxLjUzMjgwODQsMjQuMjE0NTkyMyBDNDEuNjQ1NjY5MywyNC4zMjYxODAzIDQxLjg3MTM5MTEsMjQuNDM3NzY4MiA0Mi4wOTcxMTI4LDI0LjQzNzc2ODMgQzQyLjIwOTk3MzcsMjQuNDM3NzY4MyA0Mi4zMjI4MzQ2LDI0LjQzNzc2ODMgNDIuNTQ4NTU2NCwyNC4zMjYxODAzIEM0Mi44ODcxMzkxLDI0LjIxNDU5MjMgNDMsMjMuODc5ODI4NCA0MywyMy41NDUwNjQ0IEw0MywyLjY3ODExMTU3IEM0MywyLjM0MzM0NzYxIDQyLjc3NDI3ODIsMi4wMDg1ODM2OSA0Mi40MzU2OTU1LDEuODk2OTk1NjkgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}

.bar-tab .tab-item .icon.svg-store {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDVweCIgaGVpZ2h0PSI0NXB4IiB2aWV3Qm94PSIwIDAgNDUgNDUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ4LjIgKDQ3MzI3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA1IENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iQXJ0Ym9hcmQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDEuMDAwMDAwLCAtMjEyLjAwMDAwMCkiPgogICAgICAgIDxnIGlkPSJHcm91cC01LUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5NS4wMDAwMDAsIDIwNS4wMDAwMDApIiBmaWxsPSIjODA4MDgwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0ic2hvcHBpbmctY2FydC1vIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2LjAwMDAwMCwgNy4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03Ljk0MTE3NjQ3LDEwLjU4ODIzNTMgTDcuOTQxMTc2NDcsMjkuMTE3NjQ3IEw0Mi4zNTI5NDEyLDI5LjExNzY0NyBMNDIuMzUyOTQxMiwxMC41ODgyMzUzIEw3Ljk0MTE3NjQ3LDEwLjU4ODIzNTMgWiBNNy45NDExNzY0Nyw3Ljk0MTE3NjQ3IEw0NSw3Ljk0MTE3NjQ3IEw0NSwzMS43NjQ3MDU5IEw3Ljk0MTE3NjQ3LDMxLjc2NDcwNTkgTDcuOTQxMTc2NDcsMzcuMDU4ODIzNSBMNS4yOTQxMTc2MywzNy4wNTg4MjM1IEw1LjI5NDExNzYzLDcuMTY1NTg4MTkgTDAsMS44NzE0NzA1NyBMMS44NzE0NzA1NywwIEw3LjkzMzIzNTMsNi4wNjE3NjQ2NiBMNy45NDExNzY0Nyw2LjA2MTc2NDY2IEw3Ljk0MTE3NjQ3LDYuMDY5NzA1ODQgTDcuOTU0NDExNzUsNi4wODI5NDExOCBMNy45NDExNzY0Nyw2LjA5NjE3NjQ1IEw3Ljk0MTE3NjQ3LDcuOTQxMTc2NDcgWiBNNDUsMzcuMDU4ODIzNSBMNDUsMzkuNzA1ODgyMyBMNS4yOTQxMTc2MywzOS43MDU4ODIzIEw1LjI5NDExNzYzLDM3LjA1ODgyMzUgTDQ1LDM3LjA1ODgyMzUgWiBNMTAuNTg4MjM1Myw0NSBDOS42NDI0MzU3Nyw0NS4wMDAxNDQ4IDguNzY4NDE4OTksNDQuNDk1NjQ5OSA4LjI5NTQ3NzQxLDQzLjY3NjU4NzYgQzcuODIyNTM1ODMsNDIuODU3NTI1MiA3LjgyMjUzNTgzLDQxLjg0ODM1NzEgOC4yOTU0Nzc0MSw0MS4wMjkyOTQ4IEM4Ljc2ODQxODk5LDQwLjIxMDIzMjQgOS42NDI0MzU3NywzOS43MDU3Mzc1IDEwLjU4ODIzNTMsMzkuNzA1ODgyMyBDMTIuMDUwMDA3MywzOS43MDYxMDYxIDEzLjIzNDg4ODksNDAuODkxMTY5MiAxMy4yMzQ4ODg5LDQyLjM1Mjk0MTIgQzEzLjIzNDg4ODksNDMuODE0NzEzMSAxMi4wNTAwMDczLDQ0Ljk5OTc3NjIgMTAuNTg4MjM1Myw0NSBaIE0zOS43MDU4ODI0LDQ1IEMzOC43NjAwODI4LDQ1LjAwMDE0NDggMzcuODg2MDY2LDQ0LjQ5NTY0OTkgMzcuNDEzMTI0NSw0My42NzY1ODc2IEMzNi45NDAxODI5LDQyLjg1NzUyNTIgMzYuOTQwMTgyOSw0MS44NDgzNTcxIDM3LjQxMzEyNDUsNDEuMDI5Mjk0OCBDMzcuODg2MDY2LDQwLjIxMDIzMjQgMzguNzYwMDgyOCwzOS43MDU3Mzc1IDM5LjcwNTg4MjQsMzkuNzA1ODgyMyBDNDEuMTY3NjU0MywzOS43MDYxMDYxIDQyLjM1MjUzNiw0MC44OTExNjkyIDQyLjM1MjUzNiw0Mi4zNTI5NDEyIEM0Mi4zNTI1MzYsNDMuODE0NzEzMSA0MS4xNjc2NTQzLDQ0Ljk5OTc3NjIgMzkuNzA1ODgyNCw0NSBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

.bar-tab .tab-item:active .icon.svg-store,
.bar-tab .tab-item.active .icon.svg-store {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDVweCIgaGVpZ2h0PSI0NXB4IiB2aWV3Qm94PSIwIDAgNDUgNDUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ4LjIgKDQ3MzI3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA1IENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjE2LjM0MDUwOTElIiB5MT0iNjEuNzQ4NDA5NSUiIHgyPSIxMDAlIiB5Mj0iNjEuNzQ4NDA5MyUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0E2NDc0NiIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjODQyQTI5IiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IkFydGJvYXJkLUNvcHkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDEuMDAwMDAwLCAtMjEyLjAwMDAwMCkiPgogICAgICAgIDxnIGlkPSJHcm91cC01LUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5NS4wMDAwMDAsIDIwNS4wMDAwMDApIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIj4KICAgICAgICAgICAgPGcgaWQ9InNob3BwaW5nLWNhcnQtbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wMDAwMDAsIDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy45NDExNzY0NywxMC41ODgyMzUzIEw3Ljk0MTE3NjQ3LDI5LjExNzY0NyBMNDIuMzUyOTQxMiwyOS4xMTc2NDcgTDQyLjM1Mjk0MTIsMTAuNTg4MjM1MyBMNy45NDExNzY0NywxMC41ODgyMzUzIFogTTcuOTQxMTc2NDcsNy45NDExNzY0NyBMNDUsNy45NDExNzY0NyBMNDUsMzEuNzY0NzA1OSBMNy45NDExNzY0NywzMS43NjQ3MDU5IEw3Ljk0MTE3NjQ3LDM3LjA1ODgyMzUgTDUuMjk0MTE3NjMsMzcuMDU4ODIzNSBMNS4yOTQxMTc2Myw3LjE2NTU4ODE5IEwwLDEuODcxNDcwNTcgTDEuODcxNDcwNTcsMCBMNy45MzMyMzUzLDYuMDYxNzY0NjYgTDcuOTQxMTc2NDcsNi4wNjE3NjQ2NiBMNy45NDExNzY0Nyw2LjA2OTcwNTg0IEw3Ljk1NDQxMTc1LDYuMDgyOTQxMTggTDcuOTQxMTc2NDcsNi4wOTYxNzY0NSBMNy45NDExNzY0Nyw3Ljk0MTE3NjQ3IFogTTQ1LDM3LjA1ODgyMzUgTDQ1LDM5LjcwNTg4MjMgTDUuMjk0MTE3NjMsMzkuNzA1ODgyMyBMNS4yOTQxMTc2MywzNy4wNTg4MjM1IEw0NSwzNy4wNTg4MjM1IFogTTEwLjU4ODIzNTMsNDUgQzkuNjQyNDM1NzcsNDUuMDAwMTQ0OCA4Ljc2ODQxODk5LDQ0LjQ5NTY0OTkgOC4yOTU0Nzc0MSw0My42NzY1ODc2IEM3LjgyMjUzNTgzLDQyLjg1NzUyNTIgNy44MjI1MzU4Myw0MS44NDgzNTcxIDguMjk1NDc3NDEsNDEuMDI5Mjk0OCBDOC43Njg0MTg5OSw0MC4yMTAyMzI0IDkuNjQyNDM1NzcsMzkuNzA1NzM3NSAxMC41ODgyMzUzLDM5LjcwNTg4MjMgQzEyLjA1MDAwNzMsMzkuNzA2MTA2MSAxMy4yMzQ4ODg5LDQwLjg5MTE2OTIgMTMuMjM0ODg4OSw0Mi4zNTI5NDEyIEMxMy4yMzQ4ODg5LDQzLjgxNDcxMzEgMTIuMDUwMDA3Myw0NC45OTk3NzYyIDEwLjU4ODIzNTMsNDUgWiBNMzkuNzA1ODgyNCw0NSBDMzguNzYwMDgyOCw0NS4wMDAxNDQ4IDM3Ljg4NjA2Niw0NC40OTU2NDk5IDM3LjQxMzEyNDUsNDMuNjc2NTg3NiBDMzYuOTQwMTgyOSw0Mi44NTc1MjUyIDM2Ljk0MDE4MjksNDEuODQ4MzU3MSAzNy40MTMxMjQ1LDQxLjAyOTI5NDggQzM3Ljg4NjA2Niw0MC4yMTAyMzI0IDM4Ljc2MDA4MjgsMzkuNzA1NzM3NSAzOS43MDU4ODI0LDM5LjcwNTg4MjMgQzQxLjE2NzY1NDMsMzkuNzA2MTA2MSA0Mi4zNTI1MzYsNDAuODkxMTY5MiA0Mi4zNTI1MzYsNDIuMzUyOTQxMiBDNDIuMzUyNTM2LDQzLjgxNDcxMzEgNDEuMTY3NjU0Myw0NC45OTk3NzYyIDM5LjcwNTg4MjQsNDUgWiIgaWQ9IlNoYXBlIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoIiBwb2ludHM9IjcuMTIxODQ4NzIgMTAuMTQ3MDU4OCA3LjEyMTg0ODcyIDI5LjU1ODgyMzUgNDMuMTcyMjY5IDI5LjU1ODgyMzUgNDMuMTcyMjY5IDEwLjE0NzA1ODgiPjwvcG9seWdvbj4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

.bar-tab .tab-item .icon.svg-forum {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzlweCIgaGVpZ2h0PSI0MnB4IiB2aWV3Qm94PSIwIDAgMzkgNDIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ4LjIgKDQ3MzI3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA2IENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iQXJ0Ym9hcmQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MDYuMDAwMDAwLCAtMjE0LjAwMDAwMCkiPgogICAgICAgIDxnIGlkPSJHcm91cC02LUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5Ni4wMDAwMDAsIDIwNS4wMDAwMDApIiBmaWxsPSIjODA4MDgwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0icmVsYXRpb25zaGlwLW8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgOS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMy40LDI2Ljk3MTg3NSBMMjMuNCwxOC4zNzUgTDM5LDE4LjM3NSBMMzksNDIgTDIzLjQsNDIgTDIzLjQsMzAuNjg2MjUgTDE5LjUxODIsMzQuNjAyNzUgTDE5LjQ3NjYsMzQuNTYwNzUgTDE5LjQzNSwzNC42MDI3NSBMMTMsMjguMTA1ODc1IEwxNC44MzgyLDI2LjI1IEwxOS40NzY2LDMwLjkzMyBMMjMuNCwyNi45NjkyNSBMMjMuNCwyNi45NzE4NzUgWiBNMzYuNCwyMSBMMjYsMjEgTDI2LDM5LjM3NSBMMzYuNCwzOS4zNzUgTDM2LjQsMjEgWiBNMTUuNiwxOS42ODc1IEwxNS42LDQyIEwwLDQyIEwwLDE4LjM3NSBMMTUuNiwxOC4zNzUgTDE1LjYsMTkuNjg3NSBaIE0xMywyMSBMMi41OTk5OTk5NiwyMSBMMi41OTk5OTk5NiwzOS4zNzUgTDEzLDM5LjM3NSBMMTMsMjEgWiBNMzksNy44NzUgQzM5LDEyLjIyNDI0MjQgMzUuNTA3ODIxLDE1Ljc1IDMxLjIsMTUuNzUgQzI2Ljg5MjE3OSwxNS43NSAyMy40LDEyLjIyNDI0MjQgMjMuNCw3Ljg3NSBDMjMuNCwzLjUyNTc1NzU5IDI2Ljg5MjE3OSwwIDMxLjIsMCBDMzUuNTA3ODIxLDAgMzksMy41MjU3NTc1OSAzOSw3Ljg3NSBaIE0zNi40LDcuODc1IEMzNi40LDUuOTk5MzU1NjEgMzUuNDA4ODg1Niw0LjI2NjE4ODcgMzMuOCwzLjMyODM2NjQ5IEMzMi4xOTExMTQ0LDIuMzkwNTQ0MjggMzAuMjA4ODg1NSwyLjM5MDU0NDI4IDI4LjU5OTk5OTksMy4zMjgzNjY0OSBDMjYuOTkxMTE0Myw0LjI2NjE4ODcgMjUuOTk5OTk5OSw1Ljk5OTM1NTYxIDI2LDcuODc1IEMyNiwxMC43NzQ0OTQ5IDI4LjMyODExOTMsMTMuMTI1IDMxLjIsMTMuMTI1IEMzNC4wNzE4ODA3LDEzLjEyNSAzNi40LDEwLjc3NDQ5NDkgMzYuNCw3Ljg3NSBaIE0xNS42LDcuODc1IEMxNS42LDEyLjIyNDI0MjQgMTIuMTA3ODIxLDE1Ljc1IDcuOCwxNS43NSBDMy40OTIxNzg5NSwxNS43NSAyLjg0MjE3MDk0ZS0xNCwxMi4yMjQyNDI0IDIuODQyMTcwOTRlLTE0LDcuODc1IEMyLjg0MjE3MDk0ZS0xNCwzLjUyNTc1NzU5IDMuNDkyMTc4OTUsMCA3LjgsMCBDMTIuMTA3ODIxLDAgMTUuNiwzLjUyNTc1NzU5IDE1LjYsNy44NzUgWiBNMTMsNy44NzUgQzEzLDQuOTc1NTA1MDYgMTAuNjcxODgwNywyLjYyNDk5OTk5IDcuNzk5OTk5OTcsMi42MjQ5OTk5OSBDNC45MjgxMTkyNiwyLjYyNDk5OTk5IDIuNTk5OTk5OTYsNC45NzU1MDUwNiAyLjU5OTk5OTk2LDcuODc1IEMyLjYwMDAwMDAyLDEwLjc3NDQ5NDkgNC45MjgxMTkzMSwxMy4xMjQ5OTk5IDcuNzk5OTk5OTcsMTMuMTI0OTk5OSBDMTAuNjcxODgwNiwxMy4xMjQ5OTk5IDEyLjk5OTk5OTksMTAuNzc0NDk0OSAxMyw3Ljg3NSBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

.bar-tab .tab-item:active .icon.svg-forum,
.bar-tab .tab-item.active .icon.svg-forum {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzlweCIgaGVpZ2h0PSI0MnB4IiB2aWV3Qm94PSIwIDAgMzkgNDIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ4LjIgKDQ3MzI3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA2IENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjAlIiB5MT0iNTguNTU1ODU4NyUiIHgyPSIxMDAlIiB5Mj0iNTguNTU1ODU5MyUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0E2NDg0NyIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjN0UyNTI0IiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IkFydGJvYXJkLUNvcHkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MDYuMDAwMDAwLCAtMjE0LjAwMDAwMCkiPgogICAgICAgIDxnIGlkPSJHcm91cC02LUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ5Ni4wMDAwMDAsIDIwNS4wMDAwMDApIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0icmVsYXRpb25zaGlwLW8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgOS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMy40LDI2Ljk3MTg3NSBMMjMuNCwxOC4zNzUgTDM5LDE4LjM3NSBMMzksNDIgTDIzLjQsNDIgTDIzLjQsMzAuNjg2MjUgTDE5LjUxODIsMzQuNjAyNzUgTDE5LjQ3NjYsMzQuNTYwNzUgTDE5LjQzNSwzNC42MDI3NSBMMTMsMjguMTA1ODc1IEwxNC44MzgyLDI2LjI1IEwxOS40NzY2LDMwLjkzMyBMMjMuNCwyNi45NjkyNSBMMjMuNCwyNi45NzE4NzUgWiBNMTUuNiwxOS42ODc1IEwxNS42LDQyIEwwLDQyIEwwLDE4LjM3NSBMMTUuNiwxOC4zNzUgTDE1LjYsMTkuNjg3NSBaIE0zOSw3Ljg3NSBDMzksMTIuMjI0MjQyNCAzNS41MDc4MjEsMTUuNzUgMzEuMiwxNS43NSBDMjYuODkyMTc5LDE1Ljc1IDIzLjQsMTIuMjI0MjQyNCAyMy40LDcuODc1IEMyMy40LDMuNTI1NzU3NTkgMjYuODkyMTc5LDAgMzEuMiwwIEMzNS41MDc4MjEsMCAzOSwzLjUyNTc1NzU5IDM5LDcuODc1IFogTTE1LjYsNy44NzUgQzE1LjYsMTIuMjI0MjQyNCAxMi4xMDc4MjEsMTUuNzUgNy44LDE1Ljc1IEMzLjQ5MjE3ODk1LDE1Ljc1IDIuODQyMTcwOTRlLTE0LDEyLjIyNDI0MjQgMi44NDIxNzA5NGUtMTQsNy44NzUgQzIuODQyMTcwOTRlLTE0LDMuNTI1NzU3NTkgMy40OTIxNzg5NSwwIDcuOCwwIEMxMi4xMDc4MjEsMCAxNS42LDMuNTI1NzU3NTkgMTUuNiw3Ljg3NSBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

.bar-tab .tab-item .icon.svg-user {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzRweCIgaGVpZ2h0PSI0MnB4IiB2aWV3Qm94PSIwIDAgMzQgNDIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ4LjIgKDQ3MzI3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA0IENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iQXJ0Ym9hcmQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NTcuMDAwMDAwLCAtMjE0LjAwMDAwMCkiPgogICAgICAgIDxnIGlkPSJHcm91cC00LUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY0NC4wMDAwMDAsIDIwNS4wMDAwMDApIiBmaWxsPSIjODA4MDgwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0idXNlci1vIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMy4wMDAwMDAsIDkuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzEuMzcwMTM2OCwzNC43NDcxMjUgTDI1LjUyMjIyMDUsMjguODc1IEw4LjQ3Nzc3OTQ4LDI4Ljg3NSBMMi42MTQxNzgwOSwzNC43NjI4NzUgTDIuNjE0MTc4MDksMzkuMzc1IEwzMS4zNzAxMzY4LDM5LjM3NSBMMzEuMzcwMTM2OCwzNC43NDcxMjUgWiBNMzMuOTg0MzE0OSwzMy42ODkyNSBMMzMuOTg0MzE0OSw0MiBMMCw0MiBMMCwzMy42Nzg3NSBMMC4wMDUyMjgzOTY5OSwzMy42Nzg3NSBMMCwzMy42NzM1IEw3LjM5Mjg5NTYyLDI2LjI1IEw3LjM5ODEyMzk2LDI2LjI1NTI1IEw3LjM5ODEyMzk2LDI2LjI1IEwyNi41ODYxOTEsMjYuMjUgTDI2LjU4NjE5MSwyNi4yNjgzNzUgTDI2LjYwNDQ5MDIsMjYuMjUgTDM0LDMzLjY3MzUgTDMzLjk4NDMxNDksMzMuNjg5MjUgWiBNMjguNzU1OTU4OCwxMS44MTI1IEMyOC43NTU5NTg5LDE2LjAzMjY5OTggMjYuNTEzNzkxLDE5LjkzMjMyNTMgMjIuODc0MDU4MiwyMi4wNDI0MjUyIEMxOS4yMzQzMjU0LDI0LjE1MjUyNTEgMTQuNzQ5OTg5NiwyNC4xNTI1MjUxIDExLjExMDI1NjgsMjIuMDQyNDI1MiBDNy40NzA1MjM5NywxOS45MzIzMjUzIDUuMjI4MzU2MTIsMTYuMDMyNjk5OCA1LjIyODM1NjE4LDExLjgxMjUgQzUuMjI4MzU2MTgsNS4yODg2MzYzOSAxMC40OTUxODk0LDAgMTYuOTkyMTU3NSwwIEMyMy40ODkxMjU2LDAgMjguNzU1OTU4OCw1LjI4ODYzNjM5IDI4Ljc1NTk1ODgsMTEuODEyNSBaIE0yNi4xNDE3ODA3LDExLjgxMjUgQzI2LjE0MTc4MDcsNi43MzgzODM4NSAyMi4wNDUzNTQ5LDIuNjI0OTk5OTkgMTYuOTkyMTU3NSwyLjYyNDk5OTk5IEMxMS45Mzg5NjAxLDIuNjI0OTk5OTkgNy44NDI1MzQyMSw2LjczODM4Mzg1IDcuODQyNTM0MjEsMTEuODEyNSBDNy44NDI1MzQyMSwxNi44ODY2MTYxIDExLjkzODk2MDEsMjEgMTYuOTkyMTU3NSwyMSBDMjIuMDQ1MzU0OSwyMSAyNi4xNDE3ODA3LDE2Ljg4NjYxNjEgMjYuMTQxNzgwNywxMS44MTI1IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}

.bar-tab .tab-item:active .icon.svg-user,
.bar-tab .tab-item.active .icon.svg-user {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgMzAgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ4LjIgKDQ3MzI3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA0IENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjAlIiB5MT0iNjYuNzI0MTIlIiB4Mj0iMTAwJSIgeTI9IjY2LjcyNDEyMTYlIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNBMzQ1NDQiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzgxMjgyNyIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJBcnRib2FyZC1Db3B5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjU5LjAwMDAwMCwgLTIxNC4wMDAwMDApIj4KICAgICAgICA8ZyBpZD0iR3JvdXAtNC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NDQuMDAwMDAwLCAyMDUuMDAwMDAwKSIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9InVzZXItbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUuMDAwMDAwLCA5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTI5LjM3MDEzNjgsMzQuNzQ3MTI1IEwyMy41MjIyMjA1LDI4Ljg3NSBMNi40Nzc3Nzk0OCwyOC44NzUgTDAuNjE0MTc4MDkxLDM0Ljc2Mjg3NSBMMC42MTQxNzgwOTEsMzkuMzc1IEwyOS4zNzAxMzY4LDM5LjM3NSBMMjkuMzcwMTM2OCwzNC43NDcxMjUgWiBNMjYuNzU1OTU4OCwxMS44MTI1IEMyNi43NTU5NTg5LDE2LjAzMjY5OTggMjQuNTEzNzkxLDE5LjkzMjMyNTMgMjAuODc0MDU4MiwyMi4wNDI0MjUyIEMxNy4yMzQzMjU0LDI0LjE1MjUyNTEgMTIuNzQ5OTg5NiwyNC4xNTI1MjUxIDkuMTEwMjU2NzksMjIuMDQyNDI1MiBDNS40NzA1MjM5NywxOS45MzIzMjUzIDMuMjI4MzU2MTIsMTYuMDMyNjk5OCAzLjIyODM1NjE4LDExLjgxMjUgQzMuMjI4MzU2MTgsNS4yODg2MzYzOSA4LjQ5NTE4OTQzLDAgMTQuOTkyMTU3NSwwIEMyMS40ODkxMjU2LDAgMjYuNzU1OTU4OCw1LjI4ODYzNjM5IDI2Ljc1NTk1ODgsMTEuODEyNSBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
}

.bar-tab .tab-item .icon.svg-order {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAnBAMAAACPhheLAAAAAXNSR0IArs4c6QAAACFQTFRFAAAAlZWVkpKSk5OTkpKSk5OTk5OTk5OTk5OTkpKSkpKSm/rtRQAAAAp0Uk5TAClEVY+ZqrTu+VYl/owAAAA6SURBVCjPY8hahQEWM2AXnBqKBqqAgg0MaEBrOAhqwbzdQEhQFBYYDoPbR1jdSbw3h1cUY03JxGYEAFz+mVY9m0OEAAAAAElFTkSuQmCC);
}

.bar-tab .tab-item:active .icon.svg-order,
.bar-tab .tab-item.active .icon.svg-order {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAAAAXNSR0IArs4c6QAABSNJREFUWAmdlz2OJUUQhN+T5hK4GBhYa+KBsQJnxXIUOMWeAhObtcDkAvxoJQQHQEicYoaMqPyqo6p7EZqS3suszIjIrOzu1zP3t1+9frrVenyyuT3J1sc72faxyoEF51zFtRKnyNPjo7UUn3n8ETAHzcQ9QFAhVhaA5FxhkiyOG6BY7BOHsnUTGz61ZcE92FEggveBGNPruEP4dyOGiBK1EJTtwLDC9vQUoFF88Au/OMK5OQFzeVoxBeUg26eYCgvHBFrE2EGat8DC5wCNl0YusA8KW5wCANU9TRATlk/FzGu+5TtGqd0W1MsarUkjSmRc+zk5CwXBYO17xBxgF8gGxdE6xWh609fETtgeinSOB6JF3SQFAigwOfsXwiq0F+MW+T98sK5TWuOBKAcyCReqIA1RmOITL66aErZ1vA9fWJ76easoWAvd3iz15mV1cqAHoQOz4ASMhlVEl9yNZE6NdmM0vBxw0505NIrLQWZzPgGAshRQcS0I8t2YrBpxYDREoRHqaWpTy1iaFi/8PX+vQz/W4X3PmT0QsxgE2wk4mlYjeYlobG8CnWwGn3vM8tEseTfHVAj+1x4MluKyOi17JsoeCw+r+F6P3LisPWZOLwLLwD6VY3FC7ZX3B0JYT7fzhCl8ZYmBfVDX42U0Qi4UDUD45Otvbh+9egXv2fb3t9/ffnrzxnzVRj+teyjEQ2V9nzFa7bUA419N1cBnfFmr60CnXtY5/QjPZvJUFfzn3Tt1XAdpeplDaHhHvZE88sKO3d+//uZ+mA5NURcr9P27Lz6vfFFb2f5AWM7xyjHZBQtuy1NA1rzWp1keHHCLprCVUGx9Q1QgCfZ5+TfBzV74wrL2Ypq4lwpHDcUWrPYRW3+EgyyiRfUWiAYd7y+XFMfQUdjF9U4O4ILLeNSjyeSt9xxFu6C2/NBCdqzyLAqz918xyrcGrznzG8SlhiMNPopRa15WiqRI+ghhr+5BC/cPsX0OqWY1TXKKR276RWIY4i+XVQEtgXdrgY7TmKezYbOJ1JkNqKnmuIa+svHw18saRATyEoyWpXaMHh8Lb7fK6zA27U+Mo2dNvyE8gQIA9p7Ttf3w5cvbBy9ezAKtb9lZMrpH6wgN76+ff7n9+eMPkzdxORj1Uh+/IYzsL4EnQaBuTo19/OXrhD7Ll94f1Ry6Etl99v4Hp7IGHKccBO1nbDrP6mkhUVz2yucevH/72acuewXixn+fyHI/qlBPIbXU1c5fdLttnmRyGtjyQPBasdhQNTWLpd+6y6tt0MaY+9RL/sSP6dGY66s5HAql3SfhwqP6cjlG6LhEUyMKaxIsdH35Kjj3AgjX2NPvnLo/nc6cczyxCOZhmYRrhsbU12sxmpZGao4HAqJUWE3KYjMlJ0Vrm404XV/6Ixb+Mh3F41PuxMlnzT82HYiGVDwFKc5JXbRI7MXHz1zGwKB7lfOl7tp+INTIqbiUaklIeX3s15YHRyktNyMM/nC8t9vx6fOOdWDw0OSpVb3LB2Iv5uZa6Oq0MyZMrZ3v8v3OTOz0+2CDffBHcyFoQglpMSnbnhwx5xVrYVl/zNy+mmsOKfDJr9zUK3++IeBwzQu13HNZmEbg0PC0XVj5vF1mYTXUTaFh2zH0T5d1XvNCW0yFxNQ09eh33AKKKw8mciN10QT4ssaI0/cg2orr2p1+5zw5wAi0oEicSr6WS8TfYI4Fj/1+AB8W3ffwx+tLCrWysHxidjqf/sR08NRAxbmsgoDHZ48Fy/5fXIYIu707xiAAAAAASUVORK5CYII=);
}

.bar-tab .tab-item .ting {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAYAAABxlTA0AAAAAXNSR0IArs4c6QAAKuxJREFUeNrNfXm4XVd132/tfYZ73x3eIN2n0bIsSx6ebOHZxnZigxPKB9gJBfy1ITUpbZpCQ0lDmjRtiaKUNrQNCSR8tE2ahAQnhEDAjAkYsOQhBY+ArSdbw7OmJ+m9K73pTmfYe63+cadzzr1PGJAhz5/8pHPvOWef3157jb+1D+Ef0I+IEADs2bOHksen9u+n1c6Z3rlTkv/evXu3AAARyT+EZ6J/KGB2QZyuVukOAAdrNTodBO3PAJzZsmVgrOuPH5fpzt835HJyWakk+wBMVSqSBP9HCTr9qEGdrlZpQ61G40FAZ7ZsoVKrRYthSIUoonwcU21igupxTGsBNIzpjbfgOHIWQNF1pbSwIHMAdKHA474vtXxe1h8/Lou5nJwulWSqUpEfFdj0wwJ2GKjh5KQqtVoU1WrKlErKtlrKhqHyrSXO55VrLXEcq5CZCoUCIubeeD2lpNFowFdKlOtyrLWoVotDrUX7Put8np1ajb1SiWv5vPjz83xZqSTVDNgvN9D0wwR2cWZGjQcBNSoVdXZhQXOppLxGQ5fyedUMAj2xfr1/05te/YrRyujl2ve2K9e5VGu1hUSVQCgowogA2jK3wNIQ5rq1Zs7G9ogJ4iPNlZXDR5967umDTzy/aI2xI7mcrbVaXC4U7EKtxmsnJmyhWuXFXE7Gt23jHwbQ9MMCNpycVGZpSfm+r51aTcdaOzoI9J3v+KdTa7ZueI2X8251PedmAeUgAhvHJl5epqjW0BJHsHEMG8cQyyDXgdIOSGu4hYK4xYJ1cjktAEGETWSej1rBY42F2t59H//Mw2ahFdlczrrWGlMq2TAMrTM2xv78PJ8ulQR33skvF9D0cunYJLD+/LxeyuW012hoTeS+8qfuWrf1xivf7JcKb9GOM0UQblXPSmOuqptzc4iWFmGjqHNRQNr/y94MIomDpOGVivAnJpCfnJTcxAQrz9Fi7EKzGT6wOHPyk9/41IPfDpmNY4yplctmLAhsODlp/fl5frkkmi601E7t30+VapWq1ao6WS7rWCmntLLiGMdxfuy+N1x28dWXvys3knuTiOjm3Jwsv3hUNWZnIcakAZPUtROg9gEGtX/1DmZOz62ZQOGizSht3GhFaW3j6OnF2XMf2vfHf/M1iMQiEtfKZeMym80rK7ZSqXBXR18okOnlkFqvVNJ6YUGfU8rVRO7t971h+9Zdl/8HP++/gaNYFg8e1MuHZ2CDVhIriEhbWrsIJQBvg0x9oDtfIqHeOSKSOafzkKRQ2LAe5R3brVsqahPGB5bmzv3Ow3/8mS/HSkVWJPbi2IxUKiaq1WxXbVwIj4MutNQu5nJO6DiOEnHXbNtYuutn7353Ybz0ThPGevGF5/XK4SOwcdwDNCuplJJKggj3hiki/fOGqQ8RdC/QvhZBOD1J+XXrMLpju/VGy9q0wq8f+s7B3zj09SdmYq0jJop9Y0w4OWmvbrXshZBmuhDgdnXt2Oysc04pN8fs/aNfefsda7es+12l1ablI0fo3LPPgeMYAoAEKXWQBbYrq+2vSO/3cLXR/R+lVElSZQzcC8DIpo0Yv/JKS46yjcX6Bx/8k89+WIVhGCgVrWGO7cSEjWo129XN3y/IdCHA9Uol3QScMAw9V6ncvf/x7e8plIu/FC4tyfwTT+pgcQmgNLACASVA6f7uqQpJaNMssBlQKQMihkxg8trdOdCui/Jl21G86CKYMHrsub1PvPvQczOnSp4XnlMqnnTd+AcFmX4QcKenp3W5XNYOs+sb4139E9dv2PmaH//fynNvXTp4EOe+8xwgnJDMNqgAIJxY+tllngUspV9pVdB6wFJaiiVhIAmDUp2fnMTE1VdZEBbnXjz1ric/8/VHlOOEoeNERql4ZWXFTk1N2e8HZLoQ4CKK/Jvf8trtl79y58dhsbn65BO6Pjub0pM9YDs6NSV5HdxSOlmSy34QWCQkET0V07tQagUMA7Z///Z3nHwea16xy+piiZfOVH/5sU8/9FlrTOArFTU8L/p+QaYfBNxCFHkhs/eqt919zZZdl33cRvHY6Ucf1dHScmK1DpPOweWf/F4X6D5oiXMS+liGqA8a0LkvRX937SNhzTW72F8zgeVzS7/1jb968E85jgPluiGA+HQQmO8VZP396Fw1MuIUosjjOPZvf+vd11587RWftvVm6dTDD+u4Vh94kGHWH4QBC09pz2zgPEkAQmifT0QZ9SEDxq19HRqivzkj8YLG6TPk5H0UK2tfVdm2KTg6PfNtMkZIa1EjI3Ly5ElMAfKp6Wk89NBD2LNnzw8GcBbchuc5DrNrjfFveuNdOy69+apP2UazdHLvXm2DoA9KJjCgTAAxEFQMcbWQmZCEuKd0cOq6SIMpSH6vO7ODOj4xMLTmz5L2XBQn194+sXny9ImDxw+SMQLHETeXE3v2rGwxBi8FZOelSHDSW3Di2DFR5F1yxw2bLrvtmo/bMBybfeQRbcOw9wCclSigcwwpieoDLemAg7mHc1fihDNSTn39ntS97XvxAG79MUlCo6f1fl84BAsHXgAcjfHJtb9942tfufCtr3zzQUSROJ4Hr1SSxZkZTAGMwSA+9aNeivROV6sUTk6qJuC04tgzSuWve80tH2FjN5155DFtms109CVJYNp/kNChfVeM+36uJPILST0r3Dlf0tFw57vJc9NSLz1JzUpr7/4sCWlOG02wYOnZAxQuLNLYhrUf2rpr23btODkl4jYBJ5ycVNPVKu3Zs4e60ez3BHBSNUxVqyqcnXXo3DlX4th/47//ufcox33l/JNP6mBluf2wzO3Bchs4QV/H9pYrS+/BksfQfVgkABH0r5lwtdC9PnekkbkPdgI4kbQO7k+IdFaIJLyaxDh6wAvYWiw+N604jnJbrtrxB3mlSjoMc2EYeuHsrDNVraqp/fvPC7J6KarhZLmsy67rSC7n3/H2N96ZHy2+a+XwYTRPn07pWe4AS4nlmg0kkErcJCSw95AZ1dz9Aqd1avuGiUv2JjCplxMTwMmVRQnpTng3LAP5DxuEWHr2gCZNV173+tt+XTlOzjfGK7uuc7Jc1oszM+p8NUP1UlRDrJQTMntrKpXyxm0b/3uwuCjnntufznL1HmC1h+pLTvJPf7lyX4K7aiVxflI6welVgJ66SaiZ5OcJwIS5d33h/v05s4KSiaNoeRn1F09Qrph7646bdt4cxXEuZPZGlXK8UklXzqMqhnoRRKSm9u+n6rFjWtXrruO6ngrD/E++482/7OZyd81/83Flw1ba7UokECSbH5C0DkbGKcg6Cl2pzYbSNCgIw9ObGfevp6OJ0gFAJrBJGd6urejMbrS0DK+yhkfGyrvOHJ79tI0i67ouL6yssFuvS6Xjuu3du1fOK8HdWahUq3RxpaLKruuUmN3r3nDnjpGx4i+svDhD0fJSXzq5D0h3ifbGPiQ/0P2j8nmsv+U2lC+5FMrz2jqvs0Qp44olf/clmLF21zUobr4orf+zuhxpFdA9ztlrdr2P3kQmbEFnLLUXZrRS6rJr77z2bb7r+mFCVVSqVUrid143bWr/fqpWq0prreNczrHG+Be/Ysev2CBSS88fHHDY0/F+OooaFvuLCMYvuxJbfuI1AAATtHD8wS9j/uknUwn1YUFHd0k7+RHsePObQaQQLC5g5vOfx+Lz0wPnJIOSlLBLUpsnVNGQJFH37+HyEsLqWRmZGH9HvpT7ZKsWxACMv7Jiq4Cd2r9fOj6xDJXgru6tVKt0slzWLdd1Ymu9G//RLTvy+dxrlw8f1hxHfQsuAHctskgqKZ7SrxlrDhGMXnJpf5ZzeWy7+6ex9XX3JKQvneShjH4sb70ERO3h58YncOV9b8OW17y2j1dHvyIj1Z1Bp/W9ZLyO7KqR/rXqx08QRIrbb9j5VrHWB+BGCYOXlWK1mvT6KysagOsye5t3bn+niSKpHT3aX06p5ZzxZXmVpS39hMzotktT963PnsSJrz/YN16QlCciIikJK2zelFZtxqB2/HjK4A1TF5LyGJDx3/tuXO9ekp4k02ghOLuAkZHc23JFvxwzeyNaO/7Kih4PAsp6FHrAuE1Pq2qhoIXZNUr5O66f2rzpykv+x8qRIzo4ey7tyBO1LX0ir0A0mFBph6/948WNm7H+5lt6910++iKm//xPwUHQUzlYZal2j2993evhlUoAABtHeO7//iGWDh3suIiJc4ggRKCBpFFWCLJhdzan0S9X2VZAufWVfG6sPLdw7Mz+llLWdxzL4+O8qdmUPzt2rGfsVNa4HazV6OzCgo61dgyzt+26K95IEFU/dqIXQPTGxzJgtbuSjURo2k20d6VmdMf23vdNEODQJ/8KEkaJ4CK5IpByBUWA/JoKihs29q4x+/DDWDl6tO0ucz9MVp6Hq3/+X2HnfW8DtNP3c5OuWC+6lE7YzZmMHxIJIYZAEDcbiFdqtjiSuydk9kcAN9baObuwoPd1go8unk5WPZyZnFQTKyuqtrzs5H3fzZULP92ar4oNAyK0a1w9I0HpRHZ3pgUyIClJaRzbcXnv38e+8mVEyyttSZP2ZADAuutvwPgVV4JNhw8RRW0fFkBh/frUNd1yGdvuvmfA5y1vvRjlLRcDAHb9/M/j2T/6ox4dID1mZFxB6RnBfr6ZQNLOaRCAYP6sLm7dsmvz1g0XnzlZfcEnCjmf1/7EhBnqRezZs4fuqFbpZBiqsF53fK2dqdfccqV2nMuXZ08N+pZdAwJk0oyS+m6qCizAyOR6lDZtBgDUZk9i7olvJv26noFZfvEILv3Hb3pJCesNN970Xb8ztn07rvjZn8X+P/mTgWR7L1EkaQNHKRePE3kMIFxYQmHLZll70eQ9Z05WP2iCwHGYdaCUWpyfV3v27BEAkrJ6+6pVtbbRUNrztFXKWbt58tXEzM0zZ3pZK+n4isgYHumUhgad/PT3Jm+8offZkc9+phdxCQu88hiu/oV3orTlYrTOnsPi8wcuKOOocvXVKG7ekvJt0/5z0s1MG8ZUJCkCiWOEi0uUz3m3E+AGRK72PL220VCnO8ZORMhJqYctW2hpYUHnAU1x7ObzIzcHS4sixqYNQ6rGla4O9MrliXxs93vKdVF5xbUAgDOPfwONZFlJBOtvvAnlLVuw61+/E/NPPYmT+x7GmSceR7CwgLjZBATYdNvt2HzHHW3jFkV4+oO/B46ilIs1mKRPSN7iYira7Cco2xwLrEYJSKejARFEyzUaKRUvHykWx6RebxqlnKV8Xk8k1ITTo5NWq1QOQ0VhqAIinR/N57Svr6+dOqfT4W920NKvGKC/nHo6LiHNa6+6Gk4uh6hex7Evfzll7bXvY8Ott/auu+76GzAyOYlvf+QjEGvb0Z/rYvL6G3rPe+bxx9GcmxuwAckCaypfkikTZckqLLxqhUSGkGBMrQbhdXr9RWtvPHKg/iUVRToiUrK0pCqtFu3Zs6cvwRtqNQJAOp9XjShypm655moI/PDsuUwNa1hpHRm/tWsE+8QPArD+plcCAI5+6YuwrVYqt7vhllvg5HK9qy0eOowDH/tzsDG9+2545a3wioXeUGYfeQSkNQgKEsf9VQTJJOOHGFwZLGGlfeeOuV4l3wERmHoTHFmbK+Su4zj+iuN52tVau1FEB6Mo7UWcDgKqACpk1spaPTJR2iHMiOq1dE1rlZI5D7PKLCCtMbJuHTbeehtKmzehfuoUlo4cglsq9epipDQ23v5jvfOiWg0H/uJj6CbyRQSkCJtuv70/AQcPolWt4sr77sPYpdtxYu/XcerRv4cJgqHJ+fa9zlMA5WwVG6locrXnN60mKe1eIko5URxrYVYmilS1M2WOiNAn772XzmzZQrmVFaotLyvX83Tey13CUWw5jHWv6tvLOiUKF8n0bDLj1XkYncvhFf/mXb3jxY0bcdOv/+fzGqMX/voT2PxjP46RyUm0Fs4hbjThj5aRGx/v3yuKsOPNb8bkNdcAAC69+x5svP3H8O0PfwSt6nxKStsLnYfXBFMCwcmaRzrhNPD87SO22VLOuLeVlNKKSHuuq9TICE2Uy7R+//6+iii1WhQFgcr7vrJxrMnTl8S1Og0uKRl0b7N6OPEQca2G+smTKG3e/JIs/am/fwwL0wfgForYctddq35v7VVXDRzLj4/jul96N77xvvfBNJuJ1UTp0Ldr3pKlvJRx46EqYVgiyAYhHGDSd8QzodWBiPaMUSXXJRSL7UhuupNqa1pLbIwSx1GkaHPcaqiua8LZ+hmSdbA0tyGbKpz5/OcT0gGwMajPzmLuqadwdv/+3vFmdR5HPvcFQARLMzPflyu2fPQo4kYjlU5l5oT72FneknG7JOk5ZNKezIn0ZqoADRtGAIsenRjfYLTWDjM1raXFMKTparUtwXcAeCYMKWctcS6nJIoUCQoc9Q0HJdwWyeilAYudEfGVozOY+cIXMLJuEuee24/Fw4faRklrXPfuX2qDbi0O3P8X4CgEAATVKqY/9jHEzSaKmzbh0je8AQAQN5v45n/9bzBhCAJwxc/8DNZd13b9WguLmP7Y/ekQO7mikiBLul6IJDOo67olCrgp1y8R9XFswMzQpIpirWLfV+I4qhBFdK3vw9mzZw9tqNWoAJAuFslGEUXMiggjHMfDdVWGc9BPjkjaC0qcM/vIw8imXzfdehuKG9s5hWNf/jJqJ06klurcU09BOS4uv/fe3qknvv4QopVaX1Wx7U/ksaOI6/WhkzzAL04a6iTmiZJ/UsUkKyqSjPqYARYo3ykq1yUxRnlEvbxOKl0ZWEsxM2nXJRHJi+FUKTxZEUgun2QBkwTDU42pyI7hlcrY+tp2/nbhhRdw7Ktf6yWPesZJgI2339YzbnGziRP79qVTlxk3qleK6ngF/vgE1l59NSDUA0MS92EerMGlPQcM5qMTUZ+YrgSjIMwq7kTFK3GcdtNW4pjKADVFSANEAsVsB53sXqGQBysXiZCy57Bj0LgAwLZ77oHj+wgWl3Dgz+9vszAhnUpxGxzl53DRnXf27nP8q1+HaQVD2ZfJ8LY7Hn98HDf92q/AHx3F4c99HjNf+FI6H4xVOHNJim3KuNPg+Z0EPgkcLUIuAGUtlQG0kgCv6xzIAYgBGGMCAhVSGf0kiAN+cJewR520JQ8Q7LrjWTM1hXXXXgs2Fvs/+qeIG7WMVwK4oyVc8453IDc21jts4xgbX3lLKvOVX7u293luzVpsvPXW3oRufe1r4I+OAgC233M3GqfncOaJJwfYm0P5xUM4bpQJptqP2r5GbOImABhm8rQ+f01OixAbbonWhVTJO8kFY0mFwWlfkgZi+G787pXLuPyf/hMAwOEHHkDt2LE0N6Hz4Je9+c09/dz9uexNbzyvBzF68RaM/rO3rvr5zp+7D8szR9E6e3Y4v3gV/7j7b0aGcyHoRKsMjrh1Xm7aHIByV1KIhK1pUufklG1NuC/ZuD2biUoO3iuX4RaKuPSn7oFXKGL5xaOoz85i7PIr4JVKyI2NwR8bgz8+jvrJkzj8wOew5soroT3vgmXTHN/Dhlfe3HEF2+Pk8wJNqZaGwecHSBGYGcaa5ncl/8VaC5jFIRI2XFWue1G/7CZDaanDiNLtlGa/fqRcD7e89zegnP7SGb1kK657979NDSZcXsbck0/hzBNPoDU/j/1/9jFM3fezcHwfc898C4cfeABiORUCX/6Wt2Dyml0AgOqzz+H5v/zEqi0D3XsMY9F3HyUNtGT6RDLPzwCUBkRQb8TnLJFYpcRLCGwP4LLrSgzAVUoiQKIwPO7ncq9oh9OcyUxlVQMPrRAwt8+zYYiF55/H2qt2DsywjSLMP/MtnHn8CSy88EKSiIb5p59B/eQsChvXo/rMt4e2Fdgw6F8rDNGsVtOeSLdemGHQ0xCWO4bwk4flIlIdUI4Dic1yK4oaDpEoQGKtpdy5oLN7927Zu3evHKzVEGktJCIchhI2guP5kTEtQ9nkg7SklA+cSFYI2tJ85LOfw/jll0G7bqeKfAqzjz2GM48/AdNqpY1OInxtzM2hMTeH4uZNqJ84ObTJJasrU/lpHsZBRk81YAhvuR/yJ+gDyLpx7efSrhbDcsKxlglg67pS0FqstX0VsQ9A2fMkV68LKcWkNYf1+lFZO0pOLg/TaA64KgP8WkoMjvuJ9+7AG2dO4+Cn/gbj27fj5COPYPnITNpi99Yc9QunHaTX3XA9dv38v0Dt5CyOfP6LmHv66c79KU0G7Fxv4sorcNGr78Dxrz6EhQPPJ9isks4bp/x06ukI7qq48+Rhus/PjstxaE5YpdglYopjjqJIgmJRrvX9dsloqlKRcd8X7XlslBLHWnvq0Oxzwix6pJDhoA0hlGSZMRlSYDcvcOqxx7D/o3/WA7fPf0hIWFd/ug6KmzYCjsaOjvdQ2rwJr3jHv8LWn7irU54aDsTCoUPIjY/hpl97D257329iYuqKRHYsUSVmTuQWElyMBM+5S8dNjrM3SaSgNOk4ig5opWzcEU7teTzu+7IvqYNr+byg1RLNzLEIL5xbXorC+IhbLl3ampsjGsp1oDTPNuVVZPKpXQ5FxjXmxIR5pRLWXLUTlV27sGbnFBqnTuHM408iPzGRdiNzuU5/xlBmKCSM8fSHPoLbfuu9KG3ehJt+9T04/tA+TN//CdgoHFjqlIyQk5SqRAmfMi6cANB5D2wZjVr4tDBbF7DWdTlUSsJ8XqaKRVFEJNM7d8r648dF5/NsjbGutdZhtmG9+bQujvBgZ06azJeqvK5iCPv01DSTZmRyElt+8idww7//Zfz4/3w/rvq5+1C++CIc+Iu/xHf+8I+x7e7X9zkUYYgnP/B7bTerG7WlGGZ9uxAuLeHpD/+f3mdbXnUHrnvXvwYpldbJyQXHiXA/wTnGAJGwrfoo54OZ55drzTPCbNl1rQpD1vk8rz9+XFJu2mIuJ82FBcnncsyAFaVM7ezKN/PFkXud4gjMSuP83ZOyettWtzRKSqF00UUY27YNY9u3YWzbtl6k1a5k1DHzpb/FiYf2Qizjxl/9Zbgj+Ta4rRae/L3fx9KhI+n7Zyi5SV25+PwLWH7xKEYv2QoAmLxmF674J2/B9P0fH2xqzPi9w+ixkmDDCAjk+zaO7dOstXGIDBtjkcvZ1sJCezubnTulB/BlpZI8E4as6nUmpQwTmSPPHfnm2k1rl92x8dF4uZZqNElm9ZPdPdkOIBFgy12vQuUVu1DeugXaHQwcTBDg6INfw7GvfLVdqxPBpT91N8Z37OgkeVp48gMfwnIiR0wJwzWkUajH9z2x79EewABw8V134tBnPoe41hist9EqKcwMkxQAdN4HCLpWbz2kRWIFGGOtdYxhXSzyZb4vp7vUqd27d0u1UhFnbIzNyIhlz7Oa2Rhrw1a99VV3dJQJKsFu7FKkkDJizJzh97b/UtpyEcZ3bB8Al2ODYw9+DQ//+n/GzGc/36lCABtuuQWX3tPP/z7xO7+L5ZmZFLuSU5n/tJtGCfV06u+/ARvHff3teZi8ZleGEc+pbGGvdJptyEkw9FXeF7ZcXV5qfQtAbJiNdV2bNHC7d++WVLpy/fHjout1tsbYmNkIEJ87Nfe3AJQeLWU6eDJ6KUlC6TW2tCsJx7/2EGwcJQIQi5OPPoZH/tN78cInPom4Vu9devyKy3DVP7+vTU9aWsbj//0DWJk5lmpH6DM1Ab88ms6msaQIL1G9gdPffDI1B8HiYrqgmPB+kgKTatZJ7a5CQN6XKDIPMVEEIBaRWDMbUyrZQrXK3a3FnA6rUn7zN39TNszMiAMwRZExRLEHxCcOzR6oXLT+gD9ZuSxaWNQD1dUhJOlsFLT84ot45vc/gmt+8Z1YOnIYB/7ir9Cam+8v8Y6VHt2+Hdf94jtAjsbxvQ/j4F9/GnGjgZF1Fdz2W78B5bionTyJleMnYYMA+ckK1uy8sq/DV+ppndrxamb+9svYcPMN0K6L+uk5nN3/wkCuOu0fS2aTkPTzqdIIIJDF5eCLXXCV75vQcaxfq3FX/xKRpHIRp0sluRjgWqtlNbMJ4zhWRNHC3OLHJjet+W9OqQyzvLIqpbQ7MMn0GUMECweex6P/8b3tXECSsd4BeXzqClz/b38RweIinv3gH2DxhUOJIGUeD//6e7Hzn70V6667BqNbLx4axM196zsDzTUQYPnwi9j3a+/F+I7tOPPEU73taygddKbYSSmHKUkHI4AKIxyG5qEwtqdAFDpA1GI2hSiyXqnExxJiR0n66ifvvVdNT0/rbVq7LdfNx8wFUaoscTx2w6uv/yjF8db6oSMqaVFSvu4ww5DdzyhVbmobzfHLduD6f/cuHPvq13Dks1+EjaKh7QMAcPm9b8Kld79uANz57zyHx9//gUQB8/z8Yll1+wQaSAUk70+lEehygc8uRe9oRuZ5RbQUMq+MaF03QRBUgAhTU/Ytf/3XTO3cRI98LdM7d8odlQqfLRS4aa0RINZxHIEoXJpb+BPyXOWOlTMdnO2mFEp0dmZL5Mn2rmxrQDvDtYJvvO/9OPjJB2A6POEEQy/VmXnwbx5A7dTpdKn//z2OZ37/fyXKQZKqeaaiSgxGnDIkx5CUip6UKwVVGOE45r2tIDqqmQMYEzpEUdNaE5bLdjGXk+R+mimG+0MPPYQnvvQlaipFruMQh6HSREpprRfOLs+vXT+x0y0W1seLS6obSaVcGk5XPpDIVFHnv4EdokQQ1eqIVlYGN9bIdM93q8/V7zyL0kUXYe6pZ7D/Y3+FmS/+HWwUD1ReUi1ZNCyhvgqPbZXEux4rCbQOzi01/4shdc4SNUSkKUoFYaEQ+6OjprJuna1OTuJVr3qVDO3RmN65U/z5eQ7D0DrGGEMUwZiQRFrHD8/+AYjYq6wd3NQoEQbzkC1h0t5FsoEwwS8e6PSRlF7sHm+cnsM3/sv78dxH78fi8wcHPJt+Y062i1SGhLzJ7vxMRJrMkbgO4LkUhOb+yGJeMwekVOgQRY4xZiwIrD8/39t6ZmgTTHeDidOlkjhjY1wrl40AcahUyFoHy/OLR+tL9fud0RJ0cSTd3yt9dZFtje37r5yOhpLV2YSPORCmpnzufotBsgDZS/wkVwFzv8M004zTbTRP+bcp+lS/sMsEqNGSNcYeOrcSfsGKtETrwLE2iJWKauWyCScn29uBIb0N2IAE7969W3DnnezPz7PLbKxIPKJ16FobkNatI985cn8cxt9y100yaSfDKUCqQygLWMrOJfQhsrF/QkdzYo+01H4RyU6gvslNt9dmq7+SaakVDPHtkbIhzAw9WmAA4UrL/o4ATdK6xdYGhiiyIrHLbPz5eU7utbYqwF30x7dtY2dsjL04NrHWUah1qERa4jjNoweO/zYYK7mN61m6fINEfasnUYnsTrIHuccf7jwICw8khrJtusn+4qyu7ILNmRWDzGporyBOFXB7fcq9yZWUpFNxBHAcVQvNh1uhOQ6tm8Tcch0n8JSKvDg2ztgYj2/bxlnpXbUZfPfu3TK9c6dc3WrZkUrFMFEsYRiyMYERaa3UmqerZ87+NjzN/oYK9xLryXaBZEd9poudeq4Qp/PAkmQH9dVAt7tnoO8j2Wye5SYP2y9CkuSUjC3IJnUEQN4D5TxEsf1sPeCHCWgw0FSe11KOEwKIRyoVM0z3nhfg7ixUKxU5Vq2yb4zxiCLrOIEn0lRA49TJc48vzq38jsrlyF07IcP3e8hQQLlPJOzrVe6pgsGmRR5oc+2vABnQr71Wq+x9M61bzMMaEzkdHvsuUMhJzPLI2Zb8qYg04ThNxdyyxgRxsxkBiI9Vq6tK76rd9l2X7VPT00C1Cm9sDLS0BORyEKVIlCIlQitLtVk/57dy5cKN5Diw9UaK/zU0j4x+MuZ8/cgD/F5J9+UP23JHhnAZJLO1jUhm+58hbVzkuaDSCFsrzy427P8QkRUmqpNSDXLdpguEPDYWxWNjpuV5XL3pJtm9e7cM27tn1T17iEhEBHsAvnrvXhytVKjWainEcaAAJSIagDpxbO7TW2jSLRbzb/cmK4jnz1Ka1YN0CTxDMBnuLg3JLaeCk+zGHekctAwJ4bFKLzKQdheR84BCToyVZ1cifr9VaoWZGwpoiEhTh2EY5vNRCTDR/Dzj7rv5fFt8qZdC2KhWKhLVatYoFftKRSaOAxFpaqABovrxo/OfWD5X/5DK59hZV2FSeoAgyCwZiaVM/Q6DerMzIZwwZAPloQwRUDL6tcdvTjSAp3Y4SfYsF3yg4CO28thSi98XMy2AqE4iDRFp+p4XKNcNjVK9LRe/K9nlfB/2pHjPHkwBfHp62hZyuVgch5TrkgQBiTFEjoPZ0wtfMtYsj40Vf9XdOOlF8+e0BGEm3Ezvv9BlBg3wDgYJCim/NMstS2bO0i1lSNP+E2F0qgtKEaiQY3G0ii0+vxTioyCqi1I1Uaquc7mGAK16GIYjWsebV1YspqZe0n6W33VbryTIqFZ5vFo1K1qTHwQkuRx0EMAaA+26Uq3WHm21zOzaSvE/uJU1l5ilFbLL9fOmMtO6UAZaE4bus5Zg3Azs0Xae/R5oyNyR60AKvhWiqGHof7UsPSLUXpmiVF0r1QiZW34UhYYoHo9jM12pMF7i7n8vad+0pD6e3rsXE/m8aczOohAEkFwOCEOJjRENSGO5fqRVa75n/abxf5krF1+ncj6bxWWNMFqFKZPJWiWaGEHDQZIEZ4KHtVklOBCcSUv2epGVAvK+iOeQFRxdiemDkZHjBGkAqGugIcY0Q89r+VEUFIkis2mTmW61egHFS9la8SUBnAV5Ye9eTGzahMbsLJw4Fs/34cSxxERMIixE9sTs4kcmSv5jo6OFX9Brxi6WViBmuUFi4jS/WDCwUVwPSB4uiSkW56qdQ9Tn9ybVFBHge5CcyyAKA6ZP1GP6EgMNKGoS0NBEjdjalsrlWn4QhEWiaGnTJnN1q2X3fQ/gfk8ArwayPz8vzThGjpl91+UIYMcYI0RmoRY+ubwSPF9ZW7wnn/Pe4k56I9xswdaaJLEZ5Bd3g5AstWlolms4i7O/xU2SbNqWWPFdwHcZRLCMR5cjud9CzZNIi4AmRJrsuk1hblnmwMRxaIhikwH3e8Lse6WApt7msnevmupsKw7ADZk9WOtrx8kxUZ7ieESUymuivNIYGy/lX5/31d1EVOYoYmmESoIw7SGIDOFtr65fBwkxfeNF6GbBHBFPC0BiBI82jHogsnJciAISaYlIUzlOK2ZuEXMLWoe+UhGAeDwI2jr3+9zT/QfeYhx79ypUq6pcLutRpZxWHHuxtZ4TxznlODllbY6J8sKcZ6VynpLiWDH3as/VdzoKO9rkZQOEMXEUAcZmGghl1TcSJGmz1G1LJwI8DTga8BwLkBbBuRh4tGXUg4HhM1qpgJkDUSog5hY5TouNCTzXDWKto7zrRsvMZmVlxSIB7vezxbjz/QKcVBdT+/fL4syMqFJJyrUan1PKOoCNjYnhOLFYGynHCYU5Z4wEZ1fCz0Lk73Ku3lTOO3c4jr6OHL1VjfgKAitRRLCsYBlkTX8rrzalvFfZlQ6FH44ClBJoxVCkOxNwLhb1HWPx6IrBfgIiEEICQgsE0DpkawPHcQJoHTrGhE1rIy8IjKpUTKFWs5tfoiv2skhwVpK7byJ4Np/X/vy8Dh3HGVHKCY3xHGYvsNb3mH1xHF+YfYj4DHhKxAORq11VLLjqaofkSk20iUg2kWANANXnJ/OAqugokJoInRKh0zHLoRb0c5HhOQXEEImZKFJABKKQlArJmJCUCg1RRI4T+o4TNZnNhX4DwQUBeJhe3lCrkVcq6bMLC7rsuk6stRNb640ArhHxxNoeuETkAnABuJbIVYBDIpqJtAfrukRroVBQSudIJA+xWoRaRigghZZlLMaMBhOxErFCZBkwJGIgEiuiSBIgW6JIE0WxUtFIu98nzsex6b514EK/eueCv2onKc37qlV1caWimtWq4+RyOtbaIREXgEtB4ILIJcCNOyBrIkeIHGLWpJS2zBrMirQmBRAn9yMjau+9Yq1AKdZKWWG2opQlEWNFjNuRYAFi+H77NxA7zAZAbILAhuWyfbneAvMD6eDz6WUA0gFaKtUqVwFulEoqv7BglvL5eEQpJyZyjNYOK+W4UeSwUo4lckgpTSIaRFoRKSFSIFIiQkKUSrSBSKQNBIPIgsiKUpaZrRIx4nlGM5uI2ThhaLxCwdgosvk4NmcLBd4cBLbi+1ydmpJ9iXzuhXxh1AUFODm4LNBbq1XeZy1fnM/bqFYzK6WS9hoN7WqtiUjHjqN1HGtPKRUxa09rJYBiQAmRsgAlmW0RAN1mzjADoolsxMxExGKtjV3X5sLQxrmcNdbaZqlkx4LAeqUSz1SrfEcC2AulDl52FfHd9PP5Xtbn1GraRpHifF5xHLdf1uf7ymGmiJkcZooTKsIlEqOUeEqJUUriVkuU67JyXVatFmvPY1Mq2exL+5JvSPxhvB3RebkBHibRpwFM7d/P060WbQCoUq1So1JR3VdNmihSK2NjlDeGHGYyImSI4CfeiBgoJRCBB4hVSsLRUSkuLYmjFDeKRRn3fRnvvJxvKyDVYlGmb75ZAOAtP8TXTv5IXpq62gtTK9UqdV+W2n1RaqnVIgBYDMOBsY77vnTbH7ovUO2+PLX6D+TFqT+yt9KeD/Ak6EB/w5BhP12aaBLMHyWg2Z//D8pXnwLc4Z8MAAAAAElFTkSuQmCC);
}

.swiper-container .pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
}

    .swiper-container .pagination .swiper-pagination-bullet-active {
        background: #891919;
    }

.upload-img-box {
    width: 3.5rem;
    height: 3.5rem;
    position: relative;
    margin: 0 .3rem .3rem 0;
    float: left;
}

    .upload-img-box:last-child {
        margin-right: 0;
    }

    .upload-img-box img {
        width: 100%;
        height: 100%;
    }

    .upload-img-box .remove-img {
        position: absolute;
        top: -14px;
        right: -6px;
        width: 15px;
        height: 15px;
        text-align: center;
        cursor: pointer;
        color: #fff;
        z-index: 11;
        background-color: #d50012;
        border-radius: 100%;
        font-size: 0 !important;
        line-height: initial !important;
    }

    .upload-img-box span.remove-img {
        font-size: 0 !important;
    }

    .upload-img-box .remove-img:after {
        content: '-';
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        line-height: 12px;
        padding: 4px;
    }

.img-upload-btn {
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    font-size: 26px;
    color: #a9a9a9;
    background-color: #f1f1f1;
    background-image: url(image.png);
    background-position: center;
    background-size: contain;
}

    .img-upload-btn i {
        line-height: 3.5rem;
    }

.file.uploadFilebtn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 0;
    cursor: pointer;
}

.goods-safe {
    margin: 0 -10px -10px -10px;
    padding: 0 10px;
    background-color: #f0f0f0;
    border-bottom: 1px solid #e0e0e0;
}

    .goods-safe ul {
        margin: 0;
        padding: 0;
        width: 100%;
        overflow: hidden;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

        .goods-safe ul li {
            position: relative;
            width: 33.33333%;
            height: 1.8rem;
            line-height: 1.8rem;
            color: #515151;
            font-size:.6rem;
        }

            .goods-safe ul li i {
                margin-right: 5px;
                color: #7a3838;
            }



[class*="icheck-"] {
    min-height: .8rem;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    padding-left: 0px;
}

.icheck-inline {
    display: inline-block;
}

    .icheck-inline + .icheck-inline {
        margin-left: .75rem;
        margin-top: 6px;
    }

[class*="icheck-"] > label {
    padding-left: 1.1rem !important;
    min-height: .8rem;
    line-height: .8rem;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    font-size: .7rem;
}

[class*="icheck-"] > input:first-child {
    position: absolute !important;
    opacity: 0;
    margin: 0;
}

    [class*="icheck-"] > input:first-child:disabled {
        cursor: default;
    }

    [class*="icheck-"] > input:first-child + label::before,
    [class*="icheck-"] > input:first-child + input[type="hidden"] + label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: .8rem;
        height: .8rem;
        border: 1px solid #D3CFC8;
        border-radius: 0px;
        margin-left: -1.1rem;
    }

    [class*="icheck-"] > input:first-child:checked + label::after,
    [class*="icheck-"] > input:first-child:checked + input[type="hidden"] + label::after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: .2rem;
        height: .4rem;
        border: solid 2px #fff;
        border-left: none;
        border-top: none;
        transform: translate(7.75px, 4.5px) rotate(45deg);
        -ms-transform: translate(7.75px, 4.5px) rotate(45deg);
    }

[class*="icheck-"] > input[type="radio"]:first-child + label::before,
[class*="icheck-"] > input[type="radio"]:first-child + input[type="hidden"] + label::before {
    border-radius: 50%;
}

[class*="icheck-"] > input:first-child:not(:checked):not(:disabled):hover + label::before,
[class*="icheck-"] > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-width: 2px;
}

[class*="icheck-"] > input:first-child:disabled + label,
[class*="icheck-"] > input:first-child:disabled + input[type="hidden"] + label,
[class*="icheck-"] > input:first-child:disabled + label::before,
[class*="icheck-"] > input:first-child:disabled + input[type="hidden"] + label::before {
    pointer-events: none;
    cursor: default;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.icheck-default > input:first-child:not(:checked):not(:disabled):hover + label::before,
.icheck-default > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #adadad;
}

.icheck-default > input:first-child:checked + label::before,
.icheck-default > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #e6e6e6;
    border-color: #adadad;
}

.icheck-default > input:first-child:checked + label::after,
.icheck-default > input:first-child:checked + input[type="hidden"] + label::after {
    border-bottom-color: #333;
    border-right-color: #333;
}

.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before,
.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #891919;
}

.icheck-primary > input:first-child:checked + label::before,
.icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #891919;
    border-color: #891919;
}

.advert-list {
    padding: .25rem .5rem;
}

    .advert-list .col-100 + .col-100 {
        margin-top: .5rem;
    }

    .advert-list img {
        display: block;
    }



.promotion-wrap {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
}

.promotion-list {
    margin: 0;
    padding: 0;
}

    .promotion-list li {
        position: relative;
        height: 2.2rem;
        line-height: 2.2rem;
        font-size: .7rem;
        color: #6b6c6e;
        border-top: 1px solid #eee;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .promotion-list li span {
            width: 85%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: #212121;
        }

            .promotion-list li span i {
                display: inline-block;
                height: 1.2rem;
                padding: 0 .5rem;
                margin-right: 8px;
                font-size: .7rem;
                line-height: 1.2rem;
                font-style: normal;
                color: #fff;
                font-weight: bold;
                text-align: center;
                background-color: #fb1437;
                border-radius: 0;
            }

        .promotion-list li:after {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            content: '';
            background-color: #f4f4f4;
        }

.punch-express-time {
    margin: .5rem;
    padding: .5rem 0;
    box-shadow: 0 4px 14px 3px rgba(0,0,0,0.10);
    background: #fff;
}

    .punch-express-time ul.timeline {
        list-style-type: none;
        padding: 0;
        position: relative;
    }

        .punch-express-time ul.timeline:after {
            content: " ";
            position: absolute;
            top: 0;
            width: .1rem;
            background: #929292;
            left: 4rem;
            margin-left: -0.05rem;
            height: 100%;
            z-index: 0;
        }

        .punch-express-time ul.timeline li {
            position: relative;
            margin-bottom: .5rem;
        }

            .punch-express-time ul.timeline li .date {
                position: absolute;
                width: 3rem;
                font-size: .7rem;
                line-height: 1.5rem;
                text-align: right;
                left: 0;
                top: 0;
                color: #000;
            }

            .punch-express-time ul.timeline li .time {
                position: absolute;
                width: 3rem;
                text-align: right;
                top: 1.5rem;
                font-size: .6rem;
                line-height: 1rem;
                color: #929292;
                overflow: hidden;
            }

            .punch-express-time ul.timeline li .section {
                position: absolute;
                background: #fff;
                border: 1px solid #929292;
                width: 1.5rem;
                height: 1.5rem;
                left: 3.25rem;
                line-height: 1.475rem;
                text-align: center;
                color: #929292;
                font-size: .7rem;
                border-radius: 50%;
                z-index: 1;
                margin: 0;
            }

                .punch-express-time ul.timeline li .section.point {
                    width: 1rem;
                    height: 1rem;
                    left: 3.5rem;
                    top: .25rem;
                    background: #fff !important;
                    border-color: #fff !important;
                }

                .punch-express-time ul.timeline li .section.fill {
                    background: #8c6a38;
                    border-color: #8c6a38;
                    color: #fff;
                }

                .punch-express-time ul.timeline li .section.point:after {
                    position: absolute;
                    background: #929292;
                    width: .3rem;
                    height: .3rem;
                    left: 50%;
                    top: 50%;
                    content: "";
                    border-radius: 50%;
                    margin-left: -.15rem;
                    margin-top: -.15rem;
                }

            .punch-express-time ul.timeline li .info {
                margin-left: 5rem;
                min-height: 3rem;
                padding-right: .5rem;
            }

                .punch-express-time ul.timeline li .info h6 {
                    margin: 0;
                    font-size: .8rem;
                    line-height: 1.5rem;
                    color: #000;
                }

                    .punch-express-time ul.timeline li .info h6 + article {
                        line-height: initial;
                    }

                .punch-express-time ul.timeline li .info article {
                    max-height: initial;
                    font-size: .7rem;
                    line-height: 1.5rem;
                }


/*实线*/
.custom-line.line-1 {
    border-top-style: solid;
}
/*点线*/
.custom-line.line-2 {
    border-top-style: dashed;
}
/*原点*/
.custom-line.line-3 {
    border-top-style: dotted;
}

.topic-fulltext p {
    display: inherit;
    margin: 0;
}

.market-d11 {
    background-color: #D0002C;
    color: #fff;
    padding: .25rem;
    margin: 0 -10px;
}

    .market-d11 .price {
        padding: 0 .25rem;
        font-size: .7rem;
        line-height: 1rem;
        background-position: top right;
        background-repeat: no-repeat;
        background-size: auto 2.9rem;
        background-origin: content-box;
        background-image: url(http://res.zansleep.com/upload/2018/11/04/201811042319410116.png);
    }

        .market-d11 .price > div {
            padding: .5rem 0;
        }

        .market-d11 .price div {
            line-height: 1.2rem;
        }

    .market-d11 .promotion {
        background: #fff;
        border-radius: .1rem;
        color: #929292;
        padding: .25rem .55rem;
        line-height: 1.6rem;
        font-size: .75rem;
    }

        .market-d11 .promotion .promotion-list {
            color: #D0002C;
        }

.topic-fulltext {
    padding: .5rem;
}

    .topic-fulltext img {
        display: inline-block;
        max-width: 100%;
    }

.imgad_slide {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    height: 8rem;
}

    .imgad_slide.slide_style_4 {
        height: 4rem;
    }

    .imgad_slide li {
        display: inline-block;
        height: 100%;
        width: auto;
    }

        .imgad_slide li a {
            height: 100%;
        }

        .imgad_slide li img {
            height: 100%;
            width: auto;
        }


.searchbox,.searchbar {
    padding: .5rem;
    height:auto;
    background:#fff;
}
.searchbar{
    background:#F3F4F5
}
.searchbox .search-input,
.searchbar .search-input {
    height:1.75rem;
    width:100%;
    line-height:1.75rem;
    text-align:center;
    color:#000;
    background:#EDEDED;
    border-radius:.1rem;
}
.searchbar .search-input{
    text-align:left;
}
.searchbar .form-box{
    display:flex;
}
.searchbar .searchbar-cancel{
    height:1.75rem;
    line-height:1.75rem;
    font-size:.7rem;
}
.searchbar .search-input input{
    padding:0 .5rem 0 1.6rem;
    height:100%;
    border-radius:0;
    border:none;
}
.searchbox .search-input .icon {
    position:initial;
    color:#000;
}
.suggest-container{
        background: white;
    overflow: hidden;
}
.suggest-container h3{
                color: #333333;
    font-size: .75rem;
    height: 2rem;
    line-height: 2rem;
    padding-left: 16px;
    font-weight: normal;
    margin: 0;
}
.suggest-container h3 .icon{
        position: absolute;
    right: 0;
    width: 2rem;
    text-align: center;
}
.suggest-container .suggest-hotkey{
        padding: .5rem;
        margin:0;
}
.suggest-container .suggest-hotkey li {
    border: 1px solid #dedede;
    height: 1.3rem;
    line-height: 1.3rem;
    width: inherit;
    border-radius: .65rem;
    text-align: center;
    padding: 0 .5rem;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 12px;
    font-size:.65rem
}

.classify-nav {position:relative;height: 2rem;width: 100%;overflow: hidden;margin:0 auto;background-color:#fff;}
.classify-nav .scroller {position:inherit;top:0;height: 2rem}
.classify-nav .scroller ul{height: 2rem;padding:0;margin:0;}
.classify-nav .scroller li {height: 2rem;color:#333;line-height: 2rem;font-size: .8rem;text-align: center;display: inline-block}
.classify-nav .scroller li a{color:#333;display:block;margin:0 .5rem}
.classify-nav .scroller li.cur a{color:#a48268;}


.css-cart-fixed span {
                    display: block;
                    background: #fff;
                    position: absolute;
                    width: .6rem;
                    height: .6rem;
                    top:0rem;
                    right: 0rem;
                    border-radius: 50%;
                    font-size: .4rem;
                    line-height: .6rem;
                    text-align: center;
                    color: #fff;
                    background: #D0002C;
                }

.css-cart-fixed span:before {
                        line-height: .6rem;
                        position: absolute;
                    }

.abnor {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
}

    .abnor .abnor__box {
        position: absolute;
        display: flex;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .abnor .abnor__btn {
        min-width: 114px;
        height: 33px;
        margin-top: 15px;
        padding: 0 15px;
        background-color: #ff5777;
        border: 0 none;
        border-radius: 2px;
        color: #fff;
        font-size: 14px;
        text-align: center;
        overflow: hidden;
        line-height: 33px;
    }

        .abnor .abnor__btn:active {
            background-color: #f5456e;
        }

    .abnor .abnor__image {
        width: 257px;
        background: transparent no-repeat;
        background-size: cover;
        opacity: .3;
    }

    .abnor .abnor__text {
        margin-top: 15px;
        color: rgb(29,29,29);
        font-size: 14px;
    }

    .abnor .abnor__tip {
        margin-top: 10px;
        color: rgb(29,29,29);
        font-size: 12px;
    }

.button-fill.button-weixin {
    background-image: url(../images/icons/weixin.svg);
    background-position: .2rem center;
    background-repeat: no-repeat;
    background-size: 1.6rem;
}
.button-fill.button-share {
    background-image: url(../images/icons/punch//share.png);
    background-position: 1rem center;
    background-repeat: no-repeat;
    background-size: 1.5rem;
}