@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;
}

    li:hover {
        padding: 0;
        margin: 0;
        border: 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');
}

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

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

/**/
.weizhi {
    width: 100%;
    height: 50px;
    line-height: 50px;
}

    .weizhi p {
        width: calc(100% - 100px);
        float: left;
    }

        .weizhi p a {
            color: #666;
        }

    .weizhi > a {
        width: 90px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        display: block;
        float: right;
        margin-top: 11px;
        color: #fff;
        background: #ff4d4d;
        font-size: 13px;
        border-radius: 4px;
    }


/**/
.con .bx .kmsx {
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 0 30px;
    margin-bottom: 15px;
}

    .con .bx .kmsx .kmfl {
        width: 100%;
        border-bottom: 1px dashed #ddd;
        overflow: hidden;
    }

        .con .bx .kmsx .kmfl .dkm {
            width: 72px;
            float: left;
            font-size: 14px;
            color: #666;
            height: 60px;
            line-height: 60px;
        }

        .con .bx .kmsx .kmfl ul {
            width: calc(100% - 72px);
            float: left;
            padding-top: 14px;
            padding-bottom: 14px;
        }

            .con .bx .kmsx .kmfl ul li {
                padding: 0 15px;
                float: left;
                line-height: 32px;
            }

                .con .bx .kmsx .kmfl ul li a {
                    color: #555;
                }

                    .con .bx .kmsx .kmfl ul li a:hover {
                        color: #ef2d36;
                    }

        .con .bx .kmsx .kmfl .active a {
            color: #ef2d36;
        }

