﻿@charset "utf-8";
/* CSS Document */

body {
    font-family: "Microsoft YaHei", arial, sans-serif, 宋体;
    font-size: 12px;
    color: #000;
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

.cont_box {
    width: 1100px;
    margin: 0 auto;
}

.index_head {
    height: 117px;
}

    .index_head .logo {
        float: left;
        width: auto;
        padding-left: 0;
    }

        .index_head .logo img {
            float: left;
            padding-top: 10px;
        }

        .index_head .logo span {
            float: left;
            font-size: 34px;
            height: 110px;
            line-height: 110px;
            padding-left: 10px;
        }

.user_zc {
    float: right;
    margin-top: 52px;
    color: #f67055;
    font-size: 16px;
}

.user_dl {
    float: right;
    margin-top: 52px;
    color: #000;
    font-size: 16px;
}

    .user_dl span {
        color: #f67055;
    }

.index_head .cont_box {
    background: url(../images/headbg.png) right bottom no-repeat;
    height: 117px;
}

.cl {
    clear: both;
}

.index_nav {
    background-color: #0986d5;
    height: 113px;
}

    .index_nav .cont_box {
        padding-top: 13px;
    }

    .index_nav span {
        font-size: 18px;
        color: #FFF;
        display: block;
        float: left;
        width: 183px;
        text-align: center;
        height: 45px;
        line-height: 45px;
    }

        .index_nav span a {
            padding: 5px 18px;
            border-radius: 20px;
            color: #FFF;
            text-decoration: none;
        }

            .index_nav span a:hover,
            .index_nav_on {
                background-color: #f67055;
            }

.index_one {
    background: url(../images/body_bg.png) center top no-repeat;
    padding-top: 13px;
}

.index_one_flash {
    width: 750px;
    float: left;
    height: 301px;
}

.index_one_right {
    float: right;
    width: 327px;
}

.index_label {
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    border-bottom: 2px solid #0986d5;
    background: url(../images/label_ico1.png) left center no-repeat;
    padding-left: 20px;
}

.more1 {
    float: right;
    font-size: 14px;
    color: #888;
    text-decoration: none;
    position: relative;
    *margin-top: -35px;
    zoom: 1;
}

    .more1:hover {
        color: #f67055;
    }

.more {
    float: right;
    font-size: 14px;
    color: #888;
    text-decoration: none;
    position: relative;
    *margin-top: -35px;
    zoom: 1;
    *height: 20px;
    *line-height: 20px;
}

    .more:hover {
        color: #f67055;
    }

a.index_jyhgs_list {
    color: #000;
    text-decoration: none;
    border-bottom: 1px dashed #ccc;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
}

    a.index_jyhgs_list span {
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
    }

.index_jyhgs_list_span {
    font-size: 15px;
    display: block;
    margin-bottom: 5.5px;
}

a.index_jyhgs_list i {
    font-style: normal;
    color: #0986d5;
    float: left;
    display: block;
    width: 80px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

a.index_jyhgs_list em {
    font-style: normal;
    color: #666;
    float: right;
    color: #f67055;
    display: block;
    width: 230px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    text-align: right;
}

a.index_jyhgs_list:hover span {
    color: #0986d5;
}

.index_two_cont {
    margin-right: -36px;
    zoom: 1;
}

.index_two_list {
    text-decoration: none;
    color: #fff;
    width: 340px;
    float: left;
    display: block;
    margin-right: 36px;
    margin-bottom: 30px;
}

    .index_two_list:hover .index_two_list_cont {
        color: #0986d5;
    }

.index_label_two {
    height: 64px;
    line-height: 64px;
    background: url(../images/label1.png) center top no-repeat;
    text-align: center;
    font-size: 25px;
    margin: 20px 0;
}

.index_two_date {
    background: url(../images/date_bg.png) center top no-repeat;
    height: 72px;
    width: 62px;
    display: block;
    text-align: center;
    font-size: 14px;
    float: left;
}

.index_two_right {
    float: right;
    width: 262px;
    color: #000;
}

.index_two_date i {
    font-size: 20px;
    display: block;
    font-style: normal;
    padding-top: 5px;
}

.index_two_title {
    font-size: 17px;
    display: block;
    width: 260px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.index_two_info {
    display: block;
    padding-top: 5px;
}

    .index_two_info i {
        font-style: normal;
        display: block;
        float: left;
        color: #f67055;
        width: 180px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
    }

    .index_two_info em {
        font-style: normal;
        display: block;
        float: right;
        color: #0986d5;
        width: 70px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
    }

.index_two_list_cont {
    line-height: 1.5em;
    padding-top: 6px;
    display: block;
    font-size: 14px;
    color: #000;
}

.more2 {
    color: #fff;
    font-size: 14px;
    background-color: #0986d5;
    text-decoration: none;
    padding: 5px 15px;
    border-radius: 20px;
    width: 90px;
    margin-left: 490px;
    display: block;
    text-align: center;
}

    .more2:hover {
        background-color: #f67055;
    }

.index_three {
    background: #e9f7ff url(../images/label_bg.png) center top no-repeat;
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 30px;
}

.zyzlm_box {
    float: left;
    width: 532px;
}

.zyzlm_box_down a {
    color: #000;
    text-decoration: none;
}

.zyzlm_box_spanleft {
    font-size: 16px;
    display: block;
    float: left;
    height: 48px;
    line-height: 48px;
    width: 315px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.zyzlm_box_down a {
    border-bottom: 1px dashed #ccc;
    display: block;
    padding: 0 15px;
}

.zyzlm_box_down {
    background-color: #fff;
}

.kywhzp_box {
    margin-left: 36px;
}

.zyzlm_box_down a:hover .zyzlm_box_spanleft {
    color: #0986d5;
}

.zyzlm_box_spanright {
    font-size: 14px;
    display: block;
    float: right;
    text-align: right;
    width: 180px;
}

    .zyzlm_box_spanright i {
        display: block;
        font-style: normal;
        color: #0986d5;
        padding-top: 3px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
    }

    .zyzlm_box_spanright em {
        display: block;
        font-style: normal;
        color: #f67055;
        width: 180px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
    }

.msgy_left {
    width: 615px;
    float: left;
}

.msgy_right {
    width: 485px;
    float: left;
}

.msgy_left a {
    display: block;
    float: left;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    width: 193px;
    margin-right: 12px;
    margin-bottom: 10px;
}

    .msgy_left a span {
        display: block;
        padding-top: 5px;
        color: #000;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 35px;
    }

        .msgy_left a span i {
            font-style: normal;
            color: #0986d5;
        }

    .msgy_left a:hover span {
        color: #0986d5;
    }

.msgy {
    height: 334px;
}


/*tab*/
.cj_tabup {
    height: 36px;
    background-color: #f1f1f1;
}

    .cj_tabup span {
        display: block;
        float: left;
        height: 40px;
        line-height: 36px;
        padding: 0 20px;
        cursor: pointer;
        font-size: 15px;
    }

        .cj_tabup span:hover {
            background: url(../images/gydjt_bg.png) center top no-repeat;
            color: #fff;
        }

        .cj_tabup span.active {
            background: url(../images/gydjt_bg.png) center top no-repeat;
            color: #fff;
        }

.cj_tabdown {
    padding: 10px;
}

    .cj_tabdown div {
        display: none;
    }

    .cj_tabdown .active {
        display: block;
    }

.cj_tabup a {
    position: absolute;
    background-color: #f67055;
    color: #fff;
    display: block;
    top: 0;
    width: 80px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    right: 0;
}

    .cj_tabup a:hover {
        background-color: #fa856d;
    }

.cj_tabup {
    position: relative;
}

.cj_list a {
    display: block;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    height: 36px;
    line-height: 34px;
    background: url(../images/ico2.png) left center no-repeat;
    padding-left: 16px;
}

    .cj_list a i {
        font-style: normal;
        float: right;
        font-size: 12px;
        color: #9a9a9a;
    }

    .cj_list a:hover span {
        color: #0986d5;
    }



.last_left {
    width: 725px;
    float: left;
}

.last_label {
    background: url(../images/label_3.png) left center no-repeat;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    padding-left: 30px;
}

    .last_label a {
        font-size: 14px;
        color: #555;
        text-decoration: none;
        float: right;
    }

.last_left_cont img {
    float: left;
}

.last_left_cont_box {
    float: left;
    width: 438px;
}

    .last_left_cont_box a {
        display: block;
        padding-left: 20px;
        color: #000;
        font-size: 14px;
        text-decoration: none;
        height: 30px;
        line-height: 30px;
    }

        .last_left_cont_box a:hover {
            color: #0986d5;
        }

        .last_left_cont_box a span {
            float: right;
            font-size: 12px;
            color: #555;
            *margin-top: -30px;
        }

.last_left_up {
    height: 250px;
}

.last_right {
    width: 335px;
    float: right;
    background-color: #fff5f2;
    border-radius: 10px;
    padding: 10px;
}

.last_right_label {
    background: url(../images/label_4.png) left center no-repeat;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    padding-left: 35px;
}

    .last_right_label a {
        font-size: 14px;
        color: #555;
        text-decoration: none;
        float: right;
    }

.sdkm a, .zcwj a {
    display: block;
    font-size: 15px;
    text-decoration: none;
    color: #333;
    padding-left: 35px;
    line-height: 40px;
    border-bottom: 1px dashed #ccc;
    background: url(../images/ico3.png) 3px center no-repeat;
    width: 300px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.zcwj a {
    background: url(../images/ico4.png) 6px center no-repeat;
}

    .sdkm a:hover,
    .zcwj a:hover {
        color: #fa856d;
    }


.index_four {
    background: url(../images/four_bg.png) 6px center no-repeat;
}


/*点赞教师365*/
.ny_box {
    background: url(../images/body_bg.png) center top no-repeat;
    padding-top: 13px;
    min-height: 200px;
}

.ny_cont {
    padding-bottom: 0px;
}


.ny_tabup {
    height: 50px;
    border-bottom: 2px solid #ccc;
    font-size: 16px;
}

    .ny_tabup span {
        display: block;
        float: left;
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
        cursor: pointer;
    }

        .ny_tabup span:hover {
            border-bottom: 2px solid #0986d5;
        }

        .ny_tabup span.tab_active {
            border-bottom: 2px solid #0986d5;
        }

.ny_tabdown {
    padding: 10px 0;
}

    .ny_tabdown > div {
        display: none;
    }


.ny_box_left {
    width: 240px;
    float: left;
}

    .ny_box_left a {
        height: 61px;
        padding: 0 25px;
        background: url(../images/label_left1.png) left center no-repeat;
        display: block;
        text-align: center;
        font-size: 16px;
        text-decoration: none;
        margin-bottom: 10px;
        color: #333;
        ;
    }

.ny_box_right {
    width: 820px;
    float: left;
    margin-left: 30px;
}

.ny_box_left a span {
    line-height: 1.5em;
    padding-top: 6px;
    display: block;
}

.ny_box_left a.oneheight span {
    line-height: 48px;
}

.ny_box_left .ny_box_left_active,
.ny_box_left a:hover {
    background: url(../images/label_left2.png) left center no-repeat;
    color: #fff;
}

.wzone_list a {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dashed #ccc;
    font-size: 16px;
    display: block;
    text-decoration: none;
    color: #333;
}

    .wzone_list a:hover {
        color: #0986d5;
    }

    .wzone_list a span {
        float: right;
        font-size: 14px;
        color: #888;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        width: 175px;
    }

    .wzone_list a i {
        float: right;
        font-size: 14px;
        font-style: normal;
        padding-left: 30px;
        color: #888;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        width: 88px;
    }

.video_one_list a {
    width: 192px;
    float: left;
    margin: 6px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
}

.video_one_list .layui-box a {
    width: auto;
}

    .video_one_list a span {
        padding-top: 5px;
        height: 40px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .video_one_list a:hover {
        color: #0986d5;
    }

.ny_pbtd_list {
    float: left;
    width: 253px;
    margin: 0 20px 20px 0px;
}

.ny_pbtd_list_down {
    background-color: #f9f9f9;
    border: 1px solid #e4e4e4;
}

.ny_pbtd_list_title {
    padding: 10px;
    font-size: 16px;
    display: block;
}

.ny_pbtd_list_info {
    padding: 0 10px;
    display: block;
}

    .ny_pbtd_list_info i {
        font-style: normal;
        color: #0986d5;
        float: left;
        width: 150px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
    }

    .ny_pbtd_list_info em {
        font-style: normal;
        color: #333;
        float: right;
        width: 65px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        text-align: right;
    }

.ny_pbtd_list_tp {
    display: block;
    text-align: center;
    padding: 15px 0 10px 0;
    height: 30px;
}

    .ny_pbtd_list_tp i {
        display: block;
        font-style: normal;
        background-color: #f67055;
        width: 80px;
        margin: 0 auto;
        height: 30px;
        font-size: 16px;
        line-height: 30px;
        color: #fff;
        border-radius: 10px;
        cursor: pointer;
        float: right;
        margin-right: 10px;
    }

        .ny_pbtd_list_tp i:hover {
            background-color: #0986D5;
        }

    .ny_pbtd_list_tp em {
        font-style: normal;
        color: #f67055;
        font-size: 20px;
        height: 30px;
        display: none;
        float: left;
        margin-left: 10px;
        margin-top: 2px;
    }

.ny_pbtd_list a {
    color: #333;
    text-decoration: none;
    display: block;
    /*width: 200px;*/
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: initial;
}

    .ny_pbtd_list a:hover {
        color: #0986d5;
    }

.wz_info {
    height: 35px;
    line-height: 35px;
    background-color: #f7f7f7;
    font-size: 14px;
    color: #666;
}

.wz_title {
    font-size: 23px;
    text-align: center;
    padding: 20px 0;
}

.wz_info_one {
    margin-left: 80px;
    display: block;
    float: left;
    width: 120px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.wz_info_two {
    margin-left: 30px;
    display: block;
    float: left;
    width: 220px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.wz_info_three {
    margin-left: 30px;
    background: url(../images/time.png) left center no-repeat;
    padding-left: 30px;
    display: block;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.wz_info_four {
    margin-left: 40px;
    background: url(../images/view.png) left center no-repeat;
    padding-left: 30px;
    display: block;
    float: left;
}

.wz_info_five {
    margin-left: 220px;
    background: url(../images/time.png) left center no-repeat;
    padding-left: 30px;
    display: block;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.wz_info_six {
    margin-left: 200px;
    background: url(../images/view.png) left center no-repeat;
    padding-left: 30px;
    display: block;
    float: left;
}


.wz_info_one1 {
    margin-left: 60px;
    display: block;
    float: left;
    width: 120px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.wz_info_two1 {
    margin-left: 30px;
    display: block;
    float: left;
    width: 180px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.wz_info_three1 {
    margin-left: 30px;
    display: block;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.wz_info_four1 {
    margin-left: 40px;
    background: url(../images/time.png) left center no-repeat;
    padding-left: 30px;
    display: block;
    float: left;
}

.wz_info_five1 {
    margin-left: 40px;
    background: url(../images/view.png) left center no-repeat;
    padding-left: 30px;
    display: block;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.wz_cont p {
    font-size: 14px;
    line-height: 1.5em;
}

.wz_cont {
    padding: 10px;
}

.zyzlm_list {
    margin-top: 10px;
    display: block;
    color: #111;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
}

    .zyzlm_list:hover {
        color: #0986D5;
    }

    .zyzlm_list img {
        float: left;
        width: 150px;
        height: 90px;
    }

.zyzlm_list_right {
    float: left;
    margin-left: 10px;
    width: 650px;
}

.zyzlm_list_title {
    font-size: 17px;
    width: 620px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.zyzlm_list_info {
    padding-top: 8px;
    height: 40px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.zyzlm_list_last span {
    color: #f67055;
    display: block;
    float: left;
    width: 300px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.zyzlm_list_last i {
    float: right;
    font-style: normal;
    display: block;
    width: 90px;
    padding-left: 18px;
    background: url(../images/ico5.png) left center no-repeat;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.zyzlm_list_last em {
    float: right;
    font-style: normal;
    padding-left: 14px;
    background: url(../images/ico6.png) left center no-repeat;
}

.No_pic .zyzlm_list_right {
    width: 815px;
    margin-left: 0;
}

.sdjd_list {
    display: block;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dashed #ccc;
    font-size: 16px;
    display: block;
    text-decoration: none;
    color: #333;
}

    .sdjd_list span {
        background: url(../images/time.png) left center no-repeat;
        padding-left: 20px;
        display: block;
        font-size: 14px;
        color: #666;
        float: right;
    }

    .sdjd_list:hover {
        color: #0986D5;
    }

.pic_bg {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.close_btn {
    position: fixed;
    width: 50px;
    color: #fff;
    height: 50px;
    background-color: #636262;
    top: 0;
    line-height: 50px;
    text-align: center;
    right: 0;
    font-size: 30px;
    cursor: pointer;
}

.video_box {
    width: 848px;
    height: 477px;
    position: absolute;
    z-index: 999;
    left: 50%;
    top: 50%;
    margin-left: -424px;
    margin-top: -238px;
}


.foot {
    height: 135px;
    line-height: 25px;
    background-color: #0986d5;
    text-align: center;
    color: #fff;
}

    .foot .gl {
        color: #fff;
        margin: 5px 10px;
    }

    .foot .jstd {
        color: #f67055;
        text-decoration: none;
    }



/*我要投稿*/
.label_up {
    Height: 50px;
    border-bottom: 2px solid #ccc;
    font-size: 20px;
}

    .label_up span {
        display: block;
        float: left;
        height: 50px;
        line-height: 50px;
        cursor: pointer;
        border-bottom: 2px solid #0986d5;
    }

.wytg_box {
    margin-top: 30px;
}

.kywh_left {
    width: 810px;
    float: left;
}

.kywh_right {
    width: 264px;
    float: right;
}

.label_up a {
    margin-top: 10px;
    margin-left: 10px;
    display: block;
    float: right;
    color: #000;
    text-decoration: none;
    font-size: 16px;
    display: block;
    width: 70px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
}

    .label_up a.kywh_active, .label_up a:hover {
        background-color: #0986D5;
        color: #fff;
        display: block;
    }

.kywh_cont {
    margin-top: 10px;
}

.hot_art_cont a {
    color: #000000;
    text-decoration: none;
}

    .hot_art_cont a:hover {
        color: #0986D5;
    }

.hot_art_cont span {
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    overflow: hidden;
    display: block;
}

.cj_list a span {
    width: 300px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: block;
    float: left;
}

.last_left_cont_box a i {
    display: block;
    float: left;
    width: 310px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    font-style: normal;
}

.ny_pbtd_list a span {
    display: block;
    height: 42px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: initial;
}

.wzone_list a em {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: block;
    float: left;
    font-style: normal;
    width: 480px;
}

.emptyimg {
    height: auto;
    padding-top: 0px;
}

    .emptyimg img {
        width: 150px;
        float: none;
    }

.last .empty {
    height: 100px;
}
