@charset "utf-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 14px;
    font-family: '微软雅黑',;
    color: #333;
}

body, dd, dl, h1, h2, h3, h4, h5, h6, p, ul {
    padding: 0;
    margin: 0;
}


a {
    text-decoration: none;
    padding: 0;
    margin: 0;
    background: none;
}

    a:hover {
        text-decoration: none;
        border: none;
    }

    a:active, a:hover, a:focus {
        text-decoration: none;
    }

li {
    list-style: none;
}

h1, h2, h3, h4 {
    font-weight: bold;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../font/glyphicons-halflings-regular.eot);
    src: url('../font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../font/glyphicons-halflings-regular.woff') format('woff'), url('../font/glyphicons-halflings-regular.ttf') format('truetype'), url('../font/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}


.container_tk {
    max-width: 1200px;
    margin: 0 auto;
    ;
}

.porela {
    clear: both;
}

.con {
    width: 100%;
    float: left;
}

.bx {
    max-width: 1200px;
    margin: 0 auto;
}

.toutu_bj {
    width: 100%;
    background: url("../images/grzxtt_bj.jpg")no-repeat center;
    display: table;
    height: 146px;
}

    .toutu_bj .zbk_wzjs {
        max-width: 1200px;
        margin: 0 auto;
    }

    .toutu_bj .zbk_wzjs_left {
        width: 30%;
        float: left;
        line-height: 146px;
    }

        .toutu_bj .zbk_wzjs_left .tx {
           /* margin-top: -5px;
            padding-right: 23px;*/
            border-radius:50%;
            border:0;
        }

        .toutu_bj .zbk_wzjs_left p {
            font-size: 14px;
            color: #fff;
            display: inline-block;
            line-height: 36px;
            vertical-align: middle;
        }

            .toutu_bj .zbk_wzjs_left p span {
                font-size: 12px;
                color: #ddd;
                padding-left: 6px;
                vertical-align: sub;
            }

            .toutu_bj .zbk_wzjs_left p a {
                color: #fff;
                background-color: #ff6d50;
                padding: 2px 10px;
                border-radius: 20px;
                margin-left: 10px;
                font-size: 12px;
                vertical-align: middle;
            }

    .toutu_bj .zbk_wzjs .zbk_wzjs_right {
        float: right;
        padding-top: 50px;
    }

        .toutu_bj .zbk_wzjs .zbk_wzjs_right .bx-r a {
            float: left;
            padding: 0 20px;
            border-right: 1px solid#636363;
            text-align: center;
        }

            .toutu_bj .zbk_wzjs .zbk_wzjs_right .bx-r a:nth-child(4n) {
                border-right: 0;
            }

            .toutu_bj .zbk_wzjs .zbk_wzjs_right .bx-r a h4 {
                color: #fff;
                padding-bottom: 10px;
            }

                .toutu_bj .zbk_wzjs .zbk_wzjs_right .bx-r a h4 span {
                    font-weight: normal;
                    font-size: 14px;
                    padding-left: 4px;
                }

            .toutu_bj .zbk_wzjs .zbk_wzjs_right .bx-r a p {
                color: #fff;
            }

        .toutu_bj .zbk_wzjs .zbk_wzjs_right .bx-r .qdljf {
            color: #fff;
            background-color: #ff6d50;
            padding: 6px 20px;
            border-radius: 30px;
            margin: 10px 0 0 20px;
            border-right: 0;
        }


/**/
.cont {
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
}

    .cont .left .zcdh {
        width: 178px;
        overflow: hidden;
        background: #fff;
        float: left;
        margin-right: 14px;
        height: 650px;
    }

        .cont .left .zcdh li {
            width: 100%;
            height: 42px;
            line-height: 42px;
            text-align: center;
            /*margin-bottom: 8px;*/
        }

            .cont .left .zcdh li a {
                width: 100%;
                height: 100%;
                padding: 0;
                margin: 0;
                color: #666;
            }

                .cont .left .zcdh li a:hover, .cont .left .zcdh li a:focus {
                    background: none;
                }

        .cont .left .zcdh .active {
            background: #ff4d4d;
        }

            .cont .left .zcdh .active a {
                color: #fff;
            }

            .cont .left .zcdh .active p {
                color: #ff5353;
            }

        .cont .left .zcdh .active {
            background-color: #ff4d4d；
        }

        .cont .left .zcdh li a i {
            width: 22px;
            height: 20px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 6px;
        }

        .cont .left .zcdh .wdkc a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: 0px 0px;
        }

        .cont .left .zcdh .active.wdkc a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: -23px 0px;
        }

        .cont .left .zcdh .wddy a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: 0px -24px;
        }

        .cont .left .zcdh .active.wddy a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: -23px -24px;
        }

        .cont .left .zcdh .wdbj a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: 0px -48px;
        }

        .cont .left .zcdh .active.wdbj a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: -23px -48px;
        }

        .cont .left .zcdh .wzsc a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: 0px -78px;
        }

        .cont .left .zcdh .active.wzsc a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: -23px -78px;
        }

        .cont .left .zcdh .wddd a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: 0px -106px;
        }

        .cont .left .zcdh .active.wddd a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: -23px -106px;
        }

        .cont .left .zcdh .wdjfn a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: 0px -130px;
        }

        .cont .left .zcdh .active.wdjfn a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: -23px -130px;
        }

        .cont .left .zcdh .wdkj a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: 0px -155px;
        }

        .cont .left .zcdh .xian {
            width: 100%;
            height: 1px;
            background: #f5f5f5;
            margin: 10px 0;
        }

        .cont .left .zcdh .active.wdkj a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: -23px -155px;
        }

        .cont .left .zcdh .hyfl a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: 0px -179px;
        }

        .cont .left .zcdh .active.hyfl a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: -23px -179px;
        }

        .cont .left .zcdh .tgzx a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: 0px -205px;
        }

        .cont .left .zcdh .active.tgzx a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: -23px -205px;
        }

        .cont .left .zcdh .xxzx a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: 0px -231px;
        }

        .cont .left .zcdh .active.xxzx a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: -23px -231px;
        }

        .cont .left .zcdh .kfzx i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: 0px -259px;
        }

        .cont .left .zcdh .active.kfzx a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: -23px -259px;
        }

        .cont .left .zcdh .xtsz a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: 0px -286px;
        }

        .cont .left .zcdh .active.xtsz a i {
            background-image: url(../images/icon_grzx_tb.png);
            background-position: -23px -286px;
        }


    /*.cont .left .main_bx{ width:calc(100% - 146px);  min-height:580px; float:left; }*/
    .cont .right {
        width: calc(100% - 192px);
        float: left;
    }

        .cont .right .main_bx .kc_info {
            width: 100%;
            height: 40px;
            border-bottom: 1px solid #eee;
        }

            .cont .right .main_bx .kc_info li {
                float: left;
                line-height: 53px;
                margin-right: 60px;
                font-size: 15px;
            }

                .cont .right .main_bx .kc_info li a {
                    padding: 0;
                    margin: 0;
                    color: #666;
                }

            .cont .right .main_bx .kc_info .active {
                border-bottom: #ff4d4d 2px solid;
            }

                .cont .right .main_bx .kc_info .active a {
                    color: #ff4d4d;
                    font-weight: bold;
                }

            .cont .right .main_bx .kc_info li a:hover, .cont .right .main_bx .kc_info li a:focus {
                background: none;
            }

        .cont .right .main_bx .xgnr {
            width: 100%;
            padding-top: 10px;
        }

            .cont .right .main_bx .xgnr ul li {
                width: 100%;
                overflow: hidden;
                position: relative;
                border-bottom: 1px solid#f5f5f5;
            }

                .cont .right .main_bx .xgnr ul li .jlmk {
                    padding: 20px 0;
                    display: flow-root;
                }

                .cont .right .main_bx .xgnr ul li .dwq {
                    position: absolute;
                    top: 0px;
                    left: -5px;
                }

    .cont .left .main_bx .xgnr ul li .ljx {
        width: 1px;
        height: 100%;
        background: #d2d2d2;
        position: relative;
        float: left;
        margin-right: 20px;
    }

    .cont .right .main_bx .xgnr ul li .kctp1 {
        width: 160px;
        float: left;
        height: 97px;
    }

        .cont .right .main_bx .xgnr ul li .kctp1 img {
            width: 100%;
            border-radius: 6px;
        }

    .cont .right .main_bx .xgnr ul li .kc_info2 {
        width: calc(100% - 384px);
        height: 100%;
        float: left;
        padding-left: 30px;
    }

    .cont .right .main_bx .xgnr ul li .kecheng {
        width: 24%;
        border-right: 1px solid#eee;
    }

    .cont .right .main_bx .xgnr ul li .kecheng2 {
        width: 24%;
        padding: 0px;
        text-align: center;
    }

        .cont .right .main_bx .xgnr ul li .kecheng2 h3 {
            padding-left: 10px;
        }

    .cont .right .main_bx .xgnr ul li .kecheng3 {
        width: 24%;
        border-left: 1px solid#eee;
    }

    .cont .right .main_bx .xgnr ul li .kc_info2 .zjls {
        padding-top: 26px;
        width: 300px;
    }

    .cont .right .main_bx .xgnr ul li .kc_info2 h3 {
        font-size: 15px;
        width: 100%;
        font-weight: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 30px;
        padding-right: 10px;
    }

        .cont .right .main_bx .xgnr ul li .kc_info2 h3 span {
            padding: 2px 6px;
            background: linear-gradient(to right,#ff515a,#ff7945);
            color: #fff;
            font-size: 12px !important;
            border-radius: 8px 0px 8px 0px;
            margin-left: 10px;
        }

    .cont .right .main_bx .xgnr ul li .kc_info2 p {
        font-size: 13px;
        line-height: 32px;
        color: #999;
        padding-right: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .cont .right .main_bx .xgnr ul li .kc_info2 p i {
            padding-left: 20px;
            font-style: normal;
        }

        .cont .right .main_bx .xgnr ul li .kc_info2 p span {
            color: #ff4d4d;
            padding: 0px 2px;
            ;
        }

    .cont .right .main_bx .xgnr ul li .kc_info2 .zbzj {
        line-height: 36px;
        color: #666;
        font-size: 14px;
    }

    .cont .right .main_bx .xgnr ul li a {
        width: 84px;
        height: 32px;
        display: block;
        float: right;
        line-height: 32px;
        border: 1px solid#ff333c;
        border-radius: 32px;
        text-align: center;
        color: #ff333c;
        margin-top: 33px;
    }

        .cont .right .main_bx .xgnr ul li a:hover {
            background: #ff4d4d;
            color: #fff;
        }

    .cont .right .main_bx .kc_yy_sc {
        margin-bottom: 14px;
        display: flow-root;
    }

    .cont .right .main_bx .yxw ul li p {
        font-size: 14px;
        color: #333;
        line-height: 20px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-bottom: 3px;
    }

        .cont .right .main_bx .yxw ul li p span {
            color: #999;
            font-size: 12px;
        }

        .cont .right .main_bx .yxw ul li p b {
            padding: 0px 2px;
            border: 1px solid #fc5656;
            color: #fc5656;
            font-size: 12px;
            border-radius: 2px;
            margin-left: 10px;
            font-weight: normal;
        }

    .cont .right .main_bx .kc_info {
        width: 100%;
        background: #fff;
        float: left;
        padding: 0px 35px;
        height: 56px;
    }

    .cont .right .main_bx .tab-content {
        width: 100%;
        float: left;
        background: #fff;
        padding: 0 35px;
        margin-bottom: 50px;
    }

    .cont .right .main_bx .dy_xxlb {
        margin-bottom: 0px;
    }

    .cont .right .main_bx .tab-content .px_jd_fl_jg {
        clear: both;
        display: flow-root;
        border-bottom: 1px solid#eee;
    }

        .cont .right .main_bx .tab-content .px_jd_fl_jg .dropdown {
            line-height: 51px;
            display: inline-block;
            position: relative;
        }

#mySelect {
    border: none;
    color: #333;
}

    #mySelect option {
        color: #333;
        ;
    }