/**/
.list_left {
    width: calc(100% - 250px);
    float: left;
    margin-top: 30px;
    padding-bottom: 40px;
    overflow: hidden;
}

    .list_left .cnsc_bk {
        margin-bottom: 12px;
        background-color: #fff;
    }

    .list_left .lbsx {
        width: 100%;
        border-bottom: 1px solid #eee;
        padding: 25px 25px 12px;
        background: #fff;
        clear: both;
    }

        .list_left .lbsx h4 {
            font-size: 16px;
            color: #333;
            border-left: 4px solid#ff4d4d;
            padding-left: 8px;
        }

    .list_left .sxlb1 li {
        position: relative;
    }

    .list_left .cnsc_bk .sxlb1 {
        width: 100%;
        padding: 20px;
        overflow: hidden;
      
      
    }

    .list_left .cnsc_bk .sxlb11 {
        width: 100%;
        padding: 20px 20px 0px;
        overflow: hidden;
    }

    .list_left .cnsc_bk ul li {
        width: calc(33.3% - 22px);
        float: left;
        margin: 0 11px 26px;
        cursor: pointer;
        padding: 20px;
        border: 1px solid#eee;
        border-radius: 8px;
    }

        .list_left .cnsc_bk ul li:hover {
            box-shadow: 0 0 12px 0 #ccc;
        }

        .list_left .cnsc_bk ul li > img {
            width: 100%;
            margin-bottom: 10px;
        }

        .list_left .cnsc_bk ul li h4 {
            font-size: 15px;
            font-weight: normal;
            color: #000;
            /*padding: 0 8px 10px;*/
            overflow: hidden;
            text-overflow: ellipsis;
            /* 弹性伸缩盒子模型显示 */
            display: -webkit-box;
            /* 限制在一个块元素显示的文本的行数 */
            -webkit-line-clamp: 2;
            /* 设置或检索伸缩盒对象的子元素的排列方式 */
            -webkit-box-orient: vertical;
        }

            .list_left .cnsc_bk ul li h4:hover {
                color: #ef2d36
            }

        .list_left .cnsc_bk ul li p {
            font-size: 12px;
            color: #999;
            padding: 0 8px;
        }

            .list_left .cnsc_bk ul li p span {
                font-size: 13px;
                color: #ff4d4d;
            }

        .list_left .cnsc_bk ul li div {
            background-color: #f4f4f4;
            float: left;
            padding: 20px;
            margin-right: 16px;
        }

            .list_left .cnsc_bk ul li div .fa-cnsc {
                /*background-image: url("../images/icons_v9.png");*/
                width: 42px;
                height: 42px;
                /*background-position: -114px 0px;*/
            }

            .list_left .cnsc_bk ul li div .fa-cnwy {
                background-image: url("../images/icons_v9.png");
                width: 43px;
                height: 36px;
                background-position: -114px -46px;
            }

            .list_left .cnsc_bk ul li div .fa-zprz {
                background-image: url("../images/icons_v9.png");
                width: 43px;
                height: 36px;
                background-position: -114px -92px;
            }

            .list_left .cnsc_bk ul li div .fa-sgzsc {
                background-image: url("../images/icons_v9.png");
                width: 32px;
                height: 36px;
                background-position: -114px -134px;
            }

            .list_left .cnsc_bk ul li div .fa-kjfl {
                background-image: url("../images/icons_v9.png");
                width: 34px;
                height: 36px;
                background-position: -114px -182px;
            }

            .list_left .cnsc_bk ul li div .fa-sy {
                /*background-image: url("../images/icons_v9.png");*/
                width: 42px;
                height: 42px;
                /*background-position: -114px -229px;*/
            }

            .list_left .cnsc_bk ul li div .fa-gy {
                background-image: url("../images/icons_v9.png");
                width: 37px;
                height: 36px;
                background-position: -114px -270px;
            }

            .list_left .cnsc_bk ul li div .fa-jzy {
                background-image: url("../images/icons_v9.png");
                width: 39px;
                height: 37px;
                background-position: -114px -315px;
            }

            .list_left .cnsc_bk ul li div .fa-ny {
                background-image: url("../images/icons_v9.png");
                width: 35px;
                height: 30px;
                background-position: -179px -46px;
            }

            .list_left .cnsc_bk ul li div .fa-jrhy {
                background-image: url("../images/icons_v9.png");
                width: 33px;
                height: 33px;
                background-position: -179px -92px;
            }

            .list_left .cnsc_bk ul li div .fa-fwy {
                background-image: url("../images/icons_v9.png");
                width: 37px;
                height: 33px;
                background-position: -179px -198px;
            }

            .list_left .cnsc_bk ul li div .fa-jckhy {
                background-image: url("../images/icons_v9.png");
                width: 32px;
                height: 32px;
                background-position: -179px -242px;
            }

            .list_left .cnsc_bk ul li div .fa-yshy {
                background-image: url("../images/icons_v9.png");
                width: 33px;
                height: 33px;
                background-position: -179px -283px;
            }

            .list_left .cnsc_bk ul li div .fa-xzsydw {
                background-image: url("../images/icons_v9.png");
                width: 32px;
                height: 36px;
                background-position: -228px -43px;
            }

            .list_left .cnsc_bk ul li div .fa-gtgsh {
                background-image: url("../images/icons_v9.png");
                width: 33px;
                height: 31px;
                background-position: -228px -91px;
            }

            .list_left .cnsc_bk ul li div .fa-nmzyhzs {
                background-image: url("../images/icons_v9.png");
                width: 32px;
                height: 32px;
                background-position: -241px -198px;
            }

            .list_left .cnsc_bk ul li div .fa-fylzz {
                background-image: url("../images/icons_v9.png");
                width: 37px;
                height: 33px;
                background-position: -241px -243px;
            }

            .list_left .cnsc_bk ul li div .fa-bssc {
                background-image: url("../images/icons_v9.png");
                width: 35px;
                height: 31px;
                background-position: -241px -288px;
            }

            .list_left .cnsc_bk ul li div .fa-gsnb {
                background-image: url("../images/icons_v9.png");
                width: 36px;
                height: 30px;
                background-position: -299px -200px;
            }

            .list_left .cnsc_bk ul li div .fa-gssc {
                /*background-image: url("../images/icons_v9.png");*/
                width: 42px;
                height: 42px;
                /*background-position: -299px -242px;*/
            }

            .list_left .cnsc_bk ul li div .fa-kpxt {
                background-image: url("../images/icons_v9.png");
                width: 36px;
                height: 36px;
                background-position: -299px -296px;
            }






        .list_left .cnsc_bk ul li a {
            border: 1px solid#999;
            padding: 4px 6px;
            border-radius: 6px;
            background-color: #f4f4f4;
            color: #999;
            font-size: 12px;
            display: inline-block;
            margin-top: 10px;
        }

            .list_left .cnsc_bk ul li a img {
                vertical-align: text-top;
                padding-right: 4px;
            }

        .list_left .cnsc_bk ul li .mkfjyl {
            position: absolute;
            top: 0;
            right: 0;
        }

            .list_left .cnsc_bk ul li .mkfjyl p {
                background: linear-gradient(to right,#ff3a44,#ff7155);
                color: #fff;
                padding: 4px 10px;
                border-radius: 0px 8px 0px 8px;
            }

    .list_left .zzxx {
        width: 100%;
        background: #fff;
        overflow: hidden;
        padding: 8px 30px 40px;
        min-height: 780px
    }

        .list_left .zzxx ul li {
            width: 100%;
            padding: 30px 0;
            border-bottom: 1px solid #eee;
            float: left;
            position: relative;
        }

        .list_left .zzxx .sxfm {
            width: 154px;
            float: left;
            margin-right: 26px;
        }

            .list_left .zzxx .sxfm img {
                width: 100%;
            }

        .list_left .zzxx .info {
            width: calc(100% - 282px);
            float: left;
        }

        .list_left .zzxx .jxxx {
            width: 90px;
            height: 34px;
            display: block;
            float: right;
            background: #ff4d4d;
            text-align: center;
            line-height: 34px;
            border-radius: 4px;
            color: #fff;
            margin-top: 30px;
        }

        .list_left .zzxx .info h3 {
            font-size: 15px;
            color: #333;
            padding: 5px 0 18px;
            font-weight: normal;
        }

        .list_left .zzxx .info p {
            font-size: 12px;
            color: #999;
            padding-bottom: 15px;
        }

            .list_left .zzxx .info p span {
                padding-left: 24px;
            }

                .list_left .zzxx .info p span .fa-star1 {
                    color: #feb853 !important;
                }

                .list_left .zzxx .info p span .fa-star {
                    padding-right: 2px;
                    color: #d9d9d9;
                }

                .list_left .zzxx .info p span .hx {
                    color: #ffb32f;
                }

        .list_left .zzxx .info .dh span {
            font-size: 12px;
            color: #999;
            padding-right: 22px;
        }

        .list_left .zzxx .info .dh .wcl b {
            color: #ff8330;
        }

        .list_left .zzxx .info .dh .xdnl b {
            color: #57bc4c;
        }

        .list_left .zzxx .xzc {
            width: 68px;
            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: 38px;
            left: 0;
            font-size: 13px;
        }

    .list_left .wdsc {
        width: 100%;
        background: #fff;
        overflow: hidden;
        padding: 40px 35px 40px;
        min-height: 780px
    }

        .list_left .wdsc .zssq {
            padding-bottom: 30px;
        }

        .list_left .wdsc .zssq_jj p {
            line-height: 30px;
            text-indent: 2em;
        }

            .list_left .wdsc .zssq_jj p span {
                line-height: 30px;
                color: #f02c2c;
            }

        .list_left .wdsc .zssq h4 {
            font-size: 24px;
            color: #333;
            font-weight: normal;
            text-align: center;
        }

        .list_left .wdsc .zhengshu_tp {
            text-align: center;
            padding: 40px 0;
        }

            .list_left .wdsc .zhengshu_tp .zs_tupian {
                position: relative;
                display: inline-block;
            }

            .list_left .wdsc .zhengshu_tp .zsxxtx {
                position: absolute;
                top: 460px;
                left: 155px;
            }

            .list_left .wdsc .zhengshu_tp .hwzs {
                font-size: 20px;
                color: #555;
                font-family: 'STZhongsong';
                line-height: 50px;
            }

            .list_left .wdsc .zhengshu_tp .zsxxtx .hwzs1 {
                text-align: left;
            }

@font-face {
    font-family: 'STZhongsong';
    src: url('../fonts/STZhongsong.eot');
    src: url('../fonts/STZhongsong.eot?#iefix') format('embedded-opentype'), url('../fonts/STZhongsong.woff') format('woff'), url('../fonts/STZhongsong.ttf') format('truetype'), url('../fonts/STZhongsong.svg#webfont34M5alKg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.list_left .wdsc .zhengshu_tp .zsxxtx p span {
    border-bottom: 1px solid#555;
    display: inline-block;
    vertical-align: text-bottom;
}

.list_left .wdsc .zhengshu_tp .zsxxtx p .name {
    width: 170px;
}

.list_left .wdsc .zhengshu_tp .zsxxtx p .sfzh {
    width: 310px;
}

.list_left .wdsc .zhengshu_tp .zsxxtx p .jnmc {
    width: 250px;
}

.list_left .wdsc .zhengshu_tp .zsbh {
    position: absolute;
    bottom: 230px;
    left: 155px;
}

    .list_left .wdsc .zhengshu_tp .zsbh .hwzs {
        color: #7e450a;
        font-size: 16px;
        text-align: left;
        line-height: 35px;
    }

.list_left .wdsc .zhengshu_tp .gs_logo_nyr {
    position: absolute;
    bottom: 150px;
    right: 155px;
    text-align: right;
}

    .list_left .wdsc .zhengshu_tp .gs_logo_nyr img {
        padding-bottom: 10px;
    }

    .list_left .wdsc .zhengshu_tp .gs_logo_nyr .hwzs {
        color: #494847;
        font-size: 16px;
        line-height: 35px;
    }

        .list_left .wdsc .zhengshu_tp .gs_logo_nyr .hwzs span {
            width: 40px;
            display: inline-block;
        }

.list_left .wdsc table {
    border: 1px solid #eee;
}

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

    .list_left .wdsc table td {
        border-right: 1px solid #f5f5f5;
        border-bottom: 1px solid #f5f5f5;
        height: 66px;
        text-align: center;
    }

        .list_left .wdsc table td.zsfl {
            text-align: left;
            padding-left: 20px;
        }

            .list_left .wdsc table td.zsfl img {
                padding-right: 10px;
            }

        .list_left .wdsc table td a {
            padding: 5px 16px;
            border-radius: 40px;
            background: #fff2f2;
            color: #f02c2c;
            font-size: 13px;
        }

            .list_left .wdsc table td a:hover {
                background: #ff4d4d;
                color: #fff;
            }

.list_left .wddy {
    width: 100%;
    background: #fff;
    overflow: hidden;
    min-height: 780px;
}

    .list_left .wddy > ul {
        width: 100%;
        height: 60px;
        border-bottom: 1px solid #eee;
        padding: 0 25px;
        margin-bottom: 6px;
    }

        .list_left .wddy > ul > li {
            float: left;
            line-height: 42px;
            font-size: 15px;
            padding-top: 14px;
        }

            .list_left .wddy > ul > li > a {
                padding: 0 12px;
                margin: 0 10px;
                color: #333;
            }

                .list_left .wddy > ul > li > a:hover, .list_left .wddy ul li a:focus {
                    background: none;
                }

    .list_left .wddy .active > a {
        border-bottom: 2px solid #ff4d4d;
        color: #ff4d4d;
        font-weight: 600;
    }

.list_left .dy_xxlb {
    width: 100%;
    min-height: 860px;
}

    .list_left .dy_xxlb ul {
        padding-bottom: 20px;
    }

        .list_left .dy_xxlb ul li {
            width: 100%;
            padding: 24px 30px 5px;
            overflow: hidden;
            border-bottom: #eee 1px dashed;
            cursor: pointer;
        }

            .list_left .dy_xxlb ul li:hover {
                background: #f9f9f9;
            }

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

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

    .list_left .dy_xxlb .dy_info {
        width: calc(100% - 40px);
        float: left;
    }

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

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

        .list_left .dy_xxlb .dy_info .biaoqian {
            padding: 2px 8px;
            background: #ffe8ec;
            color: #ff4d4d;
            border-radius: 30px;
            font-size: 12px;
        }

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

            .list_left .dy_xxlb .dy_info h3 a:hover {
                color: #ff4d4d;
            }

        .list_left .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;
        }

        .list_left .dy_xxlb .dy_info .lshd {
            color: #999;
        }

            .list_left .dy_xxlb .dy_info .lshd span {
                color: #fd7e01;
            }

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

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

.list_left .dyxq {
    width: 100%;
}

    .list_left .dyxq p {
        font-size: 14px;
        padding-bottom: 3px;
    }

        .list_left .dyxq p a {
            margin: 0 5px;
            color: #333;
        }

            .list_left .dyxq p a:hover {
                color: #097df2;
            }

.list_left .wtnr {
    width: 100%;
    background: #fff;
    padding: 22px 24px 16px;
}

    .list_left .wtnr .xyxx2 {
        width: 100%;
        height: 52px;
        margin-bottom: 20px;
    }

        .list_left .wtnr .xyxx2 .fhlby {
            width: 90px;
            height: 28px;
            float: right;
        }

            .list_left .wtnr .xyxx2 .fhlby a {
                width: 100%;
                height: 100%;
                display: block;
                color: #55aaff;
                text-align: center;
                line-height: 26px;
                font-size: 14px;
            }

        .list_left .wtnr .xyxx2 .xytx2 {
            width: 52px;
            height: 52px;
            float: left;
            margin-right: 15px;
            border-radius: 100%;
            overflow: hidden;
        }

            .list_left .wtnr .xyxx2 .xytx2 img {
                width: 100%;
            }

        .list_left .wtnr .xyxx2 .txxx2 {
            line-height: 26px;
            float: left;
        }

            .list_left .wtnr .xyxx2 .txxx2 p {
                font-size: 15px;
            }

                .list_left .wtnr .xyxx2 .txxx2 p span {
                    color: #999;
                    font-size: 13px;
                    margin-right: 25px;
                }

                    .list_left .wtnr .xyxx2 .txxx2 p span img {
                        margin-right: 5px;
                        margin-bottom: 3px;
                    }

    .list_left .wtnr h3 {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }

.list_left .wthd {
    width: 100%;
    background: #fff;
    padding: 20px 30px;
    margin-top: 15px;
    overflow: hidden;
    min-height: 652px;
}

    .list_left .wthd .wbg {
        width: 100%;
        overflow: hidden;
        padding-bottom: 10px;
        padding-top: 20px;
    }

    .list_left .wthd .lstx2 {
        width: 38px;
        height: 38px;
        border-radius: 100%;
        overflow: hidden;
        float: left;
        margin-right: 14px;
    }

        .list_left .wthd .lstx2 img {
            width: 100%;
        }

    .list_left .wthd .lstx_info {
        width: 92%;
        float: left;
        padding-top: 5px;
    }

        .list_left .wthd .lstx_info h3 {
            font-size: 14px;
        }

        .list_left .wthd .lstx_info p {
            font-size: 14px;
            line-height: 26px;
            letter-spacing: 1px;
        }

            .list_left .wthd .lstx_info p span {
                font-size: 12px;
                color: #999;
            }

        .list_left .wthd .lstx_info ul {
            width: 100%;
            padding-top: 8px;
        }

            .list_left .wthd .lstx_info ul li {
                float: right;
                color: #999;
                cursor: pointer;
            }

        .list_left .wthd .lstx_info .zhuijia {
            margin-right: 15px;
        }

        .list_left .wthd .lstx_info ul li img {
            margin-bottom: 3px;
            margin-right: 5px;
        }

    .list_left .wthd .srk-info {
        border: 1px solid #ccc;
        overflow: hidden;
        height: 120px;
        width: 93.5%;
        float: left;
        margin-top: 8px;
        margin-left: 6.5%;
    }

        .list_left .wthd .srk-info textarea {
            width: 100%;
            height: 90px;
            border-radius: 3px;
            border: none;
            padding: 5px 10px;
            float: left;
            outline: none;
        }

        .list_left .wthd .srk-info div {
            width: 100%;
            height: 30px;
            line-height: 30px;
            padding-left: 10px;
            background: #f9f9f9;
            border-top: #f2f2f2 1px solid;
            float: left;
        }

            .list_left .wthd .srk-info div img {
                margin-right: 19px;
                vertical-align: middle;
                margin-bottom: 5px;
            }

    .list_left .wthd .tijiao {
        width: 88px;
        height: 36px;
        background: #ff4d4d;
        border-radius: 2px;
        text-align: center;
        line-height: 36px;
        display: block;
        float: right;
        color: #fff;
        margin-top: 8px;
    }

.list_left .wthf {
    width: 94%;
    margin-left: 6%;
    background: #f6f6f6;
    padding: 0 18px;
    float: left;
    margin-top: 5px;
    padding-top: 20px;
    padding-bottom: 10px;
}

    .list_left .wthf .xian {
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #ccc;
        padding: 8px 0;
        float: left;
        margin-bottom: 20px;
    }


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

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

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

    .fenye .slct {
        background: #ef2d36;
        border: 1px solid #ef2d36;
        color: #fff;
    }

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

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

/**/
.list_right {
    width: 232px;
    float: right;
    margin-top: 30px;
}

    .list_right .rmsx {
        width: 100%;
        overflow: hidden;
        background: #fff;
    }

    .list_right h2 {
        width: 100%;
        height: 44px;
        line-height: 44px;
        border-bottom: 1px solid #eee;
        padding: 0 18px 0 26px;
        font-size: 16px;
        font-weight: normal;
        background: url(../images/icon_xian2.png) no-repeat center left 16px;
    }

    .list_right ul {
        width: 100%;
        overflow: hidden;
    }

        .list_right ul li {
            padding: 15px 18px;
            border-right: 1px dashed #eee;
            cursor: pointer;
            overflow: hidden;
        }

            .list_right ul li:nth-child(3n) {
                border-right: 0;
            }

            .list_right ul li:hover {
                box-shadow: 0 0 10px 0 #eee;
            }

            .list_right ul li img {
                width: 90px;
                float: left;
                margin-right: 8px;
            }

    .list_right .r_info {
        width: calc(100% - 98px);
        float: right;
    }

        .list_right .r_info h3 {
            font-size: 12px;
            color: #444;
            font-weight: normal;
            line-height: 17px;
            text-align: justify;
        }

    .list_right ul li:hover h3 {
        color: #000;
    }

    .list_right .r_info p {
        font-size: 12px;
        color: #999;
        padding-top: 4px;
    }

        .list_right .r_info p .fa {
            color: #999;
            padding-right: 4px;
        }

    .list_right .ggw {
        margin-top: 12px;
    }

        .list_right .ggw img {
            width: 100%;
        }

    .list_right .xx_info {
        min-height: 90px;
        background: linear-gradient(to right,#fead7b,#f55f6e);
        float: left;
        width: 100%;
        border-bottom: 1px solid #eee;
    }

        .list_right .xx_info .info_left {
            float: left;
            margin: 18px 13px 0 15px;
            width: 56px;
            height: 56px;
            border-radius: 100%;
            overflow: hidden;
        }

            .list_right .xx_info .info_left img {
                width: 100%;
            }

        .list_right .xx_info .info_right {
            float: left;
            padding-top: 22px;
            width: calc(100% - 84px);
        }

            .list_right .xx_info .info_right p {
                font-size: 14px;
                color: #fff;
                line-height: 26px;
            }

                .list_right .xx_info .info_right p span {
                    font-size: 12px;
                    padding: 1px 8px;
                    background-color: #fff;
                    border-radius: 20px;
                    color: #ff4d4d;
                    margin-right: 6px;
                }

                .list_right .xx_info .info_right p a {
                    font-size: 13px;
                    color: #fff000;
                }

                    .list_right .xx_info .info_right p a:hover {
                        color: #ffcc00;
                    }

    .list_right .fldh {
        width: 100%;
        margin-bottom: 12px;
        background: #fff;
        overflow: hidden;
        padding: 10px 0;
    }

        .list_right .fldh ul li {
            width: 33.3%;
            padding: 0;
            float: left;
            text-align: center;
        }

            .list_right .fldh ul li a {
                color: #222;
                display: block;
                line-height: 52px;
                text-align: center;
            }

            .list_right .fldh ul li:hover, .list_right .fldh ul li:focus {
                color: #ff4e4e;
            }

        .list_right .fldh .active a {
            color: #ff4e4e;
            font-weight: bold;
        }

        .list_right .fldh .sxsy::before {
            content: " ";
            background: url( "../images/icon_ctj1.png") no-repeat center;
            width: 26px;
            height: 26px;
            margin: 0 auto;
            display: block;
        }

        .list_right .fldh .zzlx::before {
            content: " ";
            background: url(../images/icon_lxz.png) no-repeat center;
            width: 26px;
            height: 26px;
            margin: 0 auto;
            display: block;
        }

        .list_right .fldh .yjwc::before {
            content: " ";
            background: url(../images/icon_ywc.png) no-repeat center;
            width: 26px;
            height: 26px;
            margin: 0 auto;
            display: block;
        }

        .list_right .fldh ul li p {
            line-height: 20px;
        }

        .list_right .fldh ul li:hover .sxsy::before {
            content: " ";
            background: url( "../images/tikusouye.png") no-repeat center;
        }

        .list_right .fldh ul li:hover .zzlx::before {
            content: " ";
            background: url( "../images/icon_lxz_s.png") no-repeat center;
        }

        .list_right .fldh ul li:hover .yjwc::before {
            content: " ";
            background: url(../images/icon_ywc_s.png) no-repeat center;
        }


        .list_right .fldh .active p {
            color: #ff4e4e;
            line-height: 20px;
        }

        .list_right .fldh .active .sxsy::before {
            content: " ";
            background: url( "../images/tikusouye.png") no-repeat center;
            width: 26px;
            height: 26px;
            margin: 0 auto;
            display: block;
        }

        .list_right .fldh .active .zzlx::before {
            content: " ";
            background: url( "../images/icon_lxz_s.png") no-repeat center;
            width: 26px;
            height: 26px;
            margin: 0 auto;
            display: block;
        }

        .list_right .fldh .active .yjwc::before {
            content: " ";
            background: url(../images/icon_ywc_s.png) no-repeat center;
            width: 26px;
            height: 26px;
            margin: 0 auto;
            display: block;
        }



/**/
.kc_detl_info {
    width: 100%;
    background: #fff;
    padding: 40px 30px;
    overflow: hidden;
}

    .kc_detl_info .kc_d_left {
        width: 382px;
        float: left;
        margin-right: 38px;
    }

        .kc_detl_info .kc_d_left img {
            width: 100%;
        }

    .kc_detl_info .kc_d_right {
        width: calc(100% - 420px);
        float: right;
    }

        .kc_detl_info .kc_d_right .kcbt {
            position: relative;
            width: 100%;
        }

            .kc_detl_info .kc_d_right .kcbt h2 {
                font-size: 18px;
                padding: 5px 0 12px;
                font-weight: 600;
                letter-spacing: 1px;
            }

            .kc_detl_info .kc_d_right .kcbt .hdty {
                width: 160px;
                position: absolute;
                right: 0;
                top: 0;
            }

                .kc_detl_info .kc_d_right .kcbt .hdty .share {
                    width: 55px;
                    height: 22px;
                    float: right;
                }

                    .kc_detl_info .kc_d_right .kcbt .hdty .share a {
                        width: 100%;
                        height: 100%;
                        display: block;
                        background: url(../images/icon_share_n.png) no-repeat center left;
                        padding-left: 21px;
                        line-height: 22px;
                        color: #555;
                    }

                        .kc_detl_info .kc_d_right .kcbt .hdty .share a:hover {
                            color: #ff4d4d;
                            background: url(../images/icon_share_s.png) no-repeat center left;
                        }

                .kc_detl_info .kc_d_right .kcbt .hdty .collect {
                    width: 55px;
                    height: 22px;
                    float: right;
                    margin-right: 20px;
                }

                    .kc_detl_info .kc_d_right .kcbt .hdty .collect a {
                        width: 100%;
                        height: 100%;
                        display: block;
                        background: url(../images/icon_collection_n.png) no-repeat left 0 top 4px;
                        padding-left: 20px;
                        line-height: 22px;
                        color: #555;
                    }

                        .kc_detl_info .kc_d_right .kcbt .hdty .collect a:hover {
                            color: #ff4d4d;
                            background: url(../images/icon_collection_s.png) no-repeat left 0 top 4px;
                        }

        .kc_detl_info .kc_d_right .zhushi {
            width: 100%;
            padding-bottom: 10px;
            font-size: 12px;
            color: #999;
            letter-spacing: 0.5px;
        }

            .kc_detl_info .kc_d_right .zhushi span {
                padding-right: 3px;
            }

            .kc_detl_info .kc_d_right .zhushi img {
                margin-bottom: 3px;
                margin-right: 2px;
            }

        .kc_detl_info .kc_d_right .price_bx {
            width: 100%;
            padding: 16px 16px 20px;
            background: #f6f6f6;
        }

            .kc_detl_info .kc_d_right .price_bx .jiage {
                width: 100%;
                font-size: 14px;
                color: #999;
                padding-bottom: 10px;
            }

                .kc_detl_info .kc_d_right .price_bx .jiage .price {
                    color: #ff6029;
                    font-size: 24px;
                    padding-left: 15px;
                    padding-right: 12px;
                }

                .kc_detl_info .kc_d_right .price_bx .jiage .yuanjia {
                    text-decoration: line-through;
                    padding: 0;
                }

                .kc_detl_info .kc_d_right .price_bx .jiage span {
                    padding: 0 15px;
                    color: #999;
                }

                .kc_detl_info .kc_d_right .price_bx .jiage .hymf {
                    padding: 0;
                    color: #57bc4c;
                    font-size: 16px;
                }

            .kc_detl_info .kc_d_right .price_bx .youhui {
                width: 100%;
                font-size: 14px;
                color: #999;
                position: relative;
            }

                .kc_detl_info .kc_d_right .price_bx .youhui .yhnr {
                    padding-left: 20px;
                    color: #333;
                }

                    .kc_detl_info .kc_d_right .price_bx .youhui .yhnr img {
                        margin-bottom: 3px;
                        margin-right: 5px;
                    }

                .kc_detl_info .kc_d_right .price_bx .youhui .jxyh {
                    float: right;
                    color: #666;
                    cursor: pointer;
                }

                    .kc_detl_info .kc_d_right .price_bx .youhui .jxyh b {
                        color: #ff6029;
                    }

                    .kc_detl_info .kc_d_right .price_bx .youhui .jxyh .icon-angle-up {
                        display: none;
                        padding-left: 5px;
                    }

                    .kc_detl_info .kc_d_right .price_bx .youhui .jxyh .icon-angle-down {
                        padding-left: 5px;
                    }

                    .kc_detl_info .kc_d_right .price_bx .youhui .jxyh:hover .icon-angle-up {
                        display: block;
                        float: right;
                        padding-top: 3px;
                        padding-left: 5px;
                    }

                    .kc_detl_info .kc_d_right .price_bx .youhui .jxyh:hover .icon-angle-down {
                        display: none;
                        padding-left: 5px;
                    }

                .kc_detl_info .kc_d_right .price_bx .youhui .yh_list {
                    width: 100%;
                    background: #fff;
                    padding: 8px 10px;
                    box-shadow: 0 0 15px 0 #e5e5e5;
                    border-radius: 4px;
                    position: absolute;
                    bottom: -68px;
                    right: 0;
                    display: none;
                }

                    .kc_detl_info .kc_d_right .price_bx .youhui .yh_list p {
                        width: 100%;
                        font-size: 13px;
                        color: #777;
                        line-height: 24px;
                        letter-spacing: 1px;
                    }

                        .kc_detl_info .kc_d_right .price_bx .youhui .yh_list p span {
                            padding: 1px 5px;
                            background: #ffac8f;
                            border-radius: 100%;
                            margin-right: 8px;
                            color: #fff;
                            font-size: 12px;
                        }

                .kc_detl_info .kc_d_right .price_bx .youhui .jxyh:hover .yh_list {
                    display: block;
                }

        .kc_detl_info .kc_d_right .hdzn {
            width: 100%;
        }

            .kc_detl_info .kc_d_right .hdzn a {
                width: 140px;
                height: 42px;
                float: left;
                display: block;
                margin-right: 30px;
                text-align: center;
                line-height: 42px;
                font-size: 16px;
                border-radius: 4px;
                margin-top: 18px;
            }

            .kc_detl_info .kc_d_right .hdzn .gmkc {
                border: 1px solid #ef2d36;
                color: #ef2d36;
            }

            .kc_detl_info .kc_d_right .hdzn .gmhy {
                background: #ef2d36;
                border: #ef2d36 1px solid;
                color: #fff;
            }

/*免费试听*/
.mfst {
    width: 100%;
    background: #fff;
    border-top: 15px solid #f5f5f5;
    float: left;
}

    .mfst h2 {
        width: 100%;
        height: 52px;
        line-height: 56px;
        border-bottom: 1px solid #eee;
        overflow: hidden;
        padding: 0 22px;
        font-size: 16px;
        font-weight: normal;
    }

        .mfst h2 img {
            margin-bottom: 3px;
            margin-right: 5px;
        }

    .mfst ul {
        width: 100%;
        overflow: hidden;
        padding: 20px 16px 0;
    }

        .mfst ul li {
            width: 25%;
            float: left;
            padding: 0 10px;
        }

            .mfst ul li > img {
                width: 100%;
                float: left;
                margin-bottom: 8px;
            }

            .mfst ul li h4 {
                font-size: 14px;
                color: #333;
                font-weight: normal;
                padding-bottom: 10px;
            }

            .mfst ul li p {
                font-size: 12px;
                color: #888;
            }

                .mfst ul li p a {
                    padding: 2px 8px;
                    border-radius: 25px;
                    border: 1px solid #ff4d4d;
                    color: #ff4d4d;
                    float: right;
                }

                    .mfst ul li p a img {
                        margin-bottom: 2px;
                        margin-left: 3px;
                    }

/**/
.det_left {
    width: calc(100% - 265px);
    float: left;
    background: #fff;
    margin-top: 20px;
    min-height: 600px;
    padding-bottom: 30px;
}

    .det_left .nav {
        width: 100%;
        height: 60px;
        border-bottom: 1px solid #eee;
        margin-bottom: 15px;
    }

        .det_left .nav li {
            float: left;
            margin: 0 30px;
            line-height: 66px;
            font-size: 16px;
        }

            .det_left .nav li a {
                width: 100%;
                height: 100%;
                display: block;
                padding: 0;
                margin: 0;
                border: none;
                color: #333;
            }

                .det_left .nav li a:hover, .det_left .nav li a:focus {
                    background: none;
                }

        .det_left .nav .active a {
            color: #000;
            font-weight: 600;
            border-bottom: 2px solid #ef2d36;
        }

.catalog-box {
    width: 100%;
    padding: 0 30px;
}

    .catalog-box .panel-heading {
        padding: 0;
        height: 56px;
        border-bottom: 1px dashed #eee;
    }

        .catalog-box .panel-heading .panel-title {
            height: 56px;
            line-height: 56px;
            font-weight: normal;
            font-size: 14px;
            letter-spacing: 1px;
            cursor: pointer;
        }

            .catalog-box .panel-heading .panel-title img {
                margin-bottom: 3px;
                margin-right: 8px;
            }

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
    padding: 0;
}

.panel-body .list-unstyled li {
    width: 100%;
    height: 56px;
    line-height: 56px;
    border-bottom: 1px dashed #eee;
    cursor: pointer;
    padding: 0 0 0 26px;
}

    .panel-body .list-unstyled li img {
        margin-bottom: 3px;
        margin-right: 6px;
    }

    .panel-body .list-unstyled li:hover {
        background: #f9f9f9;
    }

.panel-body .list-unstyled .mfsk {
    width: 65px;
    height: 25px;
    display: block;
    float: right;
    text-align: center;
    line-height: 23px;
    border-radius: 4px;
    border: 1px solid #ef2d36;
    color: #ef2d36;
    margin-top: 15px;
    margin-right: 10px;
}

.panel {
    box-shadow: none;
    border: none;
}

.panel-body .list-unstyled .mfxz {
    width: 65px;
    height: 25px;
    display: block;
    float: right;
    text-align: center;
    line-height: 23px;
    border-radius: 25px;
    border: 1px solid #ef2d36;
    margin-top: 15px;
    margin-right: 10px;
    background: #ff4d4d;
    color: #fff;
    font-size: 13px;
}

    .panel-body .list-unstyled .mfxz img {
        margin-bottom: 5px;
        margin-right: 3px;
    }

.det_left .kcxq {
    width: 100%;
    padding: 10px 30px 20px;
}

    .det_left .kcxq p {
        font-size: 14px;
        color: #555;
        line-height: 28px;
        text-align: justify;
    }

        .det_left .kcxq p img {
            width: 100%;
            margin: 10px 0;
        }

.det_left .kcbj {
    width: 100%;
    padding: 10px 30px 20px;
}

    .det_left .kcbj ul li {
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }

        .det_left .kcbj ul li .zjk {
            width: 100%;
            height: 36px;
            line-height: 36px;
            background: #f6f6f6;
            padding: 0 15px;
            font-weight: 600;
            border: 1px solid #eee;
            border-bottom: none;
        }

            .det_left .kcbj ul li .zjk a {
                float: right;
                margin-top: 10px;
            }

        .det_left .kcbj ul li .bjnr {
            width: 100%;
            padding: 10px;
            border: #eee 1px solid;
        }

            .det_left .kcbj ul li .bjnr p {
                font-size: 14px;
                color: #555;
                line-height: 24px;
                text-align: justify;
                padding-bottom: 10px;
                padding-top: 7px;
                text-indent: 2em;
            }

/**/
.det_right {
    width: 250px;
    float: right;
}

    .det_right .lsjs {
        width: 100%;
        background: #fff;
        padding: 20px;
        margin-top: 20px;
    }

        .det_right .lsjs .lsjj {
            width: 100%;
            border-bottom: 1px solid #eee;
            overflow: hidden;
            padding-bottom: 12px;
            margin-bottom: 10px;
        }

            .det_right .lsjs .lsjj .teacher {
                width: 50px;
                height: 50px;
                border-radius: 100%;
                overflow: hidden;
                float: left;
                margin-right: 15px;
            }

                .det_right .lsjs .lsjj .teacher img {
                    width: 100%;
                }

            .det_right .lsjs .lsjj h4 {
                width: calc(100% - 65px);
                float: left;
                font-size: 16px;
                color: #555;
                padding-bottom: 7px;
                padding-top: 5px;
            }

            .det_right .lsjs .lsjj p {
                width: calc(100% - 65px);
                float: left;
                font-size: 12px;
                color: #ff4d4d;
            }

        .det_right .lsjs .ls_info {
            font-size: 12px;
            color: #444;
            line-height: 22px;
            text-indent: 2em;
            text-align: justify;
            letter-spacing: 1px;
        }





/*悬浮*/
.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;
    }

