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

* {
    margin: 0;
    padding: 0;
}

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

/*首页分类导航*/
.con_dh {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
    display: flow-root;
}

/*首页banner上左边介绍*/

/*热点推荐*/
.index_mk2 .index_bt h2 a:hover {
    color: #ef2d36;
}

.index_mk2 .fr_left {
    width: 295px;
    float: right;
}

.subnav {
    padding: 15px 30px;
    background: #FFF;
    border-bottom: 1px solid #f5f5f5;
    display: flow-root;
}

    .subnav .sn-left {
        position: relative;
        float: left;
        padding-left: 20px;
        font-size: 14px;
        color: #666;
        line-height: 34px;
    }

        .subnav .sn-left a:last-child {
            color: #999;
        }

        .subnav .sn-left::before {
            position: absolute;
            top: 10px;
            left: 0;
            width: 14px;
            height: 14px;
            background: url(/content/images/news/la-icon.png) no-repeat;
            content: "";
        }

    .subnav .sn-right {
        float: right;
    }

        .subnav .sn-right dd {
            width: 90px;
            height: 32px;
            margin: 0 1px;
            background: #F6F6F6;
            border: 1px solid #F6F6F6;
            font-size: 14px;
            color: #333;
            line-height: 32px;
            text-align: center;
        }

        .subnav .sn-right dt {
            width: 106px;
            height: 34px;
            background: #FFF5F5;
            color: #FF5B5B;
            line-height: 34px;
            text-align: center;
        }

            .subnav .sn-right dt span {
                position: relative;
                display: inline-block;
                padding-left: 17px;
            }

                .subnav .sn-right dt span::before {
                    position: absolute;
                    top: 9px;
                    left: 0;
                    width: 16px;
                    height: 16px;
                    background: url(/content/images/news/la-icon.png) no-repeat;
                    background-position: -119px 0;
                    content: "";
                }

        .subnav .sn-right dd.active, .subnav .sn-right dd:hover {
            border: 1px solid#ff5240;
            border-color: #ff5842;
            color: #ff5240;
            border-radius: 2px;
            background-color: #fff;
        }

        .subnav .sn-right dd, .subnav .sn-right dt {
            float: left;
            font-size: 14px;
            cursor: pointer;
        }

        .subnav .sn-right .active {
            position: relative;
        }

            .subnav .sn-right .active:hover .qc-pos {
                display: block;
            }

            .subnav .sn-right .active .qc-pos i {
                display: block;
                font-style: normal;
                font-size: 14px;
                color: #333;
                line-height: 20px;
                text-align: center;
            }

            .subnav .sn-right .active .qc-pos img {
                width: 121px;
            }

.fabu_gz a {
    position: relative;
}

    .fabu_gz a:hover .qc-pos {
        display: block;
    }

.active .qc-pos {
    position: absolute;
    display: none;
    top: 105%;
    left: 50%;
    overflow: hidden;
    width: 138px;
    margin-left: -69px;
    padding: 10px 0;
    background: white;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,.15);
    border-radius: 8px;
    text-align: center;
}

.fabu_gz .qc-pos {
    position: absolute;
    display: none;
    bottom: 120%;
    left: 50%;
    overflow: hidden;
    width: 138px;
    margin-left: -69px;
    padding: 10px 0;
    background: white;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,.15);
    border-radius: 8px;
    text-align: center;
}

    .fabu_gz .qc-pos i {
        display: block;
        font-style: normal;
        font-size: 14px;
        color: #333;
        line-height: 20px;
        text-align: center;
    }

    .fabu_gz .qc-pos img {
        width: 121px;
    }

.sw_right {
    width: calc(100% - 315px);
    float: left;
    margin-right: 20px;
    margin-bottom: 40px;
}

    .sw_right .yybm img {
        width: 100%;
    }

    .sw_right .index_bt {
        padding: 30px 30px 0;
        background-color: #fff;
    }

        .sw_right .index_bt .rdtj {
            font-size: 24px;
            font-weight: 500;
            color: #333;
        }

        .sw_right .index_bt .fabu_gz {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-top: 16px;
        }

            .sw_right .index_bt .fabu_gz p {
                color: #999;
                font-size: 14px;
            }

                .sw_right .index_bt .fabu_gz p span {
                    padding-right: 26px;
                }

            .sw_right .index_bt .fabu_gz a {
                display: flex;
                align-items: center;
                color: #ff6e00;
            }

                .sw_right .index_bt .fabu_gz a::before {
                    display: block;
                    width: 16px;
                    height: 16px;
                    background: url(/content/images/news/la-icon.png) no-repeat;
                    background-position: -186px 0;
                    content: "";
                    margin-right: 6px
                }

        .sw_right .index_bt .reminder {
            padding-top: 20px;
        }

            .sw_right .index_bt .reminder div {
                background-color: #fff5f5;
                color: #ff5843;
                padding: 10px;
                font-size: 14px;
            }

        .sw_right .index_bt .music {
            display: flex;
            align-items: center;
            padding-top: 20px;
        }

            .sw_right .index_bt .music .music_st {
                padding-left: 14px;
                width: 100%;
            }

                .sw_right .index_bt .music .music_st .name_bf {
                    font-size: 13px;
                }

                .sw_right .index_bt .music .music_st .duration {
                    display: flex;
                    padding-top: 4px;
                    align-items: center;
                    justify-content: space-between;
                }

                    .sw_right .index_bt .music .music_st .duration p {
                        font-size: 13px;
                        color: #979cb3;
                    }

                    .sw_right .index_bt .music .music_st .duration span {
                        height: 2px;
                        background-color: #f0f1f5;
                        width: calc(100% - 100px);
                        display: flex;
                        align-items: center;
                        margin-top: 2px;
                    }

                        .sw_right .index_bt .music .music_st .duration span::before {
                            content: "";
                            height: 6px;
                            background-color: #979cb3;
                            width: 1%;
                            border-radius: 2px;
                        }

    .sw_right .article {
        padding: 30px;
        border-top: 0;
        background-color: #fff;
    }

        .sw_right .article .article_jj {
            text-indent: 2em;
            background-color: #f9f9f9;
            padding: 20px 26px;
            text-align: justify;
        }

        .sw_right .article .picture {
            padding: 20px 0 10px;
            text-align: center;
        }

        .sw_right .article p {
            line-height: 32px;
            color: #474747;
            font-size: 16px;
        }

        .sw_right .article .ysnr {
            padding: 30px 0;
        }

        .sw_right .article h4 {
            font-size: 16px;
            padding: 26px 0 16px;
        }

    .sw_right .xgyd {
        padding: 30px;
        background-color: #fff;
        margin-top: 18px;
    }

        .sw_right .xgyd .daoxiang {
            display: flex;
            align-items: center;
            margin-top: 20px;
            background-color: #f5f5f5;
            padding: 10px 0 10px 20px;
        }

            .sw_right .xgyd .daoxiang a {
                display: flex;
                align-items: center;
                margin-right: 50px;
            }

                .sw_right .xgyd .daoxiang a img {
                    padding-right: 6px;
                }

                .sw_right .xgyd .daoxiang a p {
                    color: #999;
                }

    .sw_right .top_bottom {
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #fff;
        margin-top: 18px;
    }

        .sw_right .top_bottom p {
            font-size: 16px;
        }