.cont .right .main_bx .tab-content .px_jd_fl_jg .dropdown p {
    color: #999;
    float: left;
    padding-right: 60px;
    position: relative;
}

.cont .right .main_bx .tab-content .px_jd_fl_jg .dropdown p {
    color: #999;
    float: left;
    padding-right: 60px;
    position: relative;
}

.cont .right .main_bx .tab-content .px_jd_fl_jg p span {
    color: #555;
}

.fenye {
    width: 100%;
    padding: 45px 0;
    background: #fff;
    text-align: center;
    font-size: 15px;
    clear: both;
}

    .fenye a {
        padding: 8px 14px;
        background: #fff;
        border: 1px solid #eee !important;
        border-radius: 4px;
        margin: 0 5px;
        color: #666 !important;
        font-weight: normal !important;
    }

        .fenye a span {
            padding: 0 5px;
        }

    .fenye .slct {
        background: #ef2d36;
        border: none !important;
        color: #fff !important;
    }

        .fenye .slct:hover {
            background: #ef2d36;
            color: #fff;
        }

    .fenye a:hover {
        background: #f9f9f9;
    }

/**/
.cont .left .main_bx .sxlb1 li {
    position: relative;
}

.cont .left .main_bx .sxlb1 .xzc {
    width: 70px;
    height: 22px;
    background: #ff4d4d;
    text-align: center;
    line-height: 20px;
    color: #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    position: absolute;
    top: 7px;
    left: 0;
}