/*已完成实操*/
.list_left .ywcsc {
    background-color: #fff;
    border-radius: 8px;
    padding: 25px;
    clear: both;
    margin-bottom: 12px;
}

    .list_left .ywcsc .bg_left {
        float: left;
        padding-right: 30px;
        border-right: 1px solid#f5f5f5;
    }

        .list_left .ywcsc .bg_left .stzql {
            width: 90px;
            border-radius: 100%;
            height: 90px;
            border: 2px solid #eee;
            color: #ff4d4d;
            text-align: center;
        }

            .list_left .ywcsc .bg_left .stzql .fenshu {
                font-size: 30px;
                padding-top: 16px;
                padding-bottom: 4px;
            }

            .list_left .ywcsc .bg_left .stzql span {
                font-size: 14px;
                font-weight: normal;
            }

            .list_left .ywcsc .bg_left .stzql .sjdf {
                font-size: 12px;
                color: #ff7676;
            }

    .list_left .ywcsc .lxjl {
        margin-bottom: 12px;
        display: inline-block;
        padding-top: 20px;
        padding-left: 30px;
    }

        .list_left .ywcsc .lxjl p {
            color: #333;
            font-size: 14px;
        }

        .list_left .ywcsc .lxjl .lxjl_jdt {
            padding-top: 10px;
        }

            .list_left .ywcsc .lxjl .lxjl_jdt .fa-stop {
                width: 400px;
                background-color: #f5f5f5;
                border-radius: 50px;
                height: 10px;
                vertical-align: middle;
                display: inline-flex;
                margin-right: 30px;
            }

                .list_left .ywcsc .lxjl .lxjl_jdt .fa-stop:before {
                    content: " ";
                    width: 200px;
                    display: inline-block;
                    background: linear-gradient(to right,#ff515a,#ff7945);
                    border-radius: 50px;
                    height: 10px;
                }

            .list_left .ywcsc .lxjl .lxjl_jdt span {
                font-size: 13px;
                color: #333;
            }

                .list_left .ywcsc .lxjl .lxjl_jdt span b {
                    color: #ff525a;
                }

            .list_left .ywcsc .lxjl .lxjl_jdt .jx_cx_zt {
                padding-left: 60px;
            }

            .list_left .ywcsc .lxjl .lxjl_jdt .jxzt {
                color: #ff525a;
                border: 1px solid#ff525a;
                padding: 5px 12px;
                border-radius: 50px;
                margin-right: 16px;
            }

                .list_left .ywcsc .lxjl .lxjl_jdt .jxzt::before {
                    content: " ";
                    width: 16px;
                    height: 16px;
                    background-image: url(../images/icons_v9.png);
                    background-position: 0px -180px;
                    padding-left: 20px;
                    vertical-align: middle;
                }

.listmore {
    display: block;
    text-align: center;
    color: #ff7f21;
    padding-bottom: 20px;
}

.lanmu-list {
    display: block;
}

/*会计页面*/
.list_left_kj {
    width: 100%;
}

.tuwenbk_kj {
    background-color: #fff;
    display: flow-root;
}

.list_left .sxlb1_kj {
    background-color: #fff;
    padding: 20px 10px;
}

    .list_left .sxlb1_kj li {
        float: left;
        width: 25%;
        padding: 15px;
    }

        .list_left .sxlb1_kj li img {
            width: 100%;
        }

        .list_left .sxlb1_kj li .kj_wzjs {
            border: 1px solid#eee;
            padding: 0px 0 10px 10px;
        
        }

        .list_left .sxlb1_kj li h4 {
            font-size: 15px;
            color: #333;
            line-height: 40px;
        }

        .list_left .sxlb1_kj li p {
            font-size: 13px;
            color: #999;
            height:18px;
        }

            .list_left .sxlb1_kj li p span {
                float: left;
                color: #ff8330;
            }

/*出纳页面*/
.zlfl {
    width: 240px;
    padding: 0 10px;
    float: left;
    background: #fff;
    margin-right: 20px;
    min-height: 610px;
    margin-top: 2px;
}

    .zlfl ul li {
        height: 55px;
        line-height: 55px;
        text-align: left;
        padding-left: 20px;
        float: left;
        width: 100%;
        border-bottom: 1px dashed #f0f0f0;
    }

        .zlfl ul li a {
            width: 100%;
            height: 100%;
            display: block;
            color: #333;
        }

    .zlfl .active a {
        color: #fc4242;
    }

.zlxz_rt {
    width: calc(100%);
    float: right;
    margin: 20px 0 60px;
}

.ziliao ul {
    padding-bottom: 30px;
}

    .ziliao ul li {
        width: 100%;
        padding: 20px 0 20px;
        border-bottom: 1px dashed #ddd;
    }

        .ziliao ul li h3 {
            font-size: 14px;
            font-weight: normal;
            color: #666;
            display: inline-block;
        }

            .ziliao ul li h3 img {
                margin-right: 8px;
                margin-bottom: 3px;
            }

        .ziliao ul li p {
            font-size: 12px;
            color: #999;
        }

            .ziliao ul li p span {
                padding-right: 15px;
            }

        .ziliao ul li .spjx_kslx {
            float: right;
        }

        .ziliao ul li a {
            border-radius: 4px;
            color: #666;
            padding: 6px 16px;
            font-size: 13px;
        }

            .ziliao ul li a img {
                padding-right: 6px;
                vertical-align: sub;
            }

.zlxz_rt .zl_list {
    width: 100%;
    background: #fff;
    overflow: hidden;
    padding: 0 50px;
}

/*分页*/
.fenye {
    width: 100%;
    padding: 20px 0 50px;
    background: #fff;
    text-align: center;
    font-size: 15px;
}

    .fenye a {
        font-size: 14px;
    }

        .fenye a .fa-angle-double-left {
            padding-right: 4px;
        }

        .fenye a .fa-angle-double-right {
            padding-left: 4px;
        }

        .fenye a .fa-angle-right {
            padding-left: 4px;
        }

        .fenye a .fa-angle-left {
            padding-right: 4px;
        }

    .fenye .slct {
        background: #ef2d36;
        border: 1px solid #ef2d36;
        color: #fff;
    }

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

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


.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: 292px;
    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);
}