.Copyright_notice {
    background-color: #fff;
    padding: 20px 30px;
    margin-top: 18px;
}

    .Copyright_notice p {
        line-height: 24px;
        color: #999;
        font-size: 14px;
        text-align: justify;
    }

        .Copyright_notice p span {
            color: #FF3D40;
        }

.jxwfw {
    background-color: #fff;
    margin-top: 18px;
    padding: 30px;
}

    .jxwfw h3 {
        font-size: 20px;
        margin-bottom: 20px;
        color: #ff3d40;
        border-left: 4px solid #ff3d40;
        padding-left: 10px;
    }

    .jxwfw .classification {
        display: flex;
        align-items: center;
        width: 100%;
    }

        .jxwfw .classification .Teacher_profile {
            width: 30%;
            padding-right: 10px;
            border-right: 1px solid #f0f0f0;
        }

            .jxwfw .classification .Teacher_profile .teacher_top {
                display: flex;
                align-items: center;
            }

                .jxwfw .classification .Teacher_profile .teacher_top .tc {
                    width: 60px;
                }

                .jxwfw .classification .Teacher_profile .teacher_top .teacher_name {
                    padding-left: 20px;
                }

                    .jxwfw .classification .Teacher_profile .teacher_top .teacher_name p {
                        font-size: 16px;
                    }

                        .jxwfw .classification .Teacher_profile .teacher_top .teacher_name p img {
                            margin-left: 6px;
                            vertical-align: sub;
                        }

                    .jxwfw .classification .Teacher_profile .teacher_top .teacher_name span {
                        padding-top: 10px;
                        display: block;
                        color: #999;
                        font-size: 13px;
                    }

            .jxwfw .classification .Teacher_profile .jieshao {
                padding-top: 16px;
            }

            .jxwfw .classification .Teacher_profile .zx_an {
                padding-top: 16px;
                display: flex;
                align-items: center;
                justify-content: space-around;
            }

                .jxwfw .classification .Teacher_profile .zx_an a {
                    border: 1px solid#ff6600;
                    color: #ff6600;
                    padding: 6px 20px;
                    border-radius: 40px;
                }

        .jxwfw .classification .True_topic {
            width: 40%;
            padding: 0 10px;
            border-right: 1px solid #f0f0f0;
        }

            .jxwfw .classification .True_topic ul li {
                width: 48%;
                margin: 7px 4% 7px 0;
                float: left;
                display: flex;
                align-items: center;
            }

                .jxwfw .classification .True_topic ul li:nth-child(2n) {
                    margin-right: 0;
                    padding-left: 10px;
                }

                .jxwfw .classification .True_topic ul li .zl_tp {
                    margin-right: 6px;
                }

                .jxwfw .classification .True_topic ul li .topic p {
                    font-size: 15px;
                }

                .jxwfw .classification .True_topic ul li .topic a {
                    border: 1px solid#ffc198;
                    padding: 3px 0;
                    border-radius: 20px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 68px;
                    margin-top: 4px;
                    color: #ff9147;
                    font-size: 12px;
                }

                    .jxwfw .classification .True_topic ul li .topic a img {
                        width: 14px;
                        margin-right: 2px;
                        margin-top: -2px;
                    }

        .jxwfw .classification .jxwfw_tp {
            width: 30%;
            padding-left: 18px;
        }

            .jxwfw .classification .jxwfw_tp img {
                width: 100%;
                margin: 6px 0;
            }


.xgwz {
    padding: 30px;
    display: flow-root;
    background-color: #fff;
    margin-top: 18px;
}

    .xgwz h4 {
        font-size: 20px;
        margin-bottom: 20px;
        color: #ff3d40;
        border-left: 4px solid #ff3d40;
        padding-left: 10px;
    }

    .xgwz ul li {
        width: 48%;
        margin-right: 4%;
        float: left;
    }

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

        .xgwz ul li p {
            font-size: 16px;
            color: #666;
            line-height: 36px;
        }

            .xgwz ul li p i {
                font-style: normal;
                color: #FF3D40;
                margin-right: 4px;
            }

.widget {
    border-radius: 4px;
    margin-bottom: 18px;
    background-color: #fff;
}

.inner {
    padding: 15px;
}

.widget-title {
    border-bottom: 3px solid #eee;
    align-items: center;
    font-size: 18px;
    display: flex;
    line-height: 1;
}

    .widget-title span {
        border-bottom: 3px solid #ff5240;
        padding-bottom: 8px;
        transform: translate3d(0,3px,0);
    }

    .widget-title .tab {
        margin-left: auto;
        font-size: 12px;
        color: rgba(0,0,0,.55);
    }

    .widget-title .tabItem.is-active {
        color: #4370f5;
    }

.widget-content {
    padding-top: 15px;
}

.code-ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .code-ul li {
        margin-bottom: 15px;
        font-size: 16px;
        color: rgba(0,0,0,.7);
        display: flex;
        align-items: center;
    }

        .code-ul li img {
            width: 32px;
            margin-right: 8px;
            background-color: #f2f2f2;
            border-radius: 100%;
        }

        .code-ul li a {
            margin-left: auto;
            border: 1px solid #ff5240;
            color: #ff5240;
            font-size: 12px;
            padding: 3px 10px;
            line-height: 1.2;
            border-radius: 3px;
        }

            .code-ul li a:hover {
                color: #fff;
                background-color: #ff5240;
            }