.cont .left .main_bx .sxlb1 {
    width: 100%;
    background: #fff;
    overflow: hidden;
    padding-top: 30px;
}

    .cont .left .main_bx .sxlb1 li {
        width: calc(25% - 18px);
        float: left;
        margin: 0 9px 26px;
        cursor: pointer;
        box-shadow: 0 0 12px 0 #eee;
        padding-bottom: 8px;
    }

        .cont .left .main_bx .sxlb1 li:hover {
            box-shadow: 0 0 12px 0 #ccc;
        }

        .cont .left .main_bx .sxlb1 li > img {
            width: 100%;
            margin-bottom: 10px;
        }

        .cont .left .main_bx .sxlb1 li h4 {
            font-size: 14px;
            font-weight: normal;
            color: #333;
            padding: 0 8px 8px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .cont .left .main_bx .sxlb1 li h4:hover {
                color: #ef2d36
            }

        .cont .left .main_bx .sxlb1 li p {
            font-size: 12px;
            color: #999;
            padding: 0 8px;
        }

            .cont .left .main_bx .sxlb1 li p span {
                font-size: 13px;
                color: #999;
                float: right
            }

        .cont .left .main_bx .sxlb1 li div {
            font-size: 13px;
            color: #57bc4c;
        }

            .cont .left .main_bx .sxlb1 li div img {
                margin-right: 5px;
                margin-bottom: 4px;
            }

    .cont .left .main_bx .sxlb1 .xingji i {
        padding-right: 2px;
        color: #d9d9d9;
    }

    .cont .left .main_bx .sxlb1 .xingji .hx {
        color: #ffb32f;
    }

.nav > li > a:hover {
    background: none;
}

.cont .left .main_bx .wdsc {
    width: 100%;
    background: #fff;
    overflow: hidden;
    padding-bottom: 20px;
}

    .cont .left .main_bx .wdsc table {
        border: 1px solid #eee;
    }

        .cont .left .main_bx .wdsc table th {
            background: #f5f5f5;
            height: 46px;
            text-align: center;
            font-size: 14px;
        }

        .cont .left .main_bx .wdsc table td {
            border-right: 1px solid #eee;
            border-bottom: 1px solid #eee;
            height: 66px;
            text-align: center;
            color: #666;
        }

            .cont .left .main_bx .wdsc table td a {
                padding: 3px 10px;
                border-radius: 4px;
                background: #ff8e43;
                color: #fff;
                font-size: 13px;
            }

                .cont .left .main_bx .wdsc table td a:hover {
                    background: #ff4d4d;
                }

.cont .left .main_bx .dy_xxlb {
    width: 100%;
    min-height: 860px;
}

    .cont .left .main_bx .dy_xxlb ul {
        padding-bottom: 20px;
    }

        .cont .left .main_bx .dy_xxlb ul li {
            width: 100%;
            padding: 30px 0 20px;
            overflow: hidden;
            border-bottom: #eee 1px dashed;
            cursor: pointer;
        }

    .cont .left .main_bx .dy_xxlb .xytx {
        width: 25px;
        height: 100%;
        border-radius: 2px;
        float: left;
        margin-right: 15px;
        position: relative;
    }

        .cont .left .main_bx .dy_xxlb .xytx img {
            width: 25px;
            border-radius: 100%;
            height: 25px
        }

    .cont .left .main_bx .dy_xxlb .dy_info {
        width: calc(100% - 40px);
        float: left;
        padding-top: 0;
    }

        .cont .left .main_bx .dy_xxlb .dy_info h3 {
            font-size: 14px;
            font-weight: normal;
            color: #999;
            padding-bottom: 18px;
            padding-top: 5px;
            width: 100%;
        }

            .cont .left .main_bx .dy_xxlb .dy_info h3 span {
                color: #999;
                margin-left: 15px;
                font-size: 14px;
            }

        .cont .left .main_bx .dy_xxlb .dy_info .biaoqian {
            padding: 1px 8px;
            border: #ff4d4d 1px solid;
            color: #ff4d4d;
            border-radius: 30px;
            font-size: 12px;
        }

        .cont .left .main_bx .dy_xxlb .dy_info .wd {
            border: 1px solid #bbb;
            color: #aaa;
        }

        .cont .left .main_bx .dy_xxlb .dy_info h3 a {
            font-weight: normal;
            float: right;
            color: #999;
            font-size: 13px;
            letter-spacing: 1px;
            border: none;
        }

            .cont .left .main_bx .dy_xxlb .dy_info h3 a:hover {
                color: #ff4d4d;
            }

        .cont .left .main_bx .dy_xxlb .dy_info p {
            width: 100%;
            font-size: 14px;
            line-height: 20px;
            padding-bottom: 14px;
            letter-spacing: 1px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .cont .left .main_bx .dy_xxlb .dy_info .lshd {
            color: #999;
        }

            .cont .left .main_bx .dy_xxlb .dy_info .lshd span {
                color: #fd7e01;
            }

    .cont .left .main_bx .dy_xxlb .dyxgj {
        width: 100%;
        height: 20px;
        line-height: 20px;
        text-align: right;
        font-size: 12px;
        color: #999;
        float: left;
    }

        .cont .left .main_bx .dy_xxlb .dyxgj img {
            margin-right: 5px;
            margin-left: 15px;
        }

/*我的答疑*/
.right .tab-content1 {
    padding: 0 !important;
}

    .right .tab-content1 .tab-pane .dy_list {
        width: 100%;
        overflow: hidden;
        float: left;
        background: #fff;
        border: 1px solid #eee;
    }

        .right .tab-content1 .tab-pane .dy_list > ul {
            width: 100%;
            height: 66px;
            border-bottom: 1px solid #eee;
            padding: 0 25px;
            margin-bottom: 6px;
        }

            .right .tab-content1 .tab-pane .dy_list > ul li {
                float: left;
                line-height: 48px;
                padding-top: 14px;
            }

                .right .tab-content1 .tab-pane .dy_list > ul li a {
                    padding: 0 20px;
                    margin: 0 10px;
                    color: #666;
                }

            .right .tab-content1 .tab-pane .dy_list > ul .active a {
                color: #ffffff;
                background-color: #ff4d4d;
                border-radius: 20px;
                display: inline;
                padding: 4px 16px;
            }

    .right .tab-content1 .tab-pane .dy_xxlb {
        width: 100%;
    }

        .right .tab-content1 .tab-pane .dy_xxlb ul li {
            width: 100%;
            padding: 24px 10px 15px 0;
            overflow: hidden;
            border-bottom: #eee 1px dashed;
            cursor: pointer;
        }

        .right .tab-content1 .tab-pane .dy_xxlb .xytx {
            width: 36px;
            height: 36px;
            border-radius: 1px;
            float: left;
            margin-right: 20px;
            position: relative;
        }

            .right .tab-content1 .tab-pane .dy_xxlb .xytx .xsj {
                width: 6px;
                border-radius: 0;
                position: absolute;
                right: -6px;
                top: 14px;
            }

            .right .tab-content1 .tab-pane .dy_xxlb .xytx img {
                width: 100%;
                border-radius: 50%;
            }

        .right .tab-content1 .tab-pane .dy_xxlb .dy_info {
            width: calc(100% - 56px);
            float: left;
            padding-bottom: 10px;
        }

        .right .tab-content1 .tab-pane .dy_xxlb .dyxgj {
            padding-left: 56px;
            clear: both;
        }

            .right .tab-content1 .tab-pane .dy_xxlb .dyxgj span {
                color: #999;
                font-size: 13px;
            }

            .right .tab-content1 .tab-pane .dy_xxlb .dyxgj .sn1 {
                padding-right: 40px;
            }

            .right .tab-content1 .tab-pane .dy_xxlb .dyxgj .sn2 {
                padding-right: 40px;
            }

                .right .tab-content1 .tab-pane .dy_xxlb .dyxgj .sn2 .fa {
                    padding-right: 6px;
                    font-size: 16px;
                }

            .right .tab-content1 .tab-pane .dy_xxlb .dyxgj .sn3 img {
                padding-right: 4px;
                vertical-align: sub;
            }

        .right .tab-content1 .tab-pane .dy_xxlb .dy_info h3 {
            font-size: 14px;
            font-weight: normal;
            color: #fd8301;
            padding-bottom: 16px;
        }

            .right .tab-content1 .tab-pane .dy_xxlb .dy_info h3 span {
                color: #ff674b;
                margin-left: 16px;
                font-size: 12px;
                border: 1px solid#ff674b;
                padding: 0px 8px;
                border-radius: 4px;
            }

        .right .tab-content1 .tab-pane .dy_xxlb .dy_info p {
            width: 100%;
            font-size: 14px;
            line-height: 20px;
            padding-bottom: 10px;
            letter-spacing: 1px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

/*听课笔记*/
.tkbjj .tab-pane ul li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #eee;
}

    .tkbjj .tab-pane ul li .zjk1 {
        width: 100%;
        border-bottom: none;
        padding-top: 20px;
    }

        .tkbjj .tab-pane ul li .zjk1 a {
            float: right;
        }

        .tkbjj .tab-pane ul li .zjk1 b {
            padding-right: 15px;
            letter-spacing: 1px;
            font-weight: normal;
        }

        .tkbjj .tab-pane ul li .zjk1 span {
            padding-right: 12px;
            font-weight: normal;
            font-size: 12px;
        }

    .tkbjj .tab-pane ul li .bjnr {
        width: 100%;
        padding: 15px 0;
    }

        .tkbjj .tab-pane ul li .bjnr p {
            font-size: 13px;
            color: #999;
            line-height: 24px;
            /*            width: calc(100% - 200px);*/
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .tkbjj .tab-pane ul li .bjnr p .bofang {
                padding-right: 6px;
            }

            .tkbjj .tab-pane ul li .bjnr p i {
                font-style: normal;
                color: #ff333c;
            }

            .tkbjj .tab-pane ul li .bjnr p span {
                padding-left: 16px;
            }

        .tkbjj .tab-pane ul li .bjnr a {
            float: right;
            color: #999;
            font-size: 13px;
            line-height: 24px;
        }

            .tkbjj .tab-pane ul li .bjnr a .fa-trash {
                padding-right: 6px;
                font-size: 16px;
            }

.right .tab-content .kcsx {
    margin-bottom: 14px;
    display: flow-root;
}

/*文章收藏*/
.right .tab-content .time1 h4 {
    font-size: 16px;
    padding: 16px 0;
    border-bottom: 1px solid#eee;
}

.right .tab-content .wenzhang_sc > ul > li {
    padding: 20px 0;
    border-bottom: 1px solid#f2f2f2;
}

    .right .tab-content .wenzhang_sc > ul > li .zhixun_tp {
        float: left;
        padding-right: 20px;
    }

    .right .tab-content .wenzhang_sc > ul > li .zjk1 {
        line-height: 26px;
    }

        .right .tab-content .wenzhang_sc > ul > li .zjk1 b {
            color: #333;
            font-weight: normal;
        }

        .right .tab-content .wenzhang_sc > ul > li .zjk1 span {
            float: right;
            color: #999;
            font-size: 13px;
        }

    .right .tab-content .wenzhang_sc > ul > li .bjnr {
        line-height: 30px;
    }

        .right .tab-content .wenzhang_sc > ul > li .bjnr span {
            color: #999;
            font-size: 13px;
        }

        .right .tab-content .wenzhang_sc > ul > li .bjnr a {
            float: right;
            color: #999;
        }

    .right .tab-content .wenzhang_sc > ul > li .active a {
        color: #ff333c;
    }

    .right .tab-content .wenzhang_sc > ul > li .bjnr a .fa {
        padding-right: 6px;
        font-size: 16px;
    }

/*我的订单*/
.right .tab-content .dd_info {
    width: 100%;
    padding-top: 30px;
}

    .right .tab-content .dd_info ul {
        padding-bottom: 40px;
        min-height: 560px;
    }

    .right .tab-content .dd_info .ddyl {
        padding-bottom: 16px;
    }

        .right .tab-content .dd_info .ddyl h4 {
            color: #333;
            font-size: 16px;
            font-weight: normal;
        }

            .right .tab-content .dd_info .ddyl h4 span {
                color: #888;
                font-size: 13px;
                font-weight: normal;
                float: right;
            }

                .right .tab-content .dd_info .ddyl h4 span .fa-exclamation-circle {
                    color: #f86161;
                    padding-right: 6px;
                }

    .right .tab-content .dd_info ul .xq_je_zt {
        background-color: #f7f7f7;
        height: 50px;
        line-height: 50px;
        margin-bottom: 10px;
    }

        .right .tab-content .dd_info ul .xq_je_zt p {
            float: left;
        }

        .right .tab-content .dd_info ul .xq_je_zt .ddxq {
            width: 40%;
            text-align: center;
        }

        .right .tab-content .dd_info ul .xq_je_zt .je {
            width: 15%;
            text-align: center;
        }

        .right .tab-content .dd_info ul .xq_je_zt .ddzt {
            width: 45%;
            text-align: center;
        }

    .right .tab-content .dd_info ul li {
        margin-bottom: 24px;
        width: 100%;
        border: 1px solid #efefef;
        float: left;
        /*        height: 190px;*/
        border-radius: 10px;
    }

        .right .tab-content .dd_info ul li .dd_top {
            width: 100%;
            height: 44px;
            line-height: 44px;
            background: #f5f5f5;
            color: #888;
            font-size: 12px;
            /*            float: left;*/
            display: flex;
            justify-content: space-between;
        }

            .right .tab-content .dd_info ul li .dd_top .ddh {
                width: 55%;
                /*                float: left;*/
                padding-left: 18px;
            }

                .right .tab-content .dd_info ul li .dd_top .ddh span {
                    margin-left: 36px;
                }

            .right .tab-content .dd_info ul li .dd_top .ddyw {
                width: 30%;
                float: left;
            }

                .right .tab-content .dd_info ul li .dd_top .ddyw span {
                    width: 50%;
                    text-align: center;
                    display: inline-block;
                    float: left;
                }

            .right .tab-content .dd_info ul li .dd_top .ddxy {
                width: 15%;
                /*                float: left;*/
                text-align: center;
            }


            .right .tab-content .dd_info ul li .dd_top .zxkf img {
                width: 20px;
                margin-top: -4px;
            }

            .right .tab-content .dd_info ul li .dd_top b {
                color: #666;
                font-weight: normal;
            }

        .right .tab-content .dd_info ul li .dd_tp {
            width: 40%;
            float: left;
            /*            border-right: 1px solid #f2f2f2;*/
        }

            .right .tab-content .dd_info ul li .dd_tp .ddtp_left {
                width: 140px;
                margin: 10px 16px;
                float: left;
            }

                .right .tab-content .dd_info ul li .dd_tp .ddtp_left img {
                    width: 100%;
                }

            .right .tab-content .dd_info ul li .dd_tp .ddtp_right {
                float: left;
            }

                .right .tab-content .dd_info ul li .dd_tp .ddtp_right h3 {
                    font-size: 14px;
                    padding-bottom: 15px;
                    /*                    margin-top: 36px;*/
                    padding-right: 10px;
                    font-weight: normal;
                }

                    .right .tab-content .dd_info ul li .dd_tp .ddtp_right h3 a {
                        color: #333;
                        font-size: 16px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }

                .right .tab-content .dd_info ul li .dd_tp .ddtp_right p {
                    font-size: 13px;
                    color: #999;
                    padding-top: 16px;
                }

        .right .tab-content .dd_info ul li .dd_jg {
            width: 15%;
            /*            float: left;*/
            /*            height: 144px;*/
            /*            border-right: 1px solid #f2f2f2;*/
        }

            .right .tab-content .dd_info ul li .dd_jg p {
                text-align: center;
                /*                padding-top: 36px;*/
                color: #666;
            }

                .right .tab-content .dd_info ul li .dd_jg p span {
                    font-size: 12px;
                    text-decoration: line-through;
                    color: #999;
                }

                .right .tab-content .dd_info ul li .dd_jg p .sysj {
                    text-decoration: none;
                    color: #999;
                    padding-top: 8px;
                    display: block
                }

                    .right .tab-content .dd_info ul li .dd_jg p .sysj img {
                        padding-right: 4px;
                    }

                .right .tab-content .dd_info ul li .dd_jg p b {
                    font-size: 16px;
                    color: #ff3000;
                }

        .right .tab-content .dd_info ul li .dd_zt {
            width: 15%;
            /*            border-right: 1px solid #f2f2f2;*/
            /*            float: left;*/
            text-align: center;
            /*            height: 144px;*/
            /*            line-height: 144px;*/
            font-size: 14px;
        }

        .right .tab-content .dd_info ul li .youhui {
            /*            float: left;*/
            width: 15%;
            text-align: center;
            /*            padding-top: 54px;*/
            color: #666;
            /*            border-right: 1px solid #f2f2f2;*/
            /*            height: 144px;*/
        }

        .right .tab-content .dd_info ul li .dd_zt .ddfk {
            color: #ff3000;
        }

        .right .tab-content .dd_info ul li .dd_zt .yfk {
            color: #666;
        }

        .right .tab-content .dd_info ul li .dd_fk {
            width: 15%;
            /*            float: left;*/
            text-align: center;
            /*            line-height: 144px;*/
        }

            .right .tab-content .dd_info ul li .dd_fk .ljzf {
                padding: 4px 12px;
                font-size: 12px;
                border-radius: 50px;
                background: linear-gradient(to right,#ff403a,#ff6b49);
                color: #fff;
                line-height: 44px;
                box-shadow: 1px 2px 4px #a75050;
            }

            .right .tab-content .dd_info ul li .dd_fk .qxdd {
                color: #999;
                line-height: 40px;
            }

                .right .tab-content .dd_info ul li .dd_fk .qxdd:hover {
                    color: #666;
                }

    .right .tab-content .dd_info ul .ddzje {
        float: right;
    }

        .right .tab-content .dd_info ul .ddzje p {
            font-size: 14px;
            color: #666;
        }

            .right .tab-content .dd_info ul .ddzje p .checkAll {
                vertical-align: top;
                margin-right: 6px;
            }

            .right .tab-content .dd_info ul .ddzje p span {
                font-size: 14px;
                color: #ff403a;
            }

        .right .tab-content .dd_info ul .ddzje h4 {
            font-size: 16px;
            padding: 16px 0;
            text-align: right;
        }

            .right .tab-content .dd_info ul .ddzje h4 span {
                font-size: 20px;
                color: #ff403a;
            }

        .right .tab-content .dd_info ul .ddzje .qzhifu {
            padding: 6px 26px;
            border-radius: 50px;
            background: linear-gradient(to right,#ff403a,#ff6b49);
            color: #fff;
            box-shadow: 1px 2px 4px #a75050;
            float: right;
        }

.right .tab-content .thhy_info {
    width: 100%;
    padding-top: 25px;
}

    .right .tab-content .thhy_info .hyxx {
        width: 100%;
        float: left;
    }

    .right .tab-content .thhy_info .gmhy {
        height: 60px;
        border: 1px solid #ddd;
        border-top: none;
        float: left;
    }

        .right .tab-content .thhy_info .gmhy ul li {
            float: left;
            line-height: 60px;
            border-right: 1px solid #ddd;
            text-align: center;
        }

            .right .tab-content .thhy_info .gmhy ul li a {
                padding: 8px;
                background: #ff9000;
                border-radius: 4px;
                color: #fff;
            }

/*我的积分*/
.right .kcsxs {
    background-color: #fff;
    padding: 20px 35px;
    display: flow-root;
    margin-bottom: 10px;
}

    .right .kcsxs .dqjf > img {
        float: left;
    }

    .right .kcsxs .dqjf p {
        text-align: center;
    }

    .right .kcsxs .dqjf .jf {
        float: left;
        padding-left: 20px;
    }

        .right .kcsxs .dqjf .jf p {
            line-height: 32px;
        }

        .right .kcsxs .dqjf .jf h4 {
            font-size: 24px;
            color: #ff333c;
        }

    .right .kcsxs .dqjf .zjf_jfgz {
        float: right;
        text-align: center;
    }

        .right .kcsxs .dqjf .zjf_jfgz .zjf {
            float: left;
            padding-right: 40px;
        }

        .right .kcsxs .dqjf .zjf_jfgz .jfgz {
            display: inline-block;
        }

        .right .kcsxs .dqjf .zjf_jfgz p {
            color: #999;
            font-size: 12px;
            padding-top: 5px;
        }

.right .tab-content .jf-change {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    background: #fff;
    padding-bottom: 20px;
}

    .right .tab-content .jf-change .h2-box {
        font-size: 16px;
        font-weight: normal;
        background: url(../images/icon_xian2.png) no-repeat center left;
        padding-left: 12px;
        margin-left: 35px;
        height: 54px;
        line-height: 54px;
        padding-right: 35px;
    }

        .right .tab-content .jf-change .h2-box a {
            float: right;
            font-size: 14px;
            color: #ff4d4d;
        }

    .right .tab-content .jf-change .do-list {
        width: 100%;
        padding: 0 25px;
    }

        .right .tab-content .jf-change .do-list li {
            width: calc(33.3% - 16px);
            float: left;
            margin: 0 8px 0;
            border: 1px solid #eee;
            border-radius: 15px;
            position: relative;
            height: 90px;
        }

            .right .tab-content .jf-change .do-list li .fl {
                position: absolute;
                left: 5px;
                top: 50%;
                margin-top: -32px;
                width: 64px;
                height: 64px;
            }

                .right .tab-content .jf-change .do-list li .fl img {
                    width: 100%;
                }

            .right .tab-content .jf-change .do-list li .fr {
                padding-left: 72px;
                width: 100%;
            }

                .right .tab-content .jf-change .do-list li .fr h3 {
                    font-size: 14px;
                    width: 100%;
                    height: 30px;
                    position: relative;
                    font-weight: normal;
                    margin-top: 22px;
                }

                    .right .tab-content .jf-change .do-list li .fr h3 span {
                        font-size: 12px;
                        color: #fff;
                        padding: 1px 4px 1px;
                        background-color: #ff4d4d;
                        border-radius: 20px;
                        margin-left: 4px;
                    }

                .right .tab-content .jf-change .do-list li .fr p {
                    font-size: 12px;
                    color: #999;
                }

                .right .tab-content .jf-change .do-list li .fr a {
                    position: absolute;
                    float: none;
                    top: 48px;
                    right: 8px;
                    width: 68px;
                    height: 26px;
                    line-height: 24px;
                    font-size: 13px;
                    color: #e13b29;
                    text-align: center;
                    border-radius: 27px;
                    border: 1px solid #e13b29;
                    padding: 0;
                    background-color: transparent;
                    transition: .3s;
                }

.right .tab-content .jfmx .jflb {
    padding-top: 10px;
}

    .right .tab-content .jfmx .jflb .jffl {
        width: 100%;
        height: 30px;
        line-height: 30px;
        color: #999;
        font-size: 12px;
    }

        .right .tab-content .jfmx .jflb .jffl a {
            padding: 0 10px;
            color: #666;
        }

        .right .tab-content .jfmx .jflb .jffl .active {
            color: #ef3939
        }

        .right .tab-content .jfmx .jflb .jffl a:hover {
            color: #ef3939;
        }

    .right .tab-content .jfmx .jflb .jffl2 {
        width: 100%;
        padding-top: 10px;
    }

        .right .tab-content .jfmx .jflb .jffl2 table {
            width: 100%;
        }

            .right .tab-content .jfmx .jflb .jffl2 table th {
                background: #f8f8f8;
                height: 48px;
                line-height: 48px;
                text-align: center;
            }

            .right .tab-content .jfmx .jflb .jffl2 table td {
                height: 48px;
                line-height: 48px;
                color: #333;
                border-bottom: 1px dashed #e2e2e2;
                text-align: center;
                font-size: 13px;
            }

        .right .tab-content .jfmx .jflb .jffl2 .jf_red {
            color: #ef3939;
        }

        .right .tab-content .jfmx .jflb .jffl2 .jf_hs {
            color: #999;
        }

/*我的卡劵*/
.right .yh_juan {
    background-color: #fff;
    padding: 35px;
    margin-bottom: 60px;
    min-height: 650px;
}

    .right .yh_juan .youhuijuan {
        border-bottom: 1px solid#eee;
        padding-bottom: 20px;
    }

        .right .yh_juan .youhuijuan h4 {
            font-size: 16px;
        }

    .right .yh_juan .kc_info {
        width: 100%;
        background: #fff;
        float: left;
        padding: 20px 0;
    }

        .right .yh_juan .kc_info li {
            float: left;
            line-height: 38px;
            margin-right: 30px;
            padding: 0 5px;
            font-size: 15px;
        }

            .right .yh_juan .kc_info li a {
                padding: 0;
                margin: 0;
                color: #666;
                font-size: 14px;
            }

        .right .yh_juan .kc_info .active {
        }

            .right .yh_juan .kc_info .active a {
                color: #ffffff;
                font-weight: bold;
                background-color: #ff4d4d;
                padding: 0 20px;
                border-radius: 30px;
            }

    .right .yh_juan .yh_juan .kc_info li a:focus {
        background: none;
    }

    .right .yh_juan .zcdh .yhq {
        background: url(../images/icon_yhq_n.png) no-repeat left 21px top 11px #fff;
    }

    .right .yh_juan .zcdh .active.yhq {
        background: url(../images/icon_yhq_s.png) no-repeat left 20px top 11px #ff4d4d;
    }

    .right .yh_juan .yhq_bx {
        width: 100%;
        overflow: hidden;
        padding-top: 25px;
    }

        .right .yh_juan .yhq_bx ul li {
            width: 450px;
            height: 129px;
            float: left;
            margin-right: 38px;
            background: url("../images/yhj_bj.png")no-repeat center;
            margin-bottom: 20px;
        }

            .right .yh_juan .yhq_bx ul li:nth-child(2n) {
                margin-right: 0px;
            }

        .right .yh_juan .yhq_bx .wxyhq li {
            background: url(../images/yhj_bj2.png)no-repeat center;
        }

        .right .yh_juan .yhq_bx ul li .xxsm {
            width: 300px;
            overflow: hidden;
            float: left;
            height: 129px;
        }

            .right .yh_juan .yhq_bx ul li .xxsm p {
                font-size: 15px;
                line-height: 23px;
                padding: 18px 18px;
            }

            .right .yh_juan .yhq_bx ul li .xxsm .juan {
                padding: 0px 18px;
            }

                .right .yh_juan .yhq_bx ul li .xxsm .juan b {
                    font-weight: normal;
                }

            .right .yh_juan .yhq_bx ul li .xxsm p span {
                font-size: 11px;
                color: #999;
            }

            .right .yh_juan .yhq_bx ul li .xxsm .syfw {
                font-size: 12px;
                color: #999;
                float: left;
                padding-top: 4px;
            }

            .right .yh_juan .yhq_bx ul li .xxsm .qsy {
                width: 65px;
                height: 26px;
                line-height: 24px;
                border-radius: 24px;
                background: #ff5252;
                text-align: center;
                color: #fff;
                float: right;
            }

                .right .yh_juan .yhq_bx ul li .xxsm .qsy:hover {
                    background: #f13030;
                }

            .right .yh_juan .yhq_bx ul li .xxsm .gq {
                width: 65px;
                height: 26px;
                line-height: 24px;
                border-radius: 24px;
                background: #ff5252;
                text-align: center;
                color: #fff;
                float: right;
                background: none;
                border-radius: 0;
                border: 1px solid#ccc;
                color: #999;
                transform: rotate(-25deg);
            }

                .right .yh_juan .yhq_bx ul li .xxsm .gq:hover {
                    background: #eee;
                }

        .right .yh_juan .yhq_bx ul li .price {
            font-size: 18px;
            color: #ef3939;
            width: calc(100% - 300px);
            float: left;
        }

            .right .yh_juan .yhq_bx ul li .price p {
                text-align: center;
                line-height: 129px;
                height: 129px;
            }

            .right .yh_juan .yhq_bx ul li .price span {
                font-size: 46px;
                font-weight: bold;
            }

        .right .yh_juan .yhq_bx ul li .ygq {
            font-size: 18px;
            color: #ef3939;
            width: calc(100% - 300px);
            float: left;
            color: #999;
        }
            .right .yh_juan .yhq_bx ul li .ygq p {
                text-align: center;
                line-height: 129px;
                height: 129px;
            }

            .right .yh_juan .yhq_bx ul li .ygq span {
                font-size: 46px;
                font-weight: bold;
            }

/*会员福利*/
.right .huiyuan_fl .kc_info {
    width: 100%;
    background: #fff;
    float: left;
    padding: 14px 35px 0;
    height: 56px;
    border-bottom: 1px solid #eee;
}

    .right .huiyuan_fl .kc_info li {
        float: left;
        line-height: 38px;
        margin-right: 30px;
        padding: 0 5px;
        font-size: 15px;
    }

        .right .huiyuan_fl .kc_info li a {
            padding: 0;
            margin: 0;
            color: #666;
        }

    .right .huiyuan_fl .kc_info .active {
        border-bottom: #ff4d4d 2px solid;
    }

        .right .huiyuan_fl .kc_info .active a {
            color: #ff4d4d;
            font-weight: bold;
            background: none;
        }

    .right .huiyuan_fl .kc_info .kc_info li a:hover, .cont .left .main_bx .kc_info li a:focus {
        background: none;
    }

.right .huiyuan_fl .fl_info {
    width: 100%;
}

    .right .huiyuan_fl .fl_info ul {
        background-color: #fff;
        clear: both;
        width: 100%;
        display: flow-root;
        padding: 35px;
        min-height: 600px;
        margin-bottom: 60px;
    }

        .right .huiyuan_fl .fl_info ul li {
            width: 100%;
            float: left;
            padding: 18px 0;
            border-bottom: 1px dashed #eee;
        }

            .right .huiyuan_fl .fl_info ul li .fl_left {
                width: 159px;
                float: left;
                margin-right: 30px;
            }

            .right .huiyuan_fl .fl_info ul li .fl_right {
                float: left;
                padding-top: 10px;
            }

                .right .huiyuan_fl .fl_info ul li .fl_right p {
                    padding-bottom: 5px;
                    font-size: 14px;
                    color: #333;
                }

                    .right .huiyuan_fl .fl_info ul li .fl_right p span {
                        font-size: 12px;
                        color: #999;
                    }

.right .huiyuan_fl .jhfl {
    padding-top: 28px;
    width: 100%;
    min-height: 600px;
    margin-bottom: 60px;
}

    .right .huiyuan_fl .jhfl .jhfl {
        background-color: #fff;
        clear: both;
        width: 100%;
        display: flow-root;
        padding: 35px;
    }

    .right .huiyuan_fl .jhfl p {
        font-size: 14px;
        color: #666;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }

    .right .huiyuan_fl .jhfl input {
        width: 300px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #ddd;
        font-size: 14px;
        padding-left: 10px;
        float: left;
        margin-right: 20px;
    }

    .right .huiyuan_fl .jhfl a {
        width: 80px;
        height: 38px;
        border-radius: 6px;
        display: block;
        background: #ff9000;
        font-size: 13px;
        letter-spacing: 1px;
        color: #fff;
        float: left;
        text-align: center;
        line-height: 38px;
    }

/*消息中心*/
.right .tab-content .quanbu {
    padding: 20px 0;
    border-bottom: 1px solid#eee;
    display: flow-root;
}

    .right .tab-content .quanbu p {
        float: left;
        color: #999;
        line-height: 33px;
    }

    .right .tab-content .quanbu a {
        background-color: #f5f5f5;
        padding: 6px 20px;
        border-radius: 20px;
        float: right;
        color: #666;
    }

        .right .tab-content .quanbu a .fa {
            color: #666;
            padding-right: 6px;
            font-size: 15px;
        }

.right .tab-content .xx_zx ul li {
    width: 100%;
    padding: 24px 10px 15px 0px;
    overflow: hidden;
    border-bottom: #eee 1px dashed;
    cursor: pointer;
}

    .right .tab-content .xx_zx ul li .xytx {
        width: 36px;
        height: 36px;
        border-radius: 1px;
        float: left;
        margin-right: 20px;
        position: relative;
    }

        .right .tab-content .xx_zx ul li .xytx img {
            width: 100%;
            border-radius: 50%;
        }

    .right .tab-content .xx_zx ul li .dy_info {
        width: calc(100% - 56px);
        float: left;
        padding-bottom: 10px;
    }

        .right .tab-content .xx_zx ul li .dy_info h3 {
            font-size: 14px;
            font-weight: normal;
            color: #999;
            padding-bottom: 16px;
        }

        .right .tab-content .xx_zx ul li .dy_info p {
            width: 100%;
            font-size: 14px;
            line-height: 20px;
            padding-bottom: 10px;
            letter-spacing: 1px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .right .tab-content .xx_zx ul li .dy_info p span {
                color: #ff7d26;
                padding-left: 10px;
            }

    .right .tab-content .xx_zx ul li .dyxgj {
        padding-left: 56px;
        clear: both;
    }

        .right .tab-content .xx_zx ul li .dyxgj .sn1 {
            color: #ff333c;
            border: 1px solid#ff333c;
            padding: 6px 20px;
            border-radius: 20px;
        }

        .right .tab-content .xx_zx ul li .dyxgj .sn2 {
            float: right;
        }

        .right .tab-content .xx_zx ul li .dyxgj .sn3 {
            float: right;
        }

        .right .tab-content .xx_zx ul li .dyxgj .sn2 .fa {
            font-size: 18px;
            padding-left: 40px;
        }

        .right .tab-content .xx_zx ul li .dyxgj span {
            color: #999;
            font-size: 13px;
        }

    .right .tab-content .xx_zx ul li .pinglun {
        margin-left: 55px;
        background-color: #f5f5f5;
        clear: both;
        padding: 10px 20px;
        margin-bottom: 20px;
    }

        .right .tab-content .xx_zx ul li .pinglun p {
            color: #666;
        }

            .right .tab-content .xx_zx ul li .pinglun p span {
                color: #999;
            }

.right .tab-content .xx_zx .zw_xx {
    min-height: 500px;
    text-align: center
}

    .right .tab-content .xx_zx .zw_xx img {
        padding-top: 80px;
    }

    .right .tab-content .xx_zx .zw_xx p {
        color: #999;
    }

/*客服中心*/
.right .main_bx .kcsx-1 .kc_info .dhzixun {
    float: right;
    margin-right: 0;
    font-size: 14px;
    color: #666;
}

.right .main_bx .xx_zx .zx_kefu {
    min-height: 600px;
}

    .right .main_bx .xx_zx .zx_kefu li {
        float: left;
        width: 23.5%;
        margin-right: 2%;
        text-align: center;
        background-color: #f9f9f9;
        border: 1px solid#eee;
        border-radius: 6px;
        margin-top: 40px;
    }

        .right .main_bx .xx_zx .zx_kefu li:last-child {
            margin-right: 0px;
        }

        .right .main_bx .xx_zx .zx_kefu li p {
            padding-top: 10px;
            color: #333;
        }

.right .main_bx .xx_zx .yjfk textarea {
    width: 100%;
    height: 160px;
    border: 1px solid #ddd;
    padding: 5px 10px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.right .main_bx .xx_zx .yjfk a {
    width: 82px;
    height: 34px;
    display: block;
    float: right;
    text-align: center;
    line-height: 34px;
    border-radius: 6px;
    color: #fff;
    background: #ff4e47;
}

.right .main_bx .xx_zx .nd_jianyi {
    min-height: 600px;
}

    .right .main_bx .xx_zx .nd_jianyi p {
        padding: 40px 0 20px;
        color: #666;
    }



/*悬浮*/
.xuanfu {
    width: 50px;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 999;
    background-color: #fff;
    box-shadow: -1px 1px 4px #e8e8e8;
    padding-top: 120px;
    padding-bottom: 140px;
}

    .xuanfu > div {
        margin-bottom: 2px;
        padding: 0 10px;
        text-align: center;
    }

        .xuanfu > div > a > img {
            padding-top: 4px;
        }

        .xuanfu > div > a > p {
            padding: 4px 0;
            line-height: 18px;
            font-size: 12px;
            color: #666;
        }

    .xuanfu ul {
        idth: 50px;
        margin: 0 auto;
    }

        .xuanfu ul li {
            width: 100%;
            height: 74px;
            border-top: 1px solid #e2e2e2;
            text-align: center;
            position: relative;
        }

            .xuanfu ul li a {
                width: 100%;
                height: 100%;
                display: block;
                padding: 32px 10px 0;
                color: #666;
                font-size: 12px;
            }

            .xuanfu ul li .qqdd {
                padding: 42px 10px 0;
            }

            .xuanfu ul li:hover a {
                color: #fff;
            }

    .xuanfu .zxkf {
        text-align: center;
        background: url(../images/icon_kefu.png) no-repeat center top 6px;
    }

        .xuanfu .zxkf:hover {
            background: url(../images/icon_kefu2.png) no-repeat center top 6px #ff4d4d;
        }

    .xuanfu .qiandao {
        background: url(../images/icon_qiandao.png) no-repeat center top 12px #fff;
    }

        .xuanfu .qiandao:hover {
            background: url(../images/icon_qiandao2.png) no-repeat center top 12px #ff4d4d;
        }

    .xuanfu .zhuanqian {
        background: url(../images/icon_zhuanqian.png) no-repeat center top 12px #fff;
    }

        .xuanfu .zhuanqian:hover {
            background: url(../images/icon_zhuanqian2.png) no-repeat center top 12px #ff4d4d;
        }

    .xuanfu .tieba {
        background: url(../images/icon_tieba.png) no-repeat center top 12px #fff;
    }

        .xuanfu .tieba:hover {
            background: url(../images/icon_tieba2.png) no-repeat center top 12px #ff4d4d;
        }

    .xuanfu .fankui {
        background: url(../images/icon_fankui.png) no-repeat center top 12px #fff;
    }

        .xuanfu .fankui:hover {
            background: url(../images/icon_fankui2.png) no-repeat center top 12px #ff4d4d;
        }

    .xuanfu .apxz {
        background: url(../images/icon_app2.png) no-repeat center top 6px #fff;
    }

        .xuanfu .apxz:hover {
            background: url(../images/icon_app2_s.png) no-repeat center top 6px #ff4d4d;
        }

    .xuanfu .gzh2 {
        background: url(../images/icon_gzh2.png) no-repeat center top 6px #fff;
    }

        .xuanfu .gzh2:hover {
            background: url(../images/icon_gzh2_s.png) no-repeat center top 6px #ff4d4d;
        }

    .xuanfu .apxz .appm {
        width: 270px;
        height: 155px;
        background: url(../images/wem_bg2.png) no-repeat;
        left: -270px;
        top: -35px;
        position: absolute;
        padding-right: 16px;
        padding-left: 5px;
        display: none;
    }

    .xuanfu .apxz:hover .appm {
        display: block;
    }

    .xuanfu .apxz .appm div {
        width: 50%;
        float: left;
        padding: 14px 10px;
        color: #555;
    }

        .xuanfu .apxz .appm div img {
            width: 100%;
            margin-bottom: 4px;
        }

    .xuanfu .gzh2 .gzhm {
        width: 130px;
        height: 120px;
        position: absolute;
        top: -25px;
        left: -130px;
        padding: 6px;
        background: url(../images/wem_bg.png) no-repeat;
        padding-right: 16px;
        display: none;
    }

    .xuanfu .gzh2:hover .gzhm {
        display: block;
    }

    .xuanfu .gzh2 .gzhm img {
        width: 100%;
        margin-bottom: 4px;
    }

/*我的推广*/
.header-banner .carousel {
    z-index: 10;
}

.header-banner .carousel-indicators {
    bottom: 0;
}

    .header-banner .carousel-indicators li {
        width: 8px;
        height: 8px;
        border-radius: 20px;
        background-color: rgba(255,255,255,.5);
        border: none;
    }

        .header-banner .carousel-indicators li.active {
            margin-bottom: 1px;
            height: 16px;
            background-color: #fff;
        }

.header-banner .carousel-inner .banner {
    height: 290px;
    background-position: center center;
}

.header-banner .carousel-control {
    top: calc(50% - 13px);
    left: 50px;
    z-index: 16;
    width: 26px;
    height: 26px;
    line-height: 22px;
    background-color: rgba(0,0,0,.5);
    border-radius: 50%;
    opacity: 0;
    color: #fff;
    transform: rotate(720deg) scale(0);
    text-align: center;
}

    .header-banner .carousel-control img {
        width: 10px;
    }

    .header-banner .carousel-control.right {
        right: 50px;
        left: auto;
    }

.header-banner .carousel:hover .carousel-control {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

.header-banner .carousel-control .upg-icons {
    transform: scale(.8);
}

.con .bx .left .zcdhh {
    width: 230px;
    float: left;
}

.con .bx .left .wdtg {
    background-color: #fff;
}

.con .bx .left .wdtgg {
    margin-bottom: 13px;
}

    .con .bx .left .wdtgg .pttgy {
        width: 230px;
        height: 98px;
        display: table-cell;
        vertical-align: middle;
        background: url("../images/user_bg.png")no-repeat center;
    }

        .con .bx .left .wdtgg .pttgy img {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            float: left;
            margin-left: 20px;
        }

        .con .bx .left .wdtgg .pttgy .putonghy {
            padding-left: 16px;
            display: inline-block;
        }

            .con .bx .left .wdtgg .pttgy .putonghy p {
                color: #a27547;
                font-size: 16px;
            }

            .con .bx .left .wdtgg .pttgy .putonghy span {
                border: 1px solid#a27547;
                border-radius: 20px;
                padding: 2px 12px;
                color: #a27547;
                margin-top: 6px;
                display: block;
            }

.con .bx .left .wdtg li {
    border-bottom: 1px dashed#eee;
    margin: 0 10px;
}

    .con .bx .left .wdtg li img {
        vertical-align: bottom;
        padding-right: 10px;
    }

    .con .bx .left .wdtg li a {
        padding: 18px 15px;
    }

    .con .bx .left .wdtg li .active {
        color: #FF4447;
    }

.con .bx .left .cjwt {
    background-color: #fff;
    padding: 20px;
    margin-top: 12px;
}

    .con .bx .left .cjwt h4 {
        font-size: 16px;
        color: #333;
        border-left: 4px solid#ff4d4d;
        padding-left: 10px;
        margin-bottom: 10px;
    }

    .con .bx .left .cjwt p {
        font-size: 14px;
        color: #666;
        padding: 10px 0;
    }

.cont .right_tt {
    width: calc(100% - 246px);
    float: right;
}

    .cont .right_tt .main_bx .kc_yy_sc {
        margin-bottom: 0px;
        display: flow-root;
    }

.right .tab-content .ketixian {
    background-color: #fff;
    margin-bottom: 12px;
}

    .right .tab-content .ketixian .suati {
        position: relative;
        display: inline-block;
        float: right;
    }

        .right .tab-content .ketixian .suati:hover .appm {
            display: block;
        }

        .right .tab-content .ketixian .suati p {
            display: inline-block;
            color: #999;
            font-size: 12px;
        }

            .right .tab-content .ketixian .suati p > a > img {
                padding-left: 10px;
            }

        .right .tab-content .ketixian .suati .appm {
            width: 270px;
            height: 155px;
            background: url(../images/wem_bg2.png) no-repeat;
            left: -150px;
            top: -35px;
            position: absolute;
            padding-right: 16px;
            padding-left: 5px;
            display: none;
            z-index: 999;
        }

            .right .tab-content .ketixian .suati .appm > div {
                width: 50%;
                float: left;
                padding: 14px 10px;
                color: #555;
                text-align: center;
            }

    .right .tab-content .ketixian .ktx_je {
        height: 80px;
        display: table-cell;
        vertical-align: middle;
    }

        .right .tab-content .ketixian .ktx_je img {
            float: left;
            padding-left: 30px;
        }

        .right .tab-content .ketixian .ktx_je p {
            float: left;
            line-height: 47px;
            font-size: 15px;
            color: #666;
            padding-left: 20px;
        }

            .right .tab-content .ketixian .ktx_je p span {
                font-size: 24px;
                color: #ff333c;
            }

        .right .tab-content .ketixian .ktx_je .tx_yq {
            line-height: 51px;
            float: left;
            margin-left: 50px;
        }

            .right .tab-content .ketixian .ktx_je .tx_yq a {
                border: 1px solid#ff333c;
                padding: 4px 14px;
                border-radius: 20px;
                color: #ff333c;
                margin-left: 30px;
            }

.cont .right .main_bx .xgnr .tuigkec > li a {
    color: #ffffff;
    background: linear-gradient(to right,#ff515a,#ff7945);
}

.cont .right .main_bx .xgnr ul li .kc_info9 {
    width: calc(100% - 284px);
}

    .cont .right .main_bx .xgnr ul li .kc_info9 h3 {
        line-height: normal;
        padding-bottom: 10px;
    }

    .cont .right .main_bx .xgnr ul li .kc_info9 p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        white-space: inherit;
        line-height: 20px;
        padding-bottom: 8px;
        font-size: 12px;
    }

/*推广规则*/
.cont .right .main_bx .xgnr .guizhe li {
    padding: 20px 0px;
    border-bottom: 0px;
}

    .cont .right .main_bx .xgnr .guizhe li .xytx {
        float: left;
    }

    .cont .right .main_bx .xgnr .guizhe li .dy_info {
        display: flow-root;
    }

        .cont .right .main_bx .xgnr .guizhe li .dy_info h3 {
            font-size: 14px;
            color: #333;
            line-height: 30px;
            padding-left: 20px;
        }

        .cont .right .main_bx .xgnr .guizhe li .dy_info p {
            font-size: 14px;
            color: #a27547;
            line-height: 30px;
            padding-left: 20px;
        }

        .cont .right .main_bx .xgnr .guizhe li .dy_info .yh_dengji {
            color: #666;
        }

        .cont .right .main_bx .xgnr .guizhe li .dy_info .yh_dengji2 {
            color: #666;
            padding-top: 20px;
        }

.cont .right .main_bx .nav_cjwt {
    padding: 0px;
}

.cont .right .main_bx .xgnr .guizhe li .cjwt_xh {
    background-color: #aaa;
    padding: 1px 6.9px;
    border-radius: 50%;
    color: #fff;
    margin-top: 4px;
}

/*我的客户*/
.right .tab-content .tab-pane > .ybdkh > li {
    padding: 20px 0;
    border-bottom: 1px solid#f2f2f2;
}

    .right .tab-content .tab-pane > .ybdkh > li .zhixun_tp {
        float: left;
        padding-right: 20px;
    }

    .right .tab-content .tab-pane > .ybdkh > li .zjk1 {
        line-height: 26px;
    }

        .right .tab-content .tab-pane > .ybdkh > li .zjk1 b {
            color: #333;
            font-weight: normal;
        }

        .right .tab-content .tab-pane > .ybdkh > li .zjk1 span {
            float: right;
            color: #999;
            font-size: 13px;
        }

    .right .tab-content .tab-pane > .ybdkh > li .bjnr {
        line-height: 30px;
    }

        .right .tab-content .tab-pane > .ybdkh > li .bjnr span {
            color: #999;
            font-size: 13px;
        }

        .right .tab-content .tab-pane > .ybdkh > li .bjnr i {
            font-style: normal;
            color: #666;
            float: right;
        }

        .right .tab-content .tab-pane > .ybdkh > li .bjnr a {
            float: right;
            color: #999;
        }

    .right .tab-content .tab-pane > .ybdkh > li .active a {
        color: #ff333c;
    }

    .right .tab-content .tab-pane > .ybdkh > li .bjnr a .fa {
        padding-right: 6px;
        font-size: 16px;
    }

    .right .tab-content .tab-pane > .ybdkh > li .zjk1 .youxiaoqi {
        color: #a27547;
        font-size: 14px;
    }

/*推广订单*/
.right .tab-content .tab-pane > .tuiguang_dd > li {
    padding: 20px 0;
    border-bottom: 1px solid#f2f2f2;
}

    .right .tab-content .tab-pane > .tuiguang_dd > li .zhixun_tp {
        float: left;
        padding-right: 20px;
    }

        .right .tab-content .tab-pane > .tuiguang_dd > li .zhixun_tp img {
            width: 90px;
        }

    .right .tab-content .tab-pane > .tuiguang_dd > li .zjk1 {
        line-height: 26px;
    }

        .right .tab-content .tab-pane > .tuiguang_dd > li .zjk1 b {
            color: #333;
            font-weight: normal;
        }

        .right .tab-content .tab-pane > .tuiguang_dd > li .zjk1 span {
            float: right;
            color: #999;
            font-size: 13px;
        }

    .right .tab-content .tab-pane > .tuiguang_dd > li .bjnr {
        line-height: 30px;
    }

        .right .tab-content .tab-pane > .tuiguang_dd > li .bjnr span {
            color: #999;
            font-size: 13px;
        }

        .right .tab-content .tab-pane > .tuiguang_dd > li .bjnr i {
            font-style: normal;
            color: #999;
            float: right;
        }

        .right .tab-content .tab-pane > .tuiguang_dd > li .bjnr a {
            float: right;
            color: #999;
        }

    .right .tab-content .tab-pane > .tuiguang_dd > li .active a {
        color: #ff333c;
    }

    .right .tab-content .tab-pane > .tuiguang_dd > li .bjnr a .fa {
        padding-right: 6px;
        font-size: 16px;
    }

    .right .tab-content .tab-pane > .tuiguang_dd > li .zjk1 .youxiaoqi {
        color: #999;
        font-size: 14px;
    }

        .right .tab-content .tab-pane > .tuiguang_dd > li .zjk1 .youxiaoqi b {
            color: #ff333c;
        }

/*系统设置*/
.right .huiyuan_fl .fl_info .xtsz {
    padding: 0px 35px;
    position: relative;
}

    .right .huiyuan_fl .fl_info .xtsz li {
        padding-bottom: 35px;
    }

        .right .huiyuan_fl .fl_info .xtsz li p {
            height: 28px;
            line-height: 28px;
            width: 100%;
            text-align: right;
            color: #ff4d4d;
            float: left;
        }

            .right .huiyuan_fl .fl_info .xtsz li p span img {
                margin-right: 5px;
                margin-bottom: 3px;
            }

        .right .huiyuan_fl .fl_info .xtsz li .fl_left {
            width: 15%;
            float: left;
            margin-right: 0px;
        }

        .right .huiyuan_fl .fl_info .xtsz li .fl_right {
            padding-top: 0px;
            padding-left: 30px;
            width: 25%;
        }

            .right .huiyuan_fl .fl_info .xtsz li .fl_right p {
                text-align: left;
            }

        .right .huiyuan_fl .fl_info .xtsz li .fl_right2 {
            float: left;
            width: 60%;
            padding-left: 30px;
        }

            .right .huiyuan_fl .fl_info .xtsz li .fl_right2 p {
                text-align: left;
                color: #666;
                height: auto;
            }

                .right .huiyuan_fl .fl_info .xtsz li .fl_right2 p span {
                    padding: 1px 6px;
                    border: 1px solid #ff4d4d;
                    font-size: 12px;
                    border-radius: 30px;
                    color: #ff4d4d;
                    margin-left: 30px;
                }

.tab-content .jhfl .ggmm1 {
    width: 100%;
    padding-top: 40px;
    display: inline-block;
    background-color: #fff;
    padding: 40px 40px 260px;
}

    .tab-content .jhfl .ggmm1 p {
        float: left;
        width: 100%;
        padding-bottom: 15px;
        color: #666;
    }

        .tab-content .jhfl .ggmm1 p input {
            float: none;
        }

    .tab-content .jhfl .ggmm1 a {
        margin-left: 90px;
        background: #ff4d4d;
    }


#LoginBox {
    display: none;
}

    #LoginBox ul {
        padding: 0px 35px;
    }

        #LoginBox ul li {
            padding: 15px 0px;
            border-bottom: 0px;
        }

        #LoginBox ul > li > p {
            width: 300px;
            text-align: left;
            color: #666;
        }

#closeBtn {
    color: #666;
    background: #f5f5f5;
    border-radius: 5px;
}

.tab-content .xtsz li .biaji_info {
    width: 100%;
    overflow: hidden;
    background: #fff;
    position: absolute;
    top: 10px;
    left: 0;
    padding-top: 25px;
}

    .tab-content .xtsz li .biaji_info ul li {
        float: left;
        width: 100%;
        padding-bottom: 24px;
    }

        .tab-content .xtsz li .biaji_info ul li div {
            width: 84px;
            float: left;
            font-size: 14px;
            color: #666;
        }

        .tab-content .xtsz li .biaji_info ul li img {
            float: left;
            width: 104px;
            height: 104px;
            overflow: hidden;
            float: left;
            border-radius: 100%;
        }

        .tab-content .xtsz li .biaji_info ul li .ghtx {
            margin-top: 85px;
            font-size: 14px;
            color: #ff4d4d;
            margin-left: 10px;
            float: left;
        }

        .tab-content .xtsz li .biaji_info ul li p {
            width: 300px;
            float: left;
        }

        .tab-content .xtsz li .biaji_info ul li input {
            width: 204px;
            height: 28px;
            float: left;
            border: 1px solid #ddd;
            padding: 0 10px;
        }

            .tab-content .xtsz li .biaji_info ul li input:focus {
                outline: none;
            }

    .tab-content .xtsz li .biaji_info ul .bcxg {
        width: 82px;
        height: 34px;
        background: #ff4d4d;
        border-radius: 4px;
        color: #fff;
        margin-right: 20px;
        float: left;
        display: block;
        text-align: center;
        line-height: 34px;
    }

    .tab-content .xtsz li .biaji_info ul .closeBtn {
        width: 52px;
        heihgt: 32px;
        float: left;
        display: block;
        border: 1px solid #ddd;
        text-align: center;
        line-height: 32px;
        border-radius: 4px;
        color: #999;
    }


.zzsc-container {
    float: left;
    position: absolute;
    margin-left: 60px;
    z-index: 999;
}

.row .tinyselect > .dropdown {
    padding-left: 16px;
    background-color: #fff;
    box-shadow: 1px 1px 6px #e8e8e8;
    width: 160px !important;
}

.tinyselect {
    height: 34px;
    display: inline-block;
    min-width: 200px;
    position: relative;
}

    .tinyselect .selectbox::after {
        content: ' ';
        position: absolute;
        top: 9px;
        height: 100%;
        font-size: 10pt;
        line-height: 34px;
        padding: 0px 8px;
        width: 10px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('../images/icon_xlcd.png');
    }

    .tinyselect .selectbox.open::after {
        content: ' ';
        background-image: url('../images/icon_xlcddd.png');
    }

    .tinyselect .selectbox {
        margin-left: 30px;
        cursor: pointer;
    }

.dropdown .itemcontainer .item {
    cursor: pointer;
}








/*我的课程页面样式修改*/
.cont .left {
    display: flow-root;
    float: left;
}

    .cont .left .left_fl {
        background: #fff;
        margin-right: 14px;
        width: 178px;
    }

        .cont .left .left_fl .zcdh {
            float: none;
            height: auto;
        }

            .cont .left .left_fl .zcdh li {
                text-align: inherit;
                padding-left: 40px;
            }

            .cont .left .left_fl .zcdh .active {
                background: #fff8f6;
                border-left: 3px solid#ff4d4d;
                padding-left: 37px;
            }

                .cont .left .left_fl .zcdh .active a {
                    color: #ff4d4d;
                }

    .cont .left .left_fl_bt {
        height: 42px;
        line-height: 42px;
        padding-left: 20px;
        font-weight: bold;
        font-size: 15px;
        color: #666;
    }

.cont .right .main_bx .tab-content .px_jd_fl_jg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 16px;
}

    .cont .right .main_bx .tab-content .px_jd_fl_jg .fl_jg_left {
        display: flex;
        align-items: center;
    }

        .cont .right .main_bx .tab-content .px_jd_fl_jg .fl_jg_left .hit p {
            background-color: #fff7f5;
            text-align: center;
            border-radius: 40px;
            padding: 6px 12px;
            color: #ff4d4d;
            font-weight: bold;
        }

        .cont .right .main_bx .tab-content .px_jd_fl_jg .fl_jg_left p {
            margin-right: 20px;
            text-align: center;
            padding: 6px 12px;
        }

    .cont .right .main_bx .tab-content .px_jd_fl_jg .fl_jg_right {
        display: flex;
        align-items: center;
    }

        .cont .right .main_bx .tab-content .px_jd_fl_jg .fl_jg_right .hit p {
            color: #ff4d4d;
            font-weight: bold;
        }

        .cont .right .main_bx .tab-content .px_jd_fl_jg .fl_jg_right a {
            padding: 0 10px;
            border-right: 1px solid#ddd;
        }

            .cont .right .main_bx .tab-content .px_jd_fl_jg .fl_jg_right a:last-child {
                padding-right: 0;
                border-right: 0;
            }


.cont .right .main_bx .tab-content .fenlei {
    display: flex;
    padding: 20px 0 10px;
}

    .cont .right .main_bx .tab-content .fenlei p {
        color: #666;
    }

    .cont .right .main_bx .tab-content .fenlei .fenlei_t {
        margin-left: 26px;
    }

        .cont .right .main_bx .tab-content .fenlei .fenlei_t a {
            margin-right: 26px;
        }

            .cont .right .main_bx .tab-content .fenlei .fenlei_t a.hit {
                text-align: center;
                border-radius: 40px;
                color: #ff4d4d;
            }








.cont .right .main_bx .xgnr ul li .kctp1 {
    position: relative;
}

    .cont .right .main_bx .xgnr ul li .kctp1 .hy {
        position: absolute;
        top: 0;
        left: 0;
        padding: 2px 6px;
        background: rgba(0,0,0,0.3);
        color: #fff;
        font-size: 12px !important;
        border-radius: 6px 0px 6px 0px;
    }

    .cont .right .main_bx .xgnr ul li .kctp1 .cj {
        position: absolute;
        top: 0;
        left: 0;
        padding: 2px 6px;
        background: linear-gradient(to right,#056c96,#056c96);
        color: #fff;
        font-size: 12px !important;
        border-radius: 6px 0px 6px 0px;
    }

    .cont .right .main_bx .xgnr ul li .kctp1 .xtb {
        position: absolute;
        top: 0;
        left: 0;
        padding: 2px 6px;
        background: linear-gradient(to right,#ff3b44,#ff664b);
        color: #fff;
        font-size: 12px !important;
        border-radius: 6px 0px 6px 0px;
    }

.cont .right .main_bx .xgnr ul li a {
    /*width: auto;*/
}

.cont .left .zcdh .hyzt a i {
    background-image: url(../images/icon_hyzt.png);
    text-align:left;
    /*background-position: 0px -311px;*/
}

.cont .left .zcdh .active.hyzt a i {
    background-image: url(../images/icon_hyzt_active.png);
    text-align: left;
    /*background-position: -23px -311px;*/
}

.cont .left .zcdh .xxjl a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: 0px -311px;
}

.cont .left .zcdh .active.xxjl a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: -23px -311px;
}

.cont .left .zcdh .tkzx a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: 0px -78px;
}

.cont .left .zcdh .active.tkzx a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: -23px -78px;
}

.cont .left .zcdh .wdsx a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: 0px -335px;
}