/*实时轮播图样式2*/
.ft-carousel2 {
    position: relative;
    width: 328px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 20px;
}

    .ft-carousel2 .carousel-inner .carousel-item {
        float: left;
        height: 100%;
    }

    .ft-carousel2 .carousel-item img {
        width: 100%;
    }

    .ft-carousel2 .carousel-indicators {
        position: absolute;
        left: 12px;
        bottom: 5px;
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

        .ft-carousel2 .carousel-indicators span {
            display: inline-block;
            width: 6px;
            height: 6px;
            background-color: #fff;
            margin: 0 4px;
            border-radius: 50%;
            cursor: pointer;
        }

            .ft-carousel2 .carousel-indicators span.active {
                background-color: #de3a3a;
            }

    .ft-carousel2 .carousel-btn {
        position: absolute;
        top: 50%;
        width: 20px;
        height: 45px;
        margin-top: -25px;
        cursor: pointer;
    }

    .ft-carousel2 .carousel-prev-btn {
        left: 0;
    }

    .ft-carousel2 .carousel-next-btn {
        right: 0;
    }


/*实时轮播图样式3*/
.ft-carousel3 {
    width: 1200px;
}


.rvcz .rvc-wrapper2 ul {
    overflow: hidden;
    position: relative;
    padding: 15px 0;
}

.rvcz li {
    float: left;
    background: #fff;
    height: 270px;
    position: relative;
    border: 1px solid #eee;
    cursor: pointer;
}

.rvcz .rvc-wrapper2 li:hover {
    box-shadow: 0 0 15px 0 #e5e5e5;
}

.rvcz .rvc-wrapper2 li a {
    display: block;
    width: 100%;
    height: auto;
    text-decoration: none
}

    .rvcz .rvc-wrapper2 li a .img-wrapper {
        height: 150px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .rvcz .rvc-wrapper2 li a h2 {
        margin-top: 10px;
        text-align: center
    }

    .rvcz .rvc-wrapper2 li a p {
        padding: 10px;
        height: 80px
    }

.rvc-prv, .rvc-next {
    position: absolute;
    height: 100%;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.rvc-prv {
    left: 3px;
    cursor: pointer;
}

.rvc-next {
    right: 3px;
    cursor: pointer;
}

.rvcz .rvc-wrapper2 .tc_mk1 {
    width: 100%;
    height: 100%;
}

    .rvcz .rvc-wrapper2 .tc_mk1 > a {
        width: 100%;
        height: 100%;
        display: block;
    }

    .rvcz .rvc-wrapper2 .tc_mk1 .lstx {
        width: 80px;
        height: 80px;
        border: 7px solid #f5f7fa;
        overflow: hidden;
        border-radius: 100%;
        margin: 26px auto 12px;
    }

        .rvcz .rvc-wrapper2 .tc_mk1 .lstx img {
            width: 100%;
        }

    .rvcz .rvc-wrapper2 .tc_mk1 h3 {
        font-size: 20px;
        color: #ff6c60;
        text-align: center;
        font-weight: normal;
        line-height: 24px;
        padding-bottom: 5px;
    }

        .rvcz .rvc-wrapper2 .tc_mk1 h3 span {
            font-size: 14px;
            color: #4cc5cd;
        }

    .rvcz .rvc-wrapper2 .tc_mk1 p {
        width: 100%;
        padding: 0 25px;
        overflow: hidden;
        color: #828282;
        font-size: 13px;
        line-height: 22px;
    }


.course-item {
    float: left;
    margin-right: 15px;
    width: 224px;
}

    .course-item:nth-child(4n) {
        margin-right: 0 !important;
    }

.carousel-control {
    top: 50%;
    margin-top: -4px;
    width: 26px;
    height: 36px;
    line-height: 36px;
    background-color: #999;
}

    .carousel-control:hover {
        background-color: #666;
    }

.upg-icons.arrow-left {
    width: 8px;
    height: 15px;
    background-position: -2px -2px;
}

.upg-icons {
    display: inline-block;
    background-image: url(../images/upg_icons.png);
}

.carousel-control.right {
    right: 0;
    left: auto;
}

.upg-icons.arrow-right {
    width: 8px;
    height: 15px;
    background-position: -2px -21px;
}


.index_mk {
    width: 100%;
    background: #fff;
    padding: 0px 20px 30px;
    overflow: hidden;
    box-shadow: 0px 0px 6px 3px #efefef;
    border-radius: 6px;
}

.rvc {
    max-width: 1200px;
    position: relative;
    margin: auto;
    background-color: #fff;
    margin-bottom: 20px;
    height: 160px;
    padding-top: 20px;
    margin-top: -50px;
    z-index: 999999;
}

    .rvc .rvc-wrapper {
        margin: auto;
        overflow: hidden
    }

    .rvc li {
        float: left;
        background: #fff;
    }

    .rvc .rvc-wrapper ul {
        overflow: hidden;
        position: relative;
        padding: 15px 0;
    }

    .rvc .rvc-wrapper li:hover {
        box-shadow: 0 0 15px 0 #e5e5e5;
    }

    .rvc .rvc-wrapper2 ul li {
        height: 94px !important;
        border: none !important;
    }

        .rvc .rvc-wrapper2 ul li .zbkctp {
            display: inline-block;
            background-color: #f0f0f0;
            float: left;
            border-radius: 6px;
        }

            .rvc .rvc-wrapper2 ul li .zbkctp img {
                width: 117px;
                height: 70px;
                border-radius: 6px 6px 0 0;
            }

            .rvc .rvc-wrapper2 ul li .zbkctp p {
                padding: 2px 6px;
                color: #666;
            }

        .rvc .rvc-wrapper2 ul li .zbkcjs {
            height: 94px;
            padding-left: 18px;
            display: inline-block;
            line-height: 32px;
        }

            .rvc .rvc-wrapper2 ul li .zbkcjs span {
                color: #999;
            }

                .rvc .rvc-wrapper2 ul li .zbkcjs span i {
                    padding-right: 6px;
                }

            .rvc .rvc-wrapper2 ul li .zbkcjs .p1 {
                color: #333;
            }

            .rvc .rvc-wrapper2 ul li .zbkcjs .p2 {
                color: #666;
            }

.section .index_bt h2 {
    font-size: 22px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 8px;
    font-weight: normal;
    position: relative;
}

    .section .index_bt h2 span {
        font-size: 14px;
        color: #666;
        padding-left: 10px;
    }

    .section .index_bt h2 a {
        float: right;
        font-size: 14px;
        color: #999;
    }




.kaoz_left {
    float: left;
}

.kaoz_right {
    float: right;
}



.jp-swiper {
    height: 310px;
    --swiper-theme-color: #ddd
}

.book-tt {
    font-size: 24px;
    color: #343434;
    text-align: center;
    font-weight: 600;
    position: relative;
    margin-top: 50px;
    margin-bottom: 30px;
    background: url( "../images/book-tt-left.png" ) no-repeat calc((100%-220px)/2) 16px/80px,url("../images/book-tt-right.png") no-repeat calc((100%-220px)/2+220px) 16px/80px;
}

.line15 {
    line-height: 1.5;
}

.f18 {
    font-size: 18px;
}

.jp-swiper-item {
    width: 800px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.jp-swiper-img {
    width: 305px;
    height: 250px;
}

.jp-swiper-txt {
    margin-left: 30px;
    width: 460px;
}

.jp-swiper-tag {
    overflow: hidden;
    height: auto;
    margin-top: 20px;
}

    .jp-swiper-tag span {
        padding: 5px 20px;
        border-radius: 30px;
        background: #FFF0EC;
        color: #E89393;
        display: inline-block;
        margin-right: 10px;
    }

.f26 {
    font-size: 26px;
}

.jp-swiper-see {
    margin-top: 30px;
}

.jp-swiper-btn, .jp-swiper-btn:hover {
    width: 150px;
    height: 46px;
    border-radius: 30px;
    text-align: center;
    line-height: 46px;
    background: linear-gradient(to right, #FF7155, #FF3A44);
    color: #fff;
    font-size: 16px;
}

.book-list-item {
    margin-bottom: 20px;
}

.lou {
    height: auto;
    overflow: hidden;
}

.book-item-img a img {
    width: 240px;
    height: 170px;
    margin: 20px 0;
}

.book-d-banner {
    width: 425px;
    height: 350px;
    background: #eee;
    --swiper-theme-color: #fff;
}

    .book-d-banner .swiper-container, .book-d-banner .swiper-wrapper, .book-d-banner .swiper-slide {
        height: 350px;
    }

    .book-d-banner .swiper-slide {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background: #eee;
    }

        .book-d-banner .swiper-slide img {
            max-width: 425px;
            max-height: 350px;
        }

.jp-swiper {
    height: 310px;
    --swiper-theme-color: #ddd
}

.jp-swiper-item {
    width: 800px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.jp-swiper-img {
    width: 305px;
    height: 250px;
}

.jp-swiper-txt {
    margin-left: 30px;
    width: 460px;
}

.jp-swiper-tag {
    overflow: hidden;
    height: auto;
    margin-top: 20px;
}

    .jp-swiper-tag span {
        padding: 5px 20px;
        border-radius: 30px;
        background: #FFF0EC;
        color: #E89393;
        display: inline-block;
        margin-right: 10px;
    }

.f26 {
    font-size: 26px;
}

.jp-swiper-see {
    margin-top: 30px;
}

.jp-swiper-btn, .jp-swiper-btn:hover {
    width: 150px;
    height: 46px;
    border-radius: 30px;
    text-align: center;
    line-height: 46px;
    background: linear-gradient(to right, #FF7155, #FF3A44);
    color: #fff;
    font-size: 16px;
}

.book-list-item {
    margin-bottom: 20px;
}

.lou {
    height: auto;
    overflow: hidden;
}

.book-item-img a img {
    width: 240px;
    height: 170px;
    margin: 20px 0;
}

.book-d-banner {
    width: 425px;
    height: 350px;
    background: #eee;
    --swiper-theme-color: #fff;
}

    .book-d-banner .swiper-container, .book-d-banner .swiper-wrapper, .book-d-banner .swiper-slide {
        height: 350px;
    }

    .book-d-banner .swiper-slide {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background: #eee;
    }

        .book-d-banner .swiper-slide img {
            max-width: 425px;
            max-height: 350px;
        }

.ft-carousel {
    position: relative;
    width: 250px;
    margin: 0 auto;
    overflow: hidden;
}

    .ft-carousel .carousel-inner .carousel-item {
        float: left;
        height: 100%;
        width: 250px !important;
        padding: 0;
    }

    .ft-carousel .carousel-item img {
        width: 100%;
    }

    .ft-carousel .carousel-indicators {
        position: absolute;
        left: 0px;
        bottom: 5px;
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

        .ft-carousel .carousel-indicators span {
            display: inline-block;
            width: 6px;
            height: 6px;
            background-color: #fff;
            margin: 0 4px;
            border-radius: 50%;
            cursor: pointer;
        }

            .ft-carousel .carousel-indicators span.active {
                background-color: #de3a3a;
            }

    .ft-carousel .carousel-btn {
        position: absolute;
        top: 50%;
        width: 20px;
        height: 45px;
        margin-top: -25px;
        cursor: pointer;
    }

    .ft-carousel .carousel-prev-btn {
        left: 0;
    }

    .ft-carousel .carousel-next-btn {
        right: 0;
    }

.ft-carousel4 {
    position: relative;
    width: 842px;
    margin: 0 auto;
    overflow: hidden;
}

    .ft-carousel4 .carousel-inner .carousel-item {
        float: left;
        height: 100%;
        width: 842px !important;
        padding: 0;
    }

    .ft-carousel4 .carousel-item img {
        ;
    }

    .ft-carousel4 .carousel-indicators {
        position: absolute;
        left: 0px;
        bottom: 5px;
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

        .ft-carousel4 .carousel-indicators span {
            display: inline-block;
            width: 6px;
            height: 6px;
            background-color: #fff;
            margin: 0 4px;
            border-radius: 50%;
            cursor: pointer;
        }

            .ft-carousel4 .carousel-indicators span.active {
                background-color: #de3a3a;
            }

    .ft-carousel4 .carousel-btn {
        position: absolute;
        top: 50%;
        width: 20px;
        height: 45px;
        margin-top: -25px;
        cursor: pointer;
    }

    .ft-carousel4 .carousel-prev-btn {
        left: 0;
    }

    .ft-carousel4 .carousel-next-btn {
        right: 0;
    }

/*贴吧详情*/
.list_left .zynr {
    background: #fff;
    overflow: hidden;
    padding: 5px 30px;
    margin-bottom: 12px;
}

.list_left .dingwei {
    width: 100%;
    line-height: 42px;
    float: left;
    color: #666;
    font-size: 14px;
    background-color: #fff;
    padding: 0px 30px;
    margin-bottom: 12px;
}

    .list_left .dingwei a {
        color: #666;
    }

    .list_left .dingwei > .back {
        line-height: 42px;
        float: right;
    }

.list_left .wz_dt {
    width: 100%;
    float: left;
    background: #fff; /*border-bottom: 1px solid #eee;*/
    padding-bottom: 5px;
}

    .list_left .wz_dt .zs {
        width: 100%;
        position: relative;
    }

    .list_left .wz_dt p {
        font-size: 15px;
        color: #424242;
        line-height: 30px;
        text-indent: 0;
        text-align: justify;
        padding-bottom: 8px;
        padding-top: 10px;
    }

        .list_left .wz_dt p span {
            color: #999;
            font-size: 13px;
        }

    .list_left .wz_dt .zs p span img {
        border-radius: 100%;
        margin-bottom: 3px;
        margin-right: 6px;
    }

.list_left .xhd {
    min-width: 255px;
    float: left;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 0 12px;
    line-height: 36px;
}

    .list_left .xhd ul li {
        float: right;
        font-size: 12px;
        margin-left: 20px;
        color: #999;
        cursor: pointer;
    }

        .list_left .xhd ul li img {
            margin-right: 5px;
            vertical-align: sub;
        }

        .list_left .xhd ul li a {
            color: #999;
        }

.list_left .wz_dt .xxnr {
    border-top: 1px solid #eee;
    padding: 14px 30px 14px;
}

.list_left .fbtz .xpl {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-bottom: 39px;
}

.list_left .fbtz {
    padding-top: 30px;
    clear: both;
}

    .list_left .fbtz .xpl h2 {
        font-size: 16px;
        margin-bottom: 13px;
        float: left;
        width: 100%;
        font-weight: normal;
        color: #333;
    }

        .list_left .fbtz .xpl h2 img {
            margin-bottom: 3px;
            margin-right: 8px;
        }

    .list_left .fbtz .xpl textarea {
        width: 100%;
        height: 98px;
        border: 1px solid #ddd;
        padding: 5px;
        color: #888;
        outline: none;
        float: left;
    }

    .list_left .fbtz .xpl .bq {
        width: 100%;
        padding: 0 10px;
        background: #f9f9f9;
        border: 1px solid #ddd;
        line-height: 40px;
        height: 40px;
        float: left;
        border-top: none;
    }

        .list_left .fbtz .xpl .bq a {
            width: 82px;
            background: #ff4d4d;
            border-radius: 4px;
            text-align: center;
            line-height: 30px;
            display: block;
            color: #fff;
            float: right;
            margin-top: 5px;
        }

    .list_left .fbtz .xpl {
        width: 100%;
        float: left;
        overflow: hidden;
        margin-bottom: 39px;
    }

    .list_left .fbtz .wypl h2 {
        border-bottom: 1px solid #eee;
        padding-bottom: 12px;
        margin-bottom: 24px;
    }

    .list_left .fbtz .wypl .pl {
        width: 100%;
        overflow: hidden;
        margin-bottom: 30px;
    }

    .list_left .fbtz .wypl .plnr {
        width: 100%;
        float: left;
        border-bottom: 1px dashed #e2e2e2;
        padding-bottom: 20px;
    }

        .list_left .fbtz .wypl .plnr .wytx {
            width: 45px;
            height: 45px;
            border-radius: 100%;
            overflow: hidden;
            margin-right: 20px;
            float: left;
        }

        .list_left .fbtz .wypl .plnr .plxx {
            width: calc(100% - 65px);
            float: left;
            padding-bottom: 8px;
        }

            .list_left .fbtz .wypl .plnr .plxx .userInfo {
                font-size: 13px;
                overflow: hidden;
                padding-top: 3px;
            }

                .list_left .fbtz .wypl .plnr .plxx .userInfo span {
                    padding-right: 20px;
                    color: #999;
                }

            .list_left .fbtz .wypl .plnr .plxx ul {
                overflow: hidden;
                float: right;
            }

                .list_left .fbtz .wypl .plnr .plxx ul li {
                    float: left;
                    font-size: 12px;
                    margin-left: 30px;
                    color: #999;
                    cursor: pointer;
                }

                    .list_left .fbtz .wypl .plnr .plxx ul li img {
                        margin-right: 6px;
                        margin-bottom: 4px;
                    }

                    .list_left .fbtz .wypl .plnr .plxx ul li span {
                        font-size: 12px;
                    }

            .list_left .fbtz .wypl .plnr .plxx p {
                font-size: 14px;
                color: #666;
                padding-bottom: 6px;
                padding-top: 7px;
            }

                .list_left .fbtz .wypl .plnr .plxx p span {
                    color: #999;
                }

.resiveHtml blockquote {
    background: #f5f5f5;
    color: #aaa;
    border-radius: 3px;
    padding: 5px 10px;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 10px;
    letter-spacing: 1px;
    border: none;
}

.list_left .fbtz .wypl .plnr .plxx .sjhf {
    padding: 6px 0;
}

    .list_left .fbtz .wypl .plnr .plxx .sjhf b {
        font-weight: normal;
    }

.resiveHtml blockquote span {
    color: #ff6339;
    font-size: 13px;
}

    .resiveHtml blockquote span img {
        margin-right: 5px;
        vertical-align: sub;
    }

.resiveHtml blockquote .hf {
    float: right;
}

.book-d-txt .mt10 {
    position: relative;
    z-index: 99;
}

    .book-d-txt .mt10 mark {
        padding: 2px 4px;
        border: 1px solid #FF333C;
        color: #FF333C;
    }

    .book-d-txt .mt10 span:first-of-type {
        width: 60px;
        display: inline-block;
        text-align: justify;
        text-align-last: justify;
        margin-right: 15px;
        position: relative;
    }

        .book-d-txt .mt10 span:first-of-type::after {
            content: ":";
            position: absolute;
            right: -5px;
            top: 0;
        }

.book-d-p .jxyh {
    float: right;
    color: #666;
    cursor: pointer;
}

    .book-d-p .jxyh b {
        color: #ff6029;
    }

    .book-d-p .jxyh .fa-angle-right {
        padding-left: 5px;
    }

    .book-d-p .jxyh .fa-angle-down {
        display: none;
        padding-left: 5px;
    }

    .book-d-p .jxyh:hover .fa-angle-right {
        display: none;
        padding-left: 5px;
    }

    .book-d-p .jxyh:hover .fa-angle-down {
        display: block;
        float: right;
        padding-top: 3px;
        padding-left: 5px;
    }

.book-d-p .yh_list {
    width: 100%;
    background: #fff;
    padding: 8px 10px;
    box-shadow: 0 0 15px 0 #e5e5e5;
    border-radius: 4px;
    position: absolute;
    right: 0;
    display: none;
}

    .book-d-p .yh_list p {
        width: 100%;
        font-size: 13px;
        color: #777;
        line-height: 24px;
        letter-spacing: 1px;
    }

        .book-d-p .yh_list p .a1 {
            width: auto;
            padding: 0px 8px;
        }

    .book-d-p .yh_list .yhq .syfw .yxqq {
        width: auto;
    }

    .book-d-p .yh_list p span {
        padding: 1px 5px;
        background: #ffac8f;
        border-radius: 100%;
        margin-right: 8px;
        color: #fff;
        font-size: 12px;
    }

.book-d-p .jxyh:hover .yh_list {
    display: block;
    z-index: 199;
}

.book-d-p .yh_list .yhq {
    display: flex;
    padding: 10px 0;
}

    .book-d-p .yh_list .yhq .q1 {
        background: linear-gradient(to right,#ffb2a5,#ffd0b3);
        padding: 10px;
    }

        .book-d-p .yh_list .yhq .q1 .q1_bj {
            display: flex;
            align-items: center;
            background: url(../images/yhq_bj.png) no-repeat center;
            width: 303px;
            height: 63px;
            position: relative;
        }

            .book-d-p .yh_list .yhq .q1 .q1_bj .edu {
                width: 108px;
                text-align: center;
            }

                .book-d-p .yh_list .yhq .q1 .q1_bj .edu h4 {
                    color: #f83a39;
                    font-size: 30px;
                }

                .book-d-p .yh_list .yhq .q1 .q1_bj .edu p {
                    color: #666;
                    font-size: 12px;
                }

            .book-d-p .yh_list .yhq .q1 .q1_bj .syfw {
                padding-left: 10px;
            }

                .book-d-p .yh_list .yhq .q1 .q1_bj .syfw p {
                    font-size: 15px;
                    color: #333;
                }

                .book-d-p .yh_list .yhq .q1 .q1_bj .syfw span {
                    font-size: 12px;
                    color: #999;
                    width:auto;
                }

            .book-d-p .yh_list .yhq .q1 .q1_bj a {
                writing-mode: vertical-rl;
                background: linear-gradient(to right,#ff4f4f,#ff7156);
                height: 100%;
                right: 0;
                position: absolute;
                padding: 0 4px;
                border-radius: 4px;
                color: #fff;
                padding-top: 2px;
                text-align: center;
            }

.tie-from-boxs {
    display: flex !important;
    align-items: center;
}

    .tie-from-boxs .tie-tag {
        display: flex;
        align-items: center;
        margin-left: 40px;
    }

        .tie-from-boxs .tie-tag .mt15 {
            margin-top: 0;
        }

            .tie-from-boxs .tie-tag .mt15 b {
                margin-bottom: 0;
                font-size: 14px;
            }

.f1888 {
    font-size: 15px;
}

.tjzp ul li {
    width: 120px;
    height: 120px;
    float: left;
    border-radius: 0.1rem;
    overflow: hidden;
    text-align: center;
    margin-right: 16px;
    position: relative;
}

    .tjzp ul li img {
        vertical-align: middle;
        width: 100%;
    }

.tjzp .shanchu {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 6px;
    right: 6px;
}

.tjzp ul li img {
    vertical-align: middle;
    width: 100%;
}

.tjzp .tianjia {
    background: #f5f5f5;
    border: 0.01rem solid #eee;
}

.tjzp ul li img {
    vertical-align: middle;
    width: 100%;
}

.gwcimg {
    width: 18px;
    vertical-align: sub;
    margin-right: 4px;
}