.widget-wechat {
    display: flex;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .widget-wechat .img {
        margin-right: 10px;
        width: 120px;
        line-height: 1.2;
    }

        .widget-wechat .img img {
            width: 100%;
            border-radius: 0;
        }

    .widget-wechat .content {
        font-size: 14px;
        padding-bottom: 5px;
    }

        .widget-wechat .content .title {
            font-size: 16px;
            color: #ff5240;
            margin-bottom: 10px;
        }

        .widget-wechat .content p {
            margin: 0 0 5px;
        }

.code-ul li:hover .el-popover {
    display: block;
    transition: .5s;
}

.el-popover {
    position: absolute;
    background: #FFF;
    border: 1px solid #EBEEF5;
    padding: 12px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    width: 300px;
    left: 1173px;
    display: none;
    z-index: 666;
}

.el-popper[x-placement^=left] .popper__arrow {
    top: 50%;
    right: -6px;
    margin-bottom: 3px;
    border-right-width: 0;
    border-left-color: #EBEEF5;
}

    .el-popper[x-placement^=left] .popper__arrow::after {
        right: 1px;
        bottom: -6px;
        margin-left: -6px;
        border-right-width: 0;
        border-left-color: #FFF;
    }

.el-popper .popper__arrow::after {
    content: " ";
    border-width: 6px;
}

.el-popper .popper__arrow, .el-popper .popper__arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.widget--question--hero {
    display: flex;
    position: relative;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    height: 196px;
}

    .widget--question--hero:before {
        background: linear-gradient(269deg,rgba(105,179,171,.3),rgba(105,179,171,.7) 50%,#69b3ab);
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        content: "";
        position: absolute;
        z-index: 6;
    }

    .widget--question--hero:hover .img {
        transform: scale(1.05);
    }

    .widget--question--hero .img {
        transition: .5s;
        width: 100%;
    }

    .widget--question--hero .content {
        color: #fff;
        position: absolute;
        z-index: 7;
        left: 15px;
        right: 15px;
        bottom: 15px;
        top:15px;
    }

        .widget--question--hero .content .title {
            font-weight: 700;
            line-height: 1.6;
        }

        .widget--question--hero .content .des {
            font-size: 14px;
            line-height: 1.6;
            padding: 10px 0;
        }

        .widget--question--hero .content .meta {
            display: flex;
            align-items: center;
            font-size: 12px;
        }

            .widget--question--hero .content .meta .avatar-list {
                display: flex;
                align-items: center;
                padding-left: 6px;
            }

                .widget--question--hero .content .meta .avatar-list .avatar {
                    border: 1px solid #eee;
                    margin-left: -6px;
                    border-radius: 100%;
                }

            .widget--question--hero .content .meta .c {
                padding-left: 5px;
            }

.dot:before {
    content: "·";
    margin-left: .5em;
    margin-right: .5em;
}

.widget--question--hero .content .meta .btn {
    color: #6cb4a7;
    background-color: #fff;
    font-size: 12px;
    margin-left: auto;
    padding: 2px 10px;
    border-radius: 4px;
}

.widgetQuestion--item:first-child {
    padding-top: 0;
}

.widgetQuestion--item {
    font-size: 14px;
    padding: 12px 0;
    border-bottom: 1px dashed #eee;
}

    .widgetQuestion--item .title {
        line-height: 1.4;
        margin-bottom: 6px;
    }

    .widgetQuestion--item .meta {
        color: rgba(0,0,0,.55);
        line-height: 1;
    }

.friend-link-wrap {
    position: relative;
    z-index: 9;
    width: 100%;
    display: flow-root;
}

.friend-link {
    width: 1200px;
    margin: 0 auto;
    padding: 0px 0 16px 0;
}

    .friend-link.friendlinkenter {
      /*  padding: 30px 0 60px 0;*/
    }

    .friend-link.friendlinkenter2 {
       /* padding: 30px 0 145px 0;*/
    }

    .friend-link.friendlinkenter3 {
       /* padding: 30px 0 90px 0;*/
    }

    .friend-link.friendlinkenter4 {
  /*      padding: 30px 0 200px 0;*/
    }

    .friend-link .logo {
        float: left;
        width: 140px;
        height: 160px;
        margin: 0 0 0 0;
        background: #FFF;
        line-height: 160px;
        text-align: center;
        border-radius: 7px;
    }

        .friend-link .logo img {
            width: 126px;
        }

    .friend-link .block {
        width: 140px;
        height: 160px;
        overflow: hidden;
        float: left;
        background: #FFF;
        margin: 0 0 10px 11px;
        border-radius: 7px;
        position: relative;
    }

        .friend-link .block.overindex {
            z-index: 11;
        }

    .friend-link .block-in {
        border: 1px solid #FFF;
        border-radius: 7px;
        box-sizing: border-box;
        position: relative;
    }

    .friend-link .block:nth-child(9) {
        margin-left: 0;
    }

    .friend-link .block .block-on {
        width: 140px;
        min-height: 160px;
        background: #FFF;
        border: 1px solid #FF6E00;
        color: #FF6E00;
        overflow: visible;
        box-shadow: 0px 4px 16px 0px rgba(255,110,0,0.1);
        position: absolute;
        top: 0;
        left: 0;
        padding-bottom: 10px;
        z-index: 10;
    }

    .friend-link .block .title {
        font-size: 14px;
        font-weight: bold;
        margin: 12px 0 0 8px;
    }

    .friend-link .block .list {
        background: none;
        color: #333;
        margin: 12px 0 0 8px;
        font-size: 12px;
        line-height: 18px;
        float: left;
        width: 60px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        display: -moz-box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        transition: all 0s linear
    }

        .friend-link .block .list .item-name {
            width: 60px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
        }

    .friend-link .block-on .list {
        color: #FF6E00;
    }

    .friend-link .block .list1 {
        background: none;
        color: #333;
        margin: 12px 0 0 8px;
        font-size: 12px;
        line-height: 18px;
        float: left;
        width: 60px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        display: -moz-box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        transition: all 0s linear
    }

        .friend-link .block .list1 .item-name {
            width: 60px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
        }

    .friend-link .block-on .list1 {
        color: #FF6E00;
    }





.index_mk2 .fr_ct ul li {
    float: left;
    padding: 0 70px 10px 0;
    cursor: pointer;
    position: relative;
}

    .index_mk2 .fr_ct ul li:nth-child(2n) {
        padding-right: 0
    }

/*热点推荐轮播图样式*/
.ft-carousel {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

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

        .ft-carousel .carousel-inner .carousel-item .item .mfkcbt {
            padding: 10px 0 4px;
        }

            .ft-carousel .carousel-inner .carousel-item .item .mfkcbt h4 {
                font-size: 16px;
                color: #333;
                line-height: 30px;
            }

            .ft-carousel .carousel-inner .carousel-item .item .mfkcbt .teacher {
                font-size: 14px;
                color: #666;
                line-height: 40px;
            }

                .ft-carousel .carousel-inner .carousel-item .item .mfkcbt .teacher a {
                    font-size: 12px;
                    background-color: #ff4d4d;
                    color: #fff;
                    padding: 4px 10px;
                    float: right;
                    line-height: normal;
                    border-radius: 20px;
                    margin-top: 8px;
                }

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

    .ft-carousel .carousel-indicators {
        position: absolute;
        left: 12px;
        bottom: 10px;
        width: 100%;
        text-align: right;
    }

        .ft-carousel .carousel-indicators span {
            display: inline-block;
            width: 12px;
            height: 12px;
            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%;
        height: 45px;
        margin-top: -25px;
        cursor: pointer;
    }

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

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

.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: -8px;
    cursor: pointer;
}

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

.fr_left .rt_bk3 {
    padding: 15px;
    border: 1px solid#fff;
    background-color: #fff;
    display: flow-root;
}

    .fr_left .rt_bk3 .zhinan {
        border-bottom: 3px solid #eee;
        padding-bottom: 7px;
    }

        .fr_left .rt_bk3 .zhinan span {
            font-size: 18px;
            padding: 6px 0 16px;
            border-bottom: 3px solid #ff5240;
            padding-bottom: 8px;
            transform: translate3d(0,3px,0);
        }

    .fr_left .rt_bk3 .zn {
        padding-top: 10px;
    }

        .fr_left .rt_bk3 .zn .zjlx {
            padding: 10px 0px;
            margin: 0px;
            display: flex;
            align-items: center;
            float: left;
            margin-right: 10%;
            width: 45%;
        }

            .fr_left .rt_bk3 .zn .zjlx:nth-child(2n) {
                margin-right: 0;
            }

            .fr_left .rt_bk3 .zn .zjlx dt {
                display: inline-block;
                float: left;
                padding: 0px 8px 0 0;
            }

            .fr_left .rt_bk3 .zn .zjlx dd {
                display: flow-root;
                float: left;
            }

                .fr_left .rt_bk3 .zn .zjlx dd p {
                    font-size: 14px;
                    color: #333;
                    margin: 0;
                }

                .fr_left .rt_bk3 .zn .zjlx dd span {
                    font-size: 12px;
                    color: #999;
                }

            .fr_left .rt_bk3 .zn .zjlx a {
                color: #ff333c;
                border: 1px solid#fdd7d1;
                padding: 5px 16px;
                float: right;
                border-radius: 20px;
                margin-top: 4px;
            }

.fr_left .rt_bk4 {
    padding: 15px;
    border: 1px solid#fff;
    background-color: #fff;
    display: flow-root;
    margin-top: 18px;
}

    .fr_left .rt_bk4 .zhinan {
        border-bottom: 3px solid #eee;
        display: flex;
        align-items: center;
    }

        .fr_left .rt_bk4 .zhinan span {
            font-size: 18px;
            padding: 0 0 16px;
            border-bottom: 3px solid #ff5240;
            padding-bottom: 8px;
            transform: translate3d(0,3px,0);
        }

        .fr_left .rt_bk4 .zhinan .tab {
            margin-left: auto;
            font-size: 12px;
        }

            .fr_left .rt_bk4 .zhinan .tab a {
                color: rgba(0,0,0,.55);
            }

    .fr_left .rt_bk4 .zn ul li {
        display: flex;
        align-items: center;
        padding: 16px 0;
        border-bottom: 1px dashed#f0f0f0;
    }

        .fr_left .rt_bk4 .zn ul li .img {
            width: 74px;
        }

            .fr_left .rt_bk4 .zn ul li .img img {
                width: 100%;
            }

        .fr_left .rt_bk4 .zn ul li .haoke {
            margin-left: 20px;
        }

            .fr_left .rt_bk4 .zn ul li .haoke p {
                color: #333;
            }

            .fr_left .rt_bk4 .zn ul li .haoke span {
                color: #999;
                font-size: 12px;
                padding-top: 26px;
                display: block;
            }

/*悬浮*/
.xuanfu {
    width: 90px;
    position: fixed;
    top: 114px;
    left: calc(50% - 710px);
    z-index: 999;
}

    .xuanfu > div {
        margin-bottom: 2px;
    }

    .xuanfu ul {
        width: 70px;
        margin: 0 auto;
        background-color: #f5f5f5;
        border-radius: 8px;
    }

        .xuanfu ul li {
            width: 100%;
            height: 74px;
            border: 1px solid #e2e2e2;
            background: #fff;
            border-radius: 8px;
            text-align: center;
            position: relative;
            margin-bottom: 6px;
        }

            .xuanfu ul li a {
                width: 100%;
                height: 100%;
                display: block;
                padding-top: 46px;
                color: #555;
            }

            .xuanfu ul li:hover {
                background: #ff4d4d;
                border: 1px solid #ff4d4d;
            }

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

    .xuanfu .zxkf {
        background: url(/content/images/news/bmzn.png) no-repeat center top 12px #fff;
    }

        .xuanfu .zxkf:hover {
            background: url("/content/images/news/bmzn_s.png") no-repeat center top 12px #ff4d4d;
        }

    .xuanfu .qiandao {
        background: url(/content/images/news/yybm.png) no-repeat center top 11px #fff;
    }

        .xuanfu .qiandao:hover {
            background: url(/content/images/news/yybm_s.png) no-repeat center top 11px #ff4d4d;
        }

    .xuanfu .shiting {
        background: url(/content/images/news/bmtj.png) no-repeat center top 11px #fff;
    }

        .xuanfu .shiting:hover {
            background: url(/content/images/news/bmtj_s.png) no-repeat center top 11px #ff4d4d;
        }

    .xuanfu .yjfk {
        background: url(/content/images/news/dgbh_s.png) no-repeat center top 11px #fff;
    }

        .xuanfu .yjfk:hover {
            background: url(/content/images/news/dgbh.png) no-repeat center top 11px #ff4d4d;
        }

    .xuanfu .apxz {
        background: url(/content/images/news/kscf.png) no-repeat center top 11px #fff;
    }

        .xuanfu .apxz:hover {
            background: url(/content/images/news/kscf_s.png) no-repeat center top 11px #ff4d4d;
        }

    .xuanfu .gzh2 {
        background: url("/content/images/news/xrhl.png") no-repeat center top 11px #fff;
    }

        .xuanfu .gzh2:hover {
            background: url(/content/images/news/xrhl_s.png) no-repeat center top 11px #ff4d4d;
        }

    .xuanfu .apxz .appm {
        width: 270px;
        height: 155px;
        background: url(/content/images/news/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(/content/images/news/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;
    }
@charset "utf-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
}

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




/*banner*/

.bx .daohang {
    clear: both;
    border-bottom: 1px solid#f5f5f5;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .bx .daohang .news_sj .news {
        background-color: #f1f1f1;
        width: 78px;
        height: 28px;
        display: inline-block;
        text-align: center;
        line-height: 28px;
        margin-right: 16px;
    }

    .bx .daohang .news_sj .aa:hover {
        border: 1px solid#ff5240;
        border-color: #ff5842;
        color: #ff5240;
        border-radius: 2px;
        background-color: #fff;
    }

    .bx .daohang .news_sj .sjll {
        border: 1px solid#FF3D40;
        color: #FF3D40;
        width: 78px;
        height: 28px;
        display: inline-block;
        text-align: center;
        line-height: 28px;
        box-sizing: border-box;
    }

    .bx .daohang p {
        padding: 20px 0;
        font-size: 14px;
        color: #666;
    }

        .bx .daohang p img {
            padding-right: 4px;
        }

        .bx .daohang p span {
            color: #999;
        }

.news_sj .qc-pos {
    position: absolute;
    display: none;
    top: 105%;
    left: 77%;
    overflow: hidden;
    width: 138px;
    margin-left: -69px;
    padding: 10px 0;
    background: white;
    box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 15%);
    border-radius: 8px;
    text-align: center;
}

    .news_sj .qc-pos img {
        width: 100%;
    }

.news_sj {
    position: relative;
    display: flex;
}

    .news_sj .sm:hover .qc-pos {
        display: block;
    }

.time_ly .qc-pos {
    position: absolute;
    display: none;
    bottom: 120%;
    left: 50%;
    overflow: hidden;
    width: 138px;
    margin-left: -69px;
    padding: 10px 0;
    background: white;
    box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 15%);
    border-radius: 8px;
    text-align: center;
}

    .time_ly .qc-pos img {
        width: 100%;
    }

.time_ly a {
    position: relative;
}

    .time_ly a:hover .qc-pos {
        display: block;
    }

/*banner左侧样式*/
.xxfl ul {
    width: 100%;
}

    .xxfl ul h3 {
        font-size: 16px;
        color: #333;
        line-height: 50px;
        border-bottom: 1px solid #f5f5f5;
    }

    .xxfl ul li {
        display: inline-block;
        margin-top: 15px;
        margin-right: 10px;
        width: 125px;
        line-height: 40px;
        background-color: #F7F7F7;
        border-radius: 6px;
        color: #666;
        text-align: center;
        font-size: 14px;
        float: left;
        overflow: hidden;
    }

        .xxfl ul li a {
            width: 100%;
            height: 100%;
            display: block;
            color: #333;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.con_dh .dhfl .zfl .flmc .xxfl {
    width: 450px;
    padding-right: 20px;
}

.xxfl ul li a:hover {
    background: #feebed;
    color: #fb465b;
}
/*首页分类导航*/


/*首页banner上左边介绍*/
.xxfl ul {
    width: 100%;
}

    .xxfl ul h3 {
        font-size: 16px;
        color: #333;
        line-height: 50px;
        border-bottom: 1px solid #f5f5f5;
    }

    .xxfl ul li {
        display: inline-block;
        margin-top: 15px;
        margin-right: 10px;
        width: 125px;
        line-height: 40px;
        background-color: #F7F7F7;
        border-radius: 6px;
        color: #666;
        text-align: center;
        font-size: 14px;
        float: left;
        overflow: hidden;
    }

        .xxfl ul li a {
            width: 100%;
            height: 100%;
            display: block;
            color: #333;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-family: "Source Han Sans CN"
        }

.con_dh .dhfl .zfl .flmc .xxfl {
    width: 450px !important;
    padding-right: 20px !important;
}

.xxfl ul li a:hover {
    background: #feebed;
    color: #fb465b
}

.main_in {
    max-width: 1200px;
    margin: 0 auto;
    clear: both;
}


/*banner下方介绍*/
.com_a {
    background-color: #f5f5f5;
    clear: both;
}

.con .container {
    width: 1200px;
    padding: 0;
}

    .con .container .white-bg-bord {
        padding: 20px 0;
        padding-left: 25px;
    }

    .con .container dl {
        margin-right: 3%;
        vertical-align: top;
    }

        .con .container dl:nth-child(3n) {
            margin-right: 0;
        }

        .con .container dl dt {
            padding-top: 3px;
            width: 56px;
            height: 56px;
            text-align: center;
            border-radius: 6px;
            color: #fff;
            background: linear-gradient(0deg, #f65252, #f96f6f);
        }

        .con .container dl .icon-shicao {
            background: linear-gradient(0deg, #2bc2b3, #65d9c7);
        }

        .con .container dl .icon-gangwei {
            background: linear-gradient(0deg, #3f9ce8, #5ebcf2);
        }

        .con .container dl dt img {
            padding-top: 4px;
        }

.inline-block {
    display: inline-block;
}

.con .container dl ul {
    margin-left: 75px;
}

    .con .container dl ul li {
        display: inline-block;
        vertical-align: top;
        margin-right: 22px;
    }

    .con .container dl ul div {
        line-height: 28px;
    }


/*热点推荐*/
.index_mk2 .index_bt h2 a:hover {
    color: #ef2d36;
}

.index_mk2 .fr_left {
    width: 295px;
    float: right;
}


.sw_right {
    width: calc(100% - 315px);
    float: left;
    margin-right: 20px;
    margin-bottom: 40px;
}

    .sw_right .left {
        padding: 0 30px 30px;
        background-color: #fff;
    }

    .sw_right .yybm img {
        width: 100%;
    }

    .sw_right .article {
        border-top: 0;
    }

    .sw_right .article_t .guang_gao {
        width: 380px;
        background-color: #f9f9f9;
        padding: 15px;
        margin: 20px auto;
        display: flex;
        align-items: center;
    }

        .sw_right .article_t .guang_gao img {
            width: 90px;
            height: 90px;
        }

        .sw_right .article_t .guang_gao .gsnb {
            margin-left: 10px;
        }

    .sw_right .article_t .article_jj {
        text-indent: 2em;
        background-color: #f9f9f9;
        padding: 20px;
        margin-top: 10px;
        font-size: 15px;
        line-height: 32px;
    }

    .sw_right .article_t .guang_gao h4 {
        line-height: 22px;
        color: #333;
        font-size: 15px;
        margin-bottom: 15px;
        text-align: justify;
        padding: 0;
    }

    .sw_right .article_t .guang_gao p {
        line-height: 26px;
        color: #333;
    }

        .sw_right .article_t .guang_gao p.yd {
            color: #fd5409;
            font-weight: bold;
        }

            .sw_right .article_t .guang_gao p.yd span {
                color: #333;
                font-weight: normal;
                padding-right: 10px;
            }

            .sw_right .article_t .guang_gao p.yd a {
                font-weight: normal;
                color: #ff0000;
            }

    .sw_right .article p {
        line-height: 32px;
        color: #333;
        font-size: 15px;
    }

    .sw_right .article .ysnr {
        padding: 30px 0;
    }

    .sw_right .article h4 {
        font-size: 16px;
        padding: 20px 0;
    }

    .sw_right .top_bottom {
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #fff;
        margin-top: 18px;
    }

        .sw_right .top_bottom p {
            font-size: 15px;
        }

            .sw_right .top_bottom p:hover {
                color: #FF4447;
            }

            .sw_right .top_bottom p a:hover {
                color: #FF4447;
            }

.readall_box {
    position: relative;
    z-index: 9999;
    padding: 0 0 25px;
    margin-top: -50px;
    text-align: center;
    background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,210,171,0)),to(#fff3c1));
    background-color: #fff;
}

    .readall_box .read_more_mask {
        height: 50px;
    }

.read_more_btn {
    cursor: pointer;
    font-size: 16px;
    color: #ffffff;
    border-radius: 40px;
    line-height: 40px;
    background: linear-gradient(to right,#ff403a,#ff6a49);
    width: 200px;
    height: 40px;
    display: inline-block;
}

.Copyright_notice {
    background-color: #fff;
    padding: 20px 30px;
    margin-top: 18px;
}

    .Copyright_notice p {
        line-height: 24px;
        color: #999;
        font-size: 14px;
        text-align: justify;
    }

        .Copyright_notice p span {
            color: #FF3D40;
        }

.xgwz {
    border: 1px solid#f5f5f5;
    padding: 30px;
    display: flow-root;
    background-color: #fff;
    margin-top: 15px;
}

    .xgwz h4 {
        font-size: 18px;
        margin-bottom: 16px;
    }

    .xgwz ul li {
        width: 48%;
        margin-right: 4%;
        float: left;
    }

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

        .xgwz ul li p {
            font-size: 15px;
            color: #666;
            line-height: 36px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            .xgwz ul li p i {
                font-style: normal;
                color: #FF3D40;
                margin-right: 4px;
            }


.index_mk2 .fr_ct ul li {
    float: left;
    padding: 0 70px 10px 0;
    cursor: pointer;
    position: relative;
}

    .index_mk2 .fr_ct ul li:nth-child(2n) {
        padding-right: 0
    }

/*热点推荐轮播图样式*/
.ft-carousel {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

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

        .ft-carousel .carousel-inner .carousel-item .item .mfkcbt {
            padding: 10px 0 4px;
        }

            .ft-carousel .carousel-inner .carousel-item .item .mfkcbt h4 {
                font-size: 16px;
                color: #333;
                line-height: 30px;
            }

            .ft-carousel .carousel-inner .carousel-item .item .mfkcbt .teacher {
                font-size: 14px;
                color: #666;
                line-height: 40px;
            }

                .ft-carousel .carousel-inner .carousel-item .item .mfkcbt .teacher a {
                    font-size: 12px;
                    background-color: #ff4d4d;
                    color: #fff;
                    padding: 4px 10px;
                    float: right;
                    line-height: normal;
                    border-radius: 20px;
                    margin-top: 8px;
                }

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

    .ft-carousel .carousel-indicators {
        position: absolute;
        left: 12px;
        bottom: 10px;
        width: 100%;
        text-align: right;
    }

        .ft-carousel .carousel-indicators span {
            display: inline-block;
            width: 12px;
            height: 12px;
            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%;
        height: 45px;
        margin-top: -25px;
        cursor: pointer;
    }

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

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

.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: -8px;
    cursor: pointer;
}

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

.fr_left .lsjs3 {
    width: 100%;
    background: #fff;
    border-radius: 8px;
    position: relative;
    margin-bottom: 20px;
    padding: 15px 14px 20px;
}

    .fr_left .lsjs3 .lsjj2 .teacher {
        position: relative;
    }

        .fr_left .lsjs3 .lsjj2 .teacher .img1 {
            width: 100%;
            border-radius: 7px 7px 0 0;
        }

        .fr_left .lsjs3 .lsjj2 .teacher span {
            position: absolute;
            left: 10px;
            top: -10px;
            z-index: 11;
            background: url("../images/zhekou.png") no-repeat center;
            width: 43px;
            height: 49px;
            color: #fff;
            font-weight: bold;
            font-size: 16px;
            text-align: center;
            line-height: 44px;
        }

    .fr_left .lsjs3 .clearfix {
        background-color: #f0f0f0;
        padding: 10px 6px;
        margin-bottom: 0px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .fr_left .lsjs3 .clearfix .span1 {
            font-size: 16px;
            color: #f02c2c;
            font-weight: 600;
        }

            .fr_left .lsjs3 .clearfix .span1 b {
                font-size: 20px;
                font-style: italic;
            }

        .fr_left .lsjs3 .clearfix .span2 {
            font-size: 12px;
            color: #666;
            padding-left: 5px;
            padding-right: 6px;
        }

            .fr_left .lsjs3 .clearfix .span2 b {
                font-size: 16px;
                color: #f02c2c;
            }

        .fr_left .lsjs3 .clearfix .span3 {
            font-size: 14px;
            color: #333;
        }

            .fr_left .lsjs3 .clearfix .span3 b {
                color: #fff;
                background-color: #333;
                padding: 4px;
                border-radius: 4px;
                margin: 0 1px;
            }

    .fr_left .lsjs3 .p2 {
        font-size: 15px;
        padding-top: 10px;
        color: #000;
        margin-bottom: 0;
    }

    .fr_left .lsjs3 .ls_info {
        padding: 18px 0;
        line-height: 10px;
    }

        .fr_left .lsjs3 .ls_info .a {
            font-size: 12px;
            color: #999;
        }

        .fr_left .lsjs3 .ls_info .b {
            float: right;
            color: #f02c2c;
            font-size: 14px;
        }

            .fr_left .lsjs3 .ls_info .b b {
                font-size: 24px;
                font-weight: bold;
                padding-right: 6px;
            }

            .fr_left .lsjs3 .ls_info .b i {
                text-decoration: line-through;
                color: #999;
                font-style: normal;
            }

    .fr_left .lsjs3 .dianji {
        background: linear-gradient(to left,#ff403a,#ff6a49);
        border-radius: 50px;
    }

        .fr_left .lsjs3 .dianji p {
            color: #fff;
            padding: 8px 0;
        }

            .fr_left .lsjs3 .dianji p a {
                color: #fff;
                text-align: center;
                font-size: 14px;
            }

            .fr_left .lsjs3 .dianji p span {
                padding: 8px 26px;
            }





.index_mk2 .kushu_tw .kstw {
    width: 100%;
    height: 332px;
    background: url("../images/kuaishu_twbj.jpg")no-repeat center;
    border-radius: 8px;
}

    .index_mk2 .kushu_tw .kstw h3 {
        width: 100%;
        text-align: center;
        padding: 20px 0;
        color: #ffffff;
    }

    .index_mk2 .kushu_tw .kstw .biaodan {
        width: 260px;
        margin-left: calc(50% - 130px);
    }

        .index_mk2 .kushu_tw .kstw .biaodan select {
            width: 100%;
            height: 45px;
            border: 1px solid #f9d2ca;
            padding: 0 4px;
            margin-bottom: 20px;
            border-radius: 6px;
        }

        .index_mk2 .kushu_tw .kstw .biaodan .tjwd {
            width: 100%;
            height: 38px;
            background: linear-gradient(to right,#ffa500,#ffe000);
            display: block;
            border-radius: 38px;
            color: #fff;
            text-align: center;
            line-height: 38px;
            font-size: 15px;
        }



.tiwen .xx_info .info_right1 p {
    font-size: 14px;
    color: #333;
    font-weight: normal;
}

.tiwen .xx_info .info_right1 span {
    color: #999;
    font-size: 12px;
    margin-top: 5px;
    display: block;
}

.tiwen .xx_info .qtw {
    padding: 20px 0px 0 0;
}

    .tiwen .xx_info .qtw .tw {
        background: #5e90b3;
        padding: 4px 12px;
        border-radius: 50px;
        color: #fff;
        font-size: 12px;
    }


.praise img.animation {
    animation: myfirst 0.5s;
    -moz-animation: myfirst 0.5s; /* Firefox */
    -webkit-animation: myfirst 0.5s; /* Safari 和 Chrome */
    -o-animation: myfirst 0.5s; /* Opera */
}

#add-num {
    position: relative;
    display: none;
}

    #add-num .add-animation {
        color: #000;
        position: absolute;
        top: -2px;
        left: -10px;
        font-size: 15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity: 0;
        animation: mypraise 0.5s;
        -moz-animation: mypraise 0.5s;
        -webkit-animation: mypraise 0.5s;
        -o-animation: mypraise 0.5s;
        font-style: normal;
    }

        .praise .hover, #add-num .add-animation.hover, #praise-txt.hover {
            color: #EB4F38;
        }
/*点赞图标放大动画开始*/
@keyframes myfirst {
    0% {
        width: 17px;
        height: 17px;
    }

    50% {
        width: 20px;
        height: 20px;
    }

    100% {
        width: 17px;
        height: 17px;
    }
}

@-moz-keyframes myfirst {
    0% {
        width: 17px;
        height: 17px;
    }

    50% {
        width: 20px;
        height: 20px;
    }

    100% {
        width: 17px;
        height: 17px;
    }
}

@-webkit-keyframes myfirst {
    0% {
        width: 17px;
        height: 17px;
    }

    50% {
        width: 20px;
        height: 20px;
    }

    100% {
        width: 17px;
        height: 17px;
    }
}

@-o-keyframes myfirst {
    0% {
        width: 17px;
        height: 17px;
    }

    50% {
        width: 50px;
        height: 50px;
    }

    100% {
        width: 17px;
        height: 17px;
    }
}
/*点赞图标放大动画结束*/
/*点赞数量加减动画开始*/
@keyframes mypraise {
    0% {
        top: -15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity: 0;
    }

    25% {
        top: -20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity: 0.5;
    }

    50% {
        top: -25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity: 1;
    }

    75% {
        top: -30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity: 0.5;
    }

    100% {
        top: -35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity: 0;
    }
}

@-moz-keyframes mypraise {
    0% {
        top: -15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity: 0;
    }

    25% {
        top: -20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity: 0.5;
    }

    50% {
        top: -25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity: 1;
    }

    75% {
        top: -30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity: 0.5;
    }

    100% {
        top: -35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity: 0;
    }
}

@-webkit-keyframes mypraise /* Safari 和 Chrome */
{
    0% {
        top: -15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity: 0;
    }

    25% {
        top: -20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity: 0.5;
    }

    50% {
        top: -25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity: 1;
    }

    75% {
        top: -30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity: 0.5;
    }

    100% {
        top: -35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity: 0;
    }
}

@-o-keyframes mypraise /* Opera */
{
    0% {
        top: -15px;
        opacity: 0;
        filter: Alpha(opacity=0);
        -moz-opacity: 0;
    }

    25% {
        top: -20px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity: 0.5;
    }

    50% {
        top: -25px;
        opacity: 1;
        filter: Alpha(opacity=100);
        -moz-opacity: 1;
    }

    75% {
        top: -30px;
        opacity: 0.5;
        filter: Alpha(opacity=50);
        -moz-opacity: 0.5;
    }

    100% {
        top: -35px;
        opacity: 0;
        filter: Alpha(opacity=0);
        moz-opacity: 0;
    }
}

.modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .modal-header p {
        font-size: 16px;
        font-weight: 600;
        color: #333;
    }

.modal {
    top: 200px;
}

.modal-dialog {
    width: 300px;
    margin: 30px auto;
}

.form-horizontal textarea {
    width: 100%;
    height: 120px;
    border: 1px solid#ddd;
    padding: 10px;
    margin-bottom: 10px;
}


.con_dh .bx .zhiboke {
    margin-top: 20px;
}

.section_tt {
    margin-top: 20px;
    display: flow-root;
}

.zl_xiazai {
    background-color: #fff;
    margin-top: 15px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .zl_xiazai .ziliao {
        display: flex;
        align-items: center;
    }

        .zl_xiazai .ziliao .ziliao_xq h3 {
            font-size: 20px;
            padding-bottom: 15px;
        }

        .zl_xiazai .ziliao .ziliao_xq h4 {
            font-size: 15px;
            color: #999;
            text-decoration: underline;
            font-weight: normal;
            padding-bottom: 15px;
        }

        .zl_xiazai .ziliao .ziliao_xq p {
            font-size: 15px;
        }

            .zl_xiazai .ziliao .ziliao_xq p span {
                color: #FF3E41;
            }

    .zl_xiazai a {
        display: flex;
        align-items: center;
        background-color: #ff4a49;
        padding: 14px;
        border-radius: 6px;
    }

        .zl_xiazai a img {
            width: 45px;
            margin-right: 16px;
        }

        .zl_xiazai a h4 {
            color: #fff;
            padding-bottom: 8px;
            font-size: 18px;
            font-weight: normal;
        }

        .zl_xiazai a p {
            color: #fff;
        }

/*题库列表右侧提问弹窗*/

.mask {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    height: 100%;
    background: #333;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

#LoginBox {
    position: fixed;
    left: 33%;
    top: 28%;
    background: white;
    width: 650px;
    height: 382px;
    border-radius: 7px;
    z-index: 10000;
    display: none;
}

.row1 {
    background: #f7f7f7;
    padding: 0px 20px;
    line-height: 50px;
    height: 50px;
    font-weight: normal;
    color: #666;
    font-size: 14px;
    border-radius: 6px;
}

.row {
    padding: 0px 30px;
    font-family: 华文楷体;
    font-size: x-large;
}

    .row .srk-info {
        padding-top: 10px;
    }

        .row .srk-info textarea {
            width: 100%;
            height: 100px;
            font-size: 14px;
            padding: 6px;
            line-height: normal;
            border: 1px solid#ccc;
        }

.close_btn {
    font-family: arial;
    font-size: 20px;
    background-color: #dddddd;
    border-radius: 50%;
    color: #fff !important;
    float: right;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-top: 15px;
}

#LoginBox .srk-info .twt .clear {
    padding: 0;
}

.shuru_xu {
    display: inline-block;
    position: relative;
}

    .shuru_xu input {
        width: 160px;
        font-size: 14px;
        height: 35px;
        border-radius: 6px;
        border: 1px solid#ddd;
        padding-left: 4px;
    }

    .shuru_xu .hqyzm {
        position: absolute;
        right: 149px;
        top: 7px;
        background-color: #ffe5e0;
        border: 1px solid#ddd;
        height: 35px;
        line-height: 25px;
        padding: 0 6px;
        border-left: 0px;
        border-radius: 0 6px 6px 0;
    }

        .shuru_xu .hqyzm a {
            color: #ff4d4d;
            font-size: 14px;
        }

    .shuru_xu .dltw {
        display: inline-block;
        clear: both;
        margin-left: 10px;
    }

        .shuru_xu .dltw a {
            color: #ff4d4d;
            text-decoration: underline;
        }

.fr_left .fldh_t {
    padding: 15px 0;
    background-color: #fff;
    margin-bottom: 12px;
}

.fr_left .dysm_t {
    padding: 10px 0 10px;
    margin-bottom: 0;
}

    .fr_left .dysm_t p {
        padding-top: 5px;
        text-align: center;
    }

.fr_left .dysm .sm {
    width: 155px;
    height: 155px;
    background: url(../images/bg_dym.png) no-repeat;
    padding: 4.5px;
    margin: 0 auto;
}

    .fr_left .dysm .sm img {
        width: 100%;
    }

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

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

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

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

.fr_left .fldh .yjwc::before {
    content: " ";
    background: url("../images/icon6.png") no-repeat center;
    vertical-align: top;
    width: 29px;
    height: 29px;
    margin: 0 auto;
    display: block;
}

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

.fr_left .fldh ul li p {
    line-height: 28px;
    color: #666;
    font-size: 12px;
    font-weight: normal;
}

.fr_left .xx_info_t {
    float: none;
    margin-bottom: 12px;
}

    .fr_left .xx_info_t .info_left {
        margin: 23px 13px 0 15px;
    }

.fr_left .jxhf .rmkcbt p {
    display: flex;
    align-items: center;
}

    .fr_left .jxhf .rmkcbt p img {
        padding-right: 6px;
    }

.fr_left .fldh ul {
    width: 100%;
    overflow: hidden;
}

    .fr_left .fldh ul li {
        border-right: 1px dashed #eee;
        cursor: pointer;
        overflow: hidden;
        width: 33.3%;
        padding: 0;
        float: left;
        text-align: center;
    }

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

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

        .fr_left .fldh ul li:hover, .fr_left .fldh ul li:focus {
            color: #ff4e4e;
            box-shadow: 0 0 10px 0 #eee;
        }

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

.gzgzh {
    background: url("../images/gz_gzh_bj.jpg")no-repeat center;
    height: 370px;
    background-size: 100%;
    padding: 16px;
    margin-bottom: 12px;
}

    .gzgzh ul {
        padding-top: 72px;
    }

        .gzgzh ul li {
            display: flex;
            align-items: center;
            padding: 15px 0;
        }

            .gzgzh ul li:first-child {
                border-bottom: 1px dotted#ddd;
            }

            .gzgzh ul li img {
                margin-right: 10px;
                width: 100px;
            }

            .gzgzh ul li .ewm h4 {
                color: #FF3D40;
                font-size: 16px;
                padding-bottom: 6px;
            }

            .gzgzh ul li .ewm p {
                font-size: 14px;
                text-align: justify;
                color: #666;
            }

.fr_left .rmkc {
    width: 100%;
    background: #fff;
    padding: 15px 15px 0;
    margin-bottom: 12px;
}

    .fr_left .rmkc .rmkcbt {
        height: 30px;
        border-bottom: 1px solid #eee;
        font-size: 16px;
    }

        .fr_left .rmkc .rmkcbt img {
            margin-right: 4px;
            margin-bottom: 3px;
        }

    .fr_left .rmkc .kclb {
        width: 100%;
    }

        .fr_left .rmkc .kclb ul li {
            width: 100%;
            float: left;
            height: 42px;
            line-height: 42px;
        }

            .fr_left .rmkc .kclb ul li div {
                width: 24px;
                height: 24px;
                border-radius: 100%;
                overflow: hidden;
                background: #ccc;
                float: left;
                margin-right: 14px;
                margin-top: 9px;
                line-height: 24px;
                text-align: center;
                font-size: 16px;
                color: #fff;
            }

                .fr_left .rmkc .kclb ul li div img {
                    float: left;
                    width: 100%;
                }

        .fr_left .rmkc .kclb .no1 {
            background: url(../images/icon_hg.png) no-repeat center;
        }

        .fr_left .rmkc .kclb .no2 {
            background: #ff8672;
        }

        .fr_left .rmkc .kclb .no3 {
            background: #fdb5a9;
        }

        .fr_left .rmkc .kclb ul li p {
            float: left;
            width: 205px;
        }

            .fr_left .rmkc .kclb ul li p span {
                float: right;
                color: #999;
            }

.rmkc .jxhd {
    width: 100%;
    padding-bottom: 6px;
}

    .rmkc .jxhd ul li {
        width: 100%;
        padding: 10px 0;
        border-bottom: 1px dashed #ddd;
        cursor: pointer;
        border-right: 0;
    }

        .rmkc .jxhd ul li:last-child {
            border-bottom: none;
        }

        .rmkc .jxhd ul li h4 {
            font-size: 14px;
            font-weight: normal;
            line-height: 24px;
            color: #666;
        }

            .rmkc .jxhd ul li h4 span {
                color: #FF474A;
                padding-right: 4px;
            }

        .rmkc .jxhd ul li p {
            color: #999;
            line-height: 22px;
            font-size: 12px;
        }

            .rmkc .jxhd ul li p span {
                color: #097df2;
            }

        .rmkc .jxhd ul li:hover h4 {
            color: #f53939
        }

.fr_left .lsjs3 .rmkcbt {
    height: 30px;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    margin-bottom: 20px;
}

    .fr_left .lsjs3 .rmkcbt img {
        margin-right: 4px;
        margin-bottom: 3px;
    }

/*悬浮*/
.xuanfu {
    width: 90px;
    position: fixed;
    top: 114px;
    left: calc(50% - 710px);
    z-index: 999;
}

    .xuanfu > div {
        margin-bottom: 2px;
    }

    .xuanfu ul {
        width: 70px;
        margin: 0 auto;
        background-color: #f5f5f5;
        border-radius: 8px;
    }

        .xuanfu ul li {
            width: 100%;
            height: 74px;
            border: 1px solid #e2e2e2;
            background: #fff;
            border-radius: 8px;
            text-align: center;
            position: relative;
            margin-bottom: 6px;
        }

            .xuanfu ul li a {
                width: 100%;
                height: 100%;
                display: block;
                padding-top: 46px;
                color: #555;
            }

            .xuanfu ul li:hover {
                background: #ff4d4d;
                border: 1px solid #ff4d4d;
            }

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

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

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

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

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

    .xuanfu .shiting {
        background: url(../images/bmtj.png) no-repeat center top 11px #fff;
    }

        .xuanfu .shiting:hover {
            background: url(../images/bmtj_s.png) no-repeat center top 11px #ff4d4d;
        }

    .xuanfu .yjfk {
        background: url(../images/dgbh_s.png) no-repeat center top 11px #fff;
    }

        .xuanfu .yjfk:hover {
            background: url(../images/dgbh.png) no-repeat center top 11px #ff4d4d;
        }

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

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

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

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

    .xuanfu .apxz .appm {
        width: 270px;
        height: 155px;
        background: url(/content/images/news/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;
    }

.demo-list {
    position: relative;
    color: #555;
    background: #fff;
    overflow: hidden;
    padding-bottom: 47px;
    border-bottom: 1px solid #eee;
}

    .demo-list ul {
        float: right;
        white-space: nowrap;
    }

.iradio_flat-blue {
    position: absolute;
    top: 0;
    left: 0;
}

.iradio_square-blue, .iradio_square-blue.static:hover {
    background-position: -120px 0;
}

    .iradio_square-blue.hover, .iradio_square-blue:hover {
        background-position: -144px 0;
    }

    .iradio_square-blue.checked {
        background-position: -168px 0;
    }

.iradio_square-blue {
    display: block;
    margin-top: 8px;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../images/blue.png) no-repeat;
    border: none;
    cursor: pointer;
    background-position: -120px 0;
}

.tiku_left .twt .demo-list ul li {
    position: relative;
    padding: 0 0 0px 30px;
    margin-right: 25px;
}

.demo-list ul input {
    position: absolute;
    top: 4px;
    left: 0;
}

.demo-list ul .icheckbox_square-blue,
.demo-list ul .iradio_square-blue {
    position: absolute;
    top: -1px;
    left: 5px;
}

label {
    font-weight: normal;
}

.demo-list h4 {
    font-weight: normal;
    font-size: 14px;
    color: #333;
    width: 90px;
    float: left;
    margin-top: 10px;
    line-height: 34px;
}

#LoginBox .srk-info .twt .clear h4 {
    margin: 0;
}

#LoginBox .srk-info .twt ul {
    width: calc(100% - 90px);
    float: left;
}

    #LoginBox .srk-info .twt ul li {
        position: relative;
        padding: 0 0 0px 30px;
        margin-right: 25px;
        float: left;
        height: 34px;
        line-height: 34px;
        font-weight: 600;
    }

        #LoginBox .srk-info .twt ul li label {
            font-size: 14px;
            vertical-align: top;
            margin-top: -1px;
        }

#LoginBox .tjtp {
    width: 100%;
    overflow: hidden;
    padding-top: 12px;
}

    #LoginBox .tjtp .adtp {
        margin-bottom: 10px;
    }

    #LoginBox .tjtp .tpqu ul {
        margin: 0;
    }

        #LoginBox .tjtp .tpqu ul li {
            width: 50px;
            height: 50px;
            float: left;
            margin-right: 18px;
            cursor: pointer;
            position: relative;
        }

            #LoginBox .tjtp .tpqu ul li img {
                width: 100%;
                height: 100%;
            }

            #LoginBox .tjtp .tpqu ul li .shanchu {
                width: 14px;
                height: 14px;
                background: #ff4d4d;
                border: 1px solid #ff4d4d;
                border-radius: 100%;
                position: absolute;
                right: -10px;
                top: -7px;
                color: #fff;
                font-size: 6px;
                line-height: 11px;
                text-align: center;
                font-weight: normal;
            }

    #LoginBox .tjtp p {
        font-size: 12px;
        color: #999;
        line-height: 50px;
    }

    #LoginBox .tjtp .dlh_p {
        display: inline;
    }

    #LoginBox .tjtp .tjwi {
        width: 88px;
        height: 32px;
        float: right;
        display: block;
        background: linear-gradient(to right,#ff403a,#ff6a49);
        font-size: 14px;
        color: #fff;
        border-radius: 40px;
        text-align: center;
        line-height: 32px;
        margin-top: 9px;
        box-shadow: 0px 1px 4px #9c2420;
    }

    #LoginBox .tjtp .dlh_tjwi {
        float: right !important;
        margin-right: 0 !important;
    }

    #LoginBox .tjtp .adtp a {
        float: left;
        margin-right: 20px;
    }