.cont .left .zcdh .active.wdsx a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: -23px -335px;
}

.cont .left .zcdh .bjq a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: 0px -359px;
}

.cont .left .zcdh .active.bjq a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: -23px -359px;
}

.cont .left .zcdh .xxjh a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: 0px -382px;
}

.cont .left .zcdh .active.xxjh a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: -23px -382px;
}

.cont .left .zcdh .wdzl a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: 0px -435px;
}

.cont .left .zcdh .active.wdzl a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: -23px -435px;
}

.cont .left .zcdh .kcbj a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: 0px -48px;
}

.cont .left .zcdh .active.kcbj a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: -23px -48px;
}

.cont .left .zcdh .wdsc a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: 0px -459px;
}

.cont .left .zcdh .active.wdsc a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: -23px -459px;
}

.cont .left .zcdh .gwc a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: 0px -482px;
}

.cont .left .zcdh .active.gwc a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: -23px -482px;
}

.cont .left .zcdh .yhq a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: 0px -154px;
}

.cont .left .zcdh .active.yhq a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: -23px -154px;
}

.cont .left .zcdh .wdjf a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: 0px -129px;
}

.cont .left .zcdh .active.wdjf a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: -23px -129px;
}

.cont .left .zcdh .tgzx a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: 0px -205px;
}

.cont .left .zcdh .active.tgzx a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: -23px -205px;
}

.cont .left .zcdh .jhm a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: 0px -506px;
}

.cont .left .zcdh .active.jhm a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: -23px -506px;
}

.cont .left .zcdh .shdz a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: 0px -529px;
}

.cont .left .zcdh .active.shdz a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: -23px -529px;
}

.cont .left .zcdh .kfzx a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: 0px -259px;
}

.cont .left .zcdh .active.kfzx a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: -23px -259px;
}

.cont .left .zcdh .xxzx a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: 0px -230px;
}

.cont .left .zcdh .active.xxzx a i {
    background-image: url(../images/icon_grzx_tb.png);
    background-position: -23px -230px;
}



.tab-content .zb_wz {
    padding-top: 20px;
}

    .tab-content .zb_wz .wz_xq {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .tab-content .zb_wz p {
        color: #999;
    }

    .tab-content .zb_wz a {
        font-size: 12px;
        color: #999;
        border: 1px solid#ddd;
        padding: 4px 10px;
        border-radius: 4px;
    }

    .tab-content .zb_wz p i {
        background-image: url(../images/icon_grzx_tb.png);
        background-position: 0px -552px;
        width: 16px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 6px;
    }

    .tab-content .zb_wz p em {
        font-style: normal;
        color: #FF4144;
    }

.jlmk_xq {
    background-color: #f5f5f5;
    padding: 14px;
    margin-top: 14px;
    display: flow-root;
}

    .jlmk_xq .kctp1 {
        width: 160px;
        float: left;
        height: 97px;
    }

        .jlmk_xq .kctp1 img {
            width: 100%;
            border-radius: 6px;
        }

    .jlmk_xq .kc_info2 {
        width: calc(100% - 384px);
        height: 100%;
        float: left;
        padding-left: 30px;
    }

        .jlmk_xq .kc_info2 h3 {
            font-size: 15px;
            width: 100%;
            font-weight: normal;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            line-height: 30px;
            padding-right: 10px;
        }

        .jlmk_xq .kc_info2 p {
            font-size: 13px;
            line-height: 32px;
            color: #999;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.cont .right .main_bx .xgnr_t {
    width: 100%;
    padding-top: 10px;
}

    .cont .right .main_bx .xgnr_t ul li {
        width: 22%;
        margin-right: 4%;
        float: left;
        overflow: hidden;
        position: relative;
    }

        .cont .right .main_bx .xgnr_t ul li:nth-child(4n) {
            margin-right: 0;
        }

        .cont .right .main_bx .xgnr_t ul li .jlmk {
            padding: 20px 0 0;
            display: flow-root;
        }

        .cont .right .main_bx .xgnr_t ul li .dwq {
            position: absolute;
            top: 0px;
            left: -5px;
        }

.cont .left .main_bx .xgnr_t ul li .ljx {
    width: 1px;
    height: 100%;
    background: #d2d2d2;
    position: relative;
    float: left;
    margin-right: 20px;
}

.cont .right .main_bx .xgnr_t ul li .kctp1 {
    position: relative;
}

    .cont .right .main_bx .xgnr_t ul li .kctp1 img {
        width: 100%;
        border-radius: 6px;
    }

    .cont .right .main_bx .xgnr_t ul li .kctp1 .cj {
        position: absolute;
        top: 0;
        left: 0;
        padding: 2px 6px;
        background: rgba(0,0,0,0.3);
        color: #fff;
        font-size: 12px !important;
        border-radius: 6px 0px 6px 0px;
    }

    .cont .right .main_bx .xgnr_t ul li .kctp1 .yxq {
        position: absolute;
        bottom: 0;
        font-size: 12px;
        width: 100%;
        text-align: center;
        background: rgba(0,0,0,0.3);
        padding: 2px 0;
        color: #fff;
        border-radius: 0 0 6px 6px;
    }

.cont .right .main_bx .xgnr_t ul li .kc_info2 {
}

.cont .right .main_bx .xgnr_t ul li .kecheng {
    width: 24%;
    border-right: 1px solid#eee;
}

.cont .right .main_bx .xgnr_t ul li .kecheng2 {
    width: 24%;
    padding: 0px;
    text-align: center;
}

    .cont .right .main_bx .xgnr_t ul li .kecheng2 h3 {
        padding-left: 10px;
    }

.cont .right .main_bx .xgnr_t ul li .kecheng3 {
    width: 24%;
    border-left: 1px solid#eee;
}

.cont .right .main_bx .xgnr_t ul li .kc_info2 .zjls {
    padding-top: 26px;
}

.cont .right .main_bx .xgnr_t ul li .kc_info2 h3 {
    font-size: 15px;
    width: 100%;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
    padding-right: 10px;
    padding-top: 5px;
}

    .cont .right .main_bx .xgnr_t ul li .kc_info2 h3 span {
        padding: 2px 6px;
        background: linear-gradient(to right,#ff515a,#ff7945);
        color: #fff;
        font-size: 12px !important;
        border-radius: 8px 0px 8px 0px;
        margin-left: 10px;
    }

.cont .right .main_bx .xgnr_t ul li .kc_info2 p {
    font-size: 13px;
    line-height: 32px;
    color: #999;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .cont .right .main_bx .xgnr_t ul li .kc_info2 p i {
        padding-left: 20px;
        font-style: normal;
    }

    .cont .right .main_bx .xgnr_t ul li .kc_info2 p span {
        color: #ff4d4d;
        padding: 0px 2px;
    }

.cont .right .main_bx .xgnr_t ul li .kc_info2 .zbzj {
    line-height: 36px;
    color: #666;
    font-size: 14px;
}

.cont .right .main_bx .xgnr_t h4 {
    font-size: 16px;
    padding: 10px 0;
    color: #333;
}


/*我的学习记录*/
.jh_toutu{width:100%;height:146px; overflow: hidden; background:url(../images/bg_jyjhtt2.jpg) no-repeat center #6b5d92;}

.xxjl_right{width:calc(100% - 192px);float:left; background: #fff;padding:18px 30px 0; min-height: 730px;}
.xxjl_right .back{font-size:13px; color: #666;}
.xxjl_right .back a:hover{color: #e13b29;}
.xxjl_right .ssk{width:100%; float: left;overflow: hidden;padding-bottom: 14px; border-bottom: 1px solid #eee;}
.xxjl_right .ssk .bd1{width:220px;height:34px;padding: 0 6px; border-radius:4px;background: #f5f5f5; border: none;float: left;}
.xxjl_right .ssk .bd1 input{float: left; height: 100%;border: 0;border-radius: 10px;padding-left: 5px; outline: none;background: none; width: 180px;}
.xxjl_right .ssk .bd1 .sousuo{height: 36px; float: right;text-align: center;line-height: 36px;}
.xxjl_right .ssk .bd1 .sousuo img {margin-bottom: 3px;width: 15px; margin-right: 3px;}
.xxjl_right .wzts{width:calc(100% - 222px); float: right; text-align: right; color: #999; line-height: 34px;}
.xxjl_right .jllb{width:100%; overflow: hidden;}
.xxjl_right .jllb .jl_list{width:100%;padding:20px 0; border-bottom: 1px solid #eee; overflow: hidden;}
.xxjl_right .jllb .jl_list .kcfm{width:160px; margin-right: 30px; float: left; border-radius: 4px; overflow: hidden;;}
.xxjl_right .jllb .jl_list .kcfm img{width:100%;}
.xxjl_right .jllb .jl_list .kc_info{width:calc(100% - 281px); float: left;}
.xxjl_right .jllb .jl_list .kc_info h2{font-size:14px; padding: 7px 0 18px;}
.xxjl_right .jllb .jl_list .kc_info p{font-size:12px; color: #999;}
.xxjl_right .jllb .jl_list .kc_info p span{padding-left: 15px;}
.xxjl_right .jllb .jl_list .kc_info .progress-container {width: 200px;height: 6px;background-color: #eee;border-radius: 10px; overflow: hidden;margin-top: 25px;float: left;}
.xxjl_right .jllb .jl_list .kc_info .progress-container .progress-bar { height: 100%;width: 10%;background: linear-gradient(45deg,  #d6ebff, #83c0ff);transition: width 0.3s ease, background-color 0.3s;text-align: center;color: white;}
.xxjl_right .jllb .jl_list .kc_info .progress-container .multi-color {background: linear-gradient(to right, #d6ebff 0%, #83c0ff 100%); border-radius: 6px;}
 @keyframes stripe {0% { background-position: 40px 0; }100% { background-position: 0 0; }}
.xxjl_right .jllb .jl_list .kc_info .bfs{width:30px; float: left; padding-top:18px; padding-left:5px; color: #999;font-size:12px;}
.xxjl_right .jllb .jl_list .ckxq{width:86px; height:28px; float: left; border-radius: 28px;  text-align: center; line-height: 28px; margin-top: 30PX; overflow: hidden;}
.xxjl_right .jllb .jl_list .ckxq a{width:100%; height:28px; display: block; color: #f66151;border:1px solid #ffd9cc;border-radius: 28px;}
.xxjl_right .jllb .jl_list .ckxq a:hover{ background: #e13b29; color: #fff; border: none;}
.xxjl_right .mjjl{width:100%; overflow: hidden;}
.xxjl_right .mjjl .jlbt{width:100%;height:34px;background: #f7f8fa;}
.xxjl_right .mjjl .jlbt .kcmz{width:calc(100% - 350px); float: left; line-height: 34px; padding-left:15px; color: #555;}
.xxjl_right .mjjl .jlbt .xxsc{width:100px; float: left; line-height: 34px; text-align: center; color: #555;}
.xxjl_right .mjjl .jlbt .xxjd{width:200px; float: right; line-height: 34px; text-align: center;color: #555;}
.xxjl_right .mjjl .jdxx {width:100%;height:44px; border-bottom: 1px solid #eee;}
.xxjl_right .mjjl .jdxx .kcmz_info{width:calc(100% - 350px); float: left; line-height: 44px; padding-left:15px;color: #555;}
.xxjl_right .mjjl .jdxx .xxsc_info{width:90px; float: left; line-height: 44px;  text-align: center; color: #555;}
.xxjl_right .mjjl .jdxx .jdt{width:210px; float: right;}
.xxjl_right .mjjl .jdxx .jdt .progress-container {width: 160px;height: 6px;background-color: #eee;border-radius: 10px; overflow: hidden;margin-top: 19px;float: left;}
.xxjl_right .mjjl .jdxx .jdt .progress-container .progress-bar { height: 100%;width: 10%;background: linear-gradient(45deg,  #d6ebff, #83c0ff);transition: width 0.3s ease, background-color 0.3s;text-align: center;color: white;}
.xxjl_right .jllb .jl_list .kc_info .progress-container .multi-color {background: linear-gradient(to right, #d6ebff 0%, #83c0ff 100%); border-radius: 6px;}
 @keyframes stripe {0% { background-position: 40px 0; }100% { background-position: 0 0; }}
.xxjl_right .mjjl .jdxx .jdt .bfs{width:35px; float: left; padding-top:14px; padding-left:5px; color: #999;font-size:12px;}

.xxjl_right .jlfl{width:100%;padding: 20px 0 0px; overflow: hidden;}
.xxjl_right .jlfl ul li{float: left; margin-right: 5px; margin-bottom: 15px;}
.xxjl_right .jlfl ul li a{ background: #fff; border-radius: 40px;padding: 5px 15px;}
.xxjl_right .jlfl ul li a:hover{background: #fff7f5; color: #ff4d4d;}
.xxjl_right .jlfl .active a{background: #fff7f5; color: #ff4d4d;}