@charset "utf-8";

body {
    color: #333;
    font-size: 12px;
    background: white;
    font-family: "Microsoft YaHei" !important;
}

blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
    font-weight: lighter;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,
img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-weight: inherit;
    font-style: inherit
}

del,
ins {
    text-decoration: none
}

li {
    list-style: none
}

caption,
th {
    text-align: left
}

img {
    vertical-align: middle;
}

a {
    cursor: pointer;
}

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


.top_wapper {
    height: 70px;
    line-height: 70px;
    background: #2e323e;
    color: #fff;
    font-size: 18px;
}

.cnt {
    width: 1200px;
    margin: auto;
}

.cnt1 {
    width: 1200px;
    margin: auto;
    background: white
}

.menu {
    display: inline-block;
}

    .menu a {
        width: 110px;
        display: inline-block;
        text-align: center;
        color: #908b8e;
    }

        .menu a:hover,
        .menu a.cur {
            background: #20232b;
            color: #fff;
        }

.m_r0 {
    float: right;
}

.top_mb_list {
    background: #5c606a;
    /*height: 700px;*/
}

    .top_mb_list h2 {
        height: 120px;
        line-height: 120px;
        text-align: center;
    }

.navbar {
    margin-bottom: 0;
    z-index: 99999;
    box-shadow: 3px 2px 5px rgba(1, 1, 1, 0.04);
    background: white
}

;
.navtop {
    background: white;
}

.navtop1 {
    background: rgba(255, 255, 255, 1);
}

.navbar .container {
    width: 100% !important;
    padding: 0 !important;
    box-shadow: 3px 2px 5px rgba(1, 1, 1, 0.04);
}

.navbar-right {
    margin-right: 0
}

.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    height: 69px;
    padding-top: 10px;
    position: relative;
    z-index: 99999;
}

.navbar-brand > img {
    margin-left: 20px;
}

.navbar-nav > li > a {
    padding-top: 24px;
    padding-bottom: 24px;
}

.navbar-nav.nav-data > li > a {
    font-size: 18px;
    min-width: 0px;
    text-align: center;
}

.navbar-nav.nav-data > li.active > a {
    border-bottom: 0px solid red;
}

.navbar-nav > li.link > a {
    padding-left: 0;
    padding-right: 10px;
}

.navbar-form {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .navbar-form .form-group input {
        height: 25px;
        border-radius: 0;
        box-shadow: none;
        border: none;
    }

.page1 {
    position: relative;
    z-index: 9000;
    top: 220px;
    left: -260px;
}


/*轮播名班*/


/*#top_mb_box{width:1200px;margin:0 auto;}
#top_mb_container{position:relative;height:400px;width: 1200px;}
#top_mb_container .item{position:absolute;top:0;left:0;width:800px;height:400px;overflow:hidden;z-index:1;opacity:1;border-radius: 3px;}
#top_mb_container .item .pic{float:left;width:800px;height:400px;display:inline;}
#top_mb_container .item .pic img{width:800;height:400px;vertical-align:top;}


#top_mb_control{height:37px;text-align:center;}
#top_mb_control span{width:8px;height:8px;font-size:0;line-height:0;border-radius:4px;cursor:pointer;display:inline-block;background-color:#aeb0b5;margin:13px 6px 6px;}
#top_mb_control span.active{background-color:#fff;width: 22px;height: 8px;border-radius: 4px;}*/

#top_mb_container {
    /*height:700px;*/
}

    #top_mb_container li img {
        width: 100%;
        /*height: 700px;*/
        max-height: 640px;
    }

.bx-wrapper {
    position: relative;
    padding: 0;
    *zoom: 1;
}

    .bx-wrapper img {
        max-width: 100%;
        display: block;
    }

    .bx-wrapper .bx-viewport {
        background: #fff;
        -webkit-transform: translatez(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
    }

    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: 30px;
        width: 100%;
    }

    .bx-wrapper .bx-pager {
        text-align: center;
    }

        .bx-wrapper .bx-pager .bx-pager-item,
        .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
            display: inline-block;
            *zoom: 1;
            *display: inline;
        }

        .bx-wrapper .bx-pager.bx-default-pager a {
            display: block;
            width: 10px;
            height: 10px;
            border-radius: 6px;
            margin: 0 8px;
            text-indent: -9999px;
            overflow: hidden;
            border: 1px solid;
            border-color: rgba(255, 255, 255, 0.3);
        }

            .bx-wrapper .bx-pager.bx-default-pager a:hover,
            .bx-wrapper .bx-pager.bx-default-pager a.active {
                background-color: rgba(255, 255, 255, 0.8);
                border-color: rgba(0, 0, 0, 0.2);
            }

    .bx-wrapper .bx-prev {
        left: 10px;
        background: url(/Images/icon-slide-nav1.png) no-repeat 0 0;
    }

    .bx-wrapper .bx-next {
        right: 10px;
        background: url(/Images/icon-slide-nav1.png) no-repeat -43px 0;
    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -30px;
        outline: 0;
        width: 32px;
        height: 59px;
        text-indent: -9999px;
        z-index: 2;
    }


/*名师*/

#top_ms_box {
    background: #e8e8e8;
    height: 587px;
}

    #top_ms_box h2 {
        font-size: 48px;
        color: #250c3d;
        height: 124px;
        line-height: 124px;
        text-align: center;
    }

    #top_ms_box .top_ms_list .top_ms_item {
        width: 285px;
        height: 390px;
        display: inline-block;
        text-align: center;
        background: #fff;
    }

    #top_ms_box .top_ms_list img {
        width: 150px;
        height: 150px;
        border-radius: 75px;
        margin-top: 45px;
    }

    #top_ms_box .top_ms_list .ms_name {
        font-size: 24px;
        color: #250c3d;
        display: inline-block;
        width: 100%;
        height: 52px;
        line-height: 52px;
        font-weight: bold;
    }

    #top_ms_box .top_ms_list .ms_desc {
        text-align: left;
        font-size: 14px;
        color: #888;
        margin: 10px 22px;
        line-height: 22px;
        height: 70px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }

.top_ms_list {
    text-align: center;
    overflow: hidden;
    height: 440px;
}

#top_ms_box .top_ms_list .top_ms_item {
    margin: 20px 20px 0 0;
    vertical-align: top;
}

    #top_ms_box .top_ms_list .top_ms_item:hover {
        box-shadow: 0 8px 16px #ccc;
    }

    #top_ms_box .top_ms_list .top_ms_item:nth-child(4n+4) {
        margin-right: 0;
    }

#top_ms_box .top_ms_list .ms_info {
    font-size: 18px;
    color: #000;
}

#top_ms_box .top_ms_list .ms_l_more {
    color: #000;
    font-size: 18px;
    line-height: 390px;
}

#top_ms_box .top_ms_list .top_ms_item a {
    color: #000;
}

    #top_ms_box .top_ms_list .top_ms_item a:hover {
        color: #000;
        text-decoration: none;
    }

    #top_ms_box .top_ms_list .top_ms_item a:visited {
        text-decoration: none;
    }


/*开班*/

#top_kb_box {
    background: #f3f3f3;
}

    #top_kb_box .top_kb_list {
        background: #e8e8e8;
        width: 1200px;
        margin: auto;
    }

    #top_kb_box .top_kb_list1 {
        background: #f3f3f3;
        margin-left: 35px;
        padding-bottom: 1px;
    }

    #top_kb_box .top_kb_list .top_kb_time {
        margin-bottom: 12px;
        background: url(../images/kb-time.png);
        display: inline-block;
        height: 35px;
        width: 142px;
        font-size: 20px;
        color: #fff;
        line-height: 35px;
        text-indent: 14px;
        margin-left: -14px;
        font-family: "Microsoft YaHei";
    }

    #top_kb_box .top_kb_item {
        margin: 0 35px;
        background: #fff;
        position: relative;
        font-size: 0;
        margin-bottom: 50px;
    }

        #top_kb_box .top_kb_item .top_kb_i h2 {
            height: 54px;
            line-height: 54px;
            font-size: 18px;
            color: #455464;
            text-indent: 18px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 900px;
        }

        #top_kb_box .top_kb_item .kb_fr {
            display: inline-block;
            width: 690px;
            height: 270px;
            vertical-align: top;
            background: #737b8f;
        }

        #top_kb_box .top_kb_item .kb_video {
            display: inline-block;
            position: relative;
        }

            #top_kb_box .top_kb_item .kb_video .v-play-tn {
                display: inline-block;
                height: 36px;
                width: 36px;
                position: absolute;
                background: url(../Images/v-play.png);
                left: 20px;
                bottom: 20px;
            }

            #top_kb_box .top_kb_item .kb_video img {
                width: 405px;
                height: 270px;
            }

    #top_kb_box .top_kb_list .top_kb_user {
        display: inline-block;
        width: 40px;
        height: 40px;
        background: url(../images/top_kb_user.png);
        position: absolute;
        left: -54px;
    }

    #top_kb_box .top_kb_list .top_kb_arrow {
        display: inline-block;
        width: 10px;
        height: 18px;
        background: url(../images/top_kb_arrow.png);
        position: absolute;
        left: -10px;
        top: 13px;
    }

    #top_kb_box .top_kb_list .top_kb_desc {
        font-size: 14px;
        font-family: "Microsoft YaHei";
        color: #fff;
        margin: 22px;
        line-height: 27px;
        height: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }

    #top_kb_box .top_kb_list .kb_statue {
        position: absolute;
        top: -3px;
        right: -3px;
    }

    #top_kb_box .top_kb_list .kb_view {
        width: 200px;
        height: 61px;
        font-size: 24px;
        font-family: "Microsoft YaHei";
        color: #fff;
        border: 2px solid #fff;
        display: inline-block;
        text-align: center;
        line-height: 61px;
        margin-left: 22px;
    }

    #top_kb_box .top_kb_list .kb_btn {
        background: #fff;
        width: 200px;
        height: 65px;
        font-size: 24px;
        font-family: "Microsoft YaHei";
        display: inline-block;
        text-align: center;
        line-height: 65px;
        margin-left: 22px;
    }

        #top_kb_box .top_kb_list .kb_btn.kb_btn1 {
            color: #e56161;
            line-height: 51px;
            border-radius: 0;
            opacity: .9;
            border: 0;
            vertical-align: top;
            height: 61px;
        }

        #top_kb_box .top_kb_list .kb_btn.kb_btn2 {
            color: #3498db;
        }


/*YB 课程*/


/*课程详情*/

#kc_ds_container {
    background: #f9f9f9;
    font-size: 0;
    font-family: "Microsoft YaHei";
}

.kc_ds_info {
    font-size: 0;
    background: #fff;
    z-index: 99
}

    .kc_ds_info img {
        width: 559px;
        height: 350px;
        float: left;
    }

    .kc_ds_info .ds_info_fr {
        display: inline-block;
        font-size: 14px;
        width: 640px;
        padding-top: 12px;
        vertical-align: top;
        float: right;
        height: 350px;
        background: white;
        margin-bottom: 20px;
    }

        .kc_ds_info .ds_info_fr.online_ds_info_fr {
            margin-left: 20px;
            width: 635px;
        }

        .kc_ds_info .ds_info_fr h2 {
            font-size: 30px;
            padding-left: 20px;
            color: #000;
            /*height: 60px;*/
            line-height: 60px;
            max-width: 560px;
            /*white-space: nowrap;*/
            /*text-overflow: ellipsis;*/
            /*overflow: hidden;*/
            font-family: Microsoft YaHei;
            margin-left: 130px;
        }

        .kc_ds_info .ds_info_fr .ds_nums {
            color: #b1b1b1;
            margin-bottom: 15px;
            line-height: 22px;
            display: inline-block;
            width: 100%;
            margin-top: 15px;
            margin-left: 50px;
        }

            .kc_ds_info .ds_info_fr .ds_nums span {
                vertical-align: middle;
                color: #b1b1b1;
            }

            .kc_ds_info .ds_info_fr .ds_nums .span2 {
                margin-left: 10px;
            }

            .kc_ds_info .ds_info_fr .ds_nums .span1 {
                margin-right: 10px;
            }

        .kc_ds_info .ds_info_fr .ds_sc_name {
            color: #808080;
            font-size: 18px;
            display: inline-block;
            width: 100%;
            margin-bottom: 35px;
            margin-left: 50px;
        }

        .kc_ds_info .ds_info_fr .ds_price {
            display: inline-block;
            width: 100%;
            font-size: 30px;
            color: #e51c23;
            margin-left: 50px;
        }

        .kc_ds_info .ds_info_fr .ds_q_at {
            background: #e51c23;
            color: #fff;
            font-size: 24px;
            width: 200px;
            height: 65px;
            line-height: 65px;
            display: inline-block;
            text-align: center;
            border-radius: 2px;
            cursor: pointer;
        }

            .kc_ds_info .ds_info_fr .ds_q_at:hover {
                background: #ab1313;
            }

        .kc_ds_info .ds_info_fr .ds_info_op {
            margin-top: 42px;
        }

        .kc_ds_info .ds_info_fr .ds_info_op1 {
            position: absolute;
            top: 220px;
            margin-left: 50px;
            width: 680px
        }

        .kc_ds_info .ds_info_fr .ds_info_op_fr {
            position: relative;
            float: right;
            margin-top: 40px;
            height: 25px;
            line-height: 25px;
            color: #2e323e
        }

        .kc_ds_info .ds_info_fr .ds_info_op_s {
            display: none;
            background-color: #2e323e;
            width: 110px;
            height: 30px;
            line-height: 0px;
            position: absolute;
            cursor: pointer;
            top: -25px;
            right: 0;
        }

        .kc_ds_info .ds_info_fr .ds_tn_shouc,
        .kc_ds_info .ds_info_fr .ds_tn_share {
            padding: 0 20px;
            display: inline-block;
            cursor: pointer
        }

.ds_info_fr > img {
    margin-left: 48px;
    position: relative;
    top: 17px;
    width: 90px;
    height: 32px;
}

.leftrightwhite {
    position: absolute;
    background: none;
    top: 70px;
    width: 100%;
    height: 350px;
    overflow: hidden
}

.leftrightwhite1 {
    position: absolute;
    background: white;
    left: 0px;
    width: 164px;
    height: 350px;
}

.leftrightwhite2 {
    position: absolute;
    background: white;
    right: 0px;
    width: 164px;
    height: 350px;
}

.jiathis_style_32x32 .jtico_cqq {
    background: url(../images/icon-details.png) 3px -70px no-repeat !important;
}

.jiathis_style_32x32 .jtico_weixin {
    background: url(../images/icon-details.png) -20px -70px no-repeat !important;
}

span.jiathis_txt.jtico.jtico_tsina {
    background: url(../images/icon-details.png) -44px -70px no-repeat !important;
}

.jiathis_style_32x32 .jtico_cqq:hover {
    background: url(../images/icon-details.png) #545862 3px -70px no-repeat !important;
}

.jiathis_style_32x32 .jtico_weixin:hover {
    background: url(../images/icon-details.png) #545862 -20px -70px no-repeat !important;
}

span.jiathis_txt.jtico.jtico_tsina:hover {
    background: url(../images/icon-details.png) #545862 -44px -70px no-repeat !important;
}

.ds_info_op_s .jiathis_style_32x32 .jtico {
    padding-left: 25px !important;
    margin-left: 7px;
    height: 29px !important;
}

.kc_ds_info .ds_info_fr .ds_info_op1 .ds_info_op_fr {
    margin-right: 45px;
    cursor: pointer
}

.kc_ds_info .ds_info_fr .ds_tn_share {
    display: inline-block;
    cursor: pointer
}

#kc_ds_container i {
    background-image: url(../images/icon-details.png);
    display: inline-block;
    vertical-align: middle;
}

#kc_ds_container .ds_i_at {
    width: 18px;
    height: 16px;
    background-position: -46px -30px;
}

#kc_ds_container .ds_i_vote {
    width: 18px;
    height: 16px;
    background-position: -46px -53px;
}

#kc_ds_container .ds_i_shouc {
    width: 18px;
    height: 15px;
    background-position: -20px -55px;
    margin-right: 4px;
}

#kc_ds_container .ds_i_shouced {
    width: 18px;
    height: 15px;
    background: url(../Images/collected.png) no-repeat;
    margin-right: 4px;
}

#kc_ds_container .ds_i_share {
    width: 18px;
    height: 16px;
    background-position: -72px -5px;
    margin-right: 4px;
}

#kc_ds_container1 i {
    display: inline-block;
}

#kc_ds_container1 .ds_i_at {
    width: 18px;
    height: 16px;
    background-position: -46px -30px;
}

#kc_ds_container1 .ds_i_vote {
    width: 18px;
    height: 16px;
    background-position: -46px -53px;
}

#kc_ds_container1 .ds_i_shouc {
    width: 16px;
    height: 14px;
    line-height: 14px;
    background: url(../Images/img2018/collection.png)
}

#kc_ds_container1 .ds_i_shouced {
    width: 18px;
    height: 15px;
    background: url(../Images/collected.png) no-repeat;
    margin-right: 4px;
}

#kc_ds_container1 .ds_i_share {
    width: 18px;
    height: 16px;
    background-position: -72px -5px;
    margin-right: 4px;
}

.ks_ds_pannel {
    margin-top: 20px;
    padding-bottom: 150px;
}

.ks_ds_pannel1 {
    margin-top: 20px;
    padding-bottom: 150px;
    background: white;
}

.ks_ds_pannel .ks_ds_fl {
    width: 890px;
    display: inline-block;
    margin-right: 20px;
    font-size: 14px;
}

.ks_ds_pannel .ks_ds_fl1 {
    width: 1000px;
    display: inline-block;
    margin-right: 20px;
    font-size: 14px;
    margin-left: 100px
}

.ks_ds_pannel .ks_ds_fr {
    width: 290px;
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}

.ks_ds_pannel .ks_ds_fr1 {
    width: 1200px;
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    background: white;
}

.ks_ds_pannel .ks_ds_tb_op {
    height: 53px;
    line-height: 53px;
    font-size: 16px;
    color: #000;
    border-bottom: 1px solid #dddddb;
    cursor: pointer;
}

.ks_ds_pannel .ks_ds_tb_op1 {
    height: 53px;
    line-height: 53px;
    font-size: 16px;
    color: #000;
    border-bottom: 1px solid #dddddb;
    width: 1200px;
}

.ks_ds_pannel .ks_ds_tb_op a {
    display: inline-block;
    width: 130px;
    text-align: center;
    height: 36px;
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

    .ks_ds_pannel .ks_ds_tb_op a.active {
        color: #e51c23;
        border-bottom: 5px solid #e51c23;
    }

.ks_ds_pannel .ks_ds_tb_item h2 {
    font-size: 16px;
    margin-bottom: 25px;
}

.ks_ds_pannel1 .ks_ds_tb_item h2 {
    font-size: 20px;
    margin-bottom: 25px;
    text-align: center
}

.ks_ds_pannel .ks_ds_tb_item p {
    margin-bottom: 25px;
    line-height: 24px;
    font-size: 14px;
    color: #000;
}

.ks_ds_pannel .ks_ds_tb_item {
    padding: 30px;
}

.ks_ds_pannel .ks_ds_fr .ks_ds_sc {
    padding-top: 30px;
    text-align: center;
    background: #fff;
}

.ks_ds_pannel .ks_ds_fr .ks_sc_name {
    display: block;
    padding: 14px 0 20px 0;
    border-bottom: 1px solid #dddddb;
}

.ks_ds_pannel .ks_ds_fr .ks_sc_desc {
    text-align: justify;
    text-justify: inter-ideograph;
    display: inline-block;
    margin: 20px;
    line-height: 24px;
    font-size: 14px;
}


/*补充直播*/

.ksgeban {
    width: 100%;
    height: 20px;
    background: rgb(243, 243, 243);
    position: absolute;
    top: 420px;
}


/**/

.ks_ds_fr .ks_tn_zx {
    margin-bottom: 30px;
    font-size: 18px;
    display: inline-block;
    width: 250px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #27be59;
    border-radius: 2px;
    display: none;
}

.ds_i_zx {
    background: url(../images/icon-details.png) no-repeat;
    width: 21px;
    height: 25px;
    margin-right: 19px;
}

.ds-i-r {
    vertical-align: middle;
    text-decoration: none;
    color: #000;
}

.ks_ds_list {
    margin-top: 15px;
    background: #fff;
}

    .ks_ds_list .ks_ds_ml_periods {
        cursor: pointer;
    }

.ks_ds_desc {
    background: #fff;
    overflow: hidden;
}

.ks_ds_list h2 {
    height: 80px;
    line-height: 80px;
    font-size: 16px;
    text-indent: 30px;
    font-family: Microsoft YaHei;
}

.ks_ds_list .ks_ds_ml_chapter {
    height: 44px;
    line-height: 45px;
    color: #888;
    font-weight: bold;
    font-size: 14px;
    background-color: RGB(250, 250, 250);
}

.ks_ds_list .ks_ds_ml_period {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
}

    .ks_ds_list .ks_ds_ml_period .span1 {
        text-indent: 0;
        color: #888;
        display: inline-block;
        width: 50px;
    }

.ks_ds_list .ks_ds_ml_chapter .span2 {
    margin-left: 27px;
    font-family: "Microsoft YaHei";
    text-indent: 0;
    text-align: center;
    display: inline-block;
    width: 25px;
    height: 44px;
    background: url(../images/tuoyuan.png) center 9px no-repeat;
    vertical-align: middle;
}

.ks_ds_list .ks_ds_ml_period .span2 {
    display: inline-block;
    width: 16px;
    height: 44px;
    vertical-align: middle;
    background: url(../images/tuoyuan.png) center -37px no-repeat;
}

.ks_ds_ml_periods .ks_ds_ml_period:last-child .span2 {
    background: url(../images/tuoyuan.png) center -80px no-repeat;
}

.ks_ds_ml_period .fr {
    float: right;
    font-size: 14px;
    font-family: "Microsoft YaHei";
}

    .ks_ds_ml_period .fr i {
        width: 24px;
        height: 24px;
        margin-right: 7px;
    }

.ks_ds_ml_period .span5 {
    width: 105px;
    color: #888;
    display: inline-block;
    cursor: pointer;
}

.ks_ds_ml_period .span4 {
    margin-right: 40px;
    color: white;
    display: none;
    cursor: pointer;
}

.ks_ds_ml_period .span4-1 {
    margin-right: 10px;
    color: white;
    display: none;
    cursor: pointer;
}

.ks_ds_ml_period .span4-1-1 {
    margin-right: 30px;
    display: inline-block;
    height: 30px;
    width: 80px;
    background: #e51c23;
    text-align: center;
    margin-top: 7px;
    line-height: 30px;
    color: white
}

.ks_ds_ml_period .span4-2 {
    margin-right: 20px;
    color: white;
    display: none;
    cursor: pointer;
}

.ks_ds_ml_period:hover {
    background: #fee0e0;
}

    .ks_ds_ml_period:hover .span4 {
        display: inline-block;
    }

    .ks_ds_ml_period:hover .span4-1 {
        display: inline-block;
        height: 30px;
        width: 80px;
        background: #e51c23;
        text-align: center;
        margin-top: 7px;
        line-height: 30px
    }

    .ks_ds_ml_period:hover .span4-1-1 {
        box-shadow: 1px 1px 5px black
    }

    .ks_ds_ml_period:hover .span4-2 {
        display: inline-block;
        height: 30px;
        width: 80px;
        background: #e51c23;
        text-align: center;
        margin-top: 7px;
        line-height: 30px
    }

    .ks_ds_ml_period:hover .span5 {
        display: none;
    }

.ds-i-yulan {
    background-position: -21px -2px;
}

.ds-i-video {
    background-position: -46px 0;
}

.ks_ds_ml_chapter .span1 {
    margin-left: 40px;
}

.ks_ds_ml_period .span1 {
    margin-left: 50px;
}

.ks_ds_ev {
    background: #fff;
    padding-bottom: 30px;
}

    .ks_ds_ev h2 {
        height: 54px;
        line-height: 54px;
        text-indent: 28px;
        border-bottom: 1px solid #dddddb;
        font-size: 16px;
        font-family: Microsoft YaHei;
    }

.ks_ds_ev_item img {
    width: 45px;
    height: 45px;
    border-radius: 23px;
    margin-right: 15px;
}

.ks_ds_ev_item {
    margin: 30px 20px 0;
}

    .ks_ds_ev_item .time {
        color: #888;
        float: right;
    }

    .ks_ds_ev_item .b {
        width: 184px;
        display: inline-block;
        vertical-align: middle;
    }

    .ks_ds_ev_item .c {
        display: inline-block;
        width: 190px;
        margin-top: 6px;
    }

.ds-i-xing {
    background-position: -2px -127px;
    width: 16px;
    height: 16px;
}

.ds-i-uxing {
    background-position: -22px -127px;
    width: 16px;
    height: 16px;
}

.ks_ds_ev_item .d {
    margin-top: 12px;
    word-break: break-all;
}

.pager-p .prev,
.pager-p .next {
    font-family: "dongqing";
    background: #e51c23;
    color: #fff;
    border-radius: 2px;
}

.pager-p {
    color: #4c555c;
    margin: 0 20px;
    text-align: right;
    margin-top: 22px;
}

    .pager-p a {
        display: inline-block;
        height: 18px;
        text-align: center;
        line-height: 18px;
        vertical-align: middle;
        margin-right: 8px;
    }

    .pager-p span {
        margin-right: 5px;
        vertical-align: middle;
    }

    .pager-p .active {
        background: #e51c23;
        color: #fff;
        border-radius: 2px;
    }

.bj_relative_list {
    font-size: 0;
    width: 840px;
    margin: auto;
    overflow: hidden;
    height: 187px;
}

.bj_relative_list_c {
    width: 20000px;
}

.bj_relative_list a {
    margin-right: 15px;
    position: relative;
    display: inline-block;
}

    .bj_relative_list a img {
        width: 270px;
        height: 180px
    }

.bj_relative {
    background: #fff;
    margin-top: 20px;
    padding-bottom: 50px;
}

    .bj_relative h2 {
        height: 76px;
        line-height: 76px;
        text-indent: 30px;
        font-size: 16px;
        font-family: Microsoft YaHei;
    }

    .bj_relative .prev {
        cursor: pointer;
        background: url(../images/arrows.png) 5px #000 no-repeat;
        display: inline-block;
        width: 25px;
        height: 60px;
        opacity: 0.65;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -30px;
    }

    .bj_relative .next {
        cursor: pointer;
        background: url(../images/arrows.png) -26px #000 no-repeat;
        display: inline-block;
        width: 25px;
        height: 60px;
        opacity: 0.65;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -30px;
    }

.bj_relative_div {
    position: relative;
}

    .bj_relative_div .bj_info_span {
        line-height: 50px;
        z-index: 3;
        bottom: 0;
        left: 0;
        display: inline-block;
        width: 270px;
        position: absolute;
        height: 50px;
        color: #fff;
        font-size: 18px;
        text-align: center;
        background: url(../images/opcity70.png);
    }

.ks_kc_tab_f {
    display: none;
    position: fixed;
    height: 70px;
    border-bottom: 1px solid #dddddb;
    width: 100%;
    background: #fff;
    line-height: 66px;
    top: 70px;
    z-index: 4;
}

    .ks_kc_tab_f a {
        font-size: 16px;
        width: 130px;
        display: inline-block;
        text-align: center;
        text-decoration: none;
        color: #000;
    }

        .ks_kc_tab_f a.active {
            border-bottom: 5px solid #e51c23;
            color: #e51c23;
        }

.kc_state {
    color: #ff3c00;
    font-size: 12px;
    color: #ff3c00;
    display: inline-block;
    width: 60px;
    height: 20px;
    line-height: 20px;
    border-radius: 2px;
    border: 1px solid #ff3c00;
    text-align: center;
}

.ds_tn_view_class {
    font-size: 14px;
    color: #e51c23;
    text-decoration: underline;
    vertical-align: bottom;
    margin-left: 20px;
}

.ds-i-xuefen {
    margin-right: 5px;
    background-position: -69px -27px;
    width: 20px;
    height: 20px;
}

.kc_ds_info .ds_info_fr .ds_xuefen {
    font-size: 24px;
    margin-bottom: 10px;
}

    .kc_ds_info .ds_info_fr .ds_xuefen span {
        color: #e51c23;
    }


/* 播放器 */

.coursebox {
    background: url(../images/bg-video.png);
    border-top: 1px solid #666666;
    border-bottom: 1px solid #626262;
    overflow: hidden;
}

.f-cb,
.f-cbli li {
    zoom: 1;
}

.m-courselb .cl-bg {
    height: 100%;
    width: 4px;
    border-right: 1px solid #76767a;
    background-color: #333746;
    left: 139px;
    position: absolute;
    top: 0;
    z-index: 98;
}

.m-courselb .cl-back {
    background: url(../images/icon-arrows.png) 9px center #020200 no-repeat;
    border-radius: 2px;
    z-index: 101;
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 40px;
    height: 62px;
    font-size: 12px;
    line-height: 24px;
    color: #484848;
    text-indent: 22px;
}

.m-courselb .cl-pre {
    top: -1px;
    background-position: -25px 9px;
}

.m-courselb .cl-pre,
.m-courselb .cl-next {
    /* background-image: url(../images/icon-arrows.png); */
    /* background-repeat: no-repeat; */
    /* border-radius: 2px; */
    /* background-color: #020200; */
    /* position: absolute; */
    /* right: 0; */
    /* display: block; */
    /* width: 60px; */
    /* height: 32px; */
    /* z-index: 101; */
    /* right: -11px; */
    /* width: 65px; */
    /* height: 40px; */
    /* top: 50%; */
}

.m-courselb .cl-next {
    -ms-transform: rotate(180deg); /* IE 9 */
    -moz-transform: rotate(180deg); /* Firefox */
    -webkit-transform: rotate(180deg); /* Safari 和 Chrome */
    transform: rotate(180deg);
    /* right: 0; */
    background: url(../images/icon-arrows.png) 9px center #020200 no-repeat;
    border-radius: 2px;
    z-index: 101;
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 40px;
    height: 62px;
    font-size: 12px;
    line-height: 24px;
    color: #484848;
    text-indent: 22px;
}

.m-courselb .course-learn {
    z-index: 100;
}

.coursebox,
.course-learn,
.m-courselearn {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.m-courselb .cl-title {
    background-position: 0 -124px;
    line-height: 28px;
    font-size: 12px;
}

.m-courselearn .cl-title {
    position: absolute;
    top: 54px;
    left: 72px;
}

.cl-title .jiathis_style_32x32 {
    display: none;
}

    .cl-title .jiathis_style_32x32 .jtico {
        padding-left: 25px !important;
        height: 0 !important;
        */
    }

.m-courselb .learn-total {
    bottom: 40px;
    top: 95px;
    left: 20px;
    right: 20px;
    position: absolute;
    z-index: 90;
}

.m-courselearn .learn-box {
    position: absolute;
    width: 75%;
    top: 0;
    bottom: 36px;
    z-index: 101;
    text-align: center;
    overflow: auto;
    background-color: #525050;
    left: 4%;
}

.m-video-box,
.m-video-box object,
.m-video-box embed,
.m-text-box,
.m-text-box object,
.m-text-box embed,
.m-link-box,
.m-link-box object,
.m-link-box embed {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.m-video-box,
.m-text-box,
.m-link-box {
    background-color: black;
}

    .m-video-box .fsmask,
    .m-text-box .fsmask,
    .m-link-box .fsmask {
        width: 40px;
        height: 28px;
        position: absolute;
        right: 0;
        bottom: 0;
        background-color: #f00;
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
    }

    .m-video-box,
    .m-video-box object,
    .m-video-box embed,
    .m-text-box,
    .m-text-box object,
    .m-text-box embed,
    .m-link-box,
    .m-link-box object,
    .m-link-box embed {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

        .m-video-box .fsmask,
        .m-text-box .fsmask,
        .m-link-box .fsmask {
            width: 40px;
            height: 28px;
            position: absolute;
            right: 0;
            bottom: 0;
            background-color: #f00;
            filter: alpha(opacity=0);
            -khtml-opacity: 0;
            -moz-opacity: 0;
            opacity: 0;
        }

.j-lessonIndex {
    text-align: center;
    background: #020200;
    width: 70px;
    height: 25px;
    border-radius: 25px;
    line-height: 25px;
    color: #68696e;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}

.j-lessonnum {
    width: 33px;
    height: 33px;
    border: 4px solid #020200;
    display: inline-block;
    background: #e51c23;
    text-align: center;
    line-height: 25px;
    font-size: 18px;
    color: #fff;
    border-radius: 25px;
    vertical-align: middle;
    margin-left: -18px;
}

.j-lessonname {
    font-size: 18px;
    color: #b5b9bc;
    vertical-align: middle;
    margin-right: 10px;
}

.ds-video-tn {
    display: none;
}

.jiathis_style_32x32 {
    display: none;
}

.ds-video-tn span {
    vertical-align: middle;
}

.ds-video-tn i {
    background-image: url(../images/icon-video-imgs.png);
    display: inline-block;
    width: 18px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle;
}

.ds-video-tn {
    font-size: 16px;
    color: #787d82;
    vertical-align: middle;
    margin: 0 5px;
    display: none;
    height: 25px;
    line-height: 25px;
}

.ds-video-shouc {
    background-position: -2px 0;
}

.ds-video-share {
    background-position: -38px 0;
}

.fenge {
    color: #787d82;
    vertical-align: middle;
    font-size: 16px;
}

.m-courselearn .qq {
    background: url(../images/icon-video-imgs.png) -75px 0;
    ;
    display: inline-block;
    width: 18px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle;
}

.m-courselearn .weixin {
    background: url(../images/icon-video-imgs.png) -105px 0;
    ;
    display: inline-block;
    width: 22px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle;
}

.m-courselearn .weibo {
    background: url(../images/icon-video-imgs.png) -140px 0;
    ;
    display: inline-block;
    width: 22px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle;
}

.ks_ds_ml_period .span6 {
    color: #888;
    cursor: pointer;
}

.ks_ds_ml_period:hover .span6 {
    color: #e51c23;
}

.ks_ds_ml_period .bn {
    display: inline-block;
    width: 85px;
    height: 25px;
    background: #e51c23;
    color: #fff;
    text-align: center;
    line-height: 25px;
    border-radius: 2px;
}


/*.ks_ds_ml_period .fr{ width: 140px;}*/

.ks_ds_ml_period .span5 {
    margin-left: 10px;
}

.ks_ds_ev_form {
    margin: 20px;
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 1px solid #dddddb;
}

.ds_ev_pingfen .red-xing {
    background: url(../images/red-xing.png);
    width: 19px;
    height: 19px;
    display: inline-block;
    cursor: pointer
}

.ds_ev_pingfen {
    text-align: left;
}

    .ds_ev_pingfen span {
        vertical-align: middle;
    }

    .ds_ev_pingfen .red-xing.shi {
        background: url(../images/red-xing1.png) no-repeat;
        width: 19px;
        height: 19px;
        display: inline-block;
        background-size: 100% 100%
    }

    .ds_ev_pingfen .xinlist {
        vertical-align: middle;
        display: inline-block;
        margin-top: 4px;
    }

.ds_ev_content {
    width: 100%;
    height: 120px;
    resize: none;
    border: 1px solid #dddddb;
    margin-top: 20px;
    padding: 10px;
    border-radius: 3px;
}

    .ds_ev_content:focus {
        outline: 1px solid #e51c23;
        border: none;
    }

.ds_ev_tn_submit {
    display: inline-block;
    width: 110px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #e51c23;
    color: #fff;
    float: right;
    margin-top: 15px;
    cursor: pointer;
    border-radius: 3px;
    margin-right: 20px;
}

    .ds_ev_tn_submit:hover {
        opacity: 0.8;
        color: white
    }

    .ds_ev_tn_submit:active {
        color: white
    }


/*页脚*/

.ds-footer {
    color: #fff;
    font-size: 12px;
    background: #2f2227;
    overflow: hidden;
    position: relative;
    top: 0;
    clear: both;
}

    .ds-footer img {
        margin: 10px;
    }

.ds-foot-c-l {
    /* width: 420px; */
    display: inline-block;
}

    .ds-foot-c-l .desc {
        line-height: 24px;
        text-align: justify;
        display: inline-block;
    }

    .ds-foot-c-l .guanzhu {
        display: inline-block;
        width: 100%;
        margin: 12px 0;
    }

    .ds-foot-c-l .cp {
        display: block;
    }

.ds-foot-c-r {
    width: 295px;
    display: inline-block;
    float: right;
}

    .ds-foot-c-r .links a {
        margin-right: 10px;
        color: #fff;
    }

    .ds-foot-c-r .links {
        float: right;
        display: none;
    }

.ds-foot-c-l .guanzhu-i {
    background-image: url(../images/foot-img.png);
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.ds-foot-c-l .q {
    background-position: -243px -1px;
    margin-right: 10px;
}

.ds-foot-c-l .w {
    background-position: -267px -1px;
}

.ds-foot-c-l .guanzhu span {
    vertical-align: middle;
}

.ds-foot-c-r .downs {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    display: none;
}

    .ds-foot-c-r .downs a {
        width: 110px;
        height: 32px;
        background-image: url(../images/foot-img.png);
        display: inline-block;
        vertical-align: middle;
    }

    .ds-foot-c-r .downs span {
        vertical-align: middle;
    }

    .ds-foot-c-r .downs .ios {
        background-position: 0 0;
        margin-right: 10px;
    }

    .ds-foot-c-r .downs .an {
        background-position: -119px 0;
    }


/*班级风采*/

.wk-desc {
    background: #5ca7ed;
    font-size: 16px;
    color: #fff;
    height: 50px;
    line-height: 50px;
    text-indent: 20px;
    position: relative;
    z-index: 4;
}

    .wk-desc a {
        float: right;
    }

.img-box1 {
    width: 640px;
    position: absolute;
    top: 0;
    right: 0;
    height: 358px;
}

.img-box2 {
    width: 640px;
    height: 358px;
    background: url(../images/zhezhao.png) 0 center no-repeat;
    position: absolute;
    top: 0;
    right: 0;
}

.bj-fc-info .cnt {
    position: relative;
}

.bj-fc-wz {
    position: relative;
    /*width: 750px;*/
}

.bj-fc-c {
    float: right;
    line-height: 110px;
}

    .bj-fc-c .btn-c-class {
        margin-right: 25px;
        height: 40px;
        font-size: 18px;
        color: #fff;
        background: #e51c23;
        border: 0;
        line-height: 38px;
        padding: 0;
        width: 130px;
        z-index: 2;
        position: relative;
    }

    .bj-fc-c .icon-collect {
        width: 23px;
        height: 29px;
        vertical-align: middle;
    }

    .bj-fc-c .btn-c-class span {
        vertical-align: top;
        display: inline-block;
        height: 37px;
        line-height: 37px;
    }

    .bj-fc-c .uncollect .icon-collect {
        background: url("/Images/class-collect.png") -27px -4px no-repeat;
    }

    .bj-fc-c .collected .icon-collect {
        background: url("/Images/class-collect.png") -1px -3px no-repeat;
    }

    .bj-fc-c .btn-c-class.uncollect {
        background: #fff;
        border: 2px solid #2e323e;
        color: #000;
    }

.bj-fc-wz .bj-fc-b .bj-fc-b-r {
    display: inline-block;
    width: 550px;
    vertical-align: top;
    margin-left: 25px;
    font-size: 16px;
    margin-top: 40px;
}

.bj-fc-wz h2 {
    font-size: 36px;
    height: 110px;
    line-height: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*width: 604px;*/
}

.bj-fc-wz .bj-fc-b .bj-fc-b-r .span1 {
    line-height: 33px;
    display: inline-block;
    margin-top: -8px;
}

    .bj-fc-wz .bj-fc-b .bj-fc-b-r .span1 span {
        color: #0090ff;
    }

.bj-fc-wz .bj-fc-b .bj-fc-b-r .span2 {
    display: inline-block;
    width: 100%;
    line-height: 33px;
}

.bj-fc-wz .bj-fc-b .bj-fc-b-r .span3 {
    display: inline-block;
    width: 100%;
    line-height: 33px;
}

.bj-fc-wz .bj-fc-b .bj-fc-b-r .span4 .bj-tn-bm {
    width: 200px;
    height: 66px;
    display: inline-block;
    background: #e51c23;
    text-align: center;
    color: #fff;
    font-size: 24px;
    margin-right: 20px;
    line-height: 66px;
    vertical-align: middle;
    line-height: 55px;
    border-radius: 0;
    opacity: 1;
}

.bj-fc-wz .bj-fc-b .bj-fc-b-r .span4 .bj-tn-zx {
    width: 196px;
    height: 62px;
    display: inline-block;
    border: 1px solid #e51c23;
    border-radius: 25px;
    text-align: center;
    color: #e51c23;
    font-size: 24px;
    background: #fff;
    line-height: 58px;
    vertical-align: middle;
    margin-top: 20px;
    margin-left: 40px;
}

.bj-fc-wz .bj-fc-b .class-logo {
    width: 428px;
    height: 285px;
}

#ajax-hook {
    position: fixed;
    left: 65%;
    bottom: 0px;
    z-index: 5;
    width: 100%;
}

.globalInfoTip {
    z-index: 20;
    height: 60px;
    width: 30%;
    position: relative;
    cursor: pointer;
}

    .globalInfoTip p {
        text-align: center;
        font-size: 16px;
        height: 30px;
        line-height: 30px;
        padding: 15px 0;
        color: #FFF;
        position: relative;
    }

    .globalInfoTip .infoTipBack {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #e51c23;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        opacity: 0.8;
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
    }

    .globalInfoTip .icon-collect-success {
        width: 34px;
        height: 34px;
        vertical-align: middle;
        background: url("/Images/class-collect.png") -52px -3px no-repeat;
        margin-right: 10px;
    }

.previewBtn {
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: 50%;
    margin-top: -80px;
    margin-left: -80px;
    display: inline-block;
    padding: 40px;
    cursor: pointer;
    display: block;
    height: 80px;
    width: 80px
}

    .previewBtn .play__pulse {
        background-color: #333;
        border-radius: 80px;
        height: 80px;
        width: 80px;
        position: absolute;
        left: 40px;
        top: 40px;
        opacity: 0;
        -webkit-animation: pulsate 3s ease-out;
        -moz-animation: pulsate 3s ease-out;
        animation: pulsate 3s ease-out;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .previewBtn .play__button {
        cursor: pointer;
        display: block;
        height: 80px;
        position: relative;
        width: 80px;
        opacity: .85;
    }

        .previewBtn .play__button:hover .playbutton__part {
            fill: #eee;
            opacity: .9;
        }

    .previewBtn .playbutton__part {
        fill: #fff;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s
    }

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(1, 1);
        opacity: 0
    }

    30% {
        opacity: .7
    }

    60% {
        -webkit-transform: scale(2, 2);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes pulsate {
    0% {
        -moz-transform: scale(1, 1);
        opacity: 0
    }

    30% {
        opacity: .7
    }

    60% {
        -moz-transform: scale(2, 2);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes pulsate {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0
    }

    30% {
        opacity: .7
    }

    60% {
        -webkit-transform: scale(2, 2);
        -moz-transform: scale(2, 2);
        -ms-transform: scale(2, 2);
        -o-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.bj-kc-info {
    font-size: 0;
    margin-top: 20px;
    padding-top: 20px;
    background: #f3f3f3;
    height: 671px;
}

.bj-kc-desc {
    display: inline-block;
    width: 800px;
    height: 620px;
    vertical-align: top;
    /*background: #737b8f;*/
    color: #fff
}

    .bj-kc-desc h2 {
        height: 85px;
        line-height: 85px;
        /*margin-left: 20px;*/
        font-size: 36px;
        border-bottom: 1px solid #fff;
        padding-left: 40px;
    }

    .bj-kc-desc span {
        margin: 0 20px;
        margin-top: 10px;
        display: inline-block;
        line-height: 40px;
        font-size: 16px
    }

.bj-stu-list {
    display: inline-block;
    width: 400px;
    background: #fff;
    height: 620px;
    overflow: hidden;
}

    .bj-stu-list h2 {
        font-size: 34px;
        height: 85px;
        line-height: 85px;
        text-indent: 20px;
        border-bottom: 1px solid #dedede;
        margin-bottom: 10px
    }

    .bj-stu-list .stu-item {
        display: inline-block;
        width: 80px;
        margin-top: 10px;
        margin-right: 14px
    }

        .bj-stu-list .stu-item img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
        }

        .bj-stu-list .stu-item:nth-child(4n) {
            margin-right: 0
        }

    .bj-stu-list .stu-list {
        margin: 0 18px
    }

        .bj-stu-list .stu-list span {
            font-size: 14px;
            display: inline-block;
            width: 100%;
            text-align: center;
            line-height: 27px;
            height: 27px;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: normal;
        }

        .bj-stu-list .stu-list .empty {
            height: 60px;
            line-height: 60px;
            text-align: center;
            font-size: 18px;
            color: #999;
        }

.bj-kc-arrange h2 {
    height: 104px;
    line-height: 104px
}

    .bj-kc-arrange h2 .f-l {
        font-size: 36px;
        margin-right: 40px;
        vertical-align: middle
    }

    .bj-kc-arrange h2 .f-r {
        font-size: 14px;
        display: inline-block;
        width: 815px;
        line-height: 25px;
        vertical-align: middle
    }

.bj-kc-arrange-contrainer {
    margin: 0 30px;
    color: #fff
}

.arrange-item-order {
    margin-right: 30px;
    font-size: 16px;
    color: #671d1d;
    margin-left: 36px;
    margin-top: 36px;
    display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    background-color: #fff;
    border-radius: 18px
}

.arrange-item-wz h3 {
    font-size: 20px;
    line-height: 36px
}

.arrange-item-wz span {
    margin-top: 15px;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.arrange-item-wz {
    margin-top: 36px;
    width: 900px;
    display: inline-block;
    vertical-align: top
}

.bj-kc-arrange-item {
    height: 70px;
    border-bottom: 1px solid #b46a6a;
    overflow: hidden;
    height: 140px;
    cursor: pointer;
}

    .bj-kc-arrange-item:hover {
        background: #671d1d;
    }

    .bj-kc-arrange-item.no-border {
        border: 0
    }

    .bj-kc-arrange-item:last-child {
        border: 0
    }

.bj-kc-arrange-list {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    margin-bottom: 50px;
}

.gotoinfo {
    background: url(../images/arrows.png) -34px -7px;
    width: 10px;
    height: 32px;
    display: inline-block;
    float: right;
    vertical-align: middle;
    margin-right: 30px;
    margin-top: 48px
}

.bj-kc-arrange-wz {
    text-align: center;
    font-size: 30px;
    height: 80px;
    line-height: 80px
}

.kbfc-4 {
    background: url(../images/img-kbfc-4.png);
    background-size: cover;
    text-align: center
}

.kbfc-5 {
    background: url(../images/img-kbfc-5.png);
    background-size: cover;
    text-align: center
}

.kbfc-6 {
    background: url(../images/img-kbfc-6.png);
    background-size: cover;
    text-align: center
}

.kbfc-7 {
    background: url(../images/img-kbfc-7.png);
    background-size: cover
}

.kbfc-contrainer h2 {
    margin-top: 50px;
    height: 110px;
    line-height: 110px;
    font-size: 48px;
    color: #fff;
    text-align: center
}

.kbfc-info {
    color: #fff;
    text-align: center;
    display: inline-block;
    width: 100%;
    line-height: 30px;
    font-size: 18px;
    margin-bottom: 50px;
    max-height: 60px;
    overflow: hidden;
}

.jyzs-info-r {
    display: inline-block;
    width: 537px;
    color: #fff;
    vertical-align: middle;
    margin-left: 48px
}

    .jyzs-info-r .span1 {
        font-size: 30px
    }

    .jyzs-info-r .span2 {
        font-size: 14px;
        display: inline-block;
        width: 100%;
        line-height: 28px
    }

.jyzs-info .jyzs-info-img {
    width: 424px;
    height: 318px;
}

.jyzs-info-item .jyzs-info-item-img {
    background-image: url(../images/bj-icons.png);
    width: 81px;
    height: 81px;
    display: inline-block;
    vertical-align: middle
}

.jyzs-info-item1 .jyzs-info-item-img {
    background-position: -52px 0
}

.jyzs-info-item2 .jyzs-info-item-img {
    background-position: -52px -156px
}

.jyzs-info-item3 .jyzs-info-item-img {
    background-position: -52px -316px
}

.jyzs-info-item .jyzs-info-item-r {
    width: 394px;
    display: inline-block;
    vertical-align: top;
    margin-left: 50px
}

.jyzs-info-item {
    margin-top: 40px
}


/*.kbfc-4 .kbfc-info{width:975px;font-size:18px;margin-bottom:50px; max-height: 60px; overflow: hidden;}
.kbfc-5 .kbfc-info,.kbfc-6 .kbfc-info{width:520px;text-align:left;margin-bottom:35px}*/

.kbfc-7 .kbfc-info {
    margin-bottom: 160px;
}

.video-list {
    width: 728px;
    height: 415px;
    background: #000;
    opacity: .8;
    margin: auto;
    line-height: 415px;
    position: relative
}

.doc-pdf-icon {
    background-position: -176px
}

.doc-office-icon {
    background-image: url(../images/doc-icon.png);
    cursor: pointer;
    display: inline-block;
    width: 156px;
    height: 156px;
    border: 2px solid #fff;
    background-repeat: no-repeat
}

.doc-icon,
.docx-icon {
    background-position: 54px;
}

.pdf-icon {
    background-position: -176px
}

.doc-list {
    position: relative;
}

    .doc-list .a-list {
        overflow: hidden;
        height: 240px;
        width: 1088px;
        margin: auto;
        text-align: left;
    }

        .doc-list .a-list ul {
            width: 2000px;
        }

    .doc-list .prev {
        background: url(../images/arrows1.png) 2px no-repeat;
        cursor: pointer;
        left: 28px;
        top: 20%;
        width: 30px;
        height: 47px;
        display: block;
        position: absolute;
    }

    .doc-list .next {
        background: url(../images/arrows1.png) -36px no-repeat;
        cursor: pointer;
        right: 28px;
        top: 20%;
        width: 30px;
        height: 47px;
        display: block;
        position: absolute;
    }

.doc-item .doc-title {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    width: 100%;
    line-height: 66px;
    height: 76px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-item {
    display: inline-block;
    width: 230px;
    margin: 0 20px;
    text-align: center;
}

.video-pannel {
    display: inline-block;
    font-size: 0;
    text-align: left;
    overflow: hidden;
    width: 480px;
    height: 270px;
    line-height: 270px;
    margin-top: 72px
}

.video-pannel-c {
    width: 2000px
}

    .video-pannel-c a {
        width: 480px;
        height: 270px;
        display: inline-block;
    }

        .video-pannel-c a img {
            width: 480px;
            height: 270px;
        }

.video-list .prev {
    background: url(../images/arrows1.png) 2px no-repeat;
    left: 28px;
    top: 50%;
    margin-top: -22px;
    width: 30px;
}

.video-list .next {
    background: url(../images/arrows1.png) -36px no-repeat;
    right: 28px;
    top: 50%;
    margin-top: -22px;
    width: 30px;
}

.video-list .prev:hover {
    background: url(../images/arrows1.png) 2px no-repeat #333;
}

.video-list .next:hover {
    background: url(../images/arrows1.png) -36px no-repeat #333;
}

.video-control-tn {
    display: inline-block;
    width: 14px;
    height: 60px;
    background-size: cover;
    position: absolute
}

.video-play-tn {
    background: url(../images/video-play.png);
    display: inline-block;
    width: 54px;
    height: 54px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: -27px
}

.focus_Box_pannel {
    position: relative;
    width: 1200px;
    height: 308px;
    margin: 20px auto;
    margin-top: -30px
}

    .focus_Box_pannel ul {
        position: relative;
        width: 710px;
        height: 308px
    }

    .focus_Box_pannel li {
        z-index: 0;
        position: absolute;
        width: 0;
        background: #787878;
        height: 0;
        top: 146px;
        cursor: pointer;
        left: 377px;
        border-radius: 3px
    }

        .focus_Box_pannel li img {
            width: 100%;
            height: 100%;
            vertical-align: top;
            border-radius: 3px
        }

        .focus_Box_pannel li p {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 40px;
            line-height: 40px;
            text-indent: 8px;
            color: #fff
        }

            .focus_Box_pannel li p span {
                display: inline-block;
                width: 70%;
                height: 40px;
                overflow: hidden
            }

    .focus_Box_pannel .next,
    .focus_Box_pannel .prev {
        background-image: url(../images/arrows1.png);
        background-repeat: no-repeat;
        background-color: #000;
        display: block;
        z-index: 100;
        overflow: hidden;
        cursor: pointer;
        position: absolute;
        width: 33px;
        height: 86px;
        top: 116px;
        opacity: .75
    }

    .focus_Box_pannel .prev {
        background-position: 2px center;
        left: 0
    }

    .focus_Box_pannel .next {
        background-position: -32px center;
        right: 0
    }

    .focus_Box_pannel a.imgs-scroll-btn {
        display: block;
        position: absolute;
        z-index: 110;
        top: 7px;
        right: 15px;
        width: 51px;
        height: 23px;
        overflow: hidden;
        background: url(images/share-btn.png) no-repeat;
        text-indent: -999px
    }

    .focus_Box_pannel .image-ul {
        position: initial;
        width: 100%;
        vertical-align: middle;
        line-height: 308px;
    }

    .focus_Box_pannel .image-li {
        width: 290px;
        height: 216px;
        position: static;
        display: inline-block;
        vertical-align: middle;
        cursor: auto;
        margin-right: 7px;
    }

.kbfc-4 .focus_Box_pannel {
    margin-top: 0
}

.bj-kc-arrange-item-c {
    width: 100%;
    height: 284px;
    background: #fff;
    font-size: 0;
    position: relative;
    height: 0;
    overflow: hidden;
    cursor: pointer;
    border-bottom: 1px solid #671d1d;
}

    .bj-kc-arrange-item-c .arrange-item-order {
        background: #e51c23;
        color: #fff;
        margin-top: 37px;
        margin-left: 37px
    }

    .bj-kc-arrange-item-c h3 {
        height: 80px;
        line-height: 80px;
        font-size: 20px;
        color: #000;
        margin-top: 15px
    }

    .bj-kc-arrange-item-c img {
        width: 225px;
        height: 150px;
    }

    .bj-kc-arrange-item-c .f-r {
        display: inline-block;
        width: 648px;
        margin-left: 25px;
        vertical-align: top;
        color: #000;
        height: 150px;
        overflow: hidden;
    }

        .bj-kc-arrange-item-c .f-r span {
            width: 100%;
            margin-top: 0;
            margin-bottom: 10px;
            height: 79px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            word-break: break-all;
            display: -webkit-box;
        }

    .bj-kc-arrange-item-c .tn-view-info {
        color: #e51c23;
        border: 2px solid #e51c23;
        font-size: 24px;
        display: inline-block;
        text-align: center;
        width: 196px;
        height: 61px;
        line-height: 61px
    }

.gotoinfo-up {
    position: absolute;
    top: 45px;
    right: 22px;
    background: url(../images/bj-icons.png) 0 -52px no-repeat;
    display: inline-block;
    width: 33px;
    height: 10px
}

.bj-kc-arrange-item-c .arrange-item-wz {
    margin-top: 0
}


/*login*/

.login_top_wapper {
    height: 150px;
    line-height: 150px;
}

.login_wapper {
    height: 750px;
    background: url(../images/login-bg.png);
    background-size: cover;
    overflow: hidden;
}

.login-box {
    width: 440px;
    height: 500px;
    float: right;
    background: #fff;
    margin-top: 115px;
}

    .login-box h2 {
        height: 74px;
        line-height: 73px;
        border-bottom: 1px solid #e8e8e8;
        margin-bottom: 40px;
    }

        .login-box h2 .span1 {
            font-size: 24px;
            vertical-align: middle;
            border-bottom: 2px solid #e51c23;
            display: inline-block;
            margin-left: 30px;
            height: 73px;
        }

        .login-box h2 .span2 {
            font-size: 14px;
            vertical-align: middle;
            float: right;
            margin-right: 26px;
        }

            .login-box h2 .span2 a {
                color: #e51c23;
            }

    .login-box .user-box,
    .login-box .pwd-box {
        width: 380px;
        height: 45px;
        border: 1px solid #e8e8e8;
        background: #f1f1f1;
        box-shadow: none;
        margin: auto;
        margin-left: 30px;
        padding-left: 12px;
    }

    .login-box .user-box {
        margin-bottom: 30px;
    }

        .login-box .user-box:focus,
        .login-box .pwd-box:focus {
            box-shadow: none;
            border: 1px solid #e51c23;
        }

    .login-box .pass-clearbtn {
        padding-left: 43px;
    }

    .login-box .text-danger {
        margin-left: 30px;
        line-height: 30px;
    }

    .login-box .tn-login {
        width: 380px;
        height: 55px;
        line-height: 55px;
        margin-left: 30px;
        border: none;
        background: #e51c23;
        color: #fff;
        padding: 0;
        font-size: 14px;
    }

    .login-box .form-horizontal .form-group {
        margin: 0
    }

.auto-login-box {
    margin-left: 30px;
    margin-bottom: 30px;
    margin-top: 30px;
    display: inline-block;
    width: 380px;
}

    .auto-login-box input,
    .auto-login-box span {
        vertical-align: middle;
        font-size: 14px;
    }

    .auto-login-box span {
        margin-left: 5px;
    }

    .auto-login-box a {
        float: right;
        color: #e51c23;
        font-size: 14px;
    }

.pass-clearbtn {
    position: absolute;
    overflow: hidden;
    top: 1px;
    left: 0;
    height: 12px;
    line-height: 12px;
    padding: 14px 12px;
    _padding: 16px 12px 12px;
    font-size: 14px;
    color: #ccc;
    cursor: text;
    display: table;
}


/*regiter*/

.reg-container {
    width: 100%;
    margin-top: 40px;
    background: #fff;
    overflow: hidden;
    border-radius: 3px;
    min-height: 500px;
}

    .reg-container h2 {
        height: 74px;
        line-height: 74px;
        margin-bottom: 45px;
        border-bottom: 1px solid #e8e8e8
    }

        .reg-container h2 span {
            font-size: 24px;
            margin-left: 30px;
        }

.singleRegister > input {
    height: 45px;
}

.singleRegisterTwo.active,
.singleRegisterOne.active {
    display: none;
}

.reg-container h2 a {
    color: #0ab65f;
    font-size: 14px;
    float: right;
    margin-right: 30px;
    margin-top: 25px;
}

.registerNext {
    height: 45px;
    line-height: 45px;
    width: 322px;
    background: #e51c23;
    border-radius: 3px;
    cursor: pointer;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    letter-spacing: 2px;
}

    .registerNext:hover {
        background: #d01716;
    }

.reg-container .reg-form {
    width: 322px;
    margin: 0 auto 60px;
}

.reg-container .form-horizontal .form-group {
    margin-top: 20px;
}

.reg-container .form-horizontal .form-group-reg {
    height: 65px;
}

.reg-container .reg-input {
    height: 45px;
    border: 1px solid #e8e8e8;
    background: #f1f1f1;
    margin: 0;
    border-radius: 3px;
    padding-left: 12px;
}

    .reg-container .reg-input:focus {
        box-shadow: none;
        border: 1px solid #e51c23;
    }

.sponline-box {
    font-size: 14px;
    line-height: 40px;
    margin-bottom: 12px;
    display: inline-block;
}

    .sponline-box input,
    .sponline-box span {
        vertical-align: middle;
        font-size: 14px;
    }

    .sponline-box span {
        margin-left: 5px;
    }

    .sponline-box a {
        color: #e51c23;
        font-size: 14px;
        vertical-align: middle;
    }

.reg-container .reg-input-ma {
    height: 45px;
    border: 1px solid #e8e8e8;
    background: #f1f1f1;
}

    .reg-container .reg-input-ma:focus {
        border: 1px solid #e8e8e8;
    }

.reg-container #getConfirmationCode {
    height: 45px;
    background: #fff;
    color: #e51c23;
    border: 1px solid #e8e8e8;
}

input[type=checkbox],
input[type=radio] {
    margin: 0
}

.reg-container .tn-reg {
    width: 100%;
    height: 45px;
    color: #fff;
    border: none;
    background: #e51c23;
}

    .reg-container .tn-reg:hover {
        background: #e51c23;
        color: #fff
    }

.reg-container .field-validation-error {
    display: inline-block;
    width: 100%;
    height: 22px;
    line-height: 22px;
}


/*视频播放器 弹框*/

#video-dialog .modal-body {
    padding: 0;
}

#video-dialog .modal-content {
    border-radius: 0;
}

#video-dialog .modal-dialog {
    margin: 120px auto;
}

#video-dialog .modal-header {
    border-radius: 0;
    background: #000;
    border-bottom: none;
    height: 45px;
}

    #video-dialog .modal-header .close {
        background: url("/Images/icon-details.png") -71px -54px no-repeat !important;
        width: 20px;
        height: 20px;
        opacity: 1;
    }

.success-tishi {
    text-align: center;
    font-size: 18px;
    color: #000;
    margin-top: 100px;
}

.reg-container .text-tis {
    margin: 0;
    font-size: 14px;
    color: #888;
    margin-left: 5px;
}

.success-tishi .spana {
    display: block
}

.success-tishi .spana-ph {
    font-size: 14px;
    color: #888;
    line-height: 32px
}

.success-tishi .spana-tx {
    margin-top: 40px
}

.success-tishi .spana-op {
    margin-top: 30px;
}

    .success-tishi .spana-op a {
        width: 140px;
        height: 45px;
        line-height: 45px;
        border-radius: 1px;
        background: #e51c23;
        color: #fff;
        font-size: 14px;
        display: inline-block;
        margin: 0 20px;
    }

.success-tishi .spanb-op a {
    display: inline-block;
    width: 320px;
    height: 45px;
    border-radius: 1px;
    background: #e51c23;
    color: #fff;
    font-size: 14px;
    line-height: 45px;
}

.section {
    min-height: 950px;
    overflow: hidden;
}

.section_1 {
    min-height: 0;
}

.section_2 {
    padding: 30px 0;
}

    .section_2 .cnt li {
    }

.pageScroll {
    position: fixed;
    right: 40px;
    padding: 10px 15px 10px 5px;
    background: url("/Images/bg-nav.png");
    border-radius: 4px;
    top: 30%;
    z-index: 101;
}

    .pageScroll a {
        display: inline-block;
        width: 100%;
        font-size: 18px;
        color: #fff;
        background-image: url(../Images/dot.png);
        background-repeat: no-repeat;
        text-indent: 30px;
        background-position: 5px -26px;
        height: 35px;
        line-height: 35px;
        text-decoration: none;
    }

        .pageScroll a:hover,
        .pageScroll .active a {
            color: #e51c23;
            background-position: 5px 10px;
            background-position: 5px -140px;
            text-decoration: none;
        }

    .pageScroll li.scrollNav_1 a {
        background-position: 5px 10px;
    }

    .pageScroll li.last a {
        background-position: 5px -63px;
    }

    .pageScroll li.scrollNav_1 a:hover,
    .pageScroll li.scrollNav_1.active a {
        background-position: 5px -105px;
    }

    .pageScroll li.last a:hover,
    .pageScroll li.last.active a {
        background-position: 5px -177px;
    }


/*弹框 -login*/

#login-modal .modal-content {
    border-radius: 3px;
    box-shadow: none;
    width: 320px;
    padding: 10px 20px;
    margin: auto;
    border: none;
}

#login-modal .tabbable-line > .tab-content {
    border: none
}

#login-modal .modal-header a {
    display: inline-block;
    width: 70px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #000;
    border: none;
    padding: 0;
}

#login-modal .modal-header {
    padding: 0;
    height: 35px;
}

#login-modal .close {
    width: 14px;
    height: 29px;
    padding-top: 10px;
    background-position: center;
}

#login-modal .form-horizontal .form-group .form-control {
    padding: 0;
    text-indent: 12px;
    background: #f1f1f1;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    color: #888;
    height: 45px;
    line-height: 45px;
}

#login-modal .checkbox input[type=checkbox] {
    position: static;
    margin: 0;
}

#login-modal .btn {
    width: 100%;
    background: #e51c23;
    border-radius: 3px;
    height: 45px;
    line-height: 45px;
    padding: 0;
    color: #fff;
    font-size: 14px;
    border: none;
}

    #login-modal .btn:hover {
        background: #d01716;
    }

#login-modal .form-group {
    height: 64px;
}

#login-modal .tabbable-line > .tab-content {
    margin: 0;
    padding: 0
}

#login-modal .input-icon > .form-control:focus {
    border: 1px solid #e51c23;
}

#login-modal .LoginFailed {
    height: 24px;
    line-height: 24px;
    color: #e51c23;
}

#login-modal .modal-body {
    padding: 0;
    /*min-height: 256px;*/
}

#login-modal .form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
}

#login-modal {
    top: 100px;
}

    #login-modal #getConfirmationCode {
        color: #e51c23;
        background: #fff;
        padding: 0 10px;
        border: 1px solid #e8e8e8;
        border-radius: 3px;
    }

    #login-modal .nav-tabs,
    .nav-pills {
        width: 164px;
        border: none;
        float: left;
        margin: 0;
    }

    #login-modal .modal-header a:hover,
    #login-modal .modal-header .active a {
        background: none;
        border-bottom: 1px solid #e51c23
    }

.tab_li_nian_div {
    border-left: 3px solid #ffde27;
    border-right: 3px solid #ffde27;
    border-bottom: 3px solid #ffde27;
    /*padding-bottom: 50px;*/
}

.top_li_nian {
    background: url(../Images/bg-kctx.png) no-repeat;
    background-size: contain;
    padding-bottom: 50px;
}

    .top_li_nian .top_li_nian_intro {
        padding: 100px 0;
        width: 800px;
        margin: auto;
    }

        .top_li_nian .top_li_nian_intro h2 {
            font-size: 48px;
            color: #fff;
            text-align: center;
        }

        .top_li_nian .top_li_nian_intro span {
            font-size: 18px;
            text-align: center;
            display: inline-block;
            margin-top: 60px;
            line-height: 30px;
            color: #fff;
        }

    .top_li_nian .top_li_nian_list {
        height: 750px;
        margin-bottom: 35px;
        background: #fff
    }

        .top_li_nian .top_li_nian_list h2 {
            height: 120px;
            line-height: 120px;
            background: url(../Images/bg-color.png)
        }

            .top_li_nian .top_li_nian_list h2 span {
                display: inline-block;
                width: 390px;
                text-indent: 160px;
                font-size: 48px;
                color: #fff;
                background-image: url(../Images/bg-color-icon.png);
                background-repeat: no-repeat
            }

            .top_li_nian .top_li_nian_list h2 .tabspan1 {
                background-position: 68px center;
            }

            .top_li_nian .top_li_nian_list h2 .tabspan2 {
                background-position: -342px center;
            }

            .top_li_nian .top_li_nian_list h2 .tabspan3 {
                background-position: -730px center;
            }

        .top_li_nian .top_li_nian_list .tab_li_nian {
            width: 399px;
            display: inline-block;
            padding-top: 8px;
            vertical-align: top;
            min-height: 620px;
            border-right: 2px solid #ffde27;
            padding-bottom: 50px;
        }

            .top_li_nian .top_li_nian_list .tab_li_nian.tab3 {
                width: 386px;
            }

        .top_li_nian .top_li_nian_list .tab3.tab_li_nian {
            border: none
        }

.tab_li_nian_item .tab_li_nian_item-con {
    text-decoration: none;
    height: 42px;
    border: 2px solid #ffc12c;
    font-size: 18px;
    color: #000;
    padding: 0 20px;
    line-height: 38px;
    display: inline-block;
    border-radius: 42px;
}

.tab_li_nian_item:hover .tab_li_nian_item-con {
    background: #ffd151;
    color: #fff;
}

.tab_li_nian_item .ext-info {
    position: absolute;
    display: none;
    right: -430px;
    width: 435px;
    top: 0;
    background: #fff;
    z-index: 2;
    border: 2px solid #ffc12c;
    border-radius: 6px;
}

.tab3 .tab_li_nian_item .ext-info {
    top: 42px;
    right: 3px;
}

.tab3 .tab_li_nian_item .arrow-l {
    right: 20px;
    top: -13px;
    background: url(../Images/arrow-t.png) no-repeat;
    left: auto;
    width: 22px;
    height: 13px;
}

.tab_li_nian_item .ext-info:hover {
    display: block
}

.tab_li_nian_item .ext-info a {
    display: block;
    width: 355px;
    margin-left: 12px;
    margin-top: 14px;
    font-size: 14px;
}

    .tab_li_nian_item .ext-info a .dot {
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 3px;
        background: #ffc12c;
        vertical-align: top;
        margin-right: 8px;
    }

    .tab_li_nian_item .ext-info a .tex {
        display: inline-block;
        width: 340px;
        vertical-align: top;
        margin-top: -6px;
        color: #000
    }


/*.tab_li_nian_item .ext-info a:hover .tex{color:#e51c23;text-decoration:underline}*/

.tab_li_nian_item:hover .ext-info {
    display: block;
    padding-bottom: 10px;
}

.tab_li_nian_item {
    position: relative;
    display: inline-block;
    margin-left: 48px;
    margin-top: 38px;
}

    .tab_li_nian_item .arrow-l {
        position: absolute;
        display: inline-block;
        width: 13px;
        height: 22px;
        left: -13px;
        z-index: 3;
        top: 10px;
        background: url(../Images/arrow-l.png);
    }

    .tab_li_nian_item .arrow-ext {
        width: 68px;
        display: inline-block;
        height: 42px;
        vertical-align: top;
        background: url(../Images/jia.png) no-repeat 0 center;
    }

    .tab_li_nian_item:hover .arrow-ext {
        background: url(../Images/jian.png) no-repeat 0 center;
    }

.recommend-ad {
    font-size: 0;
    overflow: hidden;
    padding-bottom: 40px;
}

    .recommend-ad h2 {
        font-size: 28px;
        text-align: center;
        margin-top: 98px;
        margin-bottom: 60px;
        color: #333
    }

.recommend-ad-item {
    display: inline-block;
    width: 400px;
    font-size: 18px;
    text-align: center
}

    .recommend-ad-item .adicon {
        display: inline-block;
        width: 106px;
        height: 106px;
        background: url(../Images/ad.png)
    }

    .recommend-ad-item .icon1 {
        background-position: -1px
    }

    .recommend-ad-item .icon2 {
        background-position: -122px
    }

    .recommend-ad-item .icon3 {
        background-position: -235px
    }

    .recommend-ad-item .txt {
        width: 100%;
        display: inline-block;
        line-height: 60px;
    }

.recommend-Course {
    background: #f3f3f3;
    overflow: hidden;
    padding-bottom: 80px;
}

    .recommend-Course h2 {
        font-size: 24px;
        height: 85px;
        line-height: 85px;
    }

.recommend-item img {
    width: 405px;
    height: 275px;
}

.recommend-item .recommend-item-r {
    display: inline-block;
    width: 750px;
    vertical-align: top;
    margin-left: 25px;
}

.recommend-item {
    margin-bottom: 20px;
    background: #fff;
    position: relative
}

    .recommend-item .title {
        font-size: 24px;
        margin-top: 20px;
        height: 70px;
        line-height: 70px;
        width: 100%;
        display: inline-block;
    }

    .recommend-item .summary {
        line-height: 30px;
        font-size: 14px;
        color: #808080;
        display: block;
        height: 96px;
        overflow: hidden;
        margin-bottom: 10px;
        margin-right: 18px;
        text-align: left;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .recommend-item .recommend-view {
        font-size: 24px;
        width: 200px;
        height: 50px;
        display: inline-block;
        line-height: 50px;
        text-align: center;
        color: #ff9326;
        border: 1px solid #ff9326;
        border-radius: 6px;
    }


    /*.recommend-item .recommend-view:hover{background:#ff9326;color:#fff;text-decoration:none}*/

    .recommend-item:first-child .hot-dot,
    .recommend-item:nth-child(2) .hot-dot {
        width: 117px;
        height: 117px;
        position: absolute;
        background: url(../Images/hot.png) no-repeat;
        right: -5px;
        top: -5px;
    }


/*个人中心*/

.myinfo-top {
    height: 150px;
    width: 100%;
    background: url(../Images/my-bg.png) center no-repeat #000;
}

    .myinfo-top .uicon img {
        width: 160px;
        height: 160px;
        border-radius: 90px;
    }

    .myinfo-top .u-shadow {
        display: none;
        width: 167px;
        height: 167px;
        border-radius: 90px;
        line-height: 167px;
        background: url(../Images/opcity70.png);
        position: absolute;
        left: 7px;
        top: 7px;
        font-size: 16px;
        color: #fff;
        text-decoration: none;
    }

    .myinfo-top .uicon {
        position: relative;
        width: 180px;
        height: 180px;
        background: url(../Images/ban-yuan.png) top center no-repeat;
        line-height: 180px;
        text-align: center;
        display: inline-block;
        border-radius: 100px;
        margin-top: 10px;
        margin-left: 24px;
    }

    .myinfo-top .uicon-info {
        width: 360px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 24px;
    }

        .myinfo-top .uicon-info span {
            display: inline-block;
            width: 100%;
            color: #fff;
            font-size: 14px;
        }

        .myinfo-top .uicon-info .uicon-intro {
            height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-word;
            white-space: nowrap;
        }

        .myinfo-top .uicon-info .uicon-name {
            font-size: 24px;
            margin-bottom: 20px;
            height: 34px;
            display: inline-block;
            font-weight: bold;
            width: auto;
            margin-right: 5px;
        }

    .myinfo-top .my-to-num .my-to-item {
        width: 106px;
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 14px;
        border-right: 1px solid #fff;
    }

        .myinfo-top .my-to-num .my-to-item:last-child {
            border: none;
        }

    .myinfo-top .my-to-num .num {
        display: inline-block;
        width: 100%;
        margin-bottom: 15px;
        color: #fff;
    }

    .myinfo-top .my-to-num .title {
        display: inline-block;
        width: 100%;
        color: #fff;
    }

    .myinfo-top .my-to-num {
        display: inline-block;
        float: right;
        margin-top: 80px;
    }

.myinfo-bottom {
    padding-top: 45px;
    font-size: 0;
    background: #f3f3f3;
    min-height: 815px;
}

.sidemenu {
    border-radius: 3px;
    display: inline-block;
    font-size: 16px;
    color: #000;
    width: 225px;
    background: white;
    padding-top: 10px;
}

    .sidemenu .item {
        height: 40px;
        line-height: 40px;
        display: block;
        text-align: left;
        margin-bottom: 5px;
    }

    .sidemenu a span {
        color: #7a8085;
        text-decoration: none;
        display: inline-block;
        width: 98px;
        text-align: left;
        font-size: 16px;
    }

    .sidemenu a:hover {
        text-decoration: none;
    }

    .sidemenu > img {
        margin-left: 75px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .sidemenu .text {
        vertical-align: middle;
        margin-left: 5px;
    }

.myinfo-con {
    display: inline-block;
    font-size: 14px;
    width: 955px;
    margin-left: 20px;
    vertical-align: top;
    /*margin-bottom: 50px;*/
}

    .myinfo-con .tabbable-line > .nav-tabs > li.active {
        border-bottom: 4px solid #e51c23;
        position: relative;
    }

.sidemenu i {
    background-image: url(../Images/icon-my-i.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 30px;
}

    .sidemenu i.icon-my-course {
        background-position: 0px 0;
    }

    .sidemenu i.icon-my-shouc {
        background-position: 0px -50px;
    }

    .sidemenu i.icon-my-class {
        background-position: 0px -100px;
    }

    .sidemenu i.icon-my-question {
        background-position: 0px -150px;
    }

    .sidemenu i.icon-my-coin {
        background-position: 0px -200px;
    }

    .sidemenu i.icon-my-autz {
        background-position: 0 -150px
    }

    .sidemenu i.icon-my-setting {
        background-position: 0 -299px;
    }

    .sidemenu i.icon-my-recourse {
        background-position: 0px -350px;
    }

    .sidemenu i.icon-my-audit {
        background-position: 0px -249px;
    }

.sidemenu .item:hover i.icon-my-recourse,
.sidemenu .item.active i.icon-my-recourse {
    background-position: -20px -350px;
}

.sidemenu .item:hover i.icon-my-course,
.sidemenu .item.active i.icon-my-course {
    background-position: -20px 0;
}

.sidemenu .item:hover i.icon-my-shouc,
.sidemenu .item.active i.icon-my-shouc {
    background-position: -20px -50px;
}

.sidemenu .item:hover i.icon-my-class,
.sidemenu .item.active i.icon-my-class {
    background-position: -20px -100px;
}

.sidemenu .item:hover i.icon-my-question,
.sidemenu .item.active i.icon-my-question {
    background-position: -20px -150px;
}

.sidemenu .item:hover i.icon-my-coin,
.sidemenu .item.active i.icon-my-coin {
    background-position: -20px -200px;
}

.sidemenu .item:hover i.icon-my-autz,
.sidemenu .item.active i.icon-my-autz {
    background-position: -20px -150px
}

.sidemenu .item:hover i.icon-my-setting,
.sidemenu .item.active i.icon-my-setting {
    background-position: -20px -299px
}

.sidemenu .item:hover i.icon-my-audit,
.sidemenu .item.active i.icon-my-audit {
    background-position: -20px -249px;
}

.sidemenu .item:hover {
    background: #e51c23;
}

    .sidemenu .item:hover .text {
        color: #fff;
    }


/*.sidemenu .item:hover i{background-position-x: -20px;}*/

.sidemenu .item.active {
    background: #e51c23;
}

    .sidemenu .item.active .text {
        color: #fff;
    }


/*.sidemenu .item.active i{ background-position-x: -20px;}*/

.myinfo-bottom .tabbable-line > .tab-content {
    background: none;
    border: none;
    padding-bottom: 50px;
}

.myinfo-bottom .tabbable-line > .nav-tabs {
    background: #fff;
    border-bottom: 1px solid #dddddb;
}

.myinfo-bottom .nav > li > a {
    padding: 16px 20px;
    font-weight: bold;
}

.myinfo-bottom .tabbable-line > .nav-tabs > li.active > a {
    color: #e51c23;
}

.myinfo-bottom .form-control-static,
.form-horizontal .form-control-static {
    vertical-align: middle;
    width: 450px;
    border-radius: 4px;
    background-color: #dddddb;
    text-indent: 12px;
    height: 48px;
    padding: 0 !important;
    line-height: 48px;
    color: #888;
}

.myinfo-bottom .control-label {
    vertical-align: middle;
    width: 70px;
    text-align: right;
    margin-right: 15px;
    margin-top: 0;
    padding-top: 0;
}

.myinfo-bottom .form .form-body {
    width: 530px;
    margin: auto;
    padding-top: 45px;
}

.form-group-r {
    display: inline-block;
    vertical-align: middle
}

.myinfo-con .text-danger {
    width: 450px;
    display: block;
}

.myinfo-bottom .form-group {
    margin-bottom: 30px;
}

.myinfo-bottom .form-group-c {
    vertical-align: middle;
    width: 450px;
}

    .myinfo-bottom .form-group-c textarea {
        height: 185px;
        border-radius: 4px;
        resize: none;
        border: 1px solid #dddddb
    }

.myinfo-bottom .btn {
    width: 320px;
    height: 45px;
    background: #e51c23;
    border: none;
    color: #fff
}

    .myinfo-bottom .btn:hover {
        background: #e51c23;
        color: #fff
    }

.myinfo-bottom .form-group-c-l {
    text-align: center;
    width: 450px;
}

.myinfo-bottom .email-save .form-control {
    display: inline-block;
    width: 200px;
}

.myinfo-bottom .email-save .btn-default {
    display: inline-block;
    background: #e51c23;
    color: #fff;
    border: none;
}

#tab_2 .form-control-static {
    background-color: #fff
}

.myinfo-bottom .field-validation-emailAddress {
    display: block;
    margin-left: 94px;
    color: #e51c23;
}

.myinfo-bottom .btn-label {
    width: 100px;
    height: 40px;
    background: #e51c23;
    border: none;
    color: #fff
}

.gototixi span {
    background: #c3c3c3;
    color: #fff;
    font-family: sans-serif;
    padding: 2px 5px;
    font-weight: bold;
    margin-left: 8px;
}

.gototixi {
    color: #808080;
    font-size: 16px;
}

    .gototixi:hover {
        text-decoration: none;
        color: #808080
    }

.page-prev,
.page-next {
    width: 28px;
    height: 28px;
    display: inline-block;
    text-align: center;
    line-height: 28px;
    vertical-align: middle;
    margin-left: 10px;
    background: url(../Images/page-arrow.png) 5px center no-repeat;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
}

.page-next {
    background: url(../Images/page-arrow.png) -35px center no-repeat;
}

.my-course-page {
    display: block;
    margin-top: 15px;
}

    .my-course-page span {
        vertical-align: middle
    }

.myinfo-bottom .opr {
    width: 100%;
    text-align: right
}

.myinfo-con .ds-i-xuefen {
    background-image: url(../images/icon-details.png);
    display: inline-block;
    vertical-align: middle;
}

.media-join-item {
    margin-top: 40px;
    height: 180px;
    background: #fff
}

.myinfo-con .media-join-item img {
    width: 270px;
    height: 180px;
    display: inline-block;
}

.myinfo-con .media-join-item .media-con-r {
    width: 630px;
    display: inline-block;
    margin-left: 20px;
    vertical-align: top;
}

    .myinfo-con .media-join-item .media-con-r h4 {
        font-size: 18px;
        height: 52px;
        line-height: 52px;
    }

.myinfo-con .media-join-item .media-summary {
    display: inline-block;
    width: 100%;
    height: 60px;
    color: #808080;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.myinfo-con .xuefen span {
    vertical-align: middle;
    font-size: 14px;
    color: #e51c23;
}

.myinfo-con .media-join-item .xuefen {
    margin-top: 15px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 18px;
}

.myinfo-con .media-join-item .ks {
    vertical-align: middle;
    margin-top: 15px;
    line-height: 30px;
    display: inline-block;
}

    .myinfo-con .media-join-item .ks span {
        color: #e51c23
    }

.myinfo-con .media-join-item .tn-continue {
    width: 118px;
    height: 30px;
    line-height: 30px;
    color: #e51c23;
    border: 1px solid #e51c23;
    border-radius: 4px;
    display: inline-block;
    float: right;
    margin-top: 15px;
    text-align: center;
}

.tab-content .loading-more {
    cursor: pointer;
    margin: 20px 17px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    background-color: #fff;
    width: 955px;
    font-size: 17px;
    color: #bbb;
    transition: all .2s ease-out;
}

    .tab-content .loading-more:hover {
        background-color: #fafafa;
        color: #999;
        border-color: #fafafa;
    }

.tab-content.tab-content-banji .loading-more {
    border-left: 5px solid #DEDED0;
    margin-left: 35px;
    margin-top: 0;
    width: 920px;
}


/*我的收藏*/

.recourseSearchIndex .myCenterRecourseDemo1 {
    width: 1150px;
}

.recourseSearchIndex .questionMyCenter3 {
    width: 1150px;
}

.myCenterRecourseDemo1 {
    position: relative;
    width: 890px;
    height: 110px;
    border-bottom: 1px dashed #f3f3f3;
    display: block;
    left: 30px;
}

    .myCenterRecourseDemo1 > img:nth-of-type(1) {
        position: absolute;
        height: 60px;
        width: 60px;
        top: 25px;
    }

    .myCenterRecourseDemo1 > img:nth-of-type(2) {
        position: absolute;
        top: 30px;
        right: 0;
    }

    .myCenterRecourseDemo1 > div:nth-of-type(1) {
        position: absolute;
        width: 680px;
        top: 25px;
        left: 90px;
        font-size: 18px;
        font-weight: bold;
        color: #14191e;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .myCenterRecourseDemo1:hover > div:nth-of-type(1) {
        color: #e51c23;
    }

    .myCenterRecourseDemo1 > div:nth-of-type(2) {
        position: absolute;
        bottom: 25px;
        left: 90px;
        font-size: 14px;
        color: #93999f;
    }

    .myCenterRecourseDemo1.active > div:nth-of-type(3) {
        position: absolute;
        font-size: 14px;
        color: #93999f;
        font-weight: lighter;
    }

    .myCenterRecourseDemo1 > div:nth-of-type(3) {
        position: absolute;
        bottom: 25px;
        right: 0px;
        font-size: 16px;
        color: #e51c23;
        font-weight: bold;
    }

    .myCenterRecourseDemo1 > div:nth-of-type(4) {
        position: absolute;
        top: 25px;
        right: 0px;
        font-size: 16px;
        color: #e51c23;
        height: 30px;
        line-height: 30px;
        border: 1px solid #e51c23;
        border-radius: 3px;
        width: 100px;
        text-align: center;
    }

        .myCenterRecourseDemo1 > div:nth-of-type(4):hover {
            background: #e51c23;
            color: #ffffff;
        }

.myCenterRewardHead {
    line-height: 45px;
    height: 45px;
    position: relative;
}

    .myCenterRewardHead > span {
        font-size: 14px;
        color: #4d555d;
        padding-left: 30px;
        cursor: pointer;
    }

        .myCenterRewardHead > span.active {
            color: #e51c23;
        }

.myCenterRecourseDemo2 {
    position: relative;
    width: 890px;
    height: 110px;
    border-bottom: 1px dashed #f3f3f3;
    display: block;
    left: 30px;
}

    .myCenterRecourseDemo2 > img {
        position: absolute;
        right: 0px;
        top: 30px;
    }

    .myCenterRecourseDemo2 > div:nth-of-type(1) {
        position: absolute;
        top: 25px;
    }

    .myCenterRecourseDemo2:hover > div:nth-of-type(1) > span:nth-of-type(1) {
        color: #e51c23;
    }

    .myCenterRecourseDemo2 > div:nth-of-type(1) > span:nth-of-type(1) {
        color: #14191e;
        font-weight: bold;
        max-width: 700px;
        display: inline-block;
        font-size: 18px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .myCenterRecourseDemo2 > div:nth-of-type(1) > span:nth-of-type(2) {
        width: 60px;
        height: 25px;
        background-color: #ffffff;
        border-radius: 3px;
        border: solid 1px #08b244;
        text-align: center;
        line-height: 25px;
        color: #08b244;
        overflow: hidden;
        display: inline-block;
        margin-left: 15px;
    }

    .myCenterRecourseDemo2.active > div:nth-of-type(1) > span:nth-of-type(2) {
        width: 60px;
        height: 25px;
        background-color: #ffffff;
        border-radius: 3px;
        border: solid 1px #93999f;
        text-align: center;
        line-height: 25px;
        color: #93999f;
    }

    .myCenterRecourseDemo2 > div:nth-of-type(2) {
        position: absolute;
        bottom: 25px;
        font-size: 14px;
        color: #93999f;
    }

        .myCenterRecourseDemo2 > div:nth-of-type(2) > span {
            bottom: 25px;
            font-size: 14px;
            color: #e51c23;
            margin-right: 5px;
        }

    .myCenterRecourseDemo2 > div:nth-of-type(3) {
        position: absolute;
        top: 40px;
        right: 0px;
        width: 100px;
        height: 35px;
        font-size: 16px;
        line-height: 35px;
        text-align: center;
        color: #e51c23;
        border: solid 1px #e51c23;
        border-radius: 3px;
    }

        .myCenterRecourseDemo2 > div:nth-of-type(3):hover {
            color: #ffffff;
            background: #e51c23;
        }

.collect-l-list,
.collect-s-list,
.collect-t-list,
.collect-0-list {
    font-size: 0;
    background: white;
    border-radius: 3px;
}

.collect-course-item {
    font-size: 16px;
    width: 25%;
    height: 220px;
    display: inline-block;
    margin: 0;
    margin-top: 10px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

    .collect-course-item img {
        margin: 10px 0;
    }

    .collect-course-item h5 {
        margin: 0 10px;
        font-size: 16px;
        color: #000;
        line-height: 24px;
        text-align: left;
        height: 50px;
        overflow: hidden;
    }

    .collect-course-item:hover {
        background: #fff;
        box-shadow: 3px 4px 17px #ccc;
    }

        .collect-course-item:hover a {
            text-decoration: none;
        }

.c-list {
    background: #f3f3f3;
}

.myinfo-bottom .tabbable-line > .tab-content.tab-content-banji {
    background: #e8e8e8;
    margin: auto;
    padding-bottom: 0;
    padding-top: 0;
}

.c-list {
    min-height: 700px;
    background: #f3f3f3;
    margin-left: 35px;
    padding-bottom: 1px;
    border-left: 5px solid #dddddb;
    padding-top: 10px;
}

    .c-list .top_kb_time {
        margin-bottom: 12px;
        background: url(../images/kb-time.png);
        display: inline-block;
        height: 35px;
        width: 142px;
        font-size: 20px;
        color: #fff;
        line-height: 35px;
        text-indent: 14px;
        margin-left: -14px;
        font-family: "Microsoft YaHei";
    }

    .c-list .top_kb_item {
        margin-left: 35px;
        /*background: #fff;*/
        position: relative;
        font-size: 0;
        margin-bottom: 35px;
    }

        .c-list .top_kb_item .top_kb_i h2 {
            height: 54px;
            line-height: 54px;
            font-size: 18px;
            color: #455464;
            text-indent: 18px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 900px;
        }

            .c-list .top_kb_item .top_kb_i h2 a {
                color: black;
            }

        .c-list .top_kb_item .kb_fr {
            display: inline-block;
            width: 555px;
            height: 216px;
            vertical-align: top;
            background: url(../images/top_kb_fr_bg.png);
        }

        .c-list .top_kb_item .kb_video {
            display: inline-block;
            position: relative;
        }

        .c-list .top_kb_item .kb_name {
            position: absolute;
            left: 0;
            top: -110px;
            width: 350px;
            margin-left: 40px;
            margin-top: 200px;
            font-size: 24px;
            color: white;
            text-align: center;
            border: 2px solid #ffffff;
            padding: 10px 10px;
            letter-spacing: 1px;
        }

        .c-list .top_kb_item .kb_video .v-play-tn {
            display: inline-block;
            height: 36px;
            width: 36px;
            position: absolute;
            background: url(../Images/v-play.png);
            left: 20px;
            bottom: 20px;
        }

        .c-list .top_kb_item .kb_video img {
            width: 324px;
            height: 216px;
        }

    .c-list .top_kb_user {
        display: inline-block;
        width: 40px;
        height: 40px;
        background: url(../images/top_kb_user.png);
        position: absolute;
        left: -54px;
    }

    .c-list .top_kb_arrow {
        display: inline-block;
        width: 10px;
        height: 18px;
        background: url(../images/top_kb_arrow.png);
        position: absolute;
        left: -10px;
        top: 13px;
    }

    .c-list .top_kb_desc {
        font-family: "Microsoft YaHei";
        color: #fff;
        margin: 25px;
        line-height: 27px;
        height: 140px;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

        .c-list .top_kb_desc .top_kb_name {
            font-size: 20px;
            margin-top: 40px;
        }

        .c-list .top_kb_desc .top_kb_date {
            font-size: 14px;
            margin-top: 20px;
        }

    .c-list .kb_statue {
        position: absolute;
        top: -3px;
        right: -3px;
        z-index: 3;
    }

    .c-list .kb_view {
        width: 200px;
        height: 61px;
        font-size: 24px;
        font-family: "Microsoft YaHei";
        color: #fff;
        border: 2px solid #fff;
        display: inline-block;
        text-align: center;
        line-height: 61px;
        margin-left: 22px;
    }

    .c-list .kb_btn {
        background: #fff;
        width: 200px;
        height: 65px;
        font-size: 24px;
        font-family: "Microsoft YaHei";
        display: inline-block;
        text-align: center;
        line-height: 65px;
        margin-left: 22px;
    }

        .c-list .kb_btn.kb_btn1 {
            color: #e56161;
            line-height: 51px;
            border-radius: 0;
            opacity: .9;
            border: 0;
            vertical-align: top;
            height: 61px;
        }

        .c-list .kb_btn.kb_btn2 {
            color: #3498db;
        }

    .c-list .course {
        font-size: 18px;
        color: #2ecc71;
        background: url(../Images/green-arrow.png) -68px center no-repeat;
        display: inline-block;
        padding-right: 30px;
        position: absolute;
        top: 180px;
        right: 20px;
    }

        .c-list .course:hover {
            text-decoration: none;
        }

        .c-list .course.down {
            background: url(../Images/green-arrow.png) 117px center no-repeat;
        }

.course-study-item {
    font-size: 14px;
    border-bottom: 1px solid #dddddb;
    background: #fff;
    border-left: 1px solid #dddddb;
    height: 140px;
    padding: 35px 25px;
}

    .course-study-item .order {
        width: 36px;
        height: 36px;
        border-radius: 18px;
        display: inline-block;
        text-align: center;
        line-height: 36px;
        color: #671d1d;
        font-size: 16px;
        background: #dddddb
    }

    .course-study-item .study-fr {
        display: inline-block;
        vertical-align: top;
        width: 760px;
        margin-left: 30px;
        position: relative;
    }

    .course-study-item .study-title a {
        color: black;
    }

    .course-study-item .study-title {
        font-size: 20px;
        display: block;
    }

    .course-study-item .study-summary {
        color: #000;
        display: block;
        margin-top: 15px;
        width: 655px;
        height: 20px;
        word-wrap: break-word;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .course-study-item .study-progress {
        position: absolute;
        right: 0;
        bottom: 0;
        color: #e51c23;
    }


/*.mycertificate-list,.join-t-list,#score_table{ padding-bottom: 50px;}*/

.mycertificate-list .media {
    height: 180px;
    background: #fff;
    margin-top: 25px;
    line-height: 180px;
    position: relative;
    overflow: inherit;
}

    .mycertificate-list .media h4 {
        line-height: 30px;
        font-size: 18px;
        margin-bottom: 0;
        margin: 6px 0;
    }

        .mycertificate-list .media h4 a {
            color: black;
        }

.mycertificate-list .media-body span {
    line-height: 24px;
    vertical-align: top;
    font-size: 14px;
    color: #888;
    height: 92px;
    word-wrap: break-word;
    width: 395px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.mycertificate-list .media-body {
    padding: 0 10px;
    line-height: 24px;
}

.mycertificate-list .pull-right img {
    margin-right: 10px;
}

.mycertificate-list .btn.btn-upload-certificate {
    font-size: 18px;
    padding: 0;
    width: 176px;
    height: 55px;
    border: 2px solid #fff;
    border-radius: 4px;
    background: none;
    line-height: 51px;
    z-index: 10;
    position: relative;
}

.mycertificate-list .upload-certificate-pan {
    line-height: 160px;
    margin: 10px 10px 0 0;
    text-align: center;
    background: url(../Images/upload-certificate-bg.png)
}

.how-to-get {
    font-size: 16px;
    color: #808080;
}

.mycertificate-list .statue {
    width: 117px;
    height: 117px;
    display: inline-block;
    position: absolute;
    right: -6px;
    top: -6px;
}

.mycertificate-list .yibiye {
    background: url(../Images/yibiye.png);
}

.mycertificate-list .weibiye {
    background: url(../Images/weibiye.png);
}

#score_table td,
#score_table th,
#score_table {
    border: none;
    padding: 0
}

    #score_table td {
        height: 86px;
        line-height: 86px;
        background: #fff
    }

    #score_table th {
        height: 50px;
        line-height: 50px;
        color: #888
    }

    #score_table td img {
        width: 102px;
        height: 68px;
        margin-left: 15px;
    }

    #score_table tr {
        border-bottom: 1px solid #f3f3f3;
    }

    #score_table .gottenscore {
        color: #e51c23;
        margin-right: 2px;
    }

    #score_table .title {
        font-size: 16px;
    }

        #score_table .title a {
            color: black;
        }

.myinfo-con .opr .scores {
    border: 1px solid #e51c23;
    border-radius: 2px;
    padding: 5px 15px;
    float: left;
    margin: 10px 0;
}

    .myinfo-con .opr .scores span.zi {
        color: #e51c23;
    }

    .myinfo-con .opr .scores .score_item1 {
        margin-right: 10px;
    }

.myinfo-con .opr .score_link {
    color: #e51c23;
    font-size: 16px;
    margin-top: 13px;
    display: inline-block
}


/*头部修改*/

#link-login-pan .link {
    color: black;
    vertical-align: middle;
    line-height: 70px;
    margin-right: 0px;
    font-size: 18px;
}

    #link-login-pan .link a {
        padding: 0;
        line-height: 70px;
        color: black
    }

        #link-login-pan .link a:hover {
            color: #e51c23;
        }

#menu-list .nav-data li a {
    font-size: 16px;
}

    #menu-list .nav-data li a > img {
        position: absolute;
        right: -7px;
        top: 17px;
    }

#menu-list .nav-data li > a:hover {
    color: #e51c23
}

#menu-list .nav-data li.active a {
    color: #e51c23
}

#menu-list {
    height: 70px;
    line-height: 70px;
    padding: 0;
    width: 100%;
    position: relative;
}


    /*头部特效*/

    #menu-list .userInfo .r_img {
        height: 45px;
        width: 45px;
        border-radius: 50%;
        vertical-align: middle;
    }

        #menu-list .userInfo .r_img:hover {
            border: 4px solid #e51c23;
            border-radius: 26.5px;
        }

    #menu-list .userInfo a {
        margin: 0;
        margin-left: 30px;
        padding: 0;
        height: 70px;
        line-height: 70px;
        padding: 0 10px;
        font-family: "Microsoft YaHei" !important;
        border-radius: 50%;
    }

        #menu-list .userInfo a.listDown {
            border-radius: 3px;
        }

    #menu-list #la-ddm a {
        height: 30px;
        line-height: 30px;
        margin: 0 6px;
        text-indent: 16px;
    }

.mymoneycenterTitle {
    font-size: 16px;
}

.mymoneycenterCoin {
    line-height: 10px;
    height: 30px;
    display: block;
    text-indent: 30px;
    color: #93999f;
    font-size: 12px;
    font-weight: bold;
}

#curHeaderMoney {
    color: #e51c23;
    font-weight: bold;
}

#menu-list #la-ddm .u-info a {
    height: 50px;
    line-height: 50px;
}

    #menu-list #la-ddm .u-info a:hover {
        background: none
    }

#menu-list #la-ddm {
    border-radius: 4px;
    border: 1px solid #dddddb;
}

    #menu-list #la-ddm .tn-logout a {
        height: 40px;
        line-height: 40px;
    }

    #menu-list #la-ddm a:hover {
        background: #e3e3e3
    }

    #menu-list #la-ddm li {
        padding: 2px 0;
    }

    #menu-list #la-ddm .tn-logout {
        border-top: 1px solid #dddddb;
    }

    #menu-list #la-ddm .u-info {
        border-bottom: 1px solid #dddddb;
    }

.regtan {
    background: url(../Images/trag.png);
    display: inline-block;
    width: 16px;
    height: 9px;
    position: absolute;
    right: 40px;
    right: 22px;
    top: -9px;
}


/*搜索*/

.search-r-wapper {
    padding-top: 35px;
    background: #f3f3f3;
    padding-bottom: 40px;
}

.sr_class_relative,
.sr_kc_relative {
    background: #fff;
}

.sr_class_relative {
    margin-bottom: 20px;
}

.search-r-wapper h2 {
    font-size: 17px;
    text-indent: 40px;
    border-bottom: 1px solid #e8e8e8;
    height: 60px;
    line-height: 60px;
    margin-bottom: 20px;
}

.search-r-item {
    padding: 20px 20px 0;
}

    .search-r-item img {
        width: 285px;
        height: 200px;
    }

    .search-r-item .sr_fr {
        display: inline-block;
        width: 835px;
        margin-left: 32px;
        vertical-align: top;
    }

    .search-r-item .title {
        color: #455464;
        font-size: 18px;
        height: 54px;
        line-height: 54px;
    }

    .search-r-item .desc {
        font-size: 14px;
        color: #888;
        display: block;
        line-height: 24px;
        height: 145px;
        overflow: hidden;
    }

.search-r-list {
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 20px;
}

.mo_class {
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
}

    .mo_class a {
        color: #000;
        text-decoration: none
    }

        .mo_class a span {
            font-family: sans-serif;
            font-weight: bolder;
            margin-left: 10px;
        }

.recommend-pannel {
    background: #fff;
    padding-bottom: 100px;
}

    .recommend-pannel h2 {
        height: 88px;
        line-height: 88px;
        font-size: 24px;
        width: 300px;
        display: inline-block;
    }

    .recommend-pannel .recommend-r-kc-item img {
        width: 225px;
        height: 145px;
    }

    .recommend-pannel .recommend-r-kc-item {
        display: inline-block;
        width: 225px;
        font-size: 16px;
        margin-right: 18px;
        height: 200px;
    }

        .recommend-pannel .recommend-r-kc-item span {
            color: #000;
            display: inline-block;
            width: 100%;
            line-height: 24px;
            text-align: justify;
            height: 50px;
            overflow: hidden;
        }

        .recommend-pannel .recommend-r-kc-item a {
            text-decoration: none;
        }

        .recommend-pannel .recommend-r-kc-item:last-child {
            margin-right: 0
        }

.recommend-r-kc-list {
    font-size: 0
}

.recommend-r-kc .mo-kc {
    font-size: 16px;
    color: #808080;
    margin-top: 36px;
    float: right
}

    .recommend-r-kc .mo-kc span {
        margin-left: 5px;
        font-family: sans-serif;
        font-weight: bolder;
        display: inline-block;
        width: 16px;
        height: 16px;
        text-align: center;
        line-height: 16px;
        background: #808080;
        color: #fff
    }

#signcontent .modal-content {
    border-radius: 0;
    height: 480px;
    width: 460px;
    top: 150px;
    left: 50%;
    margin-left: -230px
}

    #signcontent .modal-content .modal-header .title {
        font-size: 16px;
        color: black
    }

    #signcontent .modal-content .modal-header {
        border: 0;
        padding: 0;
        border-bottom: 1px solid #e8e8e8;
        margin: 0 30px;
        line-height: 51px;
    }

#signcontent .modal-header .close {
    text-shadow: none;
    text-indent: 0;
    background-image: none !important;
    height: auto;
    width: auto;
    opacity: 1
}

    #signcontent .modal-header .close span {
        font-size: 28px;
        margin-right: -20px;
        font-weight: normal;
        display: inline-block;
        width: 30px;
        height: 50px;
        line-height: 50px;
        color: #2e323e;
    }

#signcontent .bm-header-title {
    font-size: 0;
    text-align: center;
}

    #signcontent .bm-header-title span {
        font-size: 24px;
        color: #e51c23;
        vertical-align: middle;
        height: 115px;
        line-height: 115px;
        margin-top: 20px;
    }

#signcontent .bm-content-body {
    width: 550px;
    margin: auto;
    font-size: 0
}

    #signcontent .bm-content-body span {
        font-size: 18px;
        line-height: 52px;
        height: 52px;
        text-indent: 15px;
        display: block;
    }

#signcontent {
    width: 574px;
    height: 514px;
}

    #signcontent .modal-body {
        padding: 0
    }

    #signcontent .input-form-item {
        height: 45px;
        line-height: 45px;
    }

        #signcontent .input-form-item label {
            font-size: 18px;
            vertical-align: middle;
            width: 90px;
            text-align: center;
            margin: 0;
            padding: 0 20px;
        }

        #signcontent .input-form-item input {
            outline: none;
            border: none;
            width: 280px;
            height: 45px;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid black;
            position: relative;
            color: #888;
            font-size: 16px;
            line-height: 45px;
            left: 80px;
        }

.noneitem {
    height: 220px;
    line-height: 60px;
    width: 460px;
    color: black;
}

    .noneitem > p {
        text-align: center;
        color: black;
        font-size: 16px;
        position: relative;
    }

    .noneitem > img {
        position: relative;
        left: 50%;
        margin-left: -70px;
    }

#signcontent .input-form-item input:focus {
    border-bottom: 2px solid #ab1313;
}

#signcontent .input-form-item.input-error-item input {
    border-bottom: 2px solid #ff0000;
}

#signcontent .input-form-item .error-item {
    display: none;
    vertical-align: middle;
    background: url(../Images/error.png) no-repeat;
    height: 24px;
    font-size: 14px;
    color: #ff0000;
    line-height: 24px;
    text-align: left;
    margin: auto;
}

#signcontent .input-form-item.input-error-item .error-item {
    display: inline-block;
}

#signcontent .bm-content {
    width: 100%;
}

#signcontent .form-group-opr button {
    height: 40px;
    width: 100px;
    font-size: 16px;
    border: 0;
    background: #e51c23;
    border-radius: 0.01px;
    margin-right: 42px;
    margin-left: 25px;
    color: #fff
}

#signcontent .form-group-opr {
    text-align: center;
}

#signcontent .bm-content-body span.error {
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    display: block;
    color: #ab1313;
    text-indent: 0;
}

.success-bm-tishi {
    display: none;
    width: 350px;
    height: 80px;
    background: #e51c23;
    position: fixed;
    top: 70px;
    left: 50%;
    margin-left: -175px;
    box-shadow: 2px 2px 13px #333;
    line-height: 80px;
    text-align: center;
    z-index: 6;
}

    .success-bm-tishi span {
        font-size: 18px;
        color: #fff;
        vertical-align: middle;
        margin-left: 10px;
    }

.success-img {
    margin-left: -15px;
}

.error-img {
    margin-left: 0;
    margin-top: 10px;
}

#signcontent .form-group-opr.success-group-opr {
    margin-top: 0;
    padding-top: 0
}


/*播放页面修改*/

.course-tip-lay-pannel {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}

.course-tip-layer {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

    .course-tip-layer h2 {
        font-size: 16px;
        color: #fff;
    }

.J-next-btn {
    padding: 0;
    border-radius: 0;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 200;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    text-decoration: none;
    box-sizing: content-box;
    background-image: none;
    border: 1px solid transparent;
    -webkit-appearance: none;
    white-space: nowrap;
    outline: none;
    -webkit-user-select: none;
    margin: 40px auto 20px;
    color: #ffffff;
    background-color: #ec1500;
    border-color: #ec1500;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    -weibkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 138px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
}

.review-course {
    display: block;
    width: 80px;
    height: 26px;
    line-height: 26px;
    margin: 0 auto;
    font-size: 12px;
    color: #787d82;
    background: url(../Images/course_video_review.png) no-repeat 5px 7px;
    text-indent: 20px;
}

    .review-course:hover {
        color: #f01400;
        background-position: 5px -25px;
    }

.j-next-box {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    background: #000;
}


/*师资详情*/

.bj-tc-info {
    background: url(/Images/t-bg.png) no-repeat;
    background-size: cover;
    /*height:432px;*/
}

    .bj-tc-info .cnt {
        position: relative;
        height: 450px;
    }

.bj-tc-con {
    height: 345px;
    background: #c62828;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.class-tc-logo {
    width: 550px;
    height: 350px;
    margin-left: 30px;
    margin-top: -35px;
}

.bj-tc-r {
    width: 570px;
    display: inline-block;
    color: #fff;
    vertical-align: top;
    margin-left: 25px;
    position: relative;
    height: 315px;
}

    .bj-tc-r h2 {
        font-size: 36px;
        margin-top: 48px;
        margin-bottom: 24px;
    }

    .bj-tc-r span {
        display: inline-block;
        width: 100%;
        font-size: 18px;
        line-height: 32px;
    }

        .bj-tc-r span label {
            font-size: 18px;
            font-weight: bold;
            margin: 0;
        }

.span_motto {
    max-height: 64px;
    overflow: hidden;
    /*  position: absolute;    bottom: 0;    position: absolute; */
}

.span_duty {
    max-height: 64px;
    overflow: hidden;
    /*overflow: hidden;text-overflow: ellipsis; white-space: normal;    -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: break-all;display: -webkit-box;*/
}

.bj-career-info .bj-career-info-l {
    display: inline-block;
    width: 200px;
    vertical-align: top;
}

    .bj-career-info .bj-career-info-l span {
        margin-top: 40px;
        font-size: 30px;
        height: 54px;
        line-height: 54px;
        background: #c62828;
        display: block;
        color: #fff;
        text-align: center;
    }

.bj-career-info .bj-career-info-r {
    font-size: 18px;
    display: inline-block;
    width: 1000px;
    border-left: 4px solid #e3e3e3;
}

    .bj-career-info .bj-career-info-r h2 {
        font-weight: bold;
        color: #c62828;
        margin: 90px 0 40px 0;
        padding-left: 25px;
    }

    .bj-career-info .bj-career-info-r .exp {
        min-height: 330px;
        line-height: 40px;
        padding: 0 25px 15px 25px;
        border-bottom: 1px solid #e3e3e3;
        text-align: justify;
    }

.shz-option {
    text-align: center;
    line-height: 100px;
}

    .shz-option a {
        text-decoration: none;
        display: inline-block;
        width: 200px;
        height: 65px;
        line-height: 65px;
        font-size: 24px;
        border: 2px solid #c62828;
        border-radius: 2px;
        color: #c62828;
        margin-top: 20px;
    }

.bj-career-info {
    font-size: 0;
}

.shz-info {
    min-height: 600px;
    position: relative;
}

    .shz-info .tran {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -246px;
    }

.shz-bj-list h2 {
    font-size: 48px;
    color: #000;
    margin-top: 70px;
}

.shz-bj-list {
    /*background:url(../Images/shz-bj-top.png) left top no-repeat;*/
    overflow: hidden;
    background: #f2f2f2;
}

    .shz-bj-list .kbfc-contrainer {
        /*background:url(../Images/shz-bj-bm.png) right bottom no-repeat;*/
    }

.bj-focused {
    font-size: 0;
    padding-bottom: 105px;
    position: relative;
}

    .bj-focused li {
        width: 402px;
        height: 650px;
        background: #333;
        display: inline-block;
        position: relative;
        z-index: 1
    }

    .bj-focused img {
        width: 402px;
        height: 268px;
    }

    .bj-focused li a {
        text-decoration: none;
        display: block;
    }

    .bj-focused li .name {
        color: #c62828;
        line-height: 75px;
        margin-top: 25px;
        font-size: 24px;
        display: block;
        height: 75px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
        margin: 0 30px;
    }

    .bj-focused li .school,
    .bj-focused li .teachers {
        display: block;
        font-size: 14px;
        opacity: .54;
        color: #fff;
        line-height: 24px;
        margin: 0 30px;
    }

    .bj-focused li .desc {
        line-height: 24px;
        font-size: 14px;
        color: #fff;
        margin: 40px 30px 0;
        display: block;
        height: 170px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }

    .bj-focused li.active {
        padding: 30px;
        width: 462px;
        height: 710px;
        margin-left: -33px;
        margin-right: -33px;
        z-index: 2;
        background-color: #222;
    }

    .bj-focused .next,
    .bj-focused .prev {
        background-image: url(../images/arrows1.png);
        background-repeat: no-repeat;
        background-color: #000;
        display: block;
        z-index: 100;
        overflow: hidden;
        cursor: pointer;
        position: absolute;
        width: 33px;
        height: 86px;
        top: 50%;
        opacity: .75;
        margin-top: -43px;
    }

    .bj-focused .prev {
        background-position: 2px center;
        left: 0
    }

    .bj-focused .next {
        background-position: -32px center;
        right: 0
    }

.bj-focused-c {
    width: auto;
    height: 710px;
    overflow: hidden;
}

.bj-focused ul {
    width: 120000px;
    overflow: hidden;
}


/*首页*/


/*.hm-banner{background:url(../Images/first-home-bg.png) top center;height:792px;margin-top: -72px;    position: relative;    z-index: 3;    text-align: center;    padding-top: 170px;}
.hm-banner span{display:block;font-size:22px;line-height:42px;    width: 1060px;    margin: auto;    color: #fff;margin-bottom:80px; }
.hm-banner a,.hm-joinus .learn-more,.jn-apply-qk{text-decoration:none;  width:280px;height:86px;line-height:86px;display:inline-block;font-size:36px;color:#fff;border:1px solid #fff;border-radius:4px;margin:0 74px;}
.hm-banner .reg-a,.hm-joinus .learn-more,.jn-apply-qk{color:#e51c23;background:#fff}
.hm-bj-fc{background:url(../Images/bj_home-bg.png) right no-repeat #eef1f2;height:400px;    position: relative;    z-index: 2;    margin-top: -42px;    padding-top: 115px;}
.hm-bj-fc span,.hm-kc-tx span{display:block;font-size:24px;color:#2e323e;}
.hm-bj-fc .span1,.hm-kc-tx .span1{color:#2e323e;font-size:36px;}
.hm-bj-fc .span2,.hm-kc-tx .span2{line-height:80px;margin-bottom:35px;opacity:.54;}
.hm-bj-fc .span3,.hm-kc-tx .span3{font-size:24px;color:#2e323e;    text-decoration: none;opacity:.87;}
.hm-bj-fc .span3 span,.hm-kc-tx .span3 span{display:inline-block;width:26px;    margin-left: 10px;height:26px;background:#c3c3c3;line-height:26px;    font-family: sans-serif;    text-align: center;    font-weight: bold;    color: #fff;}
.home-body .navbar{background:none;border:none;}
.home-body .navbar-inverse .navbar-nav>.active>a{background:none;}
.home-body #menu-list .nav-data li a{color:#fff;background:none;}
.home-body .navbar-form .form-group input{background:none;border:1px solid #fff;color: #fff;}
.home-body #search-form .s_tn{border:none;    border-right: 1px solid #fff;background:url(../Images/s_tn_w.png) center no-repeat;}
.hm-kc-tx{background:url(../Images/kc-home-bg.png) right no-repeat #eef1f2;height:400px; padding-top: 115px;}
.hm-kc-list{height:520px;background:#f3f3f3;overflow:hidden}
.hm-kc-list h2{margin-top:10px;height:90px;line-height:90px;text-align:center;font-size:30px;}
.kc-list-pan{font-size:0}
.kc-list-pan .item{width:25%;display:inline-block;    padding: 15px 0;}
.kc-list-pan .item a{text-decoration:none}
.kc-list-pan .item .title{font-size:18px;color:#000;text-align:left;line-height:50px;    height: 50px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;    display: block;}
.kc-list-pan .item img{width:285px;height:190px;}
.kc-list-pan .item .desc{font-size:14px;color:#808080;}
.kc-list-pan .item .scroe{color:#e51c23;float:right;}
.hm-kc-desc-pan{width:285px;margin:auto;}
.kc-list-pan .item:hover{background:#fff}
.hm-kc-list .opr,.hm-remmend-bj .opr{text-align:center;    margin-top: 35px;}
.hm-kc-list .opr a,.hm-remmend-bj .opr a{text-decoration:none; width:200px;height:65px;line-height:65px;display:inline-block;text-align:center;font-size:18px;color:#000;border:1px solid #b1b1b1;border-radius:4px;}
.hm-remmend-bj .opr a:hover{background:#f3f3f3}
.hm-kc-list .opr a:hover{background:#fff}
.hm-remmend-bj{height:590px;font-size:0}
.hm-remmend-bj h2{height:110px;line-height:110px;text-align:center;font-size:30px;}
.hm-remmend-bj .item {width:285px;    display: inline-block;margin-left:20px;}
.hm-remmend-bj .item:hover,.kc-list-pan .item:hover {box-shadow: 0 8px 16px #ccc;}
 .f-home-body .navbar{  position: fixed;    top: 0;    width: 100%;} 
.hm-banner a,.hm-dowm-item a,.jn-apply-qk{-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;transition:all 1s ease 0s;}
.hm-banner a:hover,.hm-dowm-item a:hover,.jn-apply-qk:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}

.hm-remmend-bj .item:first-child{margin-left:0}
.hm-remmend-bj .item img,.kc-list-pan .item img{width:285px;height:190px;    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -ms-transition: -moz-transform 0.2s ;transition: transform 0.2s;}
.hm-remmend-bj .item:hover img,.kc-list-pan .item:hover img{-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);}
.hm-remmend-bj .item a,.kc-list-pan .item a{text-decoration:none}
.hm-remmend-bj .item .image-box,.kc-list-pan .item .image-box{width:285px;height:190px;overflow:hidden;    margin: auto;}
.hm-remmend-bj .item a .title{margin-bottom:12px;font-size:18px;padding-top:28px;    display: block;text-align:center;color:#000;    margin: 0 15px;    height: 54px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.hm-remmend-bj .item a .desc{color:#808080;font-size:14px;    line-height: 24px;margin:0 15px;display: block; margin-top: 20px;   width: 253px;    height: 48px;text-overflow: ellipsis; white-space: normal;    -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: break-all;display: -webkit-box;overflow:hidden}
.hm-remmend-bj .hm-bj-desc-pan{padding-bottom:24px;    border: 1px solid #b1b1b1;    border-top: 0;}
.hm-joinus{background:url(../Images/joinus-home-bg.png) center no-repeat;height:546px;background-size:cover;text-align:center}
.hm-joinus span{font-size:18px;color:#fff;    line-height: 34px;}
.hm-joinus h2{height:150px;line-height:150px;font-size:40px;color:#fff;}
.hm-joinus .learn-more{margin-top:40px;}
.hm-joinus .learn-more:hover{text-decoration:underline;}
.hm-erweima{background:url(../Images/grid-me.png);height:590px;text-align:center;    overflow: hidden;font-size:0}
.hm-erweima h2{height:160px;line-height:160px;font-size:40px;color:#e51c23;}
.hm-erweima-item,.hm-dowm-item{width:50%;display:inline-block;vertical-align:middle}
.hm-header-title{font-size:18px;display:block;    text-align: left;    text-indent: 70px;    margin-bottom: 25px;}
.hm-dowm-item a{    padding: 11px 0;font-size:24px;color:#e51c23;border:2px solid #e51c23;display:inline-block;margin-top:30px;width:260px;height:65px;border-radius:2px;text-decoration:none;}
.hm-dowm-item i{    margin-right: 10px;display:inline-block;width:35px;height:41px;background-image:url(../Images/icon-shouji.png) ;background-repeat:no-repeat;    vertical-align: middle;}
.hm-dowm-item .i-down-apple{background-position: 0 0;}
.hm-dowm-item .i-down-android{background-position: -293px 0;}*/


/*加盟我们*/

.jn-banner {
    background: url(../Images/jn-first-bg.png) no-repeat;
    background-size: cover;
    height: 700px;
    text-align: center;
}

.jn-wz1 {
    margin-top: 110px;
    margin-bottom: 15px;
}

.jn-desc {
    display: block;
    font-size: 16px;
    color: #2e323e;
    line-height: 30px;
}

.jn-apply-qk {
    margin-top: 50px;
    color: white;
    text-decoration: none;
    height: 60px;
    width: 260px;
    background: #e51c23;
    display: inline-block;
    transition: 0.8s;
    line-height: 60px;
    font-size: 30px;
    border-radius: 3px;
    cursor: pointer;
}

    .jn-apply-qk:hover {
        transform: scale(1.2);
        transition: 0.8s;
        color: white;
    }

.jn-step-box {
    background: url(../Images/jn-step-box.png) no-repeat;
    height: 413px;
    background-size: cover;
    margin-top: -85px;
    position: relative;
    margin-bottom: 20px;
}

    .jn-step-box span {
        font-size: 18px;
        color: #fff;
        display: inline-block;
        text-align: center;
        line-height: 32px;
    }

    .jn-step-box .span1 {
        width: 265px;
        height: 120px;
        top: 80px;
        left: 95px;
        position: absolute;
    }

    .jn-step-box .span2 {
        width: 210px;
        height: 120px;
        top: 60px;
        left: 496px;
        position: absolute;
    }

    .jn-step-box .span3 {
        width: 410px;
        height: 130px;
        top: 80px;
        left: 725px;
        position: absolute;
    }

.jn-ad-pan {
    height: 300px;
    font-size: 0;
    background: #f3f3f3;
}

    .jn-ad-pan .jn-ad-left {
        width: 800px;
        display: inline-block;
        height: 300px;
        vertical-align: top;
    }

    .jn-ad-pan .jn-ad-right {
        width: 400px;
        display: inline-block;
        height: 300px;
        vertical-align: top;
    }

    .jn-ad-pan .jn-ad-left h2 {
        font-size: 24px;
        font-style: italic;
        margin: 90px 40px 30px 12px;
    }

    .jn-ad-pan .jn-ad-left span {
        margin: 0 40px 0 12px;
        font-size: 14px;
        opacity: .54;
        text-align: left;
        line-height: 24px;
        display: block;
    }

.jn-adv {
    background: url(../Images/bg5.png) center no-repeat #121215;
    background-size: cover;
    color: #fff;
    height: 900px;
    padding-top: 60px;
}

    .jn-adv h2 {
        font-size: 48px;
        font-weight: normal;
        text-align: center;
    }

.part5tex {
    width: 1000px;
    margin: 32px auto 60px;
    line-height: 32px;
    font-size: 18px;
    text-align: center;
    display: block;
}

.ptable {
    width: 100%;
    height: 350px;
    background: url(../Images/opcity20.png);
    margin: 20px 0;
    overflow: hidden;
}

    .ptable table td {
        width: 210px;
        height: 128px;
        border-right: 1px solid #a9b1bb;
        text-align: center;
    }

        .ptable table td:nth-child(5n) {
            border: 0;
        }

    .ptable table {
        margin: 44px auto;
    }

        .ptable table tr:first-child {
            border-bottom: 1px solid #a9b1bb;
        }

        .ptable table td .ctxt {
            display: inline-block;
            font-size: 18px;
            width: 100%;
            height: 45px;
        }

.cicon {
    background-image: url(../Images/icons.png);
    display: inline-block;
    width: 55px;
    height: 55px;
    background-repeat: no-repeat;
}

.cicon1 {
    background-position: 4px 0px;
}

.cicon2 {
    background-position: -204px 0px;
}

.cicon3 {
    background-position: -414px 0px;
}

.cicon4 {
    background-position: -625px 0px;
}

.cicon5 {
    background-position: -837px 0px;
}

.cicon6 {
    background-position: 4px -58px;
}

.cicon7 {
    background-position: -204px -58px;
}

.cicon8 {
    background-position: -414px -62px;
}

.cicon9 {
    background-position: -625px -62px;
}

.cicon10 {
    background-position: -837px -58px;
    width: 66px;
}

.jn-opr {
    text-align: center;
}

    .jn-opr .jn-apply-qk {
        margin: 0
    }

.jn-link-us {
    padding: 60px 0 50px 0;
    height: 600px;
}

    .jn-link-us h2 {
        font-size: 48px;
        font-weight: normal;
        text-align: center;
    }

.part6tex {
    width: 1000px;
    margin: auto;
    line-height: 32px;
    font-size: 18px;
    text-align: center;
    display: block;
    margin-top: 32px;
}

    .part6tex span {
        display: inline-block;
        width: 100%;
    }

.part6tu {
    display: block;
    text-align: center;
    margin-top: 16px;
}

    .part6tu .item {
        display: inline-block;
        width: 180px;
        margin: 0 75px;
    }

        .part6tu .item span {
            display: inline-block;
            width: 100%;
            font-size: 18px;
            line-height: 32px;
            margin-top: 10px;
        }

.about-contrainer {
    padding-top: 40px;
    overflow: hidden;
    background-color: #f3f3f3;
    font-size: 0;
}

    .about-contrainer .sidemenu {
        width: 280px;
        height: auto;
        padding-bottom: 200px;
        margin-bottom: 40px;
    }

    .about-contrainer .item {
        height: 60px;
        line-height: 60px;
    }

.about-con {
    width: 900px;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    margin-left: 20px;
    padding-left: 40px;
    padding-right: 20px;
    min-height: 920px;
    margin-bottom: 300px;
}

    .about-con h2 {
        font-size: 24px;
        height: 70px;
        line-height: 70px;
    }

    .about-con p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 25px;
    }

    .about-con button {
        width: 165px;
        height: 40px;
        line-height: 40px;
        background: #e51c23;
        color: #fff;
        border: none;
        border-radius: 3px;
    }

    .about-con textarea {
        width: 560px;
        height: 180px;
        border: 1px solid #bdbdbd;
        padding: 15px;
        resize: none;
    }

    .about-con .ph-input {
        width: 560px;
        height: 32px;
        border: 1px solid #bdbdbd;
        text-indent: 15px;
    }


/*返回顶部*/

.side-operationBox {
    position: fixed;
    right: 3px;
    bottom: 0;
    z-index: 18;
    width: 50px;
    height: 225px;
}

.side-operation {
    display: none;
}

.operation1 {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 3px;
    background: url(../Images/img3.1/operation1.png);
    background-size: 100% 100%;
    box-shadow: 0 0 10px rgba(239, 27, 35, 0.7);
    margin-bottom: 10px;
    cursor: pointer;
}

.operation4 {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 3px;
    background: url(../Images/img3.1/operation111.png);
    background-size: 100% 100%;
    box-shadow: 0 0 10px rgba(239, 27, 35, 0.7);
    margin-bottom: 10px;
    cursor: pointer;
}

    .operation4 > div {
        position: absolute;
        right: 50px;
        height: 50px;
        width: 150px;
        background: #ffffff;
        cursor: pointer;
        box-shadow: 0 0 10px rgba(1, 1, 1, 0.2);
        border-radius: 3px;
        transition: 0.3s;
        overflow: hidden;
        width: 0;
    }

    .operation4:hover > div {
        width: 150px;
    }

    .operation4 > div > a:nth-of-type(1) {
        position: absolute;
        left: 0;
        height: 40px;
        width: 75px;
        top: 5px;
        font-size: 12px;
        text-align: center;
        border-right: 1px solid #f3f3f3;
    }

    .operation4 > div > a:nth-of-type(2) {
        position: absolute;
        left: 75px;
        height: 40px;
        width: 75px;
        top: 5px;
        text-align: center;
    }

    .operation4 > div > a > span {
        position: absolute;
        bottom: -5px;
        display: block;
        height: 25px;
        line-height: 25px;
        width: 75px;
        text-align: center;
        font-size: 10px;
    }

        .operation4 > div > a > span > span {
            font-weight: bold;
        }

    .operation4 > div > a > img {
    }

.operation1.active {
    display: none;
}

.operation4.active {
    display: none;
}

.operation1:hover {
    background: url(../Images/img3.1/operation11.png);
}

.operation2 {
    position: relative;
    width: 50px;
    height: 109px;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(1, 1, 1, 0.1);
    margin-bottom: 10px;
    cursor: pointer;
    background-color: #ffffff;
}

    .operation2 > a {
        height: 53px;
        border-bottom: 1px solid #f3f3f3;
        width: 40px;
        left: 5px;
        position: relative;
        display: block;
    }

    .operation2 .operation2-3 {
        display: none
    }

    .operation2 .operation2-2 {
        display: none
    }

    .operation2 > a:last-child {
        border-bottom: none;
    }

    .operation2 > a > span:nth-of-type(1) {
        position: absolute;
        height: 20px;
        width: 20px;
        left: 10px;
        top: 10px;
        display: block;
        transition: 0.5s;
    }

.operation2-1 > span:nth-of-type(1) {
    background: url(../Images/img3.1/operation2.png);
}

.operation2-1:hover > span:nth-of-type(1) {
    background: url(../Images/img3.1/operation22.png);
}

.operation2-2 > span:nth-of-type(1) {
    background: url(../Images/img3.1/operation3.png);
}

.operation2-2:hover > span:nth-of-type(1) {
    background: url(../Images/img3.1/operation33.png);
}

.operation2-3 > span:nth-of-type(1) {
    background: url(../Images/img3.1/operation4.png);
}

.operation2-3:hover > span:nth-of-type(1) {
    background: url(../Images/img3.1/operation44.png);
}

.operation2 > a > span:nth-of-type(2) {
    position: absolute;
    height: 20px;
    text-align: center;
    font-size: 10px;
    color: #93999f;
    display: block;
    width: 40px;
    transition: 0.5s;
    bottom: 2px;
}

.operation2 > a:hover > span:nth-of-type(2) {
    color: #e51c23;
}

.operation3 {
    transition: 0.5s;
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 3px;
    background-color: rgba(147, 153, 159, 0.3);
    text-align: center;
    padding-top: 12px;
    cursor: pointer;
}

    .operation3:hover {
        background-color: #e51c23;
    }

.operation2-1 > div {
    position: absolute;
    width: 160px;
    height: 220px;
    background-color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(1, 1, 1, 0.1);
    right: 55px;
    top: -75px;
    transform: scale(0);
    transform-origin: bottom right;
    transition: 0.3s;
}

.operation2-1:hover > div {
    transform: scale(1);
}

.operation2-1 > div > p:nth-of-type(1) {
    text-align: center;
    position: absolute;
    font-size: 12px;
    color: #93999f;
    width: 160px;
    top: 25px;
}

.operation2-1 > div > p:nth-of-type(2) {
    text-align: center;
    position: absolute;
    font-size: 12px;
    color: #93999f;
    width: 160px;
    top: 45px;
}

.operation2-1 > div > img {
    text-align: center;
    position: absolute;
    font-size: 12px;
    color: #93999f;
    bottom: 15px;
    left: 15px;
}

.section_2 * {
    float: none !important;
}


/*申请加盟*/

.audit-table {
    background: #fff;
    padding-left: 30px;
    margin-bottom: 150px;
    min-height: 220px;
}

    .audit-table h2.title {
        font-size: 18px;
        font-weight: bold;
        font-style: italic;
        color: #c62828;
        margin: 20px 0;
    }

    .audit-table h3 {
        border-left: 6px solid #000;
        font-size: 18px;
        margin-top: 20px;
        height: 20px;
    }

        .audit-table h3 span {
            vertical-align: middle;
            display: inline-block;
            margin-left: 6px;
            margin-top: -1px;
        }

    .audit-table hr {
        border-top: 1px solid #ccc;
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        margin-left: 20px;
        width: 830px;
    }

    .audit-table .form-group-title .control-label {
        font-size: 18px;
        color: #c62828;
        width: 100%;
        text-align: left;
        margin: 0;
        height: 70px;
        line-height: 70px;
    }

.myinfo-bottom .audit-table .form .form-body {
    width: 100%;
    padding: 0;
}

.audit-table .form-group-item {
    display: inline-block;
    width: 411px;
}

    .audit-table .form-group-item input,
    .audit-table .form-group-title input {
        font-size: 16px;
        color: #000;
        width: 372px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .audit-table .form-group-item label {
        width: 35px;
        display: inline-block;
        margin-right: 0;
        font-size: 18px;
        text-align: left;
    }

.audit-table .form-group-title input {
    width: 900px;
}

.audit-table .photo-item {
    display: inline-block;
    float: left;
    margin-right: 50px;
}

.audit-table .qq-uploader {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    width: 800px;
    height: 500px;
    border-radius: 6px;
}

.audit-table .qq-upload-button {
    margin: 52px auto 24px 220px;
    background-color: #c62828;
    border: none;
    box-shadow: none;
}

.myinfo-bottom .audit-table .form-group-c textarea {
    width: 900px;
    padding: 20px;
    font-size: 18px;
}

.myinfo-bottom .audit-table .form-group-c-l {
    margin-top: 48px;
}

    .myinfo-bottom .audit-table .form-group-c-l .btn {
        font-size: 30px;
        width: 250px;
        height: 65px;
        line-height: 65px;
        padding: 0
    }

.audit-table-tishi {
    text-align: center;
}

    .audit-table-tishi img {
        margin-left: -135px;
        margin-top: 110px;
    }

    .audit-table-tishi span {
        font-size: 24px;
        line-height: 120px;
    }

    .audit-table-tishi a {
        color: #e51c23;
        text-decoration: underline;
        margin: 0 20px;
    }

    .audit-table-tishi .op a {
        font-size: 14px;
    }

.m-live-box {
    display: table;
    width: 100%;
    height: 100%;
    table-layout: fixed;
}

.j-live-box {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

    .j-live-box h1 {
        font-size: 36px;
        color: #fff;
    }

    .j-live-box .expression {
        margin: 30px;
    }

    .j-live-box a {
        margin: 30px;
        display: inline-block;
    }

#menu-list .memu-list-m {
    position: absolute;
    height: 70px;
    width: 1200px;
    left: 418px;
}

#menu-list .lr {
    position: absolute;
    right: 0;
    top: 71px;
    background: #fff;
    height: 100px;
    line-height: 42px;
    width: 100px;
    display: none;
}

    #menu-list .lr a {
        display: inline-block;
        width: 100%;
        height: 42px;
        line-height: 42px;
        color: #2E323E;
        font-size: 16px;
        text-align: center;
        vertical-align: middle;
        padding: 0;
        margin: 0;
    }


/*弹框 -protocol*/

#protocol-modal .modal-content {
    border-radius: 0;
    box-shadow: none;
    width: 600px;
    padding: 10px 20px;
    margin: auto;
}

#protocol-modal .modal-header a {
    display: inline-block;
    width: 70px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #000;
    border: none;
    padding: 0;
}

#protocol-modal .modal-header {
    padding: 0;
    height: 35px;
}

#protocol-modal .close {
    width: 14px;
    height: 29px;
    padding-top: 10px;
    background-position: center;
}

#protocol-modal .form-horizontal .form-group .form-control {
    padding: 0;
    text-indent: 12px;
    background: #f1f1f1;
    border: 1px solid #e8e8e8;
    border-radius: 1px;
    color: #888;
    height: 45px;
    line-height: 45px;
}

#protocol-modal .btn {
    border-width: 0;
    padding: 7px 14px;
    font-size: 14px;
    outline: none !important;
    background-image: none !important;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}

#protocol-modal .form-group {
    height: 500px;
}

#protocol-modal .tabbable-line > .tab-content {
    margin: 0;
    padding: 0
}

#protocol-modal .input-icon > .form-control:focus {
    border: 1px solid #e51c23;
}

#protocol-modal .modal-body {
    padding: 0;
    min-height: 500px;
}

#protocol-modal .form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
}

#protocol-modal {
    top: 100px;
}

    #protocol-modal .modal-header a:hover,
    #login-modal .modal-header .active a {
        background: none;
        border-bottom: 1px solid #e51c23
    }

    #protocol-modal .modal-footer {
        padding: 15px;
        text-align: right;
        border-top: 1px solid #e5e5e5;
    }


/*提问弹框 -question-modal*/

#question-modal .modal-content {
    border-radius: 0;
    box-shadow: none;
    width: 800px;
    padding: 10px 20px;
    margin: auto;
    border-radius: 3px;
    outline: none;
    border: none
}

#question-modal .modal-header a {
    display: inline-block;
    width: 70px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #000;
    border: none;
    padding: 0;
}

#question-modal .modal-header {
    padding: 0;
    height: 35px;
}

#question-modal .close {
    width: 14px;
    height: 29px;
    padding-top: 10px;
    background-position: center;
}

#question-modal .form-horizontal .form-group .form-control {
    padding: 0;
    text-indent: 12px;
    background: #f1f1f1;
    border: 1px solid #e8e8e8;
    border-radius: 1px;
    color: #888;
    height: 45px;
    width: 750px;
}

#question-modal .form-horizontal .form-group .form-textarea {
    padding: 0;
    text-indent: 12px;
    background: #f1f1f1;
    border: 1px solid #e8e8e8;
    border-radius: 1px;
    color: #888;
    height: 90px;
    width: 750px;
}

#question-modal .btn {
    border-width: 0;
    padding: 7px 14px;
    font-size: 14px;
    outline: none !important;
    background-image: none !important;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}

#question-modal .form-img-context {
    height: 200px;
}

#question-modal .tabbable-line > .tab-content {
    margin: 0;
    padding: 0
}

#question-modal .input-icon > .form-control:focus {
    border: 1px solid #e51c23;
}

#question-modal .modal-body {
    padding: 0;
    min-height: 500px;
}

#question-modal .form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
}

#question-modal {
    top: 100px;
}

    #question-modal .modal-header a:hover,
    #login-modal .modal-header .active a {
        background: none;
        border-bottom: 1px solid #e51c23
    }

    #question-modal .modal-footer {
        padding: 15px;
        text-align: right;
        border-top: 1px solid #e5e5e5;
    }


/*弹框 -protocol*/

#test-modal .modal-content {
    border-radius: 0;
    box-shadow: none;
    width: 600px;
    padding: 10px 20px;
    margin: auto;
}

#test-modal .modal-header a {
    display: inline-block;
    width: 70px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #000;
    border: none;
    padding: 0;
}

#test-modal .modal-header {
    padding: 0;
    height: 35px;
}

#test-modal .close {
    width: 14px;
    height: 29px;
    padding-top: 10px;
    background-position: center;
}

#test-modal .form-horizontal .form-group .form-control {
    padding: 0;
    text-indent: 12px;
    background: #f1f1f1;
    border: 1px solid #e8e8e8;
    border-radius: 1px;
    color: #888;
    height: 45px;
    line-height: 45px;
}

#test-modal .btn {
    border-width: 0;
    padding: 7px 14px;
    font-size: 14px;
    outline: none !important;
    background-image: none !important;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}

#test-modal .form-group {
    height: 500px;
}

#test-modal .tabbable-line > .tab-content {
    margin: 0;
    padding: 0
}

#test-modal .input-icon > .form-control:focus {
    border: 1px solid #e51c23;
}

#test-modal .modal-body {
    padding: 0;
    min-height: 500px;
}

#test-modal .form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
}

#test-modal {
    top: 100px;
}

    #test-modal .modal-header a:hover,
    #login-modal .modal-header .active a {
        background: none;
        border-bottom: 1px solid #e51c23;
        color: #e51c23;
    }

    #test-modal .modal-footer {
        padding: 15px;
        text-align: right;
        border-top: 1px solid #e5e5e5;
    }


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

@charset "utf-8";

.navbar-nav > li {
    float: none;
    display: inline-block;
}

.headRight {
    position: absolute;
    right: 40px;
}

    .headRight.tooSmall {
        display: none;
    }

.activeheader {
    /*background: #e51c23;*/
    heigth: 100%;
}

    .activeheader > a {
        color: #e51c23;
    }

    .activeheader:hover > a {
        color: #d01716;
    }

.linkheader > a {
    color: black;
    height: 100%;
}

html,
body {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
    heightCourse kczx activeheader: 100px;
    width: 100%;
}

a {
    color: #14191e;
    text-decoration: none;
    outline: none;
    cursor: auto;
    font: 14px/1.5 "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "Helvetica Neue", "微软雅黑", Tahoma, Arial, sans-serif;
}

.FTop {
    position: relative;
    height: 80px;
    width: 100%;
}

.FTop1 {
    height: 80px;
    width: 80%;
    position: absolute;
    left: 10%;
    background: white;
}

    .FTop1 > img {
        position: absolute;
    }

        .FTop1 > img:nth-of-type(1) {
            left: 0;
            top: 15px;
        }

        .FTop1 > img:nth-of-type(2) {
            left: 150px;
            top: 15px;
        }

.FTop1-1 {
    position: absolute;
    height: 80px;
    width: 33%;
    left: 33%;
}

    .FTop1-1 div {
        float: left;
        height: 80px;
        width: 25%;
        text-align: center;
        line-height: 80px;
        font-weight: bolder;
    }

        .FTop1-1 div:hover {
            color: white;
            background: rgb(210, 40, 40);
        }

.FTop1-2 {
    position: absolute;
    height: 40px;
    top: 20px;
    width: 240px;
    right: 90px;
    background: white;
    border-left: 1px gainsboro solid;
    border-right: 1px gainsboro solid;
}

    .FTop1-2 input {
        position: absolute;
        left: 10px;
        top: 10px;
        color: darkgray;
        outline: none;
        border: none;
        font-size: 20px;
        width: 180px;
    }

.search1 {
    position: absolute;
    right: 10px;
    top: 10px;
}

.FTop1-3 {
    position: absolute;
    height: 40px;
    width: 90px;
    top: 20px;
    right: 0px;
    line-height: 40px;
    text-align: center;
    font-weight: bolder;
}

.FBanner {
    position: relative;
    height: 400px;
    width: 100%;
    background: url(../Images/Home/bannerbg.png) no-repeat rgb(243, 243, 243);
    background-size: 100% 100%;
}

.menunew {
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}

    .menunew > div {
        position: relative;
        float: left;
    }

.menunew1 {
    height: 400px;
    width: 240px;
    background: rgba(0, 0, 0, 0.55);
    z-index: 99;
    color: white;
}

.menunew1-1 {
    height: 16.6%;
    width: 100%;
    position: relative;
    z-index: 9999;
}

    .menunew1-1:nth-of-type(1) {
        margin-top: 20px;
    }

    .menunew1-1 > div {
        height: 100%;
        width: 80%;
        margin-left: 10%;
        border-bottom: 1px solid rgba(243, 243, 243, 0.5);
        color: white;
        line-height: 70px;
        text-align: left;
    }

        .menunew1-1 > div > a {
            color: white;
        }

        .menunew1-1 > div > img {
            position: absolute;
            top: 27px;
            left: 205px;
        }

.avmenunew {
    background: rgba(255, 255, 255, 0.2);
}

.menunew2 {
    height: 100%;
}

.menunew2-1 {
    height: 420px;
    width: 700px;
    background: rgba(255, 255, 255, 0.95);
    position: absolute;
    top: 0;
    z-index: 9999;
    display: none;
}

    .menunew2-1:nth-of-type(1) {
    }

    .menunew2-1 > p {
        position: relative;
        left: 30px;
        color: black;
    }

        .menunew2-1 > p:nth-of-type(1) {
            position: relative;
            font-size: 16px;
            top: 43px;
            font-weight: 900;
        }

        .menunew2-1 > p:nth-of-type(2) {
            position: relative;
            top: 53px;
            left: 18px;
            color: #555;
        }

            .menunew2-1 > p:nth-of-type(2) > span > a:hover {
                color: #e51c23;
            }

            .menunew2-1 > p:nth-of-type(2) > span {
                position: relative;
                border-right: 1px solid rgb(204, 204, 204);
                display: inline-block;
                width: 80px;
                text-align: center;
                margin-top: 5px;
            }

                .menunew2-1 > p:nth-of-type(2) > span:last-of-type {
                    border-right: none;
                }

        .menunew2-1 > p:nth-of-type(3) {
            position: relative;
            top: 70px;
            font-size: 16px;
            font-weight: 900;
        }

    .menunew2-1 > div:nth-of-type(1) {
        position: relative;
        top: 90px;
        height: 200px;
        width: 100%;
    }

        .menunew2-1 > div:nth-of-type(1) > p {
            position: relative;
            left: 30px;
            color: #555;
            margin-bottom: 10px;
        }

            .menunew2-1 > div:nth-of-type(1) > p > a:hover {
                color: #e51c23;
            }

.g-banner {
    position: relative;
    height: 405px;
    width: 1200px;
}

    .g-banner .banner-anchor {
        position: absolute;
        top: 45%;
        width: 32px;
        height: 40px;
        overflow: hidden;
        opacity: 0;
        text-indent: -90em;
        background: url(/Images/img3.1/indexTopleft.png);
        transition: 0.3s;
    }

        .g-banner .banner-anchor:hover {
            background: url(/Images/img3.1/indexTopleft1.png);
        }

    .g-banner .prev {
        left: 10px;
        transform: translateX(-100%);
    }

        .g-banner .prev:hover,
        .g-banner .next:hover {
            opacity: 1;
        }

        .g-banner .prev:hover {
        }

    .g-banner .next {
        right: 10px;
        background: url(/Images/img3.1/indexTopRight.png);
        background-size: 100% 100%;
    }

        .g-banner .next:hover {
            background: url(/Images/img3.1/indexTopRight1.png);
        }

        .g-banner .next:hover {
        }

    .g-banner:hover .banner-anchor {
        transform: translateX(0);
        opacity: 1;
        visibility: visible
    }

    .g-banner .banner-slide {
        position: absolute;
        display: none;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        cursor: pointer;
    }

        .g-banner .banner-slide .more {
            position: absolute;
            right: 80px;
            top: 360px;
            height: 14px;
            line-height: 14px;
            padding-left: 21px;
            font-weight: 700;
            background: none;
        }

            .g-banner .banner-slide .more:hover {
                color: #14191e;
                opacity: .75;
                filter: alpha(opacity=75)
            }

    .g-banner .inner {
        position: relative;
        width: 1200px;
        margin: 0 auto
    }

    .g-banner .banner-dots {
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        text-align: center
    }

        .g-banner .banner-dots span {
            display: inline-block;
            width: 10px;
            height: 10px;
            border-radius: 5px;
            margin: 0 5px;
            background-color: rgba(255, 255, 255, 0.3);
            transition: transform .2s;
            cursor: pointer
        }

            .g-banner .banner-dots span:hover {
                transform: scale(1.1)
            }

        .g-banner .banner-dots .active {
            background-color: rgba(255, 255, 255, 0.7);
            transform: scale(1.1);
            width: 30px;
        }

    .g-banner .click-help {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 30px;
        width: 30px;
        background: red;
    }

    .g-banner .banner-tit {
        display: none
    }

.FTools {
    position: relative;
    width: 100%;
    /*height: 740px;*/
    background: rgb(243, 243, 243);
}

.FTools1 {
    position: relative;
    height: 125px;
    background: white;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    text-align: center;
    line-height: 200px;
    font-size: 30px;
}

    .FTools1 > div {
        position: relative;
        float: left;
        width: 19.9%;
        height: 70%;
        border-right: solid 1px #f3f3f3;
        margin-top: 20px;
        font-size: 14px;
    }

        .FTools1 > div > a {
            display: block;
            transition: 0.5s;
            position: absolute;
        }

        .FTools1 > div:hover > a {
            transform: translateY(-10px);
        }

        .FTools1 > div > img {
            position: absolute;
            left: 30px;
            top: 15px;
        }

        .FTools1 > div > a > img {
            position: absolute;
            left: 20px;
            top: 25px;
        }

    .FTools1 > img:nth-of-type(1) {
        position: absolute;
        top: 35px;
        left: 19.9%;
        cursor: pointer;
    }

    .FTools1 > img:nth-of-type(2) {
        position: absolute;
        top: 35px;
        right: 0;
        cursor: pointer;
    }

    .FTools1 > img {
        opacity: 0;
    }

    .FTools1 h5 {
        line-height: 0;
        text-align: left;
        position: relative;
        left: 91px;
        top: 33px;
        font-size: 16px;
        color: #14191e;
        margin-left: -15px;
    }

    .FTools1 > div:hover h5 {
        color: #e51c23;
    }

    .FTools1 h2 {
        position: relative;
        line-height: 0px;
        font-size: 13px;
        font-weight: 500;
        top: 66px;
        color: #93999f;
        text-indent: 8px;
    }

    .FTools1 h3 {
        line-height: 0;
        font-size: 13px;
        color: #93999f;
        font-weight: 500;
        text-align: left;
        position: relative;
        z-index: 999;
        left: 92px;
        margin-top: 60px;
        margin-left: -15px;
    }

.FTools2 {
    position: relative;
    width: 80%;
    height: 18%;
    left: 10%;
    font-size: 32px;
    text-align: center;
    line-height: 130px;
    color: black;
}

.FTools3 {
    position: relative;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    height: 400px;
    background: green;
}

    .FTools3 > div {
        position: relative;
        float: left;
        height: 100%;
        width: 50%;
    }

.ftleft {
    background: black;
}

    .ftleft > a {
        display: inline-block;
        height: 100%;
        width: 100%;
        background-size: 100% 100%;
        position: relative;
        z-index: 99;
    }

.ftright {
    background: white;
    overflow-y: auto;
}

.ftright1 {
    position: relative;
    top: 0;
    z-index: 999;
    font-size: 14px;
}

    .ftright1 > a {
        display: block;
        height: 65px;
        width: 100%;
        cursor: pointer;
    }

.ftactive {
    background: rgb(243, 243, 243);
}

    .ftactive .ftright1-1 {
        color: #e51c23;
    }

    .ftactive .ftright1-2 {
        color: #e51c23;
    }

    .ftactive .ftright1-3 {
        color: #e51c23;
    }

    .ftactive .ftright1-4 {
        background: url(../Images/Home/start2.png);
        background-size: 100%;
    }

    .ftactive .ftright1-1 > div > div {
        background: url(../Images/Home/bigball2.png);
        background-size: 100%;
    }

.ftlink {
    background: white);
}

    .ftlink .ftright1-1 {
        color: black;
    }

    .ftlink .ftright1-2 {
        color: black;
    }

    .ftlink .ftright1-3 {
        color: darkgray;
    }

    .ftlink .ftright1-4 {
        background: url(../Images/Home/start1.png);
        background-size: 100%;
    }

    .ftlink .ftright1-1 > div > div {
        background: url(../Images/Home/bigball1.png);
        background-size: 100%;
    }

.ftdate > div {
    height: 8.3%;
    width: 100%;
    width: 20%;
    border-right: 2px solid gainsboro;
    color: darkgray;
    position: relative;
    font-size: 13px;
}

    .ftdate > div > p {
        position: relative;
        text-align: right;
        right: 30px;
        top: 16px;
    }

    .ftdate > div > img {
        position: relative;
        top: -3px;
        right: -114px;
    }

::-webkit-scrollbar {
    width: 8px;
}


/* 滚动槽 */

::-webkit-scrollbar-track {
    background: rgb(227, 227, 227);
}


/* 滚动条滑块 */

::-webkit-scrollbar-thumb {
    background: rgb(206, 206, 206);
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgb(227, 227, 227);
    }

.ftright1 > a > div {
    height: 100%;
    float: left;
}

.ftright1-1 {
    width: 30%;
    border-right: 2px solid gainsboro;
    position: relative;
}

.ftrighttop {
    width: 30%;
    border-right: 2px solid gainsboro;
    color: darkgray;
    position: relative;
    height: 20px;
}

.ftright1-1 > div > p {
    position: relative;
    text-align: right;
    right: 20px;
    top: 13px;
}

.ftright1-1 > div > div {
    height: 19px;
    width: 19px;
    position: relative;
    top: -7px;
    left: 167px;
}

.ftright1-2 {
    width: 100%;
    position: relative;
    left: 75px;
    top: -3px;
}

.ftright1-3 {
    position: relative;
    left: 75px;
    top: 0px;
}

.ftright1-4 {
    width: 20px;
    height: 16px;
    background-size: 100%;
    position: relative;
    top: 15px;
    left: 40px;
}

.freeCourse {
    position: relative;
    width: 100%;
    height: 670px;
}

.freeCourse1 {
    position: absolute;
    height: 700px;
    width: 1226px;
    left: 50%;
    margin-left: -613px;
}

.freeCourse1-1 {
    margin-left: 1%;
    height: 90px;
    width: 100%;
    font-weight: 500;
    font-size: 24px;
    line-height: 120px;
    color: black;
}

    .freeCourse1-1 > a {
        position: absolute;
        right: 10px;
        font-size: 16px;
        color: black;
        margin-top: 60px;
    }

        .freeCourse1-1 > a:hover {
            color: #e51c23;
        }

.freeCourse1-3 > a {
    position: absolute;
    right: 10px;
    font-size: 16px;
    color: black;
    margin-top: 35px;
}

    .freeCourse1-3 > a:hover {
        color: #e51c23;
    }

.freeCourse1-2 {
    width: 100%;
    height: 34%;
}

.freeCourse1-3 {
    margin-left: 1%;
    width: 100%;
    height: 65px;
    font-weight: 500;
    font-size: 24px;
    line-height: 70px;
    color: black;
}

.freeCourse1-4 {
    height: 200px;
    height: 34%;
}

.freeCourses > div {
    width: 20%;
    float: left;
    height: 95%;
}

    .freeCourses > div:hover {
        background: white;
        box-shadow: 0px 5px 15px #CCCCCC;
        z-index: 999;
        transition: 1s;
    }

    .freeCourses > div > a > div {
        width: 92%;
        margin-left: 4%;
        overflow: hidden;
        position: relative;
        top: 10px;
    }

        .freeCourses > div > a > div > img {
            width: 100%;
            height: 150px;
        }

    .freeCourses > div > a > p:nth-of-type(1) {
        width: 90%;
        margin-left: 5%;
        margin-top: 15px;
        font-size: 16px;
        overflow: hidden;
        color: black;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .freeCourses > div > a > p:nth-of-type(2) {
        width: 90%;
        margin-left: 5%;
        margin-top: 5px;
        font-size: 14px;
    }

    .freeCourses > div > a > p > span:nth-of-type(1) {
        text-align: left;
        width: 70%;
        display: inline-block;
        color: darkgray;
    }

    .freeCourses > div > a > p > span:nth-of-type(2) {
        width: 30%;
        text-align: right;
        display: inline-block;
        color: #e51c23;
    }

.course {
    position: relative;
    width: 100%;
    height: 1590px;
    background: rgb(243, 243, 243);
}

.course1 {
    position: relative;
    width: 1226px;
    left: 50%;
    margin-left: -613px;
    height: 470px;
    top: 53px;
}

.course2 {
    position: relative;
    width: 1226px;
    left: 50%;
    margin-left: -613px;
    top: 90px;
    height: 470px;
}

.course3 {
    position: relative;
    width: 1226px;
    left: 50%;
    margin-left: -613px;
    top: 120px;
    height: 470px;
}

.courseL {
    width: 20%;
    float: left;
    overflow: hidden;
}

    .courseL > a > {
        width: 100%;
        margin-left: 4%;
        margin-top: 10px;
    }

        .courseL > a > img:nth-of-type(1) {
            width: 92%;
            margin-left: 4%;
            margin-top: 10px;
        }

        .courseL > a > img:nth-of-type(2) {
            position: relative;
            left: 135px;
            top: -240px;
        }

.courseR {
    width: 80%;
    height: 80%;
    float: right;
}

.bigger,
.bigger1,
.bigger2,
.bigger3,
.bigger4 {
    overflow: hidden;
}

.courseR div {
    width: 25%;
    float: left;
    margin-bottom: 1%;
    height: 59%
}

.courseR1 {
    width: 60%;
    float: left;
}

    .courseR1 > div {
        width: 33.3%;
        height: 59%;
        float: left;
        margin-bottom: 1%;
    }

.courseR > div > a > div {
    width: 92%;
    height: 68%;
    margin-top: 10px;
    margin-left: 4%;
    overflow: hidden;
}

    .courseR > div > a > div > img {
        width: 100%;
        height: 100%;
    }

.courseR > div > a > p:nth-of-type(1) {
    width: 90%;
    margin-left: 5%;
    margin-top: 4%;
    font-size: 16px;
    overflow: hidden;
    color: black;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.courseR > div > a > p:nth-of-type(2) {
    width: 92%;
    margin-left: 4%;
    margin-top: 2%;
    font-size: 14px;
}

.courseR > div > a > p > span:nth-of-type(1) {
    text-align: left;
    width: 70%;
    display: inline-block;
    color: darkgray;
}

.courseR > div > a > p > span:nth-of-type(2) {
    width: 30%;
    text-align: right;
    display: inline-block;
    color: #e51c23;
}

#courseS1 {
    width: 50%;
    float: left;
    height: 210px;
}

#courseSimg1 {
    overflow: hidden;
    position: relative;
    width: 95.5%;
    margin-left: 2.5%;
    display: inline-block;
    margin-top: 10px;
}

    #courseSimg1 > img {
        width: 100%;
        height: 200px;
        transition: 1s;
    }

        #courseSimg1 > img:hover {
            transform: scale(1.2);
            transition: 1s;
        }

#courseS2 {
    width: 20%;
    height: 100%;
    float: left;
    box-shadow: none;
}

#courseSimg2 {
    position: relative;
    width: 91%;
    margin-left: 5%;
    display: inline-block;
    overflow: hidden;
    margin-top: 10px;
    height: 430px;
}

    #courseSimg2 > img {
        width: 100%;
        height: 100%;
        transition: 1s;
    }

        #courseSimg2 > img:hover {
            transform: scale(1.2);
            transition: 1s;
        }

#courseS3 {
    width: 50%;
    height: 57%;
    float: left;
    box-shadow: none;
}

#courseSimg3 {
    position: relative;
    width: 95%;
    margin-left: 2.5%;
    display: inline-block;
    overflow: hidden;
    margin-top: 10px;
}

    #courseSimg3 > img {
        width: 100%;
        height: 225px;
        transition: 1s;
    }

        #courseSimg3 > img:hover {
            transform: scale(1.2);
            transition: 1s;
        }

#courseS1:hover,
#courseS2:hover,
#courseS3:hover {
    box-shadow: none;
    background: none;
}

.courseR .courseS3 {
    width: 50%;
    height: 50%;
    float: left;
}

.courseR > div:hover {
    background: white;
    box-shadow: 0px 5px 15px #cccccc;
    z-index: 999;
    transition: 1s;
}

.FBottom {
    position: relative;
    width: 100%;
    height: 220px;
    background: rgb(47, 34, 39);
}

.FBottom1 {
    position: absolute;
    width: 80%;
    height: 220px;
    left: 10%;
}

    .FBottom1 > img {
        position: absolute;
    }

        .FBottom1 > img:nth-of-type(1) {
            left: 0;
            top: 15px;
        }

        .FBottom1 > img:nth-of-type(2) {
            right: 120px;
            top: 130px;
        }

        .FBottom1 > img:nth-of-type(3) {
            right: 0px;
            top: 130px;
        }

        .FBottom1 > img:nth-of-type(4) {
            left: 60px;
            top: 165px;
        }

    .FBottom1 > p:nth-of-type(1) {
        position: absolute;
        left: 0;
        top: 80px;
        color: white;
        width: 700px;
        font-size: 11px;
    }

    .FBottom1 > p:nth-of-type(2) {
        position: absolute;
        left: 0;
        top: 150px;
        color: white;
        font-size: 12px;
    }

    .FBottom1 > p:nth-of-type(3) {
        position: absolute;
        left: 0;
        top: 180px;
        color: white;
        font-size: 12px;
    }

    .FBottom1 > p:nth-of-type(4) {
        position: absolute;
        right: 0;
        top: 80px;
        color: white;
        width: 500px;
        font-size: 12px;
        text-align: right;
    }

    .FBottom1 > p:nth-of-type(5) {
        position: absolute;
        right: 240px;
        top: 126px;
        color: white;
        width: 500px;
        font-size: 12px;
        text-align: right;
    }

.loader {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 25%;
    max-width: 25%;
    height: 200px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 117px;
    left: 140px;
}

.loader1 {
    cursor: pointer;
    font-size: 18px;
    color: white;
    position: absolute;
    top: 200px;
    left: 45px;
    text-align: center;
}


/**
 *
 * All animations must live in their own file
 * in the animations directory and be included
 * here.
 *
 */


/**
 * Styles shared by multiple animations
 */


/**
 */

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    45% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    45% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.ball-pulse > div:nth-child(0) {
    -webkit-animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
}

.ball-pulse > div:nth-child(1) {
    -webkit-animation: scale 0.75s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: scale 0.75s 0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
}

.ball-pulse > div:nth-child(2) {
    -webkit-animation: scale 0.75s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: scale 0.75s 0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
}

.ball-pulse > div:nth-child(3) {
    -webkit-animation: scale 0.75s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: scale 0.75s 0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
}

.ball-pulse > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
}

@-webkit-keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.ball-pulse-sync > div:nth-child(0) {
    -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
}

.ball-pulse-sync > div:nth-child(1) {
    -webkit-animation: ball-pulse-sync 0.6s 0.07s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s 0.07s infinite ease-in-out;
}

.ball-pulse-sync > div:nth-child(2) {
    -webkit-animation: ball-pulse-sync 0.6s 0.14s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s 0.14s infinite ease-in-out;
}

.ball-pulse-sync > div:nth-child(3) {
    -webkit-animation: ball-pulse-sync 0.6s 0.21s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s 0.21s infinite ease-in-out;
}

.ball-pulse-sync > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
}

@-webkit-keyframes ball-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes ball-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

.ball-scale > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    height: 60px;
    width: 60px;
    -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
    animation: ball-scale 1s 0s ease-in-out infinite;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.ball-rotate {
    position: relative;
}

    .ball-rotate > div {
        background-color: #fff;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        margin: 2px;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        position: relative;
    }

        .ball-rotate > div:first-child {
            -webkit-animation: rotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite;
            animation: rotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite;
        }

        .ball-rotate > div:before,
        .ball-rotate > div:after {
            background-color: #fff;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            margin: 2px;
            content: "";
            position: absolute;
            opacity: 0.8;
        }

        .ball-rotate > div:before {
            top: 0px;
            left: -28px;
        }

        .ball-rotate > div:after {
            top: 0px;
            left: 25px;
        }

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }

    50% {
        -webkit-transform: rotate(180deg) scale(0.6);
        transform: rotate(180deg) scale(0.6);
    }

    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
    }
}

.ball-clip-rotate > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    height: 25px;
    width: 25px;
    background: transparent !important;
    display: inline-block;
    -webkit-animation: rotate 0.75s 0s linear infinite;
    animation: rotate 0.75s 0s linear infinite;
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }

    50% {
        -webkit-transform: rotate(180deg) scale(0.6);
        transform: rotate(180deg) scale(0.6);
    }

    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
    }
}

@keyframes scale {
    30% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.ball-clip-rotate-pulse {
    position: relative;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
}

    .ball-clip-rotate-pulse > div {
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 100%;
    }

        .ball-clip-rotate-pulse > div:first-child {
            background: #fff;
            height: 16px;
            width: 16px;
            top: 9px;
            left: 9px;
            -webkit-animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
            animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
        }

        .ball-clip-rotate-pulse > div:last-child {
            position: absolute;
            border: 2px solid #fff;
            width: 30px;
            height: 30px;
            background: transparent;
            border: 2px solid;
            border-color: #fff transparent #fff transparent;
            -webkit-animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
            animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
        }

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }

    50% {
        -webkit-transform: rotate(180deg) scale(0.6);
        transform: rotate(180deg) scale(0.6);
    }

    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
    }
}

.ball-clip-rotate-multiple {
    position: relative;
}

    .ball-clip-rotate-multiple > div {
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        position: absolute;
        left: 0px;
        top: 0px;
        border: 2px solid #fff;
        border-bottom-color: transparent;
        border-top-color: transparent;
        border-radius: 100%;
        height: 35px;
        width: 35px;
        -webkit-animation: rotate 1s 0s ease-in-out infinite;
        animation: rotate 1s 0s ease-in-out infinite;
    }

        .ball-clip-rotate-multiple > div:last-child {
            display: inline-block;
            top: 10px;
            left: 10px;
            width: 15px;
            height: 15px;
            -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
            border-color: #fff transparent #fff transparent;
            -webkit-animation-direction: reverse;
            animation-direction: reverse;
        }

@-webkit-keyframes ball-scale-ripple {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1;
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.7;
    }

    100% {
        opacity: 0.0;
    }
}

@keyframes ball-scale-ripple {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1;
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.7;
    }

    100% {
        opacity: 0.0;
    }
}

.ball-scale-ripple > div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    border: 2px solid #fff;
    -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21, .53, .56, .8);
    animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21, .53, .56, .8);
}

@-webkit-keyframes ball-scale-ripple-multiple {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1;
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.7;
    }

    100% {
        opacity: 0.0;
    }
}

@keyframes ball-scale-ripple-multiple {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1;
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.7;
    }

    100% {
        opacity: 0.0;
    }
}

.ball-scale-ripple-multiple {
    position: relative;
    -webkit-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    transform: translateY(-25px);
}

    .ball-scale-ripple-multiple > div:nth-child(0) {
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }

    .ball-scale-ripple-multiple > div:nth-child(1) {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .ball-scale-ripple-multiple > div:nth-child(2) {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .ball-scale-ripple-multiple > div:nth-child(3) {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    .ball-scale-ripple-multiple > div {
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        border: 2px solid #fff;
        -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8);
        animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8);
    }

@-webkit-keyframes ball-beat {
    50% {
        opacity: 0.2;
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ball-beat {
    50% {
        opacity: 0.2;
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.ball-beat > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: ball-beat 0.7s 0s infinite linear;
    animation: ball-beat 0.7s 0s infinite linear;
}

    .ball-beat > div:nth-child(2n-1) {
        -webkit-animation-delay: 0.35s !important;
        animation-delay: 0.35s !important;
    }

@-webkit-keyframes ball-scale-multiple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes ball-scale-multiple {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

.ball-scale-multiple {
    position: relative;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
}

    .ball-scale-multiple > div:nth-child(2) {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .ball-scale-multiple > div:nth-child(3) {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    .ball-scale-multiple > div {
        background-color: #fff;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        margin: 2px;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        position: absolute;
        left: 0px;
        top: 0px;
        opacity: 0;
        margin: 0;
        width: 60px;
        height: 60px;
        -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
        animation: ball-scale-multiple 1s 0s linear infinite;
    }

@-webkit-keyframes ball-triangle-path-1 {
    33% {
        -webkit-transform: translate(25px, -50px);
        transform: translate(25px, -50px);
    }

    66% {
        -webkit-transform: translate(50px, 0px);
        transform: translate(50px, 0px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@keyframes ball-triangle-path-1 {
    33% {
        -webkit-transform: translate(25px, -50px);
        transform: translate(25px, -50px);
    }

    66% {
        -webkit-transform: translate(50px, 0px);
        transform: translate(50px, 0px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@-webkit-keyframes ball-triangle-path-2 {
    33% {
        -webkit-transform: translate(25px, 50px);
        transform: translate(25px, 50px);
    }

    66% {
        -webkit-transform: translate(-25px, 50px);
        transform: translate(-25px, 50px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@keyframes ball-triangle-path-2 {
    33% {
        -webkit-transform: translate(25px, 50px);
        transform: translate(25px, 50px);
    }

    66% {
        -webkit-transform: translate(-25px, 50px);
        transform: translate(-25px, 50px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@-webkit-keyframes ball-triangle-path-3 {
    33% {
        -webkit-transform: translate(-50px, 0px);
        transform: translate(-50px, 0px);
    }

    66% {
        -webkit-transform: translate(-25px, -50px);
        transform: translate(-25px, -50px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@keyframes ball-triangle-path-3 {
    33% {
        -webkit-transform: translate(-50px, 0px);
        transform: translate(-50px, 0px);
    }

    66% {
        -webkit-transform: translate(-25px, -50px);
        transform: translate(-25px, -50px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

.ball-triangle-path {
    position: relative;
    -webkit-transform: translate(-25px, -25px);
    -ms-transform: translate(-25px, -25px);
    transform: translate(-25px, -25px);
}

    .ball-triangle-path > div:nth-child(1) {
        -webkit-animation-name: ball-triangle-path-1;
        animation-name: ball-triangle-path-1;
        -webkit-animation-delay: 0;
        animation-delay: 0;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .ball-triangle-path > div:nth-child(2) {
        -webkit-animation-name: ball-triangle-path-2;
        animation-name: ball-triangle-path-2;
        -webkit-animation-delay: 0;
        animation-delay: 0;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .ball-triangle-path > div:nth-child(3) {
        -webkit-animation-name: ball-triangle-path-3;
        animation-name: ball-triangle-path-3;
        -webkit-animation-delay: 0;
        animation-delay: 0;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .ball-triangle-path > div {
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        border: 1px solid #fff;
    }

        .ball-triangle-path > div:nth-of-type(1) {
            top: 50px;
        }

        .ball-triangle-path > div:nth-of-type(2) {
            left: 25px;
        }

        .ball-triangle-path > div:nth-of-type(3) {
            top: 50px;
            left: 50px;
        }

@-webkit-keyframes ball-pulse-rise-even {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    25% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    50% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }

    75% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ball-pulse-rise-even {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    25% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    50% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }

    75% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes ball-pulse-rise-odd {
    0% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }

    25% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    75% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
}

@keyframes ball-pulse-rise-odd {
    0% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }

    25% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    75% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
}

.ball-pulse-rise > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(.15, .46, .9, .6);
    animation-timing-function: cubic-bezier(.15, .46, .9, .6);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}

    .ball-pulse-rise > div:nth-child(2n) {
        -webkit-animation-name: ball-pulse-rise-even;
        animation-name: ball-pulse-rise-even;
    }

    .ball-pulse-rise > div:nth-child(2n-1) {
        -webkit-animation-name: ball-pulse-rise-odd;
        animation-name: ball-pulse-rise-odd;
    }

@-webkit-keyframes ball-grid-beat {
    50% {
        opacity: 0.7;
    }

    100% {
        opacity: 1;
    }
}

@keyframes ball-grid-beat {
    50% {
        opacity: 0.7;
    }

    100% {
        opacity: 1;
    }
}

.ball-grid-beat {
    width: 57px;
}

    .ball-grid-beat > div:nth-child(1) {
        -webkit-animation-delay: 0.36s;
        animation-delay: 0.36s;
        -webkit-animation-duration: 0.96s;
        animation-duration: 0.96s;
    }

    .ball-grid-beat > div:nth-child(2) {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
        -webkit-animation-duration: 0.93s;
        animation-duration: 0.93s;
    }

    .ball-grid-beat > div:nth-child(3) {
        -webkit-animation-delay: 0.68s;
        animation-delay: 0.68s;
        -webkit-animation-duration: 1.19s;
        animation-duration: 1.19s;
    }

    .ball-grid-beat > div:nth-child(4) {
        -webkit-animation-delay: 0.41s;
        animation-delay: 0.41s;
        -webkit-animation-duration: 1.13s;
        animation-duration: 1.13s;
    }

    .ball-grid-beat > div:nth-child(5) {
        -webkit-animation-delay: 0.71s;
        animation-delay: 0.71s;
        -webkit-animation-duration: 1.34s;
        animation-duration: 1.34s;
    }

    .ball-grid-beat > div:nth-child(6) {
        -webkit-animation-delay: -0.15s;
        animation-delay: -0.15s;
        -webkit-animation-duration: 0.94s;
        animation-duration: 0.94s;
    }

    .ball-grid-beat > div:nth-child(7) {
        -webkit-animation-delay: -0.12s;
        animation-delay: -0.12s;
        -webkit-animation-duration: 1.2s;
        animation-duration: 1.2s;
    }

    .ball-grid-beat > div:nth-child(8) {
        -webkit-animation-delay: 0.01s;
        animation-delay: 0.01s;
        -webkit-animation-duration: 0.82s;
        animation-duration: 0.82s;
    }

    .ball-grid-beat > div:nth-child(9) {
        -webkit-animation-delay: 0.32s;
        animation-delay: 0.32s;
        -webkit-animation-duration: 1.19s;
        animation-duration: 1.19s;
    }

    .ball-grid-beat > div {
        background-color: #fff;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        margin: 2px;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        display: inline-block;
        float: left;
        -webkit-animation-name: ball-grid-beat;
        animation-name: ball-grid-beat;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-delay: 0;
        animation-delay: 0;
    }

@-webkit-keyframes ball-grid-pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes ball-grid-pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.ball-grid-pulse {
    width: 57px;
}

    .ball-grid-pulse > div:nth-child(1) {
        -webkit-animation-delay: -0.06s;
        animation-delay: -0.06s;
        -webkit-animation-duration: 0.72s;
        animation-duration: 0.72s;
    }

    .ball-grid-pulse > div:nth-child(2) {
        -webkit-animation-delay: 0.25s;
        animation-delay: 0.25s;
        -webkit-animation-duration: 1.02s;
        animation-duration: 1.02s;
    }

    .ball-grid-pulse > div:nth-child(3) {
        -webkit-animation-delay: -0.17s;
        animation-delay: -0.17s;
        -webkit-animation-duration: 1.28s;
        animation-duration: 1.28s;
    }

    .ball-grid-pulse > div:nth-child(4) {
        -webkit-animation-delay: 0.48s;
        animation-delay: 0.48s;
        -webkit-animation-duration: 1.42s;
        animation-duration: 1.42s;
    }

    .ball-grid-pulse > div:nth-child(5) {
        -webkit-animation-delay: 0.31s;
        animation-delay: 0.31s;
        -webkit-animation-duration: 1.45s;
        animation-duration: 1.45s;
    }

    .ball-grid-pulse > div:nth-child(6) {
        -webkit-animation-delay: 0.03s;
        animation-delay: 0.03s;
        -webkit-animation-duration: 1.18s;
        animation-duration: 1.18s;
    }

    .ball-grid-pulse > div:nth-child(7) {
        -webkit-animation-delay: 0.46s;
        animation-delay: 0.46s;
        -webkit-animation-duration: 0.87s;
        animation-duration: 0.87s;
    }

    .ball-grid-pulse > div:nth-child(8) {
        -webkit-animation-delay: 0.78s;
        animation-delay: 0.78s;
        -webkit-animation-duration: 1.45s;
        animation-duration: 1.45s;
    }

    .ball-grid-pulse > div:nth-child(9) {
        -webkit-animation-delay: 0.45s;
        animation-delay: 0.45s;
        -webkit-animation-duration: 1.06s;
        animation-duration: 1.06s;
    }

    .ball-grid-pulse > div {
        background-color: #fff;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        margin: 2px;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        display: inline-block;
        float: left;
        -webkit-animation-name: ball-grid-pulse;
        animation-name: ball-grid-pulse;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-delay: 0;
        animation-delay: 0;
    }

@-webkit-keyframes ball-spin-fade-loader {
    50% {
        opacity: 0.3;
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ball-spin-fade-loader {
    50% {
        opacity: 0.3;
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.ball-spin-fade-loader {
    position: relative;
}

    .ball-spin-fade-loader > div:nth-child(1) {
        top: 25px;
        left: 0;
        -webkit-animation: ball-spin-fade-loader 1s 0s infinite linear;
        animation: ball-spin-fade-loader 1s 0s infinite linear;
    }

    .ball-spin-fade-loader > div:nth-child(2) {
        top: 17.04545px;
        left: 17.04545px;
        -webkit-animation: ball-spin-fade-loader 1s 0.12s infinite linear;
        animation: ball-spin-fade-loader 1s 0.12s infinite linear;
    }

    .ball-spin-fade-loader > div:nth-child(3) {
        top: 0;
        left: 25px;
        -webkit-animation: ball-spin-fade-loader 1s 0.24s infinite linear;
        animation: ball-spin-fade-loader 1s 0.24s infinite linear;
    }

    .ball-spin-fade-loader > div:nth-child(4) {
        top: -17.04545px;
        left: 17.04545px;
        -webkit-animation: ball-spin-fade-loader 1s 0.36s infinite linear;
        animation: ball-spin-fade-loader 1s 0.36s infinite linear;
    }

    .ball-spin-fade-loader > div:nth-child(5) {
        top: -25px;
        left: 0;
        -webkit-animation: ball-spin-fade-loader 1s 0.48s infinite linear;
        animation: ball-spin-fade-loader 1s 0.48s infinite linear;
    }

    .ball-spin-fade-loader > div:nth-child(6) {
        top: -17.04545px;
        left: -17.04545px;
        -webkit-animation: ball-spin-fade-loader 1s 0.6s infinite linear;
        animation: ball-spin-fade-loader 1s 0.6s infinite linear;
    }

    .ball-spin-fade-loader > div:nth-child(7) {
        top: 0;
        left: -25px;
        -webkit-animation: ball-spin-fade-loader 1s 0.72s infinite linear;
        animation: ball-spin-fade-loader 1s 0.72s infinite linear;
    }

    .ball-spin-fade-loader > div:nth-child(8) {
        top: 17.04545px;
        left: -17.04545px;
        -webkit-animation: ball-spin-fade-loader 1s 0.84s infinite linear;
        animation: ball-spin-fade-loader 1s 0.84s infinite linear;
    }

    .ball-spin-fade-loader > div {
        background-color: #fff;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        margin: 2px;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        position: absolute;
    }

@-webkit-keyframes ball-spin-loader {
    75% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

@keyframes ball-spin-loader {
    75% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

.ball-spin-loader {
    position: relative;
}

    .ball-spin-loader > span:nth-child(1) {
        top: 45px;
        left: 0;
        -webkit-animation: ball-spin-loader 2s 0.9s infinite linear;
        animation: ball-spin-loader 2s 0.9s infinite linear;
    }

    .ball-spin-loader > span:nth-child(2) {
        top: 30.68182px;
        left: 30.68182px;
        -webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
        animation: ball-spin-loader 2s 1.8s infinite linear;
    }

    .ball-spin-loader > span:nth-child(3) {
        top: 0;
        left: 45px;
        -webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
        animation: ball-spin-loader 2s 2.7s infinite linear;
    }

    .ball-spin-loader > span:nth-child(4) {
        top: -30.68182px;
        left: 30.68182px;
        -webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
        animation: ball-spin-loader 2s 3.6s infinite linear;
    }

    .ball-spin-loader > span:nth-child(5) {
        top: -45px;
        left: 0;
        -webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
        animation: ball-spin-loader 2s 4.5s infinite linear;
    }

    .ball-spin-loader > span:nth-child(6) {
        top: -30.68182px;
        left: -30.68182px;
        -webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
        animation: ball-spin-loader 2s 5.4s infinite linear;
    }

    .ball-spin-loader > span:nth-child(7) {
        top: 0;
        left: -45px;
        -webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
        animation: ball-spin-loader 2s 6.3s infinite linear;
    }

    .ball-spin-loader > span:nth-child(8) {
        top: 30.68182px;
        left: -30.68182px;
        -webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
        animation: ball-spin-loader 2s 7.2s infinite linear;
    }

    .ball-spin-loader > div {
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        position: absolute;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        background: green;
    }

@-webkit-keyframes ball-zig {
    33% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px);
    }

    66% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes ball-zig {
    33% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px);
    }

    66% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes ball-zag {
    33% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px);
    }

    66% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes ball-zag {
    33% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px);
    }

    66% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.ball-zig-zag {
    position: relative;
    -webkit-transform: translate(-15px, -15px);
    -ms-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px);
}

    .ball-zig-zag > div {
        background-color: #fff;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        margin: 2px;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        position: absolute;
        margin-left: 15px;
        top: 30px;
        left: 30px;
    }

        .ball-zig-zag > div:first-child {
            -webkit-animation: ball-zig 0.7s 0s infinite linear;
            animation: ball-zig 0.7s 0s infinite linear;
        }

        .ball-zig-zag > div:last-child {
            -webkit-animation: ball-zag 0.7s 0s infinite linear;
            animation: ball-zag 0.7s 0s infinite linear;
        }

@-webkit-keyframes ball-zig-deflect {
    17% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px);
    }

    34% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    67% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px);
    }

    84% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes ball-zig-deflect {
    17% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px);
    }

    34% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    67% {
        -webkit-transform: translate(15px, -30px);
        transform: translate(15px, -30px);
    }

    84% {
        -webkit-transform: translate(-15px, -30px);
        transform: translate(-15px, -30px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes ball-zag-deflect {
    17% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px);
    }

    34% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    67% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px);
    }

    84% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes ball-zag-deflect {
    17% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px);
    }

    34% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px);
    }

    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    67% {
        -webkit-transform: translate(-15px, 30px);
        transform: translate(-15px, 30px);
    }

    84% {
        -webkit-transform: translate(15px, 30px);
        transform: translate(15px, 30px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.ball-zig-zag-deflect {
    position: relative;
    -webkit-transform: translate(-15px, -15px);
    -ms-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px);
}

    .ball-zig-zag-deflect > div {
        background-color: #fff;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        margin: 2px;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        position: absolute;
        margin-left: 15px;
        top: 30px;
        left: 30px;
    }

        .ball-zig-zag-deflect > div:first-child {
            -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
            animation: ball-zig-deflect 1.5s 0s infinite linear;
        }

        .ball-zig-zag-deflect > div:last-child {
            -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
            animation: ball-zag-deflect 1.5s 0s infinite linear;
        }


/**
 * Lines
 */

@-webkit-keyframes line-scale {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }

    50% {
        -webkit-transform: scaley(0.4);
        transform: scaley(0.4);
    }

    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }
}

@keyframes line-scale {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }

    50% {
        -webkit-transform: scaley(0.4);
        transform: scaley(0.4);
    }

    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }
}

.line-scale > div:nth-child(1) {
    -webkit-animation: line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08);
}

.line-scale > div:nth-child(2) {
    -webkit-animation: line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08);
}

.line-scale > div:nth-child(3) {
    -webkit-animation: line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08);
}

.line-scale > div:nth-child(4) {
    -webkit-animation: line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08);
}

.line-scale > div:nth-child(5) {
    -webkit-animation: line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08);
    animation: line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08);
}

.line-scale > div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
}

@-webkit-keyframes line-scale-party {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes line-scale-party {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.line-scale-party > div:nth-child(1) {
    -webkit-animation-delay: 0.77s;
    animation-delay: 0.77s;
    -webkit-animation-duration: 1.26s;
    animation-duration: 1.26s;
}

.line-scale-party > div:nth-child(2) {
    -webkit-animation-delay: 0.29s;
    animation-delay: 0.29s;
    -webkit-animation-duration: 0.43s;
    animation-duration: 0.43s;
}

.line-scale-party > div:nth-child(3) {
    -webkit-animation-delay: 0.28s;
    animation-delay: 0.28s;
    -webkit-animation-duration: 1.01s;
    animation-duration: 1.01s;
}

.line-scale-party > div:nth-child(4) {
    -webkit-animation-delay: 0.74s;
    animation-delay: 0.74s;
    -webkit-animation-duration: 0.73s;
    animation-duration: 0.73s;
}

.line-scale-party > div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation-name: line-scale-party;
    animation-name: line-scale-party;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}

@-webkit-keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }

    50% {
        -webkit-transform: scaley(0.4);
        transform: scaley(0.4);
    }

    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }
}

@keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }

    50% {
        -webkit-transform: scaley(0.4);
        transform: scaley(0.4);
    }

    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }
}

.line-scale-pulse-out > div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85);
    animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85);
}

    .line-scale-pulse-out > div:nth-child(2),
    .line-scale-pulse-out > div:nth-child(4) {
        -webkit-animation-delay: 0.2s !important;
        animation-delay: 0.2s !important;
    }

    .line-scale-pulse-out > div:nth-child(1),
    .line-scale-pulse-out > div:nth-child(5) {
        -webkit-animation-delay: 0.4s !important;
        animation-delay: 0.4s !important;
    }

@-webkit-keyframes line-scale-pulse-out-rapid {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }

    80% {
        -webkit-transform: scaley(0.3);
        transform: scaley(0.3);
    }

    90% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }
}

@keyframes line-scale-pulse-out-rapid {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }

    80% {
        -webkit-transform: scaley(0.3);
        transform: scaley(0.3);
    }

    90% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }
}

.line-scale-pulse-out-rapid > div {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78);
    animation: line-scale-pulse-out-rapid 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78);
}

    .line-scale-pulse-out-rapid > div:nth-child(2),
    .line-scale-pulse-out-rapid > div:nth-child(4) {
        -webkit-animation-delay: 0.25s !important;
        animation-delay: 0.25s !important;
    }

    .line-scale-pulse-out-rapid > div:nth-child(1),
    .line-scale-pulse-out-rapid > div:nth-child(5) {
        -webkit-animation-delay: 0.5s !important;
        animation-delay: 0.5s !important;
    }

@-webkit-keyframes line-spin-fade-loader {
    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}

@keyframes line-spin-fade-loader {
    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}

.line-spin-fade-loader {
    position: relative;
}

    .line-spin-fade-loader > div:nth-child(1) {
        top: 20px;
        left: 0;
        -webkit-animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out;
        animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out;
    }

    .line-spin-fade-loader > div:nth-child(2) {
        top: 13.63636px;
        left: 13.63636px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out;
        animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out;
    }

    .line-spin-fade-loader > div:nth-child(3) {
        top: 0;
        left: 20px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out;
        animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out;
    }

    .line-spin-fade-loader > div:nth-child(4) {
        top: -13.63636px;
        left: 13.63636px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out;
        animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out;
    }

    .line-spin-fade-loader > div:nth-child(5) {
        top: -20px;
        left: 0;
        -webkit-animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out;
        animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out;
    }

    .line-spin-fade-loader > div:nth-child(6) {
        top: -13.63636px;
        left: -13.63636px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out;
        animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out;
    }

    .line-spin-fade-loader > div:nth-child(7) {
        top: 0;
        left: -20px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out;
        animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out;
    }

    .line-spin-fade-loader > div:nth-child(8) {
        top: 13.63636px;
        left: -13.63636px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-animation: line-spin-fade-loader 1.2s 0.96s infinite ease-in-out;
        animation: line-spin-fade-loader 1.2s 0.96s infinite ease-in-out;
    }

    .line-spin-fade-loader > div {
        background-color: #fff;
        width: 4px;
        height: 35px;
        border-radius: 2px;
        margin: 2px;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        position: absolute;
        width: 5px;
        height: 15px;
    }


/**
 * Misc
 */

@-webkit-keyframes triangle-skew-spin {
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0);
    }

    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    }

    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg);
    }

    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0);
    }
}

@keyframes triangle-skew-spin {
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0);
    }

    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    }

    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg);
    }

    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0);
    }
}

.triangle-skew-spin > div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fff;
    -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
}

@-webkit-keyframes square-spin {
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0);
    }

    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    }

    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg);
    }

    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0);
    }
}

@keyframes square-spin {
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
        transform: perspective(100px) rotateX(180deg) rotateY(0);
    }

    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
        transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    }

    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
        transform: perspective(100px) rotateX(0) rotateY(180deg);
    }

    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
        transform: perspective(100px) rotateX(0) rotateY(0);
    }
}

.square-spin > div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    width: 50px;
    height: 50px;
    background: #fff;
    border: 1px solid red;
    -webkit-animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
}

@-webkit-keyframes rotate_pacman_half_up {
    0% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@keyframes rotate_pacman_half_up {
    0% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@-webkit-keyframes rotate_pacman_half_down {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@keyframes rotate_pacman_half_down {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@-webkit-keyframes pacman-balls {
    75% {
        opacity: 0.7;
    }

    100% {
        -webkit-transform: translate(-100px, -6.25px);
        transform: translate(-100px, -6.25px);
    }
}

@keyframes pacman-balls {
    75% {
        opacity: 0.7;
    }

    100% {
        -webkit-transform: translate(-100px, -6.25px);
        transform: translate(-100px, -6.25px);
    }
}

.pacman {
    position: relative;
}

    .pacman > div:nth-child(2) {
        -webkit-animation: pacman-balls 1s 0s infinite linear;
        animation: pacman-balls 1s 0s infinite linear;
    }

    .pacman > div:nth-child(3) {
        -webkit-animation: pacman-balls 1s 0.33s infinite linear;
        animation: pacman-balls 1s 0.33s infinite linear;
    }

    .pacman > div:nth-child(4) {
        -webkit-animation: pacman-balls 1s 0.66s infinite linear;
        animation: pacman-balls 1s 0.66s infinite linear;
    }

    .pacman > div:nth-child(5) {
        -webkit-animation: pacman-balls 1s 0.99s infinite linear;
        animation: pacman-balls 1s 0.99s infinite linear;
    }

    .pacman > div:first-of-type {
        width: 0px;
        height: 0px;
        border-right: 25px solid transparent;
        border-top: 25px solid #fff;
        border-left: 25px solid #fff;
        border-bottom: 25px solid #fff;
        border-radius: 25px;
        -webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
        animation: rotate_pacman_half_up 0.5s 0s infinite;
    }

    .pacman > div:nth-child(2) {
        width: 0px;
        height: 0px;
        border-right: 25px solid transparent;
        border-top: 25px solid #fff;
        border-left: 25px solid #fff;
        border-bottom: 25px solid #fff;
        border-radius: 25px;
        -webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
        animation: rotate_pacman_half_down 0.5s 0s infinite;
        margin-top: -50px;
    }

    .pacman > div:nth-child(3),
    .pacman > div:nth-child(4),
    .pacman > div:nth-child(5),
    .pacman > div:nth-child(6) {
        background-color: #fff;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        margin: 2px;
        width: 10px;
        height: 10px;
        position: absolute;
        -webkit-transform: translate(0, -6.25px);
        -ms-transform: translate(0, -6.25px);
        transform: translate(0, -6.25px);
        top: 25px;
        left: 100px;
    }

@-webkit-keyframes cube-transition {
    25% {
        -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
        transform: translateX(50px) scale(0.5) rotate(-90deg);
    }

    50% {
        -webkit-transform: translate(50px, 50px) rotate(-180deg);
        transform: translate(50px, 50px) rotate(-180deg);
    }

    75% {
        -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
        transform: translateY(50px) scale(0.5) rotate(-270deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes cube-transition {
    25% {
        -webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
        transform: translateX(50px) scale(0.5) rotate(-90deg);
    }

    50% {
        -webkit-transform: translate(50px, 50px) rotate(-180deg);
        transform: translate(50px, 50px) rotate(-180deg);
    }

    75% {
        -webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
        transform: translateY(50px) scale(0.5) rotate(-270deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.cube-transition {
    position: relative;
    -webkit-transform: translate(-25px, -25px);
    -ms-transform: translate(-25px, -25px);
    transform: translate(-25px, -25px);
}

    .cube-transition > div {
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        width: 10px;
        height: 10px;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff;
        -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
        animation: cube-transition 1.6s 0s infinite ease-in-out;
    }

        .cube-transition > div:last-child {
            -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s;
        }

@-webkit-keyframes spin-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.semi-circle-spin {
    position: relative;
    width: 35px;
    height: 35px;
    overflow: hidden;
}

    .semi-circle-spin > div {
        position: absolute;
        border-width: 0px;
        border-radius: 100%;
        -webkit-animation: spin-rotate 0.6s 0s infinite linear;
        animation: spin-rotate 0.6s 0s infinite linear;
        background-image: -webkit-linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%);
        background-image: linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%);
        width: 100%;
        height: 100%;
    }


/*资源中心*/

@charset "utf-8";

/*初始化标签*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

body {
    background: #fff;
    color: #555;
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-family: "微软雅黑";
}

td,
th,
caption {
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}

a {
    color: #555;
    text-decoration: none;
}


/*a:hover { text-decoration:underline; }*/

img {
    border: none;
}

ol,
ul,
li {
    list-style: none;
}

input,
textarea,
select,
button {
    font: 14px Verdana, Helvetica, Arial, sans-serif;
}

table {
    border-collapse: collapse;
}

html {
    overflow-y: scroll;
}


/* css common */

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

.clearfix {
    *zoom: 1;
}

#resourcecenter {
    background: white;
    width: 100%;
    position: relative;
    top: -75px
}

.resourcekind {
    height: 75px;
    width: 100%;
    position: fixed;
    background: rgb(249, 249, 249);
    z-index: 9999;
}

.resource {
    position: relative;
    top: 75px;
}

.resourcemenu > p {
    width: 90%;
    position: relative;
    left: 5%;
    /*height: 30px;
    top:20px;
    margin-bottom:20px;*/
}

    .resourcemenu > p:nth-of-type(1) {
    }

    .resourcemenu > p:nth-of-type(2) {
    }

    .resourcemenu > p:nth-of-type(3) {
    }

    .resourcemenu > p > a > span {
        position: relative;
        display: inline-block;
        height: 25px;
        text-align: center;
        background-size: 100% 100%;
        margin-left: 10px;
        margin-top: 10px;
        cursor: pointer;
        padding: 2px 8px 2px 8px;
    }

        .resourcemenu > p > a > span:hover {
            background: #e51c23;
            color: white;
        }

    .resourcemenu > p > a:nth-of-type(1) > span {
        background: none;
        color: black;
    }

    .resourcemenu > p > a:nth-of-type(1) > span {
        font-weight: bolder;
        border-right: 1px solid darkgray;
        width: 100px;
        font-size: 18px;
        height: 22px;
        top: 2px;
        left: 5px;
        line-height: 18px;
    }

    .resourcemenu > p > a:nth-of-type(2) > span {
        text-align: center;
    }

    .resourcemenu > p > a:nth-of-type(15) > span {
        /*margin-left: 125px;*/
    }

.resourcechoose {
    cursor: pointer;
    color: black;
}

.resourcemain {
    width: 1200px;
    height: 1000px;
    position: relative;
    left: 50%;
    margin-left: -600px;
}

.resourceheader {
    height: 370px;
    width: 100%;
    background: url(../Images/Home/resourceheader.png) no-repeat;
    background-size: 100% 100%;
}

    .resourceheader > div {
        position: relative;
    }

        .resourceheader > div:nth-of-type(1) {
            position: relative;
            width: 1200px;
            height: 200px;
            background: white;
            margin-left: -600px;
            left: 50%;
            top: 80px;
            box-shadow: 0px 5px 6px rgba(1, 1, 1, 0.04);
            z-index: 99;
            padding-top: 25px;
        }

        .resourceheader > div:nth-of-type(2) {
            position: relative;
            width: 1180px;
            height: 7px;
            background: white;
            margin-left: -590px;
            left: 50%;
            top: 78px;
            box-shadow: 0px 5px 6px rgba(1, 1, 1, 0.02);
            z-index: 88;
            opacity: 0.8;
        }

        .resourceheader > div:nth-of-type(3) {
            position: relative;
            width: 1160px;
            height: 9px;
            background: white;
            margin-left: -580px;
            left: 50%;
            box-shadow: 0px 5px 6px rgba(1, 1, 1, 0.02);
            top: 73px;
            z-index: 77;
            opacity: 0.8;
            opacity: 0.7;
        }

.resourcepage {
    height: 19px;
    width: 140px;
    position: relative;
    left: 50%;
    margin-left: -70px;
    top: 50px;
    line-height: 19px;
    text-align: center;
}

    .resourcepage > div {
        position: relative;
        float: left;
        height: 19px;
        width: 19px;
        font-size: 12px;
    }

        .resourcepage > div:nth-of-type(1) {
            background: url(../Images/Home/zbleft.png) no-repeat;
            left: 0;
        }

        .resourcepage > div:nth-of-type(2) {
        }

        .resourcepage > div:nth-of-type(7) {
            background: url(../Images/Home/zbright.png) no-repeat;
            right: 0;
        }

.resourcemain {
    width: 1200px;
    height: 1250px;
}

.resourcetools {
    position: relative;
    width: 1200px;
    height: 135px;
    background: white;
    text-align: left;
    text-indent: 100px;
    line-height: 200px;
    font-size: 30px;
    border-bottom: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    bottom: 18px;
}

    .resourcetools > a {
        display: inline-block;
        position: relative;
        float: left;
        width: 24.5%;
        height: 100%;
        border-right: solid 1px #e3e3e3;
        font-size: 14px;
        cursor: pointer;
    }

        .resourcetools > a > img {
            position: absolute;
            left: 30px;
            top: 45px;
        }

    .resourcetools h5 {
        line-height: 0;
        font-size: 18px;
        position: relative;
        left: 0px;
        top: 53px;
        color: black;
    }

        .resourcetools h5:hover {
            color: #e51c23;
        }

    .resourcetools h2 {
        position: relative;
        line-height: 0px;
        font-size: 13px;
        font-weight: 500;
        top: 75px;
        color: gray;
    }

    .resourcetools h3 {
        line-height: 0;
        font-size: 14px;
        color: darkgray;
        font-weight: 500;
        text-align: left;
        position: relative;
        z-index: 999;
        left: 0px;
        top: 80px;
    }

.resourcemain1 {
    height: 500px;
    width: 1200px;
    position: relative;
    top: 10px;
    margin-top: 40px;
    margin-bottom: 60px;
}

    .resourcemain1 > div:nth-of-type(1) {
        height: 50px;
        width: 1200px;
        position: relative;
    }

        .resourcemain1 > div:nth-of-type(1) > div {
            height: 50px;
            position: relative;
        }

            .resourcemain1 > div:nth-of-type(1) > div:nth-of-type(1) {
                float: left;
                width: 18%;
                font-size: 28px;
                color: black;
            }

            .resourcemain1 > div:nth-of-type(1) > div:nth-of-type(2) {
                float: left;
                width: 400px;
                cursor: pointer;
            }

            .resourcemain1 > div:nth-of-type(1) > div:nth-of-type(3) {
                float: right;
                width: 77px;
                line-height: 35px;
                cursor: pointer;
            }

                .resourcemain1 > div:nth-of-type(1) > div:nth-of-type(3) > a > span {
                    display: inline-block;
                    position: relative;
                    float: left;
                }

                    .resourcemain1 > div:nth-of-type(1) > div:nth-of-type(3) > a > span:nth-of-type(1) {
                        width: 60px;
                        line-height: 32px;
                        color: rgb(164, 164, 164);
                        text-indent: 25px;
                    }

                    .resourcemain1 > div:nth-of-type(1) > div:nth-of-type(3) > a > span:nth-of-type(2) {
                        width: 17px;
                        height: 18px;
                        background: url(../Images/Home/resright.png);
                        top: 7px;
                    }

    .resourcemain1 > div:nth-of-type(2) {
        height: 450px;
        width: 18%;
        position: relative;
        float: left;
    }

        .resourcemain1 > div:nth-of-type(2) > a {
            height: 450px;
            width: 18%;
        }

            .resourcemain1 > div:nth-of-type(2) > a > img {
                height: 450px;
                width: 100%;
            }

.resourcemain1-1 > div {
    position: relative;
    float: left;
    width: 80px;
    height: 50px;
    line-height: 35px;
    text-align: center;
}

.resourcemain1-1 > div {
    position: relative;
    float: left;
    width: 80px;
    text-align: center;
}

    .resourcemain1-1 > div > div:nth-of-type(2) {
        position: relative;
        width: 80px;
        height: 3px;
        top: 13px;
    }

.resmain1-1 > div:nth-of-type(2) > div:nth-of-type(1) {
    position: absolute;
    height: 3px;
    background: #e51c23;
    left: 40px;
}

.resmain1-1 > div:nth-of-type(2) > div:nth-of-type(2) {
    position: absolute;
    height: 3px;
    background: #e51c23;
    right: 40px;
    transition: 1s;
}

.resmain1-1 > div:nth-of-type(1) {
    transition: 0.5s;
}

.avmain1-1 > div:nth-of-type(1) {
    color: #e51c23;
    transition: 0.5s;
}

.avmain1-1 > div:nth-of-type(2) > div {
    width: 40px;
    transition: 0.5s;
}

.chang > div:nth-of-type(2) > div {
    width: 40px;
    transition: 0.5s;
}

.chang1 > div:nth-of-type(2) > div {
    width: 40px;
    color: #e51c23;
    transition: 0.5s;
}

.chang1 > div:nth-of-type(1) {
    color: #e51c23;
}

.duan > div:nth-of-type(2) > div {
    width: 0px;
    transition: 0.5s;
}

.resourcemain1 > div:nth-of-type(3) {
    height: 449px;
    width: 82%;
    position: relative;
    float: right;
    border-top: 1px solid #e3e3e3;
}

.resourcemain1-2 {
    position: relative;
    float: left;
    width: 25%;
    height: 45%;
    margin-top: 2%;
}

    .resourcemain1-2:hover {
        box-shadow: 0px 5px 15px #CCCCCC;
        background: white;
        transition: 1s;
        z-index: 99;
    }

    .resourcemain1-2 > a {
        display: block;
        position: relative;
        width: 90%;
        height: 66.7%;
        overflow: hidden;
        left: 5%;
        top: 5%;
    }

        .resourcemain1-2 > a > img {
            width: 100%;
            height: 100%;
            transition: 1s;
        }

    .resourcemain1-2:hover a > img {
        transform: scale(1.2);
        transition: 1s;
    }

    .resourcemain1-2 > div {
        position: relative;
        top: 5%;
        width: 90%;
        height: 28.3%;
        left: 5%;
    }

        .resourcemain1-2 > div > p:nth-of-type(1) {
            width: 100%;
            text-align: left;
            color: black;
            position: absolute;
            top: 5%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            font-size: 16px;
        }

        .resourcemain1-2 > div > p:nth-of-type(2) {
            width: 100%;
            font-size: 13px;
            position: absolute;
            top: 40%;
            margin-top: 6px;
            font-size: 14px;
        }

            .resourcemain1-2 > div > p:nth-of-type(2) > span:nth-of-type(1) {
                display: inline-block;
                width: 50%;
                text-align: left;
                color: grey;
            }


/*app*/

.resourceapp {
    height: 500px;
    width: 100%;
    position: relative;
    background: rgb(244, 244, 244);
}

.resourceapp1 {
    height: 400px;
    width: 1200px;
    position: relative;
    top: 50px;
    margin-top: 40px;
    left: 50%;
    margin-left: -600px;
}

    .resourceapp1 > div:nth-of-type(1) {
        height: 50px;
        width: 1200px;
        position: relative;
        cursor: pointer;
    }

        .resourceapp1 > div:nth-of-type(1) > div {
            height: 50px;
            position: relative;
        }

            .resourceapp1 > div:nth-of-type(1) > div:nth-of-type(1) {
                float: left;
                width: 18%;
                font-size: 28px;
                color: black;
            }

            .resourceapp1 > div:nth-of-type(1) > div:nth-of-type(2) {
                float: left;
                width: 480px;
            }

            .resourceapp1 > div:nth-of-type(1) > div:nth-of-type(3) {
                float: right;
                width: 77px;
                line-height: 35px;
            }

                .resourceapp1 > div:nth-of-type(1) > div:nth-of-type(3) > a > span {
                    display: inline-block;
                    position: relative;
                    float: left;
                }

                    .resourceapp1 > div:nth-of-type(1) > div:nth-of-type(3) > a > span:nth-of-type(1) {
                        width: 60px;
                        line-height: 32px;
                        color: rgb(164, 164, 164);
                        text-indent: 25px;
                    }

                    .resourceapp1 > div:nth-of-type(1) > div:nth-of-type(3) > a > span:nth-of-type(2) {
                        width: 17px;
                        height: 18px;
                        background: url(../Images/Home/resright.png);
                        top: 7px;
                    }

    .resourceapp1 > div:nth-of-type(2) {
        height: 340px;
        width: 18%;
        position: relative;
        float: left;
    }

        .resourceapp1 > div:nth-of-type(2) > a > img {
            width: 100%;
            height: 100%;
        }

.resourceapp1-1 > div {
    position: relative;
    float: left;
    width: 80px;
    height: 50px;
    line-height: 35px;
    text-align: center;
}

.resourceapp1-1 > div {
    position: relative;
    float: left;
    width: 80px;
    text-align: center;
}

    .resourceapp1-1 > div > div:nth-of-type(2) {
        position: relative;
        width: 80px;
        height: 3px;
        top: 13px;
    }

.resmain1-1 > div:nth-of-type(2) > div:nth-of-type(1) {
    position: absolute;
    height: 3px;
    background: #e51c23;
    left: 40px;
    transition: 1s;
}

.resmain1-1 > div:nth-of-type(2) > div:nth-of-type(2) {
    position: absolute;
    height: 3px;
    background: #e51c23;
    right: 40px;
    transition: 1s;
}

.resmain1-1 > div:nth-of-type(1) {
    transition: 0.5s;
}

.avmain1-1 > div:nth-of-type(1) {
    color: #e51c23;
    transition: 0.5s;
}

.avmain1-1 > div:nth-of-type(2) > div:nth-of-type(1) {
    width: 40px;
    transition: 1s;
}

.avmain1-1 > div:nth-of-type(2) > div:nth-of-type(2) {
    width: 40px;
    transition: 1s;
}

.resourceapp1 > div:nth-of-type(3) {
    height: 337px;
    width: 82%;
    position: relative;
    float: right;
    border-top: 1px solid rgb(222, 232, 232);
}

.appdownload {
    position: absolute;
    display: inline-block;
    height: 150px;
    width: 230px;
    cursor: pointer;
    z-index: 99;
}

.resourceapp1-2 {
    position: relative;
    float: left;
    width: 24%;
    height: 45%;
    margin-left: 1%;
    margin-top: 2%;
    background: white;
    display: inline-block;
}

    .resourceapp1-2:hover {
        box-shadow: 0px 5px 15px #CCCCCC;
        background: white;
        transition: 1s;
        z-index: 99;
    }

    .resourceapp1-2 > div {
        position: relative;
        width: 80%;
        height: 40%;
        left: 10%;
        top: 10%;
    }

        .resourceapp1-2 > div > img {
            position: relative;
            left: 10px;
            top: 10px;
            height: 50px;
            width: 50px;
        }

        .resourceapp1-2 > div:nth-of-type(1) > p:nth-of-type(1) {
            position: absolute;
            color: black;
            top: 5px;
            left: 70px;
            width: 130px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

        .resourceapp1-2 > div:nth-of-type(1) > p:nth-of-type(2) {
            position: absolute;
            color: darkgray;
            top: 40px;
            left: 70px;
            font-size: 13px;
        }

        .resourceapp1-2 > div:nth-of-type(2) {
        }

            .resourceapp1-2 > div:nth-of-type(2) > a {
                display: inline-block;
                height: 60%;
                width: 70%;
                left: 15%;
                top: 20%;
                position: relative;
                border-radius: 3px;
                border: 1px solid darkgray;
                text-align: center;
                line-height: 38px;
                font-size: 13px;
                color: black;
                z-index: 120;
            }

.resoursefoot {
    height: 100px;
    width: 100%;
    background: rgb(249, 249, 249);
    position: relative;
}


/*课程中心*/

@charset "utf-8";

/*初始化标签*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

body {
    background: white;
    color: #555;
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-family: "微软雅黑";
}

td,
th,
caption {
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}

a {
    color: #555;
    text-decoration: none;
    cursor: pointer;
}


/*a:hover { text-decoration:underline; }*/

img {
    border: none;
}

ol,
ul,
li {
    list-style: none;
}

input,
textarea,
select,
button {
    font: 14px Verdana, Helvetica, Arial, sans-serif;
}

table {
    border-collapse: collapse;
}

html {
    overflow-y: scroll;
    background: white
}


/* css common */

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

.clearfix {
    *zoom: 1;
}

#coursecenter {
    position: relative;
    top: -30px;
}

.coursekind {
    height: 75px;
    width: 100%;
    position: fixed;
    background: rgb(249, 249, 249);
    z-index: 9999;
    cursor: pointer;
    top: 50px;
    box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.1);
}

.zhibo1 {
    text-align: center;
    position: absolute;
    height: 75px;
    width: 110px;
    left: 37%;
}

.jingping1 {
    text-align: center;
    position: absolute;
    height: 75px;
    width: 110px;
    right: 37%;
}

.chang {
    width: 55px;
    transition: 0.5s;
}

.duan {
    width: 0px;
    transition: 0.5s;
}

.jingping1 > div:nth-of-type(1) {
    height: 72px;
    width: 110px;
    text-align: center;
    line-height: 100px;
    font-size: 22px;
    color: gray;
    transition: 0.5s;
}

.zhibo1 > div:nth-of-type(1) {
    height: 72px;
    width: 110px;
    text-align: center;
    line-height: 100px;
    font-size: 22px;
    color: #e51c23;
    transition: 0.5s;
}

.zhibo1:hover div:nth-of-type(2) > div {
    width: 55px;
    transition: 0.5s;
}

.jingping1:hover div:nth-of-type(2) > div {
    width: 55px;
    transition: 0.5s;
}

.jingping1 > div:nth-of-type(2) > div:nth-of-type(1) {
    background: #e51c23;
    height: 3px;
    position: absolute;
    top: 72px;
    left: 55px;
}

.zhibo1 > div:nth-of-type(2) > div:nth-of-type(1) {
    background: #e51c23;
    height: 3px;
    position: absolute;
    top: 72px;
    left: 55px;
}

.jingping1 > div:nth-of-type(2) > div:nth-of-type(2) {
    background: #e51c23;
    height: 3px;
    position: absolute;
    top: 72px;
    right: 55px;
}

.zhibo1 > div:nth-of-type(2) > div:nth-of-type(2) {
    background: #e51c23;
    height: 3px;
    position: absolute;
    top: 72px;
    right: 55px;
}

.zhibo,
.jingping {
    position: relative;
    display: none;
}

.zhibo {
    display: none;
    background: white;
}

.jingping {
    width: 100%;
    display: block;
    position: relative;
    background: rgb(249, 249, 249);
}

.course-new {
    display: block;
    overflow: hidden;
}

.course-old {
    display: none;
}

.course-new1 {
    padding: 10px 20px 10px 20px;
    position: absolute;
    top: 30px;
    border: none;
    left: 37%;
    box-shadow: none;
    border-radius: 3px;
    font-size: 18px;
    cursor: pointer;
}

.course-old1 {
    padding: 10px 20px 10px 20px;
    position: absolute;
    top: 30px;
    border: none;
    box-shadow: none;
    right: 37%;
    font-size: 18px;
    border-radius: 3px;
    cursor: pointer;
}

    .course-old1:hover,
    .course-new1:hover {
        border: 1px #e51c23 solid;
    }

.av-course {
    color: #e51c23;
    border: 1px #e51c23 solid;
}

.av-course1 {
    color: black;
    border: 1px white solid;
}

.zhibo > div:nth-of-type(1) {
    position: relative;
    left: 50%;
    height: 100px;
    width: 1100px;
    text-align: center;
    margin-left: -550px;
}

#stairsNav {
    position: fixed;
    top: 240px;
    left: 100px;
    width: 30px;
    display: block;
}

    #stairsNav li {
        width: 60px;
        height: 40px;
        text-align: center;
        cursor: pointer;
    }

        #stairsNav li span {
            display: inline-block;
            float: left;
        }

        #stairsNav li.focus {
            height: 60px;
        }

        #stairsNav li.last {
            color: #fff;
            line-height: 30px;
            text-align: center;
        }

        #stairsNav li span.first {
            position: relative;
            color: rgb(136, 136, 136);
            height: 100%;
            width: 40px;
            line-height: 40px;
            font-size: 12px;
            transition: 0.5s;
        }

        #stairsNav li span.second {
            color: #333;
            position: relative;
            top: 10%;
            height: 80%;
            width: 5px;
            background: rgb(136, 136, 136);
            transition: 0.5s;
        }

        #stairsNav li.active span.first {
            color: rgb(140, 140, 140);
            transition: 0.5s;
        }

        #stairsNav li.focus span.first {
            font-size: 20px;
            line-height: 60px;
            color: black;
            transition: 0.5s;
        }

        #stairsNav li.active span.second {
            background: rgb(80, 80, 80);
            transition: 0.5s;
        }

        #stairsNav li.focus span.second {
            background: black;
            transition: 0.5s;
        }

#stairsNav1 {
    position: fixed;
    top: 240px;
    left: 100px;
    width: 30px;
    display: block;
}

    #stairsNav1 li {
        width: 60px;
        height: 40px;
        text-align: center;
        cursor: pointer;
    }

        #stairsNav1 li span {
            display: inline-block;
            float: left;
        }

        #stairsNav1 li.focus {
            height: 60px;
        }

        #stairsNav1 li.last {
            color: #fff;
            line-height: 30px;
            text-align: center;
        }

        #stairsNav1 li span.first {
            position: relative;
            color: rgb(136, 136, 136);
            height: 100%;
            width: 40px;
            line-height: 40px;
            font-size: 12px;
            transition: 0.5s;
        }

        #stairsNav1 li span.second {
            color: #333;
            position: relative;
            top: 10%;
            height: 80%;
            width: 5px;
            background: rgb(136, 136, 136);
            transition: 0.5s;
        }

        #stairsNav1 li.active span.first {
            color: rgb(140, 140, 140);
            transition: 0.5s;
        }

        #stairsNav1 li.focus span.first {
            font-size: 20px;
            line-height: 60px;
            color: black;
            transition: 0.5s;
        }

        #stairsNav1 li.active span.second {
            background: rgb(80, 80, 80);
            transition: 0.5s;
        }

        #stairsNav1 li.focus span.second {
            background: black;
            transition: 0.5s;
        }

#main {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    color: #ffffff;
    font-size: 50px;
    text-align: center;
}

#main {
    position: relative;
}

.stairs {
    display: block;
    width: 1200px;
    position: relative;
    overflow: hidden;
    padding-bottom: 150px
}

#main1 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    color: #ffffff;
    font-size: 50px;
    text-align: center;
}

    #main1 .stairs {
        position: relative;
    }

.coursedate {
    height: 50px;
    width: 180px;
    border-radius: 5px;
    background: rgb(40, 190, 90);
    text-align: center;
    line-height: 50px;
    font-size: 22px;
    position: relative;
    left: 50%;
    margin-left: -90px;
    z-index: 1200;
}

.dateline {
    height: 100%;
    width: 30px;
    background: url(../Images/Home/timeline.png);
    position: absolute;
    left: 50%;
    top: 150px;
    margin-left: -15px;
    z-index: 99;
}

.date1l {
    position: absolute;
    left: 260px;
    top: 35px;
    height: 30px;
    width: 90px;
    color: white;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
}

.date2l {
    position: absolute;
    top: 30px;
    left: 310px;
    font-size: 16px;
    color: black;
    height: 41px;
    width: 300px;
    line-height: 41px;
    text-align: center;
}

.date3l {
    position: absolute;
    top: 30px;
    right: -70px;
    z-index: 999;
    height: 41px;
    width: 41px;
    background: url(../Images/Home/left.png);
}

.date1r {
    position: absolute;
    top: 30px;
    left: -20px;
    z-index: 999;
    height: 41px;
    width: 41px;
    background: url(../Images/Home/right.png);
}

.date2r {
    position: absolute;
    top: 30px;
    right: 260px;
    font-size: 16px;
    color: black;
    height: 41px;
    width: 300px;
    line-height: 41px;
    text-align: center;
}

.date3r {
    position: absolute;
    right: 210px;
    top: 35px;
    height: 30px;
    width: 90px;
    color: white;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
}

.date-r-next {
    background: url(../Images/Home/right02.png);
}

.date-r-now {
    background: url(../Images/Home/right01.png);
}

.date-r-over {
    background: url(../Images/Home/right00.png);
}

.date-l-next {
    background: url(../Images/Home/left02.png);
}

.date-l-now {
    background: url(../Images/Home/left01.png);
}

.date-l-over {
    background: url(../Images/Home/left00.png);
}

.libottom {
    height: 100px;
    width: 1200px;
    position: relative;
    float: left;
}

.coursemain0 {
    width: 60%;
    position: relative;
    top: -20px;
    height: 200px;
}

.coursemain1 {
    font-size: 24px;
    text-align: left;
    width: 80%;
    margin-left: 10%;
    color: #333333;
    transition: 0.5s;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.coursemain2 {
    font-size: 14px;
    width: 80%;
    margin-left: 10%;
    position: relative;
    top: 10px;
    font-size: 18px;
}

    .coursemain2 > span:nth-of-type(1) {
        text-align: left;
        display: inline-block;
        width: 50%;
        color: grey;
        transition: 0.5s;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .coursemain2 > span:nth-of-type(2) {
        text-align: right;
        display: inline-block;
        width: 50%;
        color: #e51c23;
        transition: 0.5s;
    }

.coursemain3 {
    width: 80%;
    color: #555555;
    font-size: 14px;
    margin-left: 10%;
    text-align: left;
    position: relative;
    top: 20px;
    line-height: 20px;
    transition: 0.5s;
    height: 60px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.courseleft {
    height: 500px;
    width: 600px;
    border-bottom: 1px solid rgb(227, 227, 227);
    float: left;
    position: relative;
}

.courseright {
    position: relative;
    height: 500px;
    width: 600px;
    border-bottom: 1px solid rgb(227, 227, 227);
    float: right;
    top: 100px;
}

.courseleft:nth-of-type(1) {
    top: 0px;
}

.courseleft > div:nth-of-type(1) {
    height: 100px;
    width: 550px;
    position: relative;
    right: 0;
}

.courseright > div:nth-of-type(1) {
    height: 100px;
    width: 550px;
    position: relative;
    left: 0;
}

.coursemain {
    cursor: pointer;
    width: 85%;
    background: rgb(240, 240, 240);
    height: 380px;
    position: absolute;
    left: 7.5%;
}

    .coursemain:hover .coursemain1 {
        color: white;
        transition: 0.5s;
    }

    .coursemain:hover .coursemain2 > span {
        color: white;
        transition: 0.5s;
    }

    .coursemain:hover .coursemain3 {
        color: white;
        transition: 0.5s;
    }

    .coursemain:hover {
        background: #e51c23;
        transition: 0.5s;
    }

.choose {
    width: 1180px;
    height: 70px;
    background: rgb(249, 249, 249);
    position: relative;
    left: 50%;
    margin-left: -590px;
    cursor: pointer;
}

    .choose > div {
        width: 1180px;
        height: 50px;
        background: white;
        position: relative;
        border-radius: 3px;
    }

        .choose > div > div {
            width: 70px;
            height: 50px;
            position: relative;
            float: left;
            line-height: 50px;
            font-size: 14px;
            text-align: center;
        }

.choose1 {
    color: black;
}

    .choose1:nth-of-type(3) > span:nth-of-type(1) {
        line-height: 51px;
    }

#lower,
#higher {
    position: relative;
    z-index: 9997;
    width: 100px;
    background: white;
    bottom: 50px;
    display: none;
    border: 1px gainsboro solid;
}

#lower {
    border-bottom: none;
}

#higher {
    border-top: none;
}

.freechoose {
    color: black;
}

.av-freechoose {
    color: #e51c23;
}

.jpmenu > p {
    width: 90%;
    position: relative;
    left: 5%;
    height: 30px;
    top: 25px;
    margin-top: 10px
}

    .jpmenu > p > span {
        /* width: 80px; */
        position: relative;
        display: inline-block;
        height: 25px;
        text-align: left;
        line-height: 26px;
        background-size: 100% 100%;
        text-indent: 5px;
    }

        .jpmenu > p > span:nth-of-type(1) {
            font-weight: bolder;
            border-right: 1px solid darkgray;
            width: 150px;
            font-size: 18px;
            height: 20px;
            line-height: 20px;
            top: 2px;
            left: 5px;
        }

        .jpmenu > p > span:nth-of-type(2) {
            text-align: center;
        }

.jpchoose {
    background: none;
    cursor: pointer;
    color: black;
    /*background: url(../Images/Home/choose.png);*/
    background: #e51c23;
    background-size: 100% 60%;
}

.av-jpchoose {
    /*background: url(../Images/Home/choose.png);*/
    background: #e51c23;
    background-size: 100% 100%;
    color: white;
}

.jpchooseall {
    background: none;
    cursor: pointer;
    color: black;
}

.av-jpchooseall {
    /*background: url(../Images/Home/choose.png);*/
    background: #e51c23;
    background-size: 100% 100%;
    color: white;
}

/*.jpmain {
    width: 1100px;
    position: relative;
    left: 50%;
    margin-left: -550px;
}*/

/*.jpmain > div {
        position: relative;
        float: left;
        width: 20%;
        height: 220px;
        background: rgb(249, 249, 249);
        z-index: 99;
        border-radius: 3px;
    }

        .jpmain > div > a {
            display: block;
            position: relative;
            width: 90%;
            height: 66.7%;
            overflow: hidden;
            left: 5%;
            top: 5%;
            border-radius: 3px;
        }

            .jpmain > div > a > img {
                width: 100%;
                height: 100%;
                transition: 1s;
                border-radius: 3px;
            }

        .jpmain > div:hover a > img {
            transform: scale(1.2);
            transition: 1s;
        }

        .jpmain > div > div {
            position: relative;
            top: 5%;
            width: 90%;
            height: 28.3%;
            left: 5%;
        }

            .jpmain > div > div > p:nth-of-type(1) {
                width: 100%;
                text-align: left;
                color: black;
            
                top: 5%;
            }

        .jpmain > div:hover > div > p:nth-of-type(1) {
            color: #e51c23;
        }

        .jpmain > div > div > p:nth-of-type(2) {
            width: 100%;
            font-size: 13px;
            
            top: 40%;
        }

            .jpmain > div > div > p:nth-of-type(2) > span:nth-of-type(1) {
                display: inline-block;
                width: 50%;
                text-align: left;
                color: grey;
            }

            .jpmain > div > div > p:nth-of-type(2) > span:nth-of-type(2) {
                display: inline-block;
                width: 50%;
                text-align: right;
                color: #e51c23;
            }

                .jpmain > div > div > p:nth-of-type(2) > span:nth-of-type(2) > span {
                    color: #00c654;
                }

        .jpmain > div.active > div > p:nth-of-type(2) > span:nth-of-type(2) {
            color: #00c654;
        }

        .jpmain > div:hover {
            box-shadow: 0px 5px 15px #CCCCCC;
            transition: 1s;
            z-index: 999;
            background: white;
        }*/


.jpheader > div {
    position: relative;
}

    .jpheader > div:nth-of-type(1) {
        position: relative;
        width: 1100px;
        height: 200px;
        background: white;
        margin-left: -550px;
        left: 50%;
        top: 100px;
        box-shadow: 0px 5px 6px #eeeeee;
        z-index: 99;
    }

    .jpheader > div:nth-of-type(2) {
        position: relative;
        width: 1080px;
        height: 7px;
        background: white;
        margin-left: -540px;
        left: 50%;
        top: 100px;
        box-shadow: 0px 5px 6px #eeeeee;
        z-index: 88;
    }

    .jpheader > div:nth-of-type(3) {
        position: relative;
        width: 1060px;
        height: 7px;
        background: white;
        margin-left: -530px;
        left: 50%;
        box-shadow: 0px 5px 6px #eeeeee;
        top: 100px;
        z-index: 77;
        opacity: 0.8;
    }

.jppage {
    height: 19px;
    width: 140px;
    position: relative;
    left: 50%;
    margin-left: -70px;
    top: 50px;
    line-height: 19px;
    text-align: center;
}

    .jppage > div {
        position: relative;
        float: left;
        height: 19px;
        width: 19px;
        font-size: 12px;
        cursor: pointer;
    }

        .jppage > div:nth-of-type(1) {
            background: url(../Images/Home/zbleft.png) no-repeat;
            left: 0;
        }

        .jppage > div:nth-of-type(2) {
        }

        .jppage > div:nth-of-type(7) {
            background: url(../Images/Home/zbright.png) no-repeat;
            right: 0;
        }

.av-jppage {
    background: url(../Images/Home/zbmiddle.png) no-repeat;
    color: white;
}


/*直播详情*/

body {
    /*background: rgb(240,240,240);*/
}

.zhibomain {
    position: relative;
}

.zhibohead {
    height: 350px;
    width: 100%;
    background: white;
    position: relative;
    top: 20px;
}

    .zhibohead > div {
        width: 1200px;
        height: 350px;
        position: relative;
        left: 50%;
        margin-left: -600px;
    }

        .zhibohead > div > img:nth-of-type(1) {
            height: 350px;
            position: relative;
            left: 0%;
            float: left;
        }

        .zhibohead > div > div:nth-of-type(1) {
            height: 350px;
            position: relative;
            left: 50px;
            float: left;
            width: 525px;
        }

            .zhibohead > div > div:nth-of-type(1) > p:nth-of-type(1) {
                line-height: 70px;
                font-size: 24px;
                color: black;
            }

            .zhibohead > div > div:nth-of-type(1) > p:nth-of-type(2) {
                line-height: 30px;
                font-size: 12px;
                color: rgb(190, 190, 190);
            }

                .zhibohead > div > div:nth-of-type(1) > p:nth-of-type(2) > span {
                    display: inline-block;
                }

                    .zhibohead > div > div:nth-of-type(1) > p:nth-of-type(2) > span:nth-of-type(1) {
                        background: red;
                        width: 15px;
                        background: url(../Images/Home/zbperson.png) no-repeat;
                        height: 30px;
                        position: relative;
                        top: 16px;
                    }

                    .zhibohead > div > div:nth-of-type(1) > p:nth-of-type(2) > span:nth-of-type(2) {
                        width: 100px;
                        height: 15px;
                    }

                    .zhibohead > div > div:nth-of-type(1) > p:nth-of-type(2) > span:nth-of-type(3) {
                        width: 20px;
                        height: 12px;
                        border-left: 1px solid rgb(190, 190, 190);
                        position: relative;
                        top: 1px;
                    }

                    .zhibohead > div > div:nth-of-type(1) > p:nth-of-type(2) > span:nth-of-type(4) {
                        background: red;
                        width: 15px;
                        background: url(../Images/Home/zbgood.png) no-repeat;
                        height: 30px;
                        position: relative;
                        top: 17px;
                    }

                    .zhibohead > div > div:nth-of-type(1) > p:nth-of-type(2) > span:nth-of-type(5) {
                        width: 100px;
                    }

            .zhibohead > div > div:nth-of-type(1) > p:nth-of-type(3) {
                line-height: 50px;
                font-size: 16px;
                color: grey;
            }

            .zhibohead > div > div:nth-of-type(1) > p:nth-of-type(4) {
                line-height: 80px;
                font-size: 24px;
                color: #e51c23;
            }

            .zhibohead > div > div:nth-of-type(1) > a {
                display: inline-block;
                line-height: 65px;
                font-size: 24px;
                height: 65px;
                width: 200px;
                background: rgb(83, 83, 83);
                color: white;
                text-align: center;
                border-radius: 3px;
                position: relative;
                top: 20px;
            }

            .zhibohead > div > div:nth-of-type(1) > p:nth-of-type(5) {
                font-size: 12px;
                position: relative;
                bottom: 15px;
                color: black;
                left: 310px;
            }

                .zhibohead > div > div:nth-of-type(1) > p:nth-of-type(5) > span {
                    display: inline-block;
                }

                    .zhibohead > div > div:nth-of-type(1) > p:nth-of-type(5) > span:nth-of-type(1) {
                        background: red;
                        width: 13px;
                        background: url(../Images/Home/zbshoucang.png) no-repeat;
                        background-size: 100% 100%;
                        height: 13px;
                        position: relative;
                        top: 1px;
                    }

                    .zhibohead > div > div:nth-of-type(1) > p:nth-of-type(5) > span:nth-of-type(2) {
                        width: 80px;
                    }

                    .zhibohead > div > div:nth-of-type(1) > p:nth-of-type(5) > span:nth-of-type(3) {
                        width: 20px;
                        height: 13px;
                        border-left: 1px solid black;
                        position: relative;
                        top: 2px;
                    }

                    .zhibohead > div > div:nth-of-type(1) > p:nth-of-type(5) > span:nth-of-type(4) {
                        background: red;
                        width: 15px;
                        background: url(../Images/Home/zbfenxiang.png) no-repeat;
                        background-size: 100% 100%;
                        height: 13px;
                        position: relative;
                        top: 1px;
                    }

                    .zhibohead > div > div:nth-of-type(1) > p:nth-of-type(5) > span:nth-of-type(5) {
                        width: 100px;
                    }

.zbkind {
    height: 75px;
    width: 100%;
    position: absolute;
    background: white;
    z-index: 9999;
    top: 400px;
    cursor: pointer;
}

.zbjs {
    text-align: center;
    position: absolute;
    height: 75px;
    width: 110px;
    left: 35%;
}

.jsjs {
    text-align: center;
    position: absolute;
    height: 75px;
    width: 110px;
    left: 50%;
    margin-left: -55px;
}

.yhpj {
    text-align: center;
    position: absolute;
    height: 75px;
    width: 110px;
    right: 35%;
}

    .jsjs > div:nth-of-type(1),
    .yhpj > div:nth-of-type(1) {
        height: 72px;
        width: 110px;
        text-align: center;
        line-height: 100px;
        font-size: 22px;
        color: black;
    }

.zbjs > div:nth-of-type(1) {
    height: 72px;
    width: 110px;
    text-align: center;
    line-height: 100px;
    font-size: 22px;
    color: #e51c23;
}

.jsjs > div:nth-of-type(2) > div:nth-of-type(1) {
    background: #e51c23;
    width: 0px;
    height: 3px;
    position: absolute;
    top: 72px;
    left: 55px;
    transition: 0.5s;
}

.zbjs > div:nth-of-type(2) > div:nth-of-type(1) {
    background: #e51c23;
    width: 55px;
    height: 3px;
    position: absolute;
    top: 72px;
    transition: 0.5s;
    left: 55px;
}

.jsjs > div:nth-of-type(2) > div:nth-of-type(2) {
    background: #e51c23;
    width: 0px;
    height: 3px;
    position: absolute;
    top: 72px;
    right: 55px;
    transition: 0.5s;
}

.zbjs > div:nth-of-type(2) > div:nth-of-type(2) {
    background: #e51c23;
    width: 55px;
    height: 3px;
    position: absolute;
    top: 72px;
    transition: 0.5s;
    right: 55px;
}

.yhpj > div:nth-of-type(2) > div:nth-of-type(1),
.jsjs > div:nth-of-type(2) > div:nth-of-type(1) {
    background: #e51c23;
    width: 0px;
    height: 3px;
    position: absolute;
    top: 72px;
    transition: 0.5s;
    left: 55px;
}

.yhpj > div:nth-of-type(2) > div:nth-of-type(2),
.jsjs > div:nth-of-type(2) > div:nth-of-type(2) {
    background: #e51c23;
    width: 0px;
    height: 3px;
    position: absolute;
    top: 72px;
    transition: 0.5s;
    right: 55px;
}

.zbkcjs {
    min-height: 240px;
    width: 100%;
    overflow: hidden;
    position: relative;
    transition: 0.5s;
    top: 50px;
    margin-bottom: 100px;
}

    .zbkcjs > p {
        width: 1000px;
        text-align: center;
        position: relative;
        left: 50%;
        margin-left: -500px;
    }

        .zbkcjs > p:nth-of-type(1) {
            top: 35px;
            font-size: 18px;
            color: #e51c23;
        }

        .zbkcjs > p:nth-of-type(2) {
            top: 60px;
            line-height: 30px;
            color: black;
        }

.zbjsjs {
    position: relative;
    height: 350px;
    width: 100%;
    background: rgb(240, 240, 240);
}

    .zbjsjs > div {
        position: relative;
        height: 350px;
        width: 1000px;
        left: 50%;
        margin-left: -500px;
    }

        .zbjsjs > div > div {
            position: relative;
            height: 350px;
            width: 1000px;
            float: right;
        }

            .zbjsjs > div > div > p {
                position: relative;
                color: black;
                width: 1000px;
                text-align: left;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 5;
                -webkit-box-orient: vertical;
            }

                .zbjsjs > div > div > p:nth-of-type(1) {
                    top: 90px;
                    font-size: 22px;
                    font-weight: bolder;
                    margin-top: -30px;
                }

                .zbjsjs > div > div > p:nth-of-type(2) {
                    top: 110px;
                }

                .zbjsjs > div > div > p:nth-of-type(3) {
                    top: 120px;
                }

                .zbjsjs > div > div > p:nth-of-type(4) {
                    top: 150px;
                }

        .zbjsjs > div > img {
            position: relative;
            top: -30px;
            transform-origin: 50% 50%;
            transition: all 2.5s;
            box-shadow: -7px 10px 15px #cccccc;
        }

    .zbjsjs:hover div > img {
    }

.zbyhpj {
    position: relative;
    width: 100%;
    background: white;
}

.zbplall {
    position: relative;
    width: 1100px;
    height: 50px;
    background: rgb(240, 240, 240);
    left: 50%;
    margin-left: -500px;
    top: 50px;
}

    .zbplall > div {
        position: relative;
        height: 50px;
        line-height: 50px;
    }

        .zbplall > div:nth-of-type(1) {
            width: 100px;
            float: left;
            text-align: center;
        }

        .zbplall > div:nth-of-type(2) {
            float: left;
            width: 100px;
            text-align: center;
            line-height: 55px;
        }

            .zbplall > div:nth-of-type(2) > span {
                display: inline-block;
                height: 15px;
                width: 15px;
                background: url(../Images/Home/star.png) no-repeat;
                background-size: 100% 100%;
            }

        .zbplall > div:nth-of-type(3) {
            float: right;
            width: 180px;
            text-align: left;
        }

.zbplsingle {
    position: relative;
    top: 100px;
    width: 1000px;
    left: 50%;
    margin-left: -500px;
}

    .zbplsingle > div {
        position: relative;
        width: 1000px;
        height: 130px;
    }

        .zbplsingle > div > img {
            position: relative;
            top: 0px;
        }

.zbyhmain {
    position: relative;
    float: right;
    width: 920px;
    height: 130px;
}

    .zbyhmain > p {
        width: 920px;
        position: relative;
    }

        .zbyhmain > p:nth-of-type(1) {
            width: 920px;
        }

        .zbyhmain > p:nth-of-type(2) {
            top: 10px;
        }

        .zbyhmain > p:nth-of-type(3) {
            top: 20px;
            line-height: 25px;
        }

        .zbyhmain > p:nth-of-type(1) > span:nth-of-type(1) {
            display: inline-block;
            width: 50%;
            color: black;
            text-align: left;
        }

        .zbyhmain > p:nth-of-type(1) > span:nth-of-type(2) {
            display: inline-block;
            width: 50%;
            color: rgb(164, 164, 164);
            text-align: right;
        }

        .zbyhmain > p:nth-of-type(2) > span {
            display: inline-block;
            height: 15px;
            width: 15px;
            background: url(../Images/Home/star.png) no-repeat;
            background-size: 100% 100%;
        }

.zbpage {
    height: 19px;
    width: 140px;
    position: relative;
    left: 50%;
    margin-left: -70px;
    top: 50px;
    line-height: 19px;
    text-align: center;
}

    .zbpage > div {
        position: relative;
        float: left;
        height: 19px;
        width: 19px;
        font-size: 12px;
    }

        .zbpage > div:nth-of-type(1) {
            background: url(../Images/Home/zbleft.png) no-repeat;
            left: 0;
        }

        .zbpage > div:nth-of-type(2) {
        }

        .zbpage > div:nth-of-type(7) {
            background: url(../Images/Home/zbright.png) no-repeat;
            right: 0;
        }

.av-zbpage {
    background: url(../Images/Home/zbmiddle.png) no-repeat;
    color: white;
}


/*微课中心*/

.wkcenter {
    width: 100%;
    margin-bottom: 100px;
    background: white;
}

.wkheader {
    height: 322px;
    width: 100%;
    background: url(../Images/Home/appheader.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.wkmenu > p {
    width: 90%;
    position: relative;
    left: 5%;
    cursor: pointer;
    height: 30px;
}

    .wkmenu > p:nth-of-type(1) {
        top: 15px;
    }

    .wkmenu > p:nth-of-type(2) {
        top: 55px;
    }

    .wkmenu > p:nth-of-type(3) {
        top: 60px;
    }

    .wkmenu > p > span {
        position: relative;
        display: inline-block;
        height: 25px;
        text-align: center;
        background-size: 100% 100%;
        margin-left: 10px;
        margin-top: 10px;
        padding: 2px 10px 2px 10px;
        line-height: 18px;
    }

.avcheck1 {
    color: black;
    background: none;
}

.avcheck {
    color: white;
    background: #e51c23;
}

.wkmenu > p > span:hover {
    background: #e51c23;
    color: white;
}

.wkmenu > p > span:nth-of-type(2) {
    text-align: center;
}

.check {
    background: #e51c23;
    background-size: 100% 100%;
    color: white;
}

.wkchoose {
    background: none;
    cursor: pointer;
    color: black;
}

.wkmain {
    width: 1200px;
    margin-bottom: 100px;
    min-height: 150px;
    position: relative;
    left: 50%;
    margin-left: -600px;
}

.wkheader {
    height: 370px;
    width: 100%;
    background: url(../Images/Home/wkheader.png) no-repeat;
    background-size: 100% 100%;
}

    .wkheader > div {
        position: relative;
    }

        .wkheader > div:nth-of-type(1) {
            position: relative;
            width: 1200px;
            height: 100px;
            background: white;
            margin-left: -600px;
            left: 50%;
            top: 250px;
            box-shadow: 0px 5px 6px rgba(1, 1, 1, 0.04);
            z-index: 99;
            text-align: left;
        }

        .wkheader > div:nth-of-type(2) {
            position: relative;
            width: 1180px;
            height: 7px;
            background: white;
            margin-left: -590px;
            left: 50%;
            top: 250px;
            box-shadow: 0px 5px 6px rgba(1, 1, 1, 0.06);
            z-index: 88;
        }

        .wkheader > div:nth-of-type(3) {
            position: relative;
            width: 1160px;
            height: 7px;
            background: white;
            margin-left: -580px;
            left: 50%;
            box-shadow: 0px 5px 6px rgba(1, 1, 1, 0.06);
            top: 250px;
            z-index: 77;
            opacity: 0.8;
        }

    .wkheader > img {
        position: absolute;
        left: 50%;
        margin-left: -126px;
        top: 70px;
    }

.wkchoose {
    width: 1200px;
    height: 70px;
    background: white;
    position: relative;
    left: 50%;
    margin-left: -600px;
}

    .wkchoose > div {
        width: 1200px;
        height: 50px;
        background: white;
        position: relative;
        top: 30px;
    }

        .wkchoose > div > div {
            width: 70px;
            height: 50px;
            position: relative;
            float: left;
            line-height: 50px;
            font-size: 14px;
            text-align: left;
            text-indent: 10px;
        }

.wkchoose1 {
    color: black;
}

    .wkchoose1:nth-of-type(3) > span:nth-of-type(1) {
        line-height: 51px;
    }

.jpmenu > p {
    width: 90%;
    position: relative;
    left: 5%;
    height: 30px;
    top: 15px;
}

    .jpmenu > p > span {
        /* width: 85px; */
        position: relative;
        display: inline-block;
        height: 25px;
        text-align: left;
        line-height: 26px;
        background-size: 100% 100%;
        text-indent: 5px;
    }

        .jpmenu > p > span:nth-of-type(1) {
            font-weight: bolder;
            border-right: 1px solid darkgray;
            width: 150px;
            font-size: 18px;
            height: 20px;
            line-height: 20px;
            top: 2px;
            left: 5px;
        }

        .jpmenu > p > span:nth-of-type(2) {
            text-align: center;
        }

.jpchoose {
    background: none;
    cursor: pointer;
    color: black;
}

.av-jpchoose {
    /*background: url(../Images/Home/choose.png);*/
    background: #e51c23;
    background-size: 100% 100%;
    color: white;
}

.jpmain {
    width: 1100px;
    position: relative;
    left: 50%;
    margin-left: -550px;
}

.wkmain .jpmain > div {
    background: white;
}

.jpmain > div > a {
    display: block;
    position: relative;
    width: 90%;
    height: 66.7%;
    overflow: hidden;
    left: 5%;
    top: 5%;
}

    .jpmain > div > a > img {
        width: 100%;
        height: 100%;
        transition: 1s;
    }

.jpmain > div:hover a > img {
    transform: scale(1.2);
    transition: 1s;
}

.jpmain > div > div {
    position: relative;
    top: 5%;
    width: 90%;
    height: 28.3%;
    left: 5%;
}

    .jpmain > div > div > p:nth-of-type(1) {
        width: 100%;
        text-align: left;
        color: black;
        /* position: absolute; */
        top: 5%;
    }

    .jpmain > div > div > p:nth-of-type(2) {
        width: 100%;
        font-size: 13px;
        /* position: absolute; */
        top: 40%;
    }

        .jpmain > div > div > p:nth-of-type(2) > span:nth-of-type(1) {
            display: inline-block;
            width: 50%;
            text-align: left;
            color: grey;
        }

        .jpmain > div > div > p:nth-of-type(2) > span:nth-of-type(2) {
            display: inline-block;
            width: 50%;
            text-align: right;
            color: #e51c23;
        }

.jpmain > div {
    background: rgb(249, 249, 249);
}

    .jpmain > div:hover {
        box-shadow: 0px 5px 15px #CCCCCC;
        transition: 1s;
        z-index: 999;
        background: white;
    }



.jpheader > div {
    position: relative;
}

    .jpheader > div:nth-of-type(1) {
        position: relative;
        width: 1100px;
        height: 200px;
        background: white;
        margin-left: -550px;
        left: 50%;
        top: 100px;
        box-shadow: 0px 5px 6px #eeeeee;
        z-index: 99;
    }

    .jpheader > div:nth-of-type(2) {
        position: relative;
        width: 1080px;
        height: 7px;
        background: white;
        margin-left: -540px;
        left: 50%;
        top: 100px;
        box-shadow: 0px 5px 6px #eeeeee;
        z-index: 88;
    }

    .jpheader > div:nth-of-type(3) {
        position: relative;
        width: 1060px;
        height: 7px;
        background: white;
        margin-left: -530px;
        left: 50%;
        box-shadow: 0px 5px 6px #eeeeee;
        top: 100px;
        z-index: 77;
        opacity: 0.8;
    }

.jppage {
    height: 19px;
    width: 140px;
    position: relative;
    left: 50%;
    margin-left: -70px;
    top: 50px;
    line-height: 19px;
    text-align: center;
}

    .jppage > div {
        position: relative;
        float: left;
        height: 19px;
        width: 19px;
        font-size: 12px;
    }

        .jppage > div:nth-of-type(1) {
            background: url(../Images/Home/zbleft.png) no-repeat;
            left: 0;
        }

        .jppage > div:nth-of-type(2) {
        }

        .jppage > div:nth-of-type(7) {
            background: url(../Images/Home/zbright.png) no-repeat;
            right: 0;
        }

.av-jppage {
    background: url(../Images/Home/zbmiddle.png) no-repeat;
    color: white;
}

.coursefoot {
    position: relative;
    height: 100px;
    width: 100%;
    background: rgb(249, 249, 249)
}


/*课件中心*/

.kjcenter {
    width: 100%;
    background: white;
    margin-bottom: 100px;
}

.kjheader {
    height: 322px;
    width: 100%;
    background: url(../Images/Home/kjheader.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.kjmenu > p {
    width: 91%;
    position: relative;
    left: 5%;
    height: 30px;
    text-align: left;
    top: 50px;
}

    .kjmenu > p > span {
        position: relative;
        display: inline-block;
        height: 25px;
        text-align: center;
        background-size: 100% 100%;
        margin-left: 20px;
        margin-top: 10px;
        width: auto;
        padding: 2px 10px 2px 10px;
        cursor: pointer;
        color: white
    }

        .kjmenu > p > span:hover {
            background: #e51c23;
        }

.kjchoose {
    background: none;
    cursor: pointer;
    color: black;
}

.kjmain {
    width: 1100px;
    position: relative;
    left: 50%;
    margin-left: -550px;
}

.kjheader {
    height: 322px;
    width: 100%;
    background: url(../Images/Home/kjheader.png) no-repeat;
    background-size: 100% 100%;
}

    .kjheader > div {
        position: relative;
    }

        .kjheader > div:nth-of-type(1) {
            position: relative;
            width: 1200px;
            height: 100px;
            margin-left: -600px;
            left: 50%;
            top: 175px;
            z-index: 99;
        }

    .kjheader > img {
        position: absolute;
        left: 50%;
        margin-left: -126px;
        top: 70px;
    }

.kjchoose {
    width: 1196px;
    height: 70px;
    background: white;
    position: relative;
    left: 50%;
    margin-left: -598px;
}

    .kjchoose > div {
        width: 1200px;
        height: 50px;
        background: white;
        position: relative;
        top: 30px;
    }

        .kjchoose > div > div {
            width: 70px;
            height: 50px;
            position: relative;
            float: left;
            line-height: 50px;
            font-size: 14px;
            text-align: left;
            text-indent: 10px;
        }

.kjchoose1 {
    color: black;
}

    .kjchoose1:nth-of-type(3) > span:nth-of-type(1) {
        line-height: 51px;
    }

.jpmenu > p {
    width: 90%;
    position: relative;
    left: 5%;
    height: 30px;
    top: 15px;
}

    .jpmenu > p > span {
        /* width: 85px; */
        position: relative;
        display: inline-block;
        height: 25px;
        text-align: left;
        line-height: 26px;
        background-size: 100% 100%;
        text-indent: 5px;
    }

        .jpmenu > p > span:nth-of-type(1) {
            font-weight: bolder;
            border-right: 1px solid darkgray;
            width: 150px;
            font-size: 18px;
            height: 20px;
            line-height: 20px;
            top: 2px;
            left: 5px;
        }

        .jpmenu > p > span:nth-of-type(2) {
            text-align: center;
        }

.jpchoose {
    background: none;
    cursor: pointer;
    color: black;
}

.av-jpchoose {
    /*background: url(../Images/Home/choose.png);*/
    background: #e51c23;
    background-size: 100% 100%;
    color: white;
}

.jpmain {
    width: 1200px;
    position: relative;
    left: 50%;
    margin-left: -600px;
    min-height: 150px;
    padding-bottom: 20px;
    overflow: hidden;
}

.joininto {
    transition: 0.8s;
}

    .joininto:hover {
        transition: 0.8s;
        transform: scale(1.2);
    }

.jpmain > div {
    position: relative;
    float: left;
    width: 20%;
    height: 280px;
    z-index: 99;
}

.kjmain .jpmain > div {
    background: white;
}

.jpmain > div > a {
    display: block;
    position: relative;
    width: 90%;
    height: 66.7%;
    overflow: hidden;
    left: 5%;
    top: 5%;
}

    .jpmain > div > a > img {
        width: 100%;
        height: 100%;
        transition: 1s;
    }

.jpmain > div:hover a > img {
    transform: scale(1.2);
    transition: 1s;
}

.jpmain > div > div {
    position: relative;
    top: 5%;
    width: 90%;
    height: 28.3%;
    left: 5%;
}

    .jpmain > div > div > p:nth-of-type(1) {
        width: 100%;
        text-align: left;
        color: black;
        /* position: absolute; */
        top: 5%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-size: 16px;
    }

    .jpmain > div > div > p:nth-of-type(2) {
        width: 100%;
        font-size: 13px;
        /* position: absolute; */
        /* top: 40%; */
        font-size: 14px;
        margin-top: 6px;
    }

        .jpmain > div > div > p:nth-of-type(2) > span:nth-of-type(1) {
            display: inline-block;
            width: 50%;
            text-align: left;
            color: grey;
            position: absolute;
            bottom: 8px;
            font-size: 13px;
        }

        .jpmain > div > div > p:nth-of-type(2) > span:nth-of-type(2) {
            display: inline-block;
            width: 50%;
            text-align: left;
            /* color: #e51c23; */
            font-size: 13px;
            color: #333;
        }

        .jpmain > div > div > p:nth-of-type(2) > span:nth-of-type(3) {
            text-align: right;
            font-size: 13px;
            color: #e51c23;
        }

.jpmain > div:hover {
    box-shadow: 0px 5px 15px #CCCCCC;
    transition: 1s;
    z-index: 999;
    background: white;
}



.jpheader > div {
    position: relative;
}

    .jpheader > div:nth-of-type(1) {
        position: relative;
        width: 1100px;
        height: 200px;
        background: white;
        margin-left: -550px;
        left: 50%;
        top: 100px;
        box-shadow: 0px 5px 6px #eeeeee;
        z-index: 99;
        border-radius: 3px;
    }

    .jpheader > div:nth-of-type(2) {
        position: relative;
        width: 1080px;
        height: 7px;
        background: white;
        margin-left: -540px;
        left: 50%;
        top: 100px;
        box-shadow: 0px 5px 6px #eeeeee;
        z-index: 88;
    }

    .jpheader > div:nth-of-type(3) {
        position: relative;
        width: 1060px;
        height: 7px;
        background: white;
        margin-left: -530px;
        left: 50%;
        box-shadow: 0px 5px 6px #eeeeee;
        top: 100px;
        z-index: 77;
        opacity: 0.8;
    }

.jppage {
    height: 19px;
    width: 140px;
    position: relative;
    left: 50%;
    margin-left: -70px;
    top: 50px;
    line-height: 19px;
    text-align: center;
}

    .jppage > div {
        position: relative;
        float: left;
        height: 19px;
        width: 19px;
        font-size: 12px;
    }

        .jppage > div:nth-of-type(1) {
            background: url(../Images/Home/zbleft.png) no-repeat;
            left: 0;
        }

        .jppage > div:nth-of-type(2) {
        }

        .jppage > div:nth-of-type(7) {
            background: url(../Images/Home/zbright.png) no-repeat;
            right: 0;
        }

.av-jppage {
    background: url(../Images/Home/zbmiddle.png) no-repeat;
    color: white;
}


/*软件中心*/

.appcenter {
    width: 100%;
    background: rgb(249, 249, 249);
    padding-bottom: 100px;
}

.appheader {
    height: 322px;
    width: 100%;
    background: url(../Images/Home/appheader.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.appmenu > p {
    width: 1000px;
    position: relative;
    left: 50%;
    cursor: pointer;
    height: 30px;
    margin-left: -500px;
    text-align: center;
}

.appmenu > p {
    top: 50px;
}

    .appmenu > p > span {
        position: relative;
        display: inline-block;
        height: 25px;
        text-align: center;
        background-size: 100% 100%;
        margin-left: 10px;
        margin-top: 10px;
        padding: 2px 10px 2px 10px;
        line-height: 18px;
        color: white;
    }

        .appmenu > p > span:hover {
            background: #e51c23;
        }

.appchoose {
    background: none;
    cursor: pointer;
    color: black;
}

.appmain {
    width: 1200px;
    background: rgb(249, 249, 249);
    position: relative;
    left: 50%;
    margin-left: -600px;
    margin-bottom: 100px;
    min-height: 150px;
}

.appheader {
    height: 322px;
    width: 100%;
    background: url(../Images/Home/appheader.png) no-repeat;
    background-size: 100% 100%;
}

    .appheader > div {
        position: relative;
    }

    .appheader > div {
        position: relative;
        width: 1200px;
        height: 100px;
        margin-left: -600px;
        left: 50%;
        top: 200px;
        z-index: 99;
    }

.pagers {
    overflow: hidden;
    height: 40px;
    width: 100%;
    position: relative;
    top: 80px;
}

.jingping > .pagers {
    overflow: hidden;
    height: 40px;
    width: 100%;
    position: relative;
    top: 38px;
    z-index: 9;
    background: rgb(249, 249, 249);
}

.appheader > img {
    position: absolute;
    left: 50%;
    margin-left: -126px;
    top: 70px;
}

.appchoose {
    width: 1190px;
    height: 50px;
    background: white;
    position: relative;
    left: 50%;
    margin-left: -590px;
}

    .appchoose > div {
        width: 1000px;
        height: 50px;
        background: white;
        position: relative;
        margin-left: 30px
    }

        .appchoose > div > div {
            width: 70px;
            height: 50px;
            position: relative;
            float: left;
            line-height: 50px;
            font-size: 14px;
            text-align: left;
            text-indent: 10px;
        }

.appchoose1 {
    color: black;
}

    .appchoose1:nth-of-type(3) > span:nth-of-type(1) {
        line-height: 51px;
    }

.jpmenu > p {
    width: 100%;
    position: relative;
    left: 5%;
    height: 30px;
    top: 25px;
}

    .jpmenu > p > span {
        /* width: 85px; */
        position: relative;
        display: inline-block;
        height: 25px;
        text-align: left;
        line-height: 26px;
        background-size: 100% 100%;
        text-indent: 5px;
        padding: 0 10px;
    }

        .jpmenu > p > span:nth-of-type(2) {
            width: 65px;
            position: relative;
            display: inline-block;
            height: 25px;
            text-align: left;
            line-height: 26px;
            background-size: 100% 100%;
            text-indent: 0px;
            margin-left: 10px;
        }

        .jpmenu > p > span:nth-of-type(1) {
            font-weight: bolder;
            border-right: 1px solid darkgray;
            width: 150px;
            font-size: 18px;
            height: 20px;
            line-height: 20px;
            top: 2px;
            left: 5px;
        }

        .jpmenu > p > span:nth-of-type(2) {
            text-align: center;
        }

.jpchoose {
    background: none;
    cursor: pointer;
    color: black;
}

.av-jpchoose {
    /*background: url(../Images/Home/choose.png);*/
    background: #e51c23;
    background-size: 100% 100%;
    color: white;
}

.appmain1 {
    width: 1200px;
    position: relative;
    left: 50%;
    margin-left: -600px;
}

    .appmain1 > div {
        position: relative;
        float: left;
        width: 19%;
        height: 23%;
        z-index: 99;
    }

        .appmain1 > div > a {
            display: block;
            position: relative;
            width: 90%;
            height: 66.7%;
            overflow: hidden;
            left: 5%;
            top: 5%;
        }

            .appmain1 > div > a > img {
                width: 100%;
                height: 100%;
                transition: 1s;
            }

        .appmain1 > div:hover a > img {
            transform: scale(1.2);
            transition: 1s;
        }

        .appmain1 > div > div {
            position: relative;
            top: 5%;
            width: 90%;
            height: 45%;
            left: 5%;
        }

            .appmain1 > div > div > p:nth-of-type(1) {
                width: 100%;
                text-align: left;
                color: black;
                position: absolute;
                top: 5%;
            }

            .appmain1 > div > div > p:nth-of-type(2) {
                width: 100%;
                font-size: 13px;
                position: absolute;
                top: 40%;
            }

                .appmain1 > div > div > p:nth-of-type(2) > span:nth-of-type(1) {
                    display: inline-block;
                    width: 50%;
                    text-align: left;
                    color: grey;
                }

                .appmain1 > div > div > p:nth-of-type(2) > span:nth-of-type(2) {
                    display: inline-block;
                    width: 50%;
                    text-align: right;
                    color: #e51c23;
                }

    .appmain1 > div {
        background: white;
    }

        .appmain1 > div:hover {
            box-shadow: 0px 5px 15px #CCCCCC;
            transition: 1s;
            z-index: 999;
            background: white;
        }

.jpheader {
    height: 392px;
    width: 100%;
    background: url(../Images/Home/jpheader.png) no-repeat;
    background-position: center;
}

    .jpheader > div {
        position: relative;
    }

        .jpheader > div:nth-of-type(1) {
            position: relative;
            width: 1200px;
            height: 200px;
            background: white;
            margin-left: -600px;
            left: 50%;
            top: 100px;
            box-shadow: 0px 5px 6px rgba(1, 1, 1, 0.02);
            z-index: 99;
        }

        .jpheader > div:nth-of-type(2) {
            position: relative;
            width: 1180px;
            height: 7px;
            background: rgba(255, 255, 255, 0.5);
            margin-left: -590px;
            left: 50%;
            top: 99px;
            box-shadow: 0px 5px 6px rgba(1, 1, 1, 0.02);
            box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
            z-index: 88;
            border-radius: 3px;
        }

        .jpheader > div:nth-of-type(3) {
            position: relative;
            width: 1160px;
            height: 14px;
            background: rgba(255, 255, 255, 0.5);
            margin-left: -580px;
            left: 50%;
            box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
            top: 92px;
            z-index: 77;
            opacity: 0.8;
            border-radius: 3px;
        }

.jppage {
    height: 19px;
    width: 140px;
    position: relative;
    left: 50%;
    margin-left: -70px;
    top: 50px;
    line-height: 19px;
    text-align: center;
}

    .jppage > div {
        position: relative;
        float: left;
        height: 19px;
        width: 19px;
        font-size: 12px;
    }

        .jppage > div:nth-of-type(1) {
            background: url(../Images/Home/zbleft.png) no-repeat;
            left: 0;
        }

        .jppage > div:nth-of-type(2) {
        }

        .jppage > div:nth-of-type(7) {
            background: url(../Images/Home/zbright.png) no-repeat;
            right: 0;
        }

.av-jppage {
    background: url(../Images/Home/zbmiddle.png) no-repeat;
    color: white;
}


/*补充*/

.appmain > .jpmain > .softwareapp1-2 {
    position: relative;
    float: left;
    width: 19%;
    margin-left: 1%;
    margin-top: 2%;
    background: white;
    height: 165px;
    background: white;
}

.appmain > .jpmain {
    background: rgb(249, 249, 249)
}

.softwareapp1-2:hover {
    box-shadow: 0px 5px 15px #CCCCCC;
    background: white;
    transition: 1s;
    z-index: 99;
}

.softwareapp1-2 > div {
    position: relative;
    width: 80%;
    height: 40%;
    left: 10%;
    top: 10%;
}

    .softwareapp1-2 > div:nth-of-type(1) {
    }

        .softwareapp1-2 > div:nth-of-type(1) > p:nth-of-type(1) {
            position: absolute;
            color: black;
            top: 8px;
            left: 80px;
            width: 130px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

        .softwareapp1-2 > div:nth-of-type(1) > p:nth-of-type(2) {
            position: absolute;
            color: darkgray;
            top: 40px;
            left: 80px;
            font-size: 13px;
        }

    .softwareapp1-2 > div:nth-of-type(2) {
    }

        .softwareapp1-2 > div:nth-of-type(2) > a {
            display: inline-block;
            height: 85%;
            width: 70%;
            left: 15%;
            top: 95%;
            position: relative;
            border-radius: 3px;
            border: 1px solid darkgray;
            text-align: center;
            line-height: 38px;
            font-size: 13px;
            color: black;
        }

    .softwareapp1-2 > div > a > img {
        position: relative;
        left: 10px;
        top: 10px;
        height: 50px;
        width: 50px;
    }

.livebottom {
    width: 100%;
    height: 60px;
}

.ks_ds_ev1 {
    width: 1000px;
    position: relative;
    left: 50%;
    margin-left: -500px;
    top: 50px;
}

.ks_ds_ev h2 {
    height: 54px;
    line-height: 54px;
    text-indent: 28px;
    border-bottom: 1px solid #dddddb;
    font-size: 16px;
    font-family: Microsoft YaHei;
}

.ks_ds_ev2 h2 {
    height: 54px;
    line-height: 54px;
    text-indent: 28px;
    border-bottom: 1px solid #dddddb;
    font-size: 16px;
    font-family: Microsoft YaHei;
    background: rgb(246, 246, 246)
}

.ks_ds_ev_item img {
    width: 45px;
    height: 45px;
    border-radius: 23px;
    margin-right: 15px;
}

.ks_ds_ev_item {
    margin: 30px 20px 0;
}

    .ks_ds_ev_item .time {
        color: #888;
        float: right;
    }

    .ks_ds_ev_item .b {
        width: 184px;
        display: inline-block;
        vertical-align: middle;
    }

    .ks_ds_ev_item .c {
        display: inline-block;
        width: 190px;
        margin-top: 6px;
    }

.ds-i-xing {
    background-position: -2px -127px;
    width: 16px;
    height: 16px;
}

.ds-i-uxing {
    background-position: -22px -127px;
    width: 16px;
    height: 16px;
}

.ks_ds_ev_item .d {
    margin-top: 12px;
    word-break: break-all;
}

.pager-p .prev,
.pager-p .next {
    font-family: "dongqing";
    background: #e51c23;
    color: #fff;
    border-radius: 2px;
}

.pager-p {
    color: #4c555c;
    margin: 0 20px;
    text-align: right;
    margin-top: 22px;
}

    .pager-p a {
        display: inline-block;
        height: 18px;
        text-align: center;
        line-height: 18px;
        vertical-align: middle;
        margin-right: 8px;
    }

    .pager-p span {
        margin-right: 5px;
        vertical-align: middle;
    }

    .pager-p .active {
        background: #e51c23;
        color: #fff;
        border-radius: 2px;
    }

.bj_relative_list {
    font-size: 0;
    width: 840px;
    margin: auto;
    overflow: hidden;
    height: 187px;
}

.bj_relative_list_c {
    width: 20000px;
}

.bj_relative_list a {
    margin-right: 15px;
    position: relative;
    display: inline-block;
}

    .bj_relative_list a img {
        width: 270px;
        height: 180px
    }

.bj_relative {
    background: #fff;
    margin-top: 20px;
    padding-bottom: 50px;
}

    .bj_relative h2 {
        height: 76px;
        line-height: 76px;
        text-indent: 30px;
        font-size: 16px;
        font-family: Microsoft YaHei;
    }

    .bj_relative .prev {
        cursor: pointer;
        background: url(../images/arrows.png) 5px #000 no-repeat;
        display: inline-block;
        width: 25px;
        height: 60px;
        opacity: 0.65;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -30px;
    }

    .bj_relative .next {
        cursor: pointer;
        background: url(../images/arrows.png) -26px #000 no-repeat;
        display: inline-block;
        width: 25px;
        height: 60px;
        opacity: 0.65;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -30px;
    }

.bj_relative_div {
    position: relative;
}

    .bj_relative_div .bj_info_span {
        line-height: 50px;
        z-index: 3;
        bottom: 0;
        left: 0;
        display: inline-block;
        width: 270px;
        position: absolute;
        height: 50px;
        color: #fff;
        font-size: 18px;
        text-align: center;
        background: url(../images/opcity70.png);
    }

.ks_kc_tab_f {
    display: none;
    position: fixed;
    height: 70px;
    border-bottom: 1px solid #dddddb;
    width: 100%;
    background: #fff;
    line-height: 66px;
    top: 70px;
    z-index: 4;
}

    .ks_kc_tab_f a {
        font-size: 16px;
        width: 130px;
        display: inline-block;
        text-align: center;
        text-decoration: none;
        color: #000;
    }

        .ks_kc_tab_f a.active {
            border-bottom: 5px solid #e51c23;
            color: #e51c23;
            height: 50px
        }

.kc_state {
    color: #ff3c00;
    font-size: 12px;
    color: #ff3c00;
    display: inline-block;
    width: 60px;
    height: 20px;
    line-height: 20px;
    border-radius: 2px;
    border: 1px solid #ff3c00;
    text-align: center;
}

.ds_tn_view_class {
    font-size: 14px;
    color: #e51c23;
    text-decoration: underline;
    vertical-align: bottom;
    margin-left: 20px;
}

.ds-i-xuefen {
    margin-right: 5px;
    background-position: -69px -27px;
    width: 20px;
    height: 20px;
}

.kc_ds_info .ds_info_fr .ds_xuefen {
    font-size: 24px;
    margin-bottom: 10px;
}

    .kc_ds_info .ds_info_fr .ds_xuefen span {
        color: #e51c23;
    }


/**/

.kcappmain {
    position: relative;
    margin-bottom: 150px;
    width: 1200px;
    background: red;
    top: 350px;
    left: 50%;
    margin-left: -600px;
    z-index: 999;
    height: 100px;
}

.softgeduan {
    position: relative;
    height: 20px;
    width: 100%;
    background: rgb(243, 243, 243);
    top: 350px;
}

.kcappmain1 {
    position: relative;
    width: 1200px;
}

.kcappmain1 {
    height: 35px;
    background: yellow;
}

.kcappmain2 {
    background: blue;
    height: 100px;
}

.kcappmain3 {
    height: 35px;
    background: yellow;
}

.kcappmain4 {
    height: 50px;
    background: blue;
}

.jgappdownload {
    display: inline-block;
    height: 70px;
    width: 60px;
    line-height: 70px;
    cursor: pointer;
    position: absolute;
    vertical-align: middle;
    font-size: 16px;
    font-weight: normal;
    /*right: 100px;*/
    right: 72px;
    display: none;
}

    .jgappdownload > span {
        display: inline-block;
        height: 22px;
        width: 15px;
        background: url(../Images/img2018/download-logo-link.png);
        background-size: 100% 100%;
        vertical-align: middle;
        margin-right: 5px;
        margin-top: -4px;
    }

    .jgappdownload:hover {
        color: #e51c23;
    }

        .jgappdownload:hover > span {
            background: url(../Images/img2018/download-logo-hover.png);
            background-size: 100% 100%;
        }

.jgnoticebox {
    display: inline-block;
    height: 70px;
    line-height: 70px;
    cursor: pointer;
    position: absolute;
    font-weight: normal;
    right: 73px;
    z-index: 999;
    display: none
}

    .jgnoticebox.ifhide {
        display: none;
    }

    .jgnoticebox > span {
        display: inline-block;
        height: 22px;
        width: 20px;
        background: url(../Images/img2018/notice-logo-link.png);
        background-size: 100% 100%;
        vertical-align: middle;
        margin-right: 5px;
        margin-top: -4px;
    }

    .jgnoticebox:hover {
        color: #e51c23;
    }

        .jgnoticebox:hover > span {
            background: url(../Images/img2018/notice-logo-hover.png);
            background-size: 100% 100%;
        }

    .jgnoticebox > div {
        display: inline-block;
        height: 16px;
        width: 16px;
        text-align: center;
        background: #e51c23;
        border-radius: 50%;
        position: absolute;
        top: 17px;
        color: white;
        font-size: 10px;
        line-height: 15px;
        text-align: center;
        left: 16px;
        font-weight: bold;
    }

.morelistshow > i {
    margin-left: 5px;
    transition: 0.5s;
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block;
    background: url(../Images/img2018/rotate-logo.png);
    height: 7px;
    width: 11px;
    transition: 0.5s;
}

.morelistshow:hover > i {
    transition: 0.5s;
    background: url(../Images/img2018/rotate-logo-hover.png);
}

.headMiddle1 {
    display: none;
}

//.headMiddle.active {
    // display: none;
    //
}

.jgmorelist {
    position: absolute;
    width: 113px;
    background: white;
    right: 0;
    border-radius: 3px;
    top: 68px;
    z-index: 999;
    font-size: 16px;
    box-shadow: 0 10px 10px rgba(1, 1, 1, 0.1);
    transition: 0.5s;
    padding-bottom: 5px;
}

    .jgmorelist > a {
        display: block;
        text-align: center;
        line-height: 35px;
        margin-top: 5px;
        color: black;
    }

        .jgmorelist > a:hover {
            color: white;
            background: #e51c23;
        }

        .jgmorelist > a:active {
            color: white;
            background: #e51c23;
        }

    .jgmorelist.ifhide {
        display: none;
        transition: 0.5s;
    }

.jgappdownload1 {
    position: fixed;
    height: 190px;
    width: 420px;
    background: white;
    top: 70px;
    display: none;
    right: 0;
    box-shadow: 0 0 5px rgba(1, 1, 1, 0.2);
    border-radius: 3px;
}

    .jgappdownload1 > img {
        height: 149px;
        width: 149px;
        margin-left: 40px;
        margin-top: 10px;
        float: left;
    }

    .jgappdownload1 > p {
        width: 50%;
        position: absolute;
        color: rgb(85, 85, 85);
        text-align: center;
        bottom: -20px;
    }

        .jgappdownload1 > p:nth-of-type(1) {
            left: 9px;
        }

        .jgappdownload1 > p:nth-of-type(2) {
            right: 9px;
        }


/*工具箱*/

.cloudstion {
    position: relative;
    min-height: 300px;
    width: 100%;
}

    .cloudstion > div {
        position: relative;
        width: 100%;
    }

.cloudstion0 {
    height: 392px;
    background: url(/Images/img/cloudbanner.png);
    background-size: 100% 100%;
}

    .cloudstion0 > img {
        position: relative;
        left: 50%;
        margin-left: -160px;
        margin-top: 90px;
    }

    .cloudstion0 > div {
        position: relative;
        height: 60px;
        width: 260px;
        background: white;
        border-radius: 3px;
        text-align: center;
        line-height: 60px;
        left: 50%;
        margin-left: -130px;
        margin-top: 60px;
        font-size: 30px;
        color: #e51c23;
    }

        .cloudstion0 > div > a {
            text-align: center;
            line-height: 60px;
            font-size: 30px;
            color: #e51c23;
        }

.cloudstion1 {
    height: 260px;
    background: white;
}

    .cloudstion1 > div {
        height: 260px;
        width: 1200px;
        position: relative;
        left: 50%;
        margin-left: -600px;
    }

        .cloudstion1 > div > div {
            height: 260px;
            width: 400px;
            position: relative;
            float: left;
        }

.cloudstion2 {
    height: 420px;
    background: rgb(244, 244, 244);
}

    .cloudstion2 > div {
        height: 420px;
        width: 1200px;
        position: relative;
        left: 50%;
        margin-left: -600px;
    }

.cloudmian > div > div {
    position: relative;
    float: left;
    height: 100%;
    width: 600px;
}

.cloudstion3 {
    height: 340px;
    background: white;
}

    .cloudstion3 > div {
        height: 340px;
        width: 1200px;
        position: relative;
        left: 50%;
        margin-left: -600px;
    }

.cloudstion4 {
    height: 350px;
    background: rgb(244, 244, 244);
}

    .cloudstion4 > div {
        height: 350px;
        width: 1200px;
        position: relative;
        left: 50%;
        margin-left: -600px;
    }

.cloudstion5 {
    height: 400px;
    background: white;
}

    .cloudstion5 > div {
        height: 400px;
        width: 1200px;
        position: relative;
        left: 50%;
        margin-left: -600px;
    }

.cloudstion6 {
    height: 490px;
    background: rgb(244, 244, 244);
}

    .cloudstion6 > div {
        height: 490px;
        width: 1200px;
        position: relative;
        left: 50%;
        margin-left: -600px;
    }

    .cloudstion6 > div {
        height: 490px;
        width: 1200px;
        position: relative;
        left: 50%;
        margin-left: -600px;
    }

        .cloudstion6 > div > div {
            position: relative;
            height: 150px;
            width: 1200px;
            top: 135px;
        }

            .cloudstion6 > div > div > div {
                position: relative;
                height: 150px;
                width: 300px;
                float: left;
            }

.cloudmian > div > div > img {
    position: relative;
    z-index: 99;
}

.cloudmian > div > div > p {
    position: relative;
    text-align: center;
}

.appcloud1 {
    position: relative;
    left: 50%;
    margin-left: -59px;
    top: 40px;
}

.appcloud2 {
    top: 100px;
    left: 50%;
    margin-left: -270px;
}

.appcloud3 {
    top: 180px;
    left: 90px;
}

.appcloud4 {
    top: 130px;
    left: 90px;
}

.appcloud5 {
    top: 40px;
    left: 50%;
    margin-left: -228px;
}

.appcloud6 {
    top: 40px;
    left: 50%;
    margin-left: -117px;
}

.appcloud7 {
    top: 145px;
    left: 90px;
}

.appcloud8 {
    top: 85px;
    left: 90px;
}

.appcloud9 {
    top: 20px;
    left: 50%;
    margin-left: -220px;
}

.appcloud10 {
    position: relative;
    top: 135px;
    left: 50%;
    margin-left: -535px;
}

.appcloud11 {
    top: 35px;
    left: 50%;
    margin-left: -50px;
    position: absolute;
}

.appcloud12 {
    position: absolute;
    top: 35px;
    left: 50%;
    margin-left: -63.5px;
}

.cloudtext1 > p {
    font-size: 22px;
    text-align: center;
    color: black;
    margin-top: 50px;
}

.cloudtext2 > p,
.cloudtext3 > p,
.cloudtext4 > p,
.cloudtext5 p,
.cloudtext6 p {
    color: #888;
    margin-top: 10px;
}

    .cloudtext2 > p:nth-of-type(1) {
        font-size: 24px;
        margin-top: 135px;
        text-align: left;
        margin-left: 135px;
        color: black;
    }

    .cloudtext2 > p:nth-of-type(2) {
        font-size: 18px;
        text-align: left;
        margin-left: 135px;
        width: 700px;
        margin-top: 10px;
    }

    .cloudtext2 > p:nth-of-type(3) {
        font-size: 18px;
        text-align: left;
        margin-left: 135px;
        margin-top: 10px;
    }

    .cloudtext2 > p:nth-of-type(4) {
        font-size: 18px;
        text-align: left;
        margin-left: 135px;
        margin-top: 10px;
    }

    .cloudtext2 > p:nth-of-type(5) {
        font-size: 18px;
        text-align: left;
        margin-left: 135px;
        margin-top: 10px;
    }

    .cloudtext3 > p:nth-of-type(1) {
        font-size: 24px;
        margin-top: 85px;
        text-align: left;
        margin-left: 140px;
        color: black;
    }

    .cloudtext3 > p:nth-of-type(2) {
        font-size: 18px;
        margin-left: 140px;
        margin-top: 0px;
        text-align: left;
        margin-top: 10px;
    }

    .cloudtext4 > p:nth-of-type(1) {
        font-size: 18px;
        margin-top: 100px;
        margin-left: 140px;
        text-align: left;
    }

    .cloudtext4 > p:nth-of-type(2) {
        font-size: 18px;
        margin-top: 10px;
        margin-left: 140px;
        text-align: left;
    }

    .cloudtext4 > p:nth-of-type(3) {
        font-size: 18px;
        margin-top: 10px;
        margin-left: 140px;
        text-align: left;
    }

    .cloudtext4 > p > span {
        font-size: 24px;
        color: black;
    }

.cloudtext5 > p:nth-of-type(1) {
    font-size: 18px;
    margin-top: 45px;
    margin-left: 140px;
    text-align: left;
}

.cloudtext5 > p:nth-of-type(2) {
    font-size: 18px;
    margin-top: 0px;
    margin-left: 140px;
    text-align: left;
}

.cloudtext5 > p:nth-of-type(3) {
    font-size: 18px;
    margin-top: 0px;
    margin-left: 140px;
    text-align: left;
}

.cloudtext5 > p:nth-of-type(4) {
    font-size: 18px;
    margin-top: 0px;
    margin-left: 140px;
    text-align: left;
}

.cloudtext5 > p:nth-of-type(5) {
    font-size: 18px;
    margin-top: 0px;
    margin-left: 140px;
    text-align: left;
}

.cloudtext5 > p > span {
    font-size: 24px;
}

.cloudtext6 h1 {
    font-size: 24px;
    text-align: center;
    position: relative;
    color: #e51c23;
}

.cloudtext6 p {
    font-size: 14px;
    text-align: center;
    width: 230px;
    position: relative;
    left: 50%;
    margin-left: -115px;
}

.question {
    position: relative;
    min-height: 300px;
    width: 100%;
}

    .question > div {
        position: relative;
        width: 100%;
    }

.question0 {
    height: 392px;
    background: url(/Images/img/wenjuanbanner.png);
    background-size: 100% 100%;
}

    .question0 > img {
        position: relative;
        left: 50%;
        margin-left: -160px;
        margin-top: 90px;
    }

    .question0 > div {
        position: relative;
        height: 60px;
        width: 260px;
        background: white;
        border-radius: 3px;
        text-align: center;
        line-height: 60px;
        left: 50%;
        margin-left: -130px;
        margin-top: 60px;
        font-size: 30px;
        color: #e51c23;
    }

        .question0 > div > a {
            text-align: center;
            line-height: 60px;
            font-size: 30px;
            color: #e51c23;
        }

.question1 {
    height: 340px;
    background: white;
}

    .question1 > div {
        height: 340px;
        width: 1200px;
        position: relative;
        left: 50%;
        margin-left: -600px;
    }

.question2 {
    height: 340px;
    background: rgb(244, 244, 244);
}

    .question2 > div {
        height: 340px;
        width: 1200px;
        position: relative;
        left: 50%;
        margin-left: -600px;
    }

.quemian > div > div {
    position: relative;
    float: left;
    height: 100%;
    width: 600px;
    padding: 0 0 0 0;
}

    .quemian > div > div > img {
        position: relative;
        z-index: 99;
    }

    .quemian > div > div > p {
        position: relative;
        text-align: center;
        margin-top: 10px;
        color: #888;
    }

.appque1 {
    top: 40px;
    left: 225px;
}

.appque2 {
    top: 40px;
    left: 240px;
}

.appque3 {
    top: 32px;
    left: 180px;
}

.appque4 {
    top: 130px;
    left: 90px;
}

.appque5 {
    top: 130px;
    left: 90px;
}

.appque6 {
    top: 32px;
    left: 70px;
}

.appque7 {
    top: 32px;
    left: 180px;
}

.appque8 {
    top: 130px;
    left: 90px;
}

.appque9 {
    top: 110px;
    left: 90px;
}

.appque10 {
    top: 32px;
    left: 70px;
}

.appque11 {
    top: 50px;
    left: 85px;
}

.appque12 {
    top: 110px;
    left: 90px;
}

.apptext1 > p {
    font-size: 14px;
}

    .apptext1 > p:nth-of-type(1) {
        font-size: 22px;
        margin-top: 50px;
        color: black;
    }

.apptext2 > p {
    font-size: 14px;
}

    .apptext2 > p:nth-of-type(1) {
        font-size: 22px;
        margin-top: 50px;
        color: black;
    }

.apptext3 > p:nth-of-type(1) {
    font-size: 24px;
    margin-top: 85px;
    text-align: left;
    margin-left: 140px;
    color: black;
}

.apptext3 > p:nth-of-type(2) {
    font-size: 18px;
    margin-left: 140px;
    margin-top: 10px;
    text-align: left;
}

.apptext4 > p:nth-of-type(1) {
    font-size: 24px;
    margin-top: 85px;
    margin-left: 140px;
    text-align: left;
    color: black;
}

.apptext4 > p:nth-of-type(2) {
    font-size: 18px;
    margin-top: 10px;
    margin-left: 140px;
    text-align: left;
}

.apptext5 > p:nth-of-type(1) {
    font-size: 18px;
    margin-top: 90px;
    margin-left: 140px;
    text-align: left;
}

.apptext5 > p:nth-of-type(2) {
    font-size: 18px;
    margin-top: 10px;
    margin-left: 140px;
    text-align: left;
}

.apptext5 > p:nth-of-type(3) {
    color: black;
    font-size: 24px;
    margin-top: 10px;
    margin-left: 140px;
    text-align: left;
}

.apptext6 > p:nth-of-type(1) {
    margin-top: 70px;
    font-size: 18px;
    margin-left: 140px;
    text-align: left;
}

.apptext6 > p:nth-of-type(2) {
    font-size: 18px;
    margin-left: 140px;
    text-align: left;
}

.apptext6 > p:nth-of-type(3) {
    font-size: 18px;
    margin-left: 140px;
    text-align: left;
}

.apptext6 > p:nth-of-type(4) {
    font-size: 18px;
    margin-left: 140px;
    text-align: left;
}

.apptext6 > p:nth-of-type(5) {
    font-size: 18px;
    margin-left: 140px;
    text-align: left;
}

.apptext7 > p:nth-of-type(1) {
    margin-top: 70px;
    font-size: 18px;
    margin-left: 140px;
    text-align: left;
}

.apptext7 > p:nth-of-type(2) {
    font-size: 18px;
    margin-left: 140px;
    text-align: left;
}

.apptext7 > p:nth-of-type(3) {
    font-size: 18px;
    margin-left: 140px;
    text-align: left;
}

.apptext7 > p:nth-of-type(4) {
    font-size: 18px;
    margin-left: 140px;
    text-align: left;
}

.zxbbstion {
    position: relative;
    min-height: 300px;
    width: 100%;
}

    .zxbbstion > div {
        position: relative;
        width: 100%;
    }

.zxbbstion0 {
    height: 392px;
    background: url(/Images/img/zxbbbanner.png);
    background-size: 100% 100%;
}

    .zxbbstion0 > img {
        position: relative;
        left: 50%;
        margin-left: -150px;
        margin-top: 90px;
    }

    .zxbbstion0 > div {
        position: relative;
        height: 60px;
        width: 260px;
        background: white;
        border-radius: 3px;
        text-align: center;
        line-height: 60px;
        left: 50%;
        margin-left: -130px;
        margin-top: 60px;
        font-size: 30px;
        color: #e51c23;
    }

.zxbbstion1 {
    height: 340px;
    background: white;
}

    .zxbbstion1 > div {
        height: 340px;
        width: 1200px;
        position: relative;
        left: 50%;
        margin-left: -600px;
    }

.zxbbstion2 {
    height: 340px;
    background: rgb(244, 244, 244);
}

    .zxbbstion2 > div {
        height: 340px;
        width: 1200px;
        position: relative;
        left: 50%;
        margin-left: -600px;
    }

.zxbbmian > div > div {
    position: relative;
    float: left;
    height: 100%;
    width: 600px;
    padding: 0 0 0 0;
}

    .zxbbmian > div > div > img {
        position: relative;
        z-index: 99;
    }

.zjybjtext1 {
    margin-top: 110px;
    margin-left: 10px;
    font-size: 30px;
    text-align: left;
    position: relative;
    color: black;
}

.zjybjtext2 {
    font-size: 24px;
    margin-left: 10px;
    text-align: left;
    position: relative;
    color: black;
    padding: 0 0 0 0;
}

.zjybjtext2 {
    font-size: 24px;
    margin-left: 10px;
    text-align: left;
    position: relative;
    color: black;
    padding: 0 0 0 0;
}

.appzxbb2 {
    padding: 0;
}

    .appzxbb2 > img {
        display: block;
        position: relative;
        left: 0;
        right: 0;
        top: 100px;
        bottom: 0;
        margin: auto;
    }

.zjcloudstion {
    position: relative;
    min-height: 300px;
    width: 100%;
}

    .zjcloudstion > div {
        position: relative;
        width: 100%;
    }

.zjcloudstion0 {
    height: 392px;
    background: url(/Images/img/zjybjbanner.png);
    background-size: 100% 100%;
}

    .zjcloudstion0 > img {
        position: relative;
        left: 50%;
        margin-left: -132px;
        margin-top: 90px;
    }

    .zjcloudstion0 > div {
        position: relative;
        height: 60px;
        width: 260px;
        background: white;
        border-radius: 3px;
        text-align: center;
        line-height: 60px;
        left: 50%;
        margin-left: -130px;
        margin-top: 60px;
        font-size: 30px;
        color: #e51c23;
    }

.zjcloudstion1 {
    height: 340px;
    background: white;
}

    .zjcloudstion1 > div {
        height: 340px;
        width: 1200px;
        position: relative;
        left: 50%;
        margin-left: -600px;
    }

.zjcloudstion2 {
    height: 340px;
    background: rgb(244, 244, 244);
}

    .zjcloudstion2 > div {
        height: 340px;
        width: 1200px;
        position: relative;
        left: 50%;
        margin-left: -600px;
    }

.zjcloudmian > div > div {
    position: relative;
    float: left;
    height: 100%;
    width: 600px;
    padding: 0 0 0 0;
}

    .zjcloudmian > div > div > img {
        position: relative;
        z-index: 99;
    }

.zjybjtext1 {
    margin-top: 110px;
    margin-left: 10px;
    font-size: 30px;
    text-align: left;
    position: relative;
    color: black;
}

.zjybjtext2 {
    font-size: 24px;
    margin-left: 10px;
    margin-top: 20px;
    text-align: left;
    position: relative;
    color: #888;
    padding: 0 0 0 0;
}

.appzjcloud2 {
    padding: 0;
}

    .appzjcloud2 > img {
        display: block;
        position: relative;
        left: 0;
        right: 0;
        top: 100px;
        bottom: 0;
        margin: auto;
    }

.ds_i_shouc.dssinger1 {
    width: 18px;
    height: 15px;
    background-position: -20px -55px;
    margin-right: 4px;
    background-image: url(../images/icon-details.png);
    display: inline-block;
    vertical-align: middle;
}

.dssinger2 {
    width: 18px;
    height: 16px;
    background-position: -72px -5px;
    margin-right: 4px;
    background-image: url(../images/icon-details.png);
    display: inline-block;
    vertical-align: middle;
}

.ds_i_shouc.dssinger1.ds_i_shouced {
    width: 18px;
    height: 15px;
    background: url(../Images/collected.png) no-repeat;
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
}

.shouquanma {
    position: relative;
    left: 50%;
    margin-left: -70px;
}


/*教师加盟*/

.top_li_nian_list {
    width: 1220px;
    height: 750px;
    background: #fff;
    position: relative;
    left: 50%;
    margin-left: -610px;
    margin-bottom: 100px;
}

    .top_li_nian_list h2 {
        height: 120px;
        line-height: 120px;
        background: url(../Images/bg-color.png);
        background-size: 100% 100%;
    }

.tab_li_nian_div {
    border-left: 3px solid #ffde27;
    border-right: 3px solid #ffde27;
    border-bottom: 3px solid #ffde27;
    /* padding-bottom: 50px; */
}

.top_li_nian_list h2 .tabspan1 {
    background-position: 68px center;
}

.top_li_nian_list h2 .tabspan2 {
    background-position: -342px center;
}

.top_li_nian_list h2 span {
    display: inline-block;
    width: 390px;
    text-indent: 160px;
    font-size: 48px;
    color: #fff;
    background-image: url(../Images/bg-color-icon.png);
    background-repeat: no-repeat;
}

.top_li_nian_list h2 .tabspan3 {
    background-position: -730px center;
}

.top_li_nian_list .tab_li_nian {
    width: 399px;
    display: inline-block;
    padding-top: 8px;
    vertical-align: top;
    min-height: 620px;
    border-right: 2px solid #ffde27;
    padding-bottom: 50px;
}

.tab_li_nian_item {
    position: relative;
    display: inline-block;
    margin-left: 48px;
    margin-top: 38px;
}

.search-list-container {
    position: relative;
    width: 100%;
    background: rgb(243, 243, 243);
}

.search-list-choose {
    position: relative;
    height: 72px;
    width: 540px;
    left: 50%;
    margin-left: -270px;
}

    .search-list-choose > div {
        position: relative;
        height: 72px;
        width: 90px;
        float: left;
        text-align: center;
        font-size: 18px;
        line-height: 90px;
        transition: 0.5s;
    }

.search-link > div {
    color: black;
}

.search-active > div {
    color: #e51c23;
}

.searchall {
    cursor: pointer;
    transition: 0.5s;
}

    .searchall > div:nth-of-type(2) {
        height: 4px;
        width: 90px;
        position: absolute;
        bottom: 0px;
        transition: 0.5s;
    }

        .searchall > div:nth-of-type(2) > div:nth-of-type(1) {
            position: absolute;
            left: 45px;
            height: 4px;
            top: 0px;
            background: #e51c23;
            transition: 0.5s;
        }

        .searchall > div:nth-of-type(2) > div:nth-of-type(2) {
            position: absolute;
            right: 45px;
            height: 4px;
            top: 0px;
            background: #e51c23;
            transition: 0.5s;
        }

.search-link > div:nth-of-type(2) > div:nth-of-type(1) {
    width: 0px;
    transition: 0.5s;
}

.search-link > div:nth-of-type(2) > div:nth-of-type(2) {
    width: 0px;
    transition: 0.5s;
}

.search-active > div:nth-of-type(2) > div:nth-of-type(1) {
    width: 45px;
    transition: 0.5s;
}

.search-active > div:nth-of-type(2) > div:nth-of-type(2) {
    width: 45px;
    transition: 0.5s;
}

.search-hover > div {
    color: #e51c23;
    transition: 0.5s;
}

.search-header {
    width: 1200px;
    position: relative;
    height: 40px;
    background: white;
    left: 50%;
    margin-left: -600px;
    margin-top: 27px;
    font-size: 14px;
    color: black;
    line-height: 40px;
    text-indent: 20px;
}

.search-main {
    width: 1200px;
    height: auto;
    position: relative;
    left: 50%;
    margin-left: -600px;
    margin-top: 27px;
    padding-bottom: 100px;
    overflow: hidden;
}

    .search-main > div {
        position: relative;
        float: left;
        width: 20%;
        height: 220px;
        z-index: 99;
    }

        .search-main > div > a {
            display: block;
            position: relative;
            width: 90%;
            height: 66.7%;
            overflow: hidden;
            left: 5%;
            top: 5%;
        }

        .search-main > div > div {
            position: relative;
            top: 5%;
            width: 90%;
            height: 28.3%;
            left: 5%;
        }

            .search-main > div > div > p:nth-of-type(1) {
                width: 100%;
                text-align: left;
                color: black;
                position: absolute;
                top: 5%;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                font-size: 16px;
            }

            .search-main > div > div > p:nth-of-type(2) {
                width: 100%;
                font-size: 13px;
                position: absolute;
                top: 40%;
                font-size: 14px;
                margin-top: 6px;
            }

                .search-main > div > div > p:nth-of-type(2) > span:nth-of-type(1) {
                    display: inline-block;
                    width: 50%;
                    text-align: left;
                    color: grey;
                }

                .search-main > div > div > p:nth-of-type(2) > span:nth-of-type(2) {
                    display: inline-block;
                    width: 50%;
                    text-align: right;
                    color: #e51c23;
                }

        .search-main > div > a > img {
            width: 100%;
            height: 100%;
            transition: 1s;
        }

        .search-main > div:hover > a > img {
            transform: scale(1.2);
            transition: 1s;
        }

        .search-main > div:hover {
            background: white;
            transition: 1s;
            box-shadow: 0px 5px 15px #CCCCCC;
        }

.col-md-search {
    background: white;
}


/*微信端H5页面申请加盟*/

.joinus-weixin-table {
    background: #fff;
    padding-left: 10px;
    margin-bottom: 15px;
    min-height: 220px;
    width: 100%
}

    .joinus-weixin-table h2.title {
        font-size: 22px;
        font-weight: bold;
        font-style: italic;
        color: #c62828;
        margin: 20px 0;
    }

    .joinus-weixin-table .form .form-body {
        width: 100%;
        padding: 0;
    }

    .joinus-weixin-table .form-group-item {
        display: inline-block;
        width: 100%;
        margin-top: 15px;
    }

        .joinus-weixin-table .form-group-item input {
            font-size: 16px;
            color: #000;
            height: 40px;
            display: inline-block;
            vertical-align: middle;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        .joinus-weixin-table .form-group-item label {
            display: inline-block;
            margin-right: 0;
            font-size: 18px;
        }

        .joinus-weixin-table .form-group-item textarea {
            font-size: 16px;
            color: #000;
            height: 120px;
            display: inline-block;
            vertical-align: middle;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        .joinus-weixin-table .form-group-item .required {
            color: #e02222;
            font-size: 12px;
            padding-left: 2px;
        }


/*广告页*/

@media screen and (max-width: 1920px) {
    .sellbodyer {
        width: 100%;
        position: relative;
    }
}

@media screen and (min-width: 1920px) {
    .sellbodyer {
        width: 1920px;
        position: relative;
        left: 50%;
        margin-left: -960px;
    }
}

.sellmain {
    height: auto;
    width: 100%;
    position: relative;
    font-family: "微软雅黑";
}

.sellbodyer > div {
    position: relative;
    width: 100%;
    margin: 0;
}

.sellfloor1-2 {
    position: absolute;
    width: 72%;
    left: 14%;
    display: block;
    top: 7%;
    z-index: 999;
}

.backgroundsingle {
    position: relative;
    display: block;
    width: 100%;
}

.iconbuy {
    width: 11%;
    /*height: 2.3%;*/
    position: absolute;
    z-index: 99;
    cursor: pointer;
    display: block;
}

.iconbuytop {
    width: 17%;
    position: absolute;
    z-index: 99;
    cursor: pointer;
    display: block;
}

    .iconbuytop:hover {
        opacity: 0.8;
    }

    .iconbuytop > img {
        display: block;
        transition: 0.5s;
        opacity: 1;
        width: 100%;
    }

.iconbuy > img {
    display: block;
    transition: 0.5s;
    opacity: 1;
    width: 100%;
}

    .iconbuy > img:hover {
        transition: 0.5s;
        opacity: 0.8;
    }


/*加载*/

#loading-center-absolute {
    position: absolute;
    left: 50%;
    bottom: 20px;
    height: 60px;
    width: 40px;
    margin-top: -50px;
    margin-left: -20px;
    z-index: 999;
}

.object {
    width: 40px;
    background-size: 100% 100%;
    -webkit-animation: animate 0.8s infinite;
    animation: animate 1.5s infinite;
}

#object_three {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

#loading-boll1 {
    width: 25%;
    height: 60%;
    position: absolute;
    border: 2px solid rgba(173, 94, 237, 0.7);
    top: 18%;
    left: 37.5%;
    border-radius: 50%;
    z-index: 99;
    -webkit-animation: animate1 3s infinite;
}

#loading-boll2 {
    width: 26.66%;
    height: 64%;
    position: absolute;
    border: 2px solid rgba(173, 94, 237, 0.7);
    top: 16%;
    left: 36.7%;
    border-radius: 50%;
    z-index: 99;
    -webkit-animation: animate2 3s infinite;
}

#loading-boll3 {
    width: 28.33%;
    height: 68%;
    position: absolute;
    border: 2px solid rgba(173, 94, 237, 0.7);
    top: 14%;
    left: 35.83%;
    border-radius: 50%;
    z-index: 99;
    -webkit-animation: animate3 3s infinite;
}

#loading-boll4 {
    width: 30%;
    height: 72%;
    position: absolute;
    border: 2px solid rgba(173, 94, 237, 0.7);
    top: 12%;
    left: 35%;
    border-radius: 50%;
    z-index: 99;
    -webkit-animation: animate4 3s infinite;
}

@-webkit-keyframes animate {
    50% {
        -ms-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}

@keyframes animate {
    50% {
        -ms-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}

@keyframes animate5 {
    99.9% {
        top: 100%;
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes animate1 {
    50% {
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes animate2 {
    50% {
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes animate3 {
    50% {
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }

    70% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes animate4 {
    50% {
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}


/*导航*/

#loutinav {
    width: 100px;
    position: fixed;
    top: 150px;
    right: 39px;
    display: none;
    z-index: 9999;
    box-shadow: 0px 0px 5px rgba(1, 1, 1, 0.5);
}

    #loutinav ul li {
        width: 100px;
        height: 40px;
        font-size: 12px;
        text-align: center;
        position: relative;
        cursor: pointer;
        background: white;
        color: black;
        line-height: 40px;
    }

        #loutinav ul li.last {
            background: rgba(158, 0, 245, 1);
            color: #fff;
        }

        #loutinav ul li.active {
            background: rgba(158, 0, 245, 1);
            color: #fff;
            display: block;
        }

        #loutinav ul li:hover {
            background: rgba(158, 0, 245, 0.6);
            color: #fff;
            display: block;
        }


/*导航*/

.running {
    height: 100%;
    width: 20px;
    background: url(~/Images/double12/running.png);
    background-size: 100% 100%;
    position: absolute;
    top: -100%;
    left: 50%;
    -webkit-animation: animate5 3s infinite;
}

.louti {
    overflow: hidden;
}


/*支付页*/

.sellbox {
    width: 100%;
    height: 835px;
    background: rgb(249, 249, 249);
}

.sellbg1 {
    font-size: 32px;
    width: 100%;
    height: 160px;
    background: url(double12/sellbackground1.png);
    background-size: 100% 100%;
    position: relative;
    line-height: 160px;
    color: black;
}

    .sellbg1 > div {
        height: 160px;
        width: 1200px;
        position: absolute;
        left: 50%;
        margin-left: -600px;
    }

.sellbg2 {
    width: 1200px;
    position: absolute;
    left: 50%;
    height: 590px;
    margin-left: -600px;
    background: white;
    top: 125px;
}

.sellview1 {
    height: 70px;
    line-height: 70px;
    position: relative;
    color: black;
    text-indent: 30px;
}

.sellview2 {
    height: 160px;
    position: relative;
    background: rgb(249, 249, 249);
    width: 1140px;
    left: 30px;
    margin-bottom: 30px;
}

.sellview2-1 {
    height: 140px;
    width: 210px;
    background: black;
    position: absolute;
    left: 10px;
    top: 10px;
}

    .sellview2-1 > img {
        height: 140px;
        width: 210px;
        display: block;
    }

.sellview2-2 {
    height: 160px;
    line-height: 160px;
    color: black;
    width: 150px;
    position: absolute;
    left: 240px;
}

.sellview2-3 {
    height: 160px;
    width: 100px;
    position: absolute;
    right: 50px;
    line-height: 160px;
    font-size: 18px;
}


/*.sellview2-3>span:nth-of-type(1) {
				font-size: 16px;
				text-decoration: line-through;
			}
			
			.sellview2-3>span:nth-of-type(2) {
				font-size: 22px;
                white-space: nowrap
			}
			
			.sellview2-3>span:nth-of-type(2)>span {
				color: #e51c23;
			}*/

.sellview3 {
    height: 100px;
    position: relative;
    width: 520px;
    left: 30px;
    margin-bottom: 30px;
    clear: both;
}

    .sellview3 > div {
        float: left;
        width: 240px;
        height: 100px;
        background: rgb(249, 249, 249);
        text-align: center;
        line-height: 100px;
        cursor: pointer;
    }

        .sellview3 > div:nth-of-type(2) {
            margin-left: 40px;
        }

.paystyle > .ifchoose {
    display: none;
    background: url(/Images/double12/icon-active.png);
    background-size: 100% 100%;
    position: absolute;
    z-index: 99;
    height: 100px;
    width: 240px;
}

.paystyle.active > .ifchoose {
    display: block;
}

.sellview4 {
    height: 2px;
    background: rgb(249, 249, 249);
    position: relative;
    width: 1140px;
    left: 30px;
    margin-bottom: 30px;
    clear: both;
}

.sellview5 {
    height: 20px;
    position: relative;
    width: 600px;
    line-height: 20px;
    left: 30px;
    color: #e51c23;
    text-indent: 25px;
}

    .sellview5 > img {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 20px;
        width: 20px;
    }

.sellview6 {
    position: absolute;
    right: 30px;
    bottom: 100px;
    height: 30px;
    width: 160px;
    cursor: pointer;
}

    .sellview6 > span:nth-of-type(1) {
        font-size: 16px;
        color: black;
        margin-right: 10px;
    }

    .sellview6 > span:nth-of-type(2) {
        font-size: 16px;
        color: #e51c23;
    }

    .sellview6 > span:nth-of-type(3) {
        font-size: 20px;
        color: #e51c23;
        font-weight: 900;
    }

.sellview7 {
    position: absolute;
    right: 30px;
    bottom: 30px;
    line-height: 45px;
    text-align: center;
    color: white;
    background: #e51c23;
    height: 45px;
    width: 160px;
    cursor: pointer;
}

    .sellview7:hover {
        background: rgb(178, 14, 14);
    }

.paynotice {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(1, 1, 1, 0.5);
    z-index: 9999;
}

    .paynotice.active {
        display: none;
    }

.paynoticebox {
    position: absolute;
    width: 490px;
    height: 330px;
    left: 50%;
    top: 50%;
    margin-left: -245px;
    margin-top: -165px;
    background: white;
}

.paynoticebox1 {
    position: relative;
    height: 120px;
    line-height: 120px;
    width: 100%;
    text-align: center;
    font-weight: 900;
}

.paynoticebox2 {
    position: relative;
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
}

.paynoticebox3 {
    position: absolute;
    height: 43px;
    line-height: 45px;
    width: 158px;
    background: white;
    border: 1px solid #e51c23;
    color: #e51c23;
    text-align: center;
    bottom: 30px;
    left: 45px;
    cursor: pointer;
}

    .paynoticebox3:hover {
        background: #e51c23;
        color: white;
    }

.paynoticebox4 {
    position: absolute;
    height: 45px;
    line-height: 45px;
    width: 160px;
    background: #e51c23;
    color: white;
    text-align: center;
    bottom: 30px;
    right: 45px;
    cursor: pointer;
}

    .paynoticebox4:hover {
        background: rgb(178, 14, 14);
    }

.paynoticebox5 {
    position: relative;
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    color: #e51c23;
}

    .paynoticebox5.active {
        display: none;
    }


/*学校版详情*/

.ifneed {
    width: 500px;
    height: 300px;
    position: fixed;
    background: white;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -150px;
    z-index: 999;
}

    .ifneed > img {
        height: 200px;
        margin-left: 30px;
        margin-top: 10px;
    }

.ifneed-header {
    font-weight: bold;
    width: 480px;
    height: 50px;
    line-height: 50px;
    color: #333333;
    text-align: center;
    position: relative;
    background: white;
    left: 10px;
    border-bottom: 1px solid rgb(227, 227, 227);
}

    .ifneed-header > i {
        position: absolute;
        right: 5px;
        top: 20px;
        color: rgb(136, 136, 136);
    }

.ifneed > p {
    position: absolute;
    bottom: 5px;
    width: 50%;
    text-align: center;
}

    .ifneed > p:nth-of-type(1) {
        left: 0
    }

    .ifneed > p:nth-of-type(2) {
        right: 0
    }

.main11 {
    height: auto;
    width: 100%;
    position: absolute;
    background: white;
}

.floor11 {
    background: url(/Images/double12/xybbj1_01.png);
    background-size: 100% 100%;
    position: relative;
    width: 100%;
    color: white;
    text-align: center;
    padding: 8% 0 5% 0;
    box-sizing: border-box;
}

    .floor11 p {
        margin: 0;
        font-size: 1vw;
        line-height: 2vw;
    }

    .floor11 h4 {
        font-size: 3vw;
        line-height: 3vw;
        margin-top: 0px;
    }

    .floor11 .introduce {
        display: block;
        margin: 0 auto;
        width: 60%;
        text-align: center;
        margin-bottom: 10px;
    }

    .floor11 .weixin {
        margin: 0 0 1vw 0;
    }

.floor22 {
    background: url(/Images/double12/bg2.png);
    background-size: 100% 100%;
    position: relative;
    width: 100vw;
    height: 47.5vw;
}

.floor33 {
    background: url(/Images/double12/bg3.png);
    background-size: 100% 100%;
    position: relative;
    width: 100vw;
    height: 47.5vw;
}

.floor44 {
    background-color: rgb(238, 238, 238);
    position: relative;
    padding-top: 2vw;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 5%;
    text-align: center;
    color: rgb(51, 51, 51);
}

    .floor44 h4 {
        margin: 0 auto;
        display: block;
        line-height: 2.5vw;
        font-size: 2.5vw;
        margin-bottom: 1vw;
    }

.box {
    width: 100%;
    height: 18vw;
    box-sizing: border-box;
    background-color: white;
    padding-bottom: 5px;
    position: relative;
}

    .box img {
        width: 100%;
        margin-bottom: 0.5vw;
    }

.floor44 ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 1%;
    width: 23%;
    margin-bottom: 4%;
}

    .floor44 ul li p {
        line-height: 2vw;
        font-size: 1vw;
        margin: 0;
    }

    .floor44 ul li.lastLi .box div p {
        line-height: 18vw;
    }

    .floor44 ul li:nth-child(n+5) .box div {
        margin-top: 1vw;
    }

    .floor44 ul li.lastLi .box div {
        margin: 0;
    }

.floor11-1 {
    width: 22.5%;
    position: absolute;
    left: 1%;
}

.floor11-3 {
    border: 2px solid rgb( 255, 255, 255);
    background-color: rgba( 25, 25, 25, 0);
    color: rgb( 255, 255, 255);
    position: absolute;
    text-align: center;
    width: 282px;
    height: 61px;
    left: 50%;
    margin-left: -141px;
    top: 75%;
    line-height: 61px;
    font-size: 30px;
    cursor: pointer;
}


/**/

.darkbackground {
    width: 100%;
    height: 100%;
    background: rgba(1, 1, 1, 0.5);
    position: absolute;
    z-index: 99999;
}

.wantbox {
    position: fixed;
    width: 400px;
    height: 330px;
    left: 50%;
    margin-left: -200px;
    background: white;
    top: 50%;
    margin-top: -165px
}

.wantbox1 {
    height: 60px;
    width: 400px;
    text-indent: 470px;
    margin-bottom: 50px;
}

    .wantbox1 > span {
        display: block;
        width: 360px;
        height: 60px;
        position: absolute;
        text-indent: 0;
        line-height: 60px;
        color: black;
        font-size: 18px;
        left: 20px;
        top: 0;
        border-bottom: 1px solid rgb(232, 232, 232);
    }

    .wantbox1 > img {
        position: absolute;
        display: block;
        cursor: pointer;
        right: 20px;
        top: 20px;
        width: 20px;
        height: 20px;
    }

.phonenotice {
    color: #e51c23;
    font-size: 14px;
    position: absolute;
    top: 210px;
    right: 60px;
}

    .phonenotice.active {
        display: none;
    }

.usernotice {
    color: #e51c23;
    font-size: 14px;
    position: absolute;
    bottom: 5px;
    right: 115px;
}

    .usernotice.active {
        display: none;
    }

.wantbox2 {
    width: 80%;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
    position: relative;
    left: 20px;
    font-weight: 900
}

    .wantbox2 > span {
        width: 22%;
        display: inline-block;
        text-align: left;
        position: absolute;
    }

    .wantbox2 > input {
        width: 76%;
        height: 40px;
        position: absolute;
        right: 0;
        text-indent: 10px;
        border: none;
        border-bottom: 1px solid black;
        outline: none;
    }

.wantbox3 {
    width: 200px;
    height: 50px;
    line-height: 50px;
    margin-top: 40px;
    border-radius: 5px;
    font-size: 18px;
    position: relative;
    left: 20px;
    background: #e51c23;
    color: white;
    text-align: center;
    position: relative;
    left: 50%;
    margin-left: -100px;
    cursor: pointer;
    margin-bottom: 40px;
}

    .wantbox3:hover {
        background: rgb(178, 14, 14);
    }

.wantbox4 {
    position: absolute;
    top: 74px;
    color: #e51c23;
    font-weight: 900;
    text-align: center;
    height: 30px;
    line-height: 30px;
    width: 100%;
}

.darkbackground.active {
    display: none;
}


/*支付-微信*/

.payWx1 {
    background: white;
    border-radius: 5px;
    height: 450px;
    width: 330px;
    position: fixed;
    z-index: 9999;
    left: 50%;
    margin-left: -165px;
    top: 50%;
    margin-top: -225px;
}

.payWx1-1 {
    height: 75px;
    line-height: 75px;
    width: 330px;
    position: relative;
    text-indent: 45px;
    font-size: 18px;
}

    .payWx1-1 > button {
        position: absolute;
        top: 25px;
        right: 30px;
        font-size: 30px;
    }

.payWx1-2 {
    position: relative;
    width: 240px;
    height: 240px;
    left: 45px;
}

    .payWx1-2 > img {
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
    }

.payWx1-3 {
    position: relative;
    width: 240px;
    text-align: center;
    left: 45px;
    height: 70px;
    padding-top: 30px;
    line-height: 30px;
    font-size: 16px;
    color: rgb(150, 150, 150);
}

.payWx1-4 {
    position: relative;
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #e51c23;
}


/*支付结果*/

.payresult {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(1, 1, 1, 0.5);
    z-index: 9999;
}

    .payresult.active {
        display: none;
    }

.payresultbox {
    position: absolute;
    width: 600px;
    height: 310px;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -150px;
    background: white;
}

    .payresultbox > img {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

.payresultbox1 {
    position: relative;
    height: 100px;
    margin-top: 40px;
    margin-bottom: 20px;
    line-height: 100px;
    width: 560px;
    left: 20px;
    text-align: center;
    font-weight: 900;
    background: rgb(242, 252, 237);
}

    .payresultbox1 > img {
        width: 40px;
        position: absolute;
        left: 170px;
        top: 30px;
    }

.payresultbox2 {
    position: relative;
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
}

    .payresultbox2 > span {
        display: inline-block;
        height: 30px;
        width: 100px;
    }

        .payresultbox2 > span:nth-of-type(1) {
            color: #888;
            margin-right: 20px;
            text-align: right;
        }

        .payresultbox2 > span:nth-of-type(2) {
            text-align: left;
        }

.payPrice {
    color: rgb(200, 14, 14);
    font-weight: 900
}

.payresultN {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(1, 1, 1, 0.5);
    z-index: 9999;
}

    .payresultN.active {
        display: none;
    }

.payresultNbox {
    position: absolute;
    width: 600px;
    height: 215px;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -80px;
    background: white;
}

    .payresultNbox > img {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

.payresultNbox1 {
    position: relative;
    height: 100px;
    margin-top: 40px;
    margin-bottom: 20px;
    line-height: 100px;
    width: 560px;
    left: 20px;
    text-align: center;
    font-weight: 900;
    background: rgb(255, 222, 222);
}

    .payresultNbox1 > img {
        width: 40px;
        position: absolute;
        left: 135px;
        top: 30px;
    }

.payresultbox3 {
    display: block;
    position: relative;
    width: 150px;
    height: 35px;
    line-height: 35px;
    background: #e51c23;
    text-align: center;
    color: white;
    cursor: pointer;
    left: 50%;
    margin-left: -75px;
    margin-top: 10px;
}

    .payresultbox3:hover {
        color: white;
        background: rgb(178, 14, 14);
    }

.payresultNbox2 {
    display: block;
    position: relative;
    width: 150px;
    height: 35px;
    line-height: 35px;
    background: #e51c23;
    text-align: center;
    color: white;
    cursor: pointer;
    left: 50%;
    margin-left: -75px;
    margin-top: 10px;
}

    .payresultNbox2:hover {
        color: white;
        background: rgb(178, 14, 14);
    }


/*-------------问答---------------------------------*/


/*1*/

.qaaIndexOut {
    position: relative;
    width: 100%;
    background: rgb(246, 246, 246);
    padding-top: 15px;
}

.qaaIndex {
    width: 1200px;
    position: relative;
    left: 50%;
    margin-left: -600px;
    clear: both;
}

.qaaIndexLeft {
    position: relative;
    width: 850px;
    float: left;
    margin-right: 15px;
}

    .qaaIndexLeft > div {
        position: relative;
        border-radius: 3px;
        overflow: hidden;
    }

.qaaIndexSearch {
    position: relative;
    background: white;
    border-radius: 3px;
    height: 80px;
}

    .qaaIndexSearch > div:nth-of-type(1) {
        width: 630px;
        height: 38px;
        line-height: 38px;
        border: solid 1px #e3e3e3;
        position: absolute;
        border-radius: 3px;
        top: 20px;
        left: 20px;
    }

    .qaaIndexSearch.ifFocus > div:nth-of-type(1) {
        border: 1px solid #4d555d;
    }

    .qaaIndexSearch.ifNull > div:nth-of-type(1) {
        border: solid 1px #e51c23;
    }

    .qaaIndexSearch > div:nth-of-type(1) > input {
        height: 35px;
        width: 80%;
        text-indent: 20px;
        border: none;
        outline: none;
        background: none;
    }

    .qaaIndexSearch > div:nth-of-type(2) {
        width: 100px;
        height: 38px;
        line-height: 38px;
        background-color: #e51c23;
        position: absolute;
        color: white;
        border-radius: 3px;
        text-align: center;
        top: 20px;
        left: 620px;
        cursor: pointer;
    }

        .qaaIndexSearch > div:nth-of-type(2):hover {
            background: #d01716;
        }

    .qaaIndexSearch > a {
        display: block;
        width: 98px;
        height: 38px;
        line-height: 38px;
        position: absolute;
        border-radius: 3px;
        color: #e51c23;
        background-color: #ffffff;
        border: solid 1px #e51c23;
        text-align: center;
        top: 20px;
        right: 20px;
        cursor: pointer;
        text-indent: 20px;
    }

        .qaaIndexSearch > a:hover {
            background: #e51c23;
            color: white;
        }

            .qaaIndexSearch > a:hover > span {
                background: url(../Images/img2018/ask-icon-hover.png);
            }

        .qaaIndexSearch > a > span {
            display: inline-block;
            height: 16px;
            width: 16px;
            background: url(../Images/img2018/ask-icon.png);
            position: absolute;
            left: 22px;
            top: 10px;
        }

input::-webkit-input-placeholder {
    color: #93999f;
    font-weight: normal;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #93999f;
    font-weight: normal;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #93999f;
    font-weight: normal;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #93999f;
    font-weight: normal;
}

textarea::-webkit-input-placeholder {
    color: #93999f;
    font-weight: normal;
}

textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-weight: normal;
    color: #93999f;
}

textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #93999f;
}

textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #93999f;
    font-weight: normal;
}

.qaaIndexSearch > div > img {
    margin-right: 5px;
    margin-bottom: 3px;
}

.qaaIndexDV {
    position: relative;
    height: 340px;
    background: white;
}

.qaaIndexDV1 {
    position: relative;
    height: 50px;
    line-height: 55px;
}

    .qaaIndexDV1 > span {
        margin-left: 20px;
        color: #4d555d;
        font-weight: bold;
    }

    .qaaIndexDV1 > a {
        margin-left: 610px;
        color: #93999f;
    }

        .qaaIndexDV1 > a:hover {
            color: #e51c23;
        }

.qaaIndexDV2 {
    position: relative;
    height: 270px;
    width: 850px;
    overflow: hidden;
    padding-top: 5px;
}

.qaaIndexDV2-1 {
    position: relative;
    height: 260px;
    /*transition: 0.5s;*/
    width: max-content;
}

.qaaIndexDVDemo {
    width: 190px;
    height: 260px;
    background-color: #ffffff;
    margin-left: 15px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    float: left;
}

    .qaaIndexDVDemo:hover {
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    }

    .qaaIndexDVDemo > div:nth-of-type(1) {
        position: relative;
        width: 60px;
        height: 60px;
        left: 65px;
        margin-top: 24px;
        border-radius: 50%;
        background: url(../Images/default-user-headimage.jpg);
        background-size: 100% 100%;
        overflow: hidden;
    }

        .qaaIndexDVDemo > div:nth-of-type(1) > a {
            height: 100%;
            width: 100%;
            display: block;
        }

            .qaaIndexDVDemo > div:nth-of-type(1) > a > img {
                height: 100%;
                width: 100%;
            }

    .qaaIndexDVDemo > div:nth-of-type(2) {
        height: 45px;
        text-align: center;
        height: 40px;
        font-size: 16px;
        line-height: 45px;
        font-weight: normal;
        font-stretch: normal;
        color: #14191e;
        position: relative;
        font-weight: bold;
    }

        .qaaIndexDVDemo > div:nth-of-type(2) > a {
            color: #14191e;
            text-decoration: none;
            font-weight: bold;
            font-size: 16px;
        }

    .qaaIndexDVDemo > div:nth-of-type(3) {
        height: 45px;
        text-align: center;
        font-size: 14px;
        color: #93999f;
        position: relative;
        line-height: 21px;
        width: 160px;
        left: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .qaaIndexDVDemo > div:nth-of-type(4) {
        height: 40px;
        text-align: center;
        line-height: 50px;
        font-size: 10px;
        font-weight: lighter;
        color: #93999f;
        position: relative;
    }

    .qaaIndexDVDemo > div:nth-of-type(5) {
        width: 120px;
        height: 30px;
        background-color: #e51c23;
        border-radius: 3px;
        left: 35px;
        color: white;
        line-height: 30px;
        text-align: center;
        position: relative;
        cursor: pointer;
    }

        .qaaIndexDVDemo > div:nth-of-type(5):hover {
            background-color: #d01716;
        }

.qaaGoLeft {
    height: 30px;
    width: 30px;
    background: url(../Images/img2018/left_arrow.png);
    position: absolute;
    z-index: 99;
    top: 170px;
    left: 10px;
    cursor: pointer;
    transition: 0.5s;
}

    .qaaGoLeft.isactived,
    .qaaGoRight.isactived {
        display: none;
    }

    .qaaGoLeft:hover,
    .qaaGoRight:hover {
        opacity: 0.8;
        transition: 0.5s;
    }

.qaaGoRight {
    height: 30px;
    width: 30px;
    background: url(../Images/img2018/right_arrow.png);
    position: absolute;
    z-index: 99;
    top: 170px;
    right: 10px;
    cursor: pointer;
    transition: 0.5s;
}

.qaaIndexDV:hover > .qaaGoRight,
.qaaIndexDV:hover > .qaaGoLeft {
    transition: 0.5s;
}

.qaaIndexDVStyle {
    position: relative;
    height: 55px;
    margin-top: 15px;
    margin-bottom: 1px;
    background: white;
}

    .qaaIndexDVStyle > div {
        position: relative;
        float: left;
    }

.qaaIndexDVStyle1 {
    height: 55px;
    line-height: 55px;
    color: #93999f;
    font-weight: bold;
    width: 70px;
    text-align: center;
    cursor: pointer;
}

    .qaaIndexDVStyle1:hover {
        color: #e51c23;
    }

    .qaaIndexDVStyle1.ischoosed:hover {
        color: #e51c23;
    }

    .qaaIndexDVStyle1.ischoosed {
        color: #e51c23;
    }

.qaaIndexDVStyle2 {
    height: 55px;
    line-height: 55px;
    color: #93999f;
    width: 575px;
    text-align: right;
}

    .qaaIndexDVStyle2.active {
        color: #e51c23;
    }

.qaaIndexDVStyle3 {
    height: 55px;
    line-height: 55px;
    color: #93999f;
    width: 65px;
    text-align: right;
    cursor: pointer;
    text-align: center;
    padding-top: 25px;
}

.qaaIndexDVStylePage {
    position: relative;
    height: 60px;
    margin-bottom: 10px;
}

.qaaIndexDVStyleOne {
    position: relative;
    margin-bottom: 10px;
    background: white;
    border-radius: 3px;
}

.qaaIndexDVStyleOne1 {
    position: relative;
    height: 104px;
    background: white;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .qaaIndexDVStyleOne1 > p:nth-of-type(1) {
        text-indent: 20px;
        font-size: 18px;
        font-weight: bold;
        color: #14191e;
        position: absolute;
        top: 10px;
        line-height: 70px;
        font-weight: bold;
    }

        .qaaIndexDVStyleOne1 > p:nth-of-type(1) > a {
            text-decoration: none;
            color: #14191e;
            font-weight: bold;
            font-size: 18px;
            display: inline-block;
            width: 700px;
            text-indent: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .qaaIndexDVStyleOne1 > p:nth-of-type(1) > a:hover {
                color: #e51c23;
            }

    .qaaIndexDVStyleOne1 > p:nth-of-type(2) {
        text-indent: 20px;
        font-size: 12px;
        color: #93999f;
        position: absolute;
        bottom: 28px;
    }

.qaaIndexDVStyleOne2 {
    position: relative;
    height: 45px;
    line-height: 45px;
    border-top: solid 1px #f3f3f3;
    padding-left: 20px;
    color: #93999f;
    font-size: 14px;
}

    .qaaIndexDVStyleOne2 > a {
        text-decoration: none;
        color: #14191e;
        display: inline-block;
    }

        .qaaIndexDVStyleOne2 > a:nth-of-type(1) {
            background: url(../Images/default-user-headimage.jpg);
            background-size: 100% 100%;
            height: 24px;
            width: 24px;
        }

        .qaaIndexDVStyleOne2 > a:nth-of-type(2) {
            margin-right: 5px;
        }

        .qaaIndexDVStyleOne2 > a > img {
            height: 24px;
            width: 24px;
            border-radius: 12px;
            position: relative;
        }

    .qaaIndexDVStyleOne2 > img:nth-of-type(1) {
        margin-bottom: 3px;
    }

    .qaaIndexDVStyleOne2 > span:nth-of-type(3) {
        color: #14191e;
    }

    .qaaIndexDVStyleOne2 > span {
        margin-right: 5px;
        display: inline-block;
    }

        .qaaIndexDVStyleOne2 > span:nth-of-type(2) {
            margin-left: 8px;
            text-overflow: ellipsis;
            /*overflow:hidden;*/
            font-weight: lighter;
            white-space: nowrap;
        }

    .qaaIndexDVStyleOne2 > div {
        position: absolute;
        top: 0;
        right: 0;
        width: 160px;
        text-align: center;
        color: #93999f;
    }

.qaaIndexWeiGuan {
    width: 90px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    border: solid 1px #e51c23;
    color: #e51c23;
    text-align: center;
    position: absolute;
    right: 20px;
    top: 30px;
    cursor: pointer;
}

    .qaaIndexWeiGuan:hover {
        background: #e51c23;
        color: white;
    }

.qaaIndexRecommendV {
    position: relative;
    width: 800px;
    outline: 1px solid black;
    margin-top: 10px;
}

.qaaIndexRight {
    position: relative;
    width: 335px;
    float: left;
}

.qaaIndexMyMessage {
    position: relative;
    height: 340px;
    background: white;
    border-radius: 3px;
    overflow: hidden;
}

    .qaaIndexMyMessage > div {
        position: relative;
        text-align: center;
    }

        .qaaIndexMyMessage > div:nth-of-type(1) {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            overflow: hidden;
            left: 116px;
            top: 30px;
            background: url(../Images/default-user-headimage.jpg);
            background-size: 100% 100%;
        }

            .qaaIndexMyMessage > div:nth-of-type(1) > a > img {
                display: block;
                width: 100%;
                height: 100%;
            }

        .qaaIndexMyMessage > div:nth-of-type(2) {
            height: 55px;
            top: 30px;
            line-height: 55px;
            color: #14191e;
            font-size: 16px;
            font-weight: bold;
        }

        .qaaIndexMyMessage > div:nth-of-type(3) {
            height: 20px;
            line-height: 20px;
            color: #93999f;
            font-size: 14px;
            top: 30px;
            width: 335px;
            text-align: center;
        }

            .qaaIndexMyMessage > div:nth-of-type(3) > img {
                height: 20px;
                left: 20px;
                margin-bottom: 5px;
                margin-right: 3px;
            }

        .qaaIndexMyMessage > div:nth-of-type(4) {
            height: 20px;
            line-height: 20px;
            color: #93999f;
            font-size: 12px;
            top: 35px;
            cursor: pointer;
        }

            .qaaIndexMyMessage > div:nth-of-type(4):hover > a {
                color: #d01716;
            }

            .qaaIndexMyMessage > div:nth-of-type(4) > span {
                color: #14191e;
                font-size: 12px;
            }

            .qaaIndexMyMessage > div:nth-of-type(4) > a {
                color: #e51c23;
                font-size: 12px;
            }

        .qaaIndexMyMessage > div:nth-of-type(5) {
            height: 80px;
            background-color: #fcfcfc;
            bottom: 0;
            position: absolute;
            width: 335px;
            border-top: 1px solid #f3f3f3;
        }

            .qaaIndexMyMessage > div:nth-of-type(5) > a {
                position: relative;
                float: left;
                width: 111px;
                height: 80px;
                display: block;
                cursor: pointer;
            }

                .qaaIndexMyMessage > div:nth-of-type(5) > a:nth-of-type(2) {
                    border-right: 1px solid #f3f3f3;
                    border-left: 1px solid #f3f3f3;
                }

                .qaaIndexMyMessage > div:nth-of-type(5) > a:hover {
                    background: #e3e3e3;
                }

                .qaaIndexMyMessage > div:nth-of-type(5) > a > div:nth-of-type(1) {
                    font-size: 24px;
                    font-weight: bold;
                    color: #14191e;
                    height: 50%;
                    line-height: 50px;
                }

                .qaaIndexMyMessage > div:nth-of-type(5) > a > div:nth-of-type(2) {
                    font-size: 14px;
                    color: #93999f;
                    height: 50%;
                    line-height: 30px;
                }

    .qaaIndexMyMessage > p {
        font-size: 16px;
        color: rgb( 51, 51, 51);
        text-align: center;
        position: relative;
        line-height: 110px;
    }

.qaaIndexMyMessage1 {
    border-radius: 3px;
    position: absolute;
    width: 100px;
    line-height: 40px;
    color: white;
    left: 60px;
    text-align: center;
    bottom: 40px;
    background: #e51c23;
    cursor: pointer;
}

    .qaaIndexMyMessage1:hover {
        color: white;
        background: #d01716;
    }

.qaaIndexMyMessage2 {
    border-radius: 3px;
    position: absolute;
    width: 100px;
    line-height: 38px;
    color: #e51c23;
    right: 60px;
    text-align: center;
    bottom: 40px;
    background: white;
    cursor: pointer;
    border: 1px solid #e51c23;
}

    .qaaIndexMyMessage2:hover {
        color: white;
        background: #e51c23;
    }

.qaaIndexBanner {
    display: block;
    border-radius: 3px;
    width: 335px;
    height: 120px;
    background: red;
    margin-top: 15px;
    position: relative;
}

    .qaaIndexBanner:hover {
        opacity: 0.9;
    }

    .qaaIndexBanner > img {
        width: 335px;
        height: 120px;
        position: absolute;
        border-radius: 3px;
    }

.qaaIndexBanner1 {
    width: 335px;
    line-height: 55px;
    width: 335px;
    height: 55px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 16px;
    font-weight: bold;
    color: #14191e;
    position: relative;
}

.qaaIndexBanner2 {
    margin-top: 15px;
    position: relative;
    width: 335px;
    height: 95px;
    margin-bottom: 50px;
}

    .qaaIndexBanner2 > img {
        position: absolute;
        width: 95px;
        height: 95px;
        left: 0;
        top: 0;
    }

    .qaaIndexBanner2 > p:nth-of-type(1) {
        position: absolute;
        left: 110px;
        top: 40px;
        font-size: 18px;
        color: #14191e;
    }

    .qaaIndexBanner2 > p:nth-of-type(2) {
        position: absolute;
        left: 110px;
        bottom: 0;
        font-size: 14px;
        color: #93999f;
    }

.qaaIndexStyle {
    position: relative;
    margin-top: 15px;
    clear: both;
    background: white;
    border-radius: 3px;
    padding-top: 20px;
    padding-left: 20px;
}

    .qaaIndexStyle > div {
        position: absolute;
        width: 810px;
        height: 1px;
        background-color: rgb( 243, 243, 243);
        bottom: 0;
        left: 20px;
    }

    .qaaIndexStyle > a {
        position: relative;
        height: 35px;
        line-height: 33px;
        border-radius: 3px;
        background-color: rgb( 247, 247, 247);
        display: inline-block;
        margin-bottom: 20px;
        cursor: pointer;
        font-size: 14px;
        margin-right: 15px;
        border: 1px solid rgb( 227, 227, 227);
        overflow: hidden;
        color: rgb(20, 25, 30);
        width: 115px;
    }

        .qaaIndexStyle > a > img {
            height: 34px;
            width: 33px;
            display: inline-block;
            margin-top: -3px;
            border-bottom-left-radius: 0px;
            border-top-left-radius: 0px;
        }

        .qaaIndexStyle > a > span {
            text-align: center;
            width: 80px;
            display: inline-block;
        }

        .qaaIndexStyle > a:last-of-type {
            position: relative;
            background: none;
            border: none;
            line-height: 35px;
            color: rgb( 147, 153, 159);
        }

            .qaaIndexStyle > a:last-of-type > span {
                font-weight: lighter;
                padding-left: 0;
            }

        .qaaIndexStyle > a:hover {
            color: #e51c23;
        }

        .qaaIndexStyle > a:last-of-type:hover {
            color: #e51c23;
            background: none;
        }

.qaaIndexFocus {
    position: relative;
    margin-top: 15px;
    background: white;
    padding-bottom: 20px;
    max-height: 410px;
    overflow: hidden;
    border-radius: 3px;
}

    .qaaIndexFocus > div:nth-of-type(1) {
        position: relative;
        height: 50px;
        text-indent: 20px;
        line-height: 50px;
        font-size: 14px;
        font-weight: bold;
        border-bottom: 1px solid #f3f3f3;
    }

        .qaaIndexFocus > div:nth-of-type(1) > span:nth-of-type(1) {
            color: #555555;
            margin-right: 100px;
        }

        .qaaIndexFocus > div:nth-of-type(1) > a {
            color: #93999f;
        }

            .qaaIndexFocus > div:nth-of-type(1) > a:hover {
                color: #e51c23;
            }

.qaaIndexFocusDemo {
    width: 295px;
    position: relative;
    height: 70px;
    border-top: 1px solid #f3f3f3;
    left: 20px;
}

.qaaIndexFocus > div:nth-of-type(2) {
    border-top: none;
}

.askteacher {
    width: 90px;
    height: 30px;
    color: #e51c23;
    line-height: 30px;
    text-align: center;
    border-radius: 3px;
    border: solid 1px #e51c23;
    font-size: 14px;
    right: 0;
    top: 22px;
    cursor: pointer;
}

    .askteacher:hover {
        background: #e51c23;
        color: white;
    }

.qaaIndexFocusDemo > div {
    float: left;
    position: absolute;
}

.qaaIndexFocusDemo > a:nth-of-type(1) {
    width: 40px;
    height: 40px;
    top: 15px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    float: left;
    position: absolute;
}

    .qaaIndexFocusDemo > a:nth-of-type(1) > img {
        width: 100%;
        height: 100%;
    }

.qaaIndexFocusDemo > div:nth-of-type(1) {
    height: 20px;
    top: 12px;
    font-weight: bold;
    font-size: 14px;
    left: 50px;
    color: #14191e;
}

    .qaaIndexFocusDemo > div:nth-of-type(1) > a {
        font-weight: bold;
        color: #14191e;
    }

.qaaIndexFocusDemo > div:nth-of-type(2) {
    height: 20px;
    top: 33px;
    font-size: 10px;
    left: 50px;
    color: #93999f;
    line-height: 30px;
}

.qaaVAnswer > div {
    position: relative;
    height: 50px;
}

    .qaaVAnswer > div:nth-of-type(2) {
        clear: both;
    }

        .qaaVAnswer > div:nth-of-type(2) > div {
            float: left;
            margin-right: 20px;
        }

.qaaIndexNotice {
    position: fixed;
    width: 800px;
    height: 400px;
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    left: 50%;
    margin-left: -400px;
    top: 50%;
    margin-top: -200px;
}

    .qaaIndexNotice > div:nth-of-type(1) {
        height: 50px;
        line-height: 50px;
        font-weight: 900;
        text-indent: 30px;
        border-bottom: 1px solid gray;
        position: relative;
    }

        .qaaIndexNotice > div:nth-of-type(1) > span:nth-of-type(2) {
            position: absolute;
            right: 30px;
        }

    .qaaIndexNotice > div:nth-of-type(2) {
        height: 40px;
        line-height: 40px;
        text-indent: 10px;
        border: 1px solid gray;
        width: 740px;
        position: relative;
        left: 30px;
        margin-top: 30px;
    }

        .qaaIndexNotice > div:nth-of-type(2) > input {
            border: none;
            outline: none;
            width: 700px;
            height: 30px;
        }

    .qaaIndexNotice > div:nth-of-type(3) {
        height: 120px;
        border: 1px solid gray;
        width: 740px;
        position: relative;
        left: 30px;
        margin-top: 30px;
    }

        .qaaIndexNotice > div:nth-of-type(3) > input {
            border: none;
            outline: none;
            width: 700px;
            height: 40px;
        }

        .qaaIndexNotice > div:nth-of-type(3) > div {
            width: 740px;
            border-top: 1px solid gray;
            ;
            height: 40px;
            line-height: 40px;
            position: absolute;
            bottom: 0;
            text-align: center;
        }

.isactived {
    display: none;
}


/*开关*/

#toggle-button {
    display: none;
}

.button-label {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 3px;
    border-radius: 30px;
    background: #93999f;
}

.circle {
    position: absolute;
    top: -8px;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #fff;
    border: solid 2px #93999f;
    cursor: pointer;
}

.button-label .text {
    line-height: 30px;
    font-size: 18px;
    text-shadow: 0 0 2px #ddd;
}

.on {
    color: red;
    display: none;
    text-indent: 10px;
}

.off {
    color: #93999f;
    display: inline-block;
    text-indent: 18px;
}

.button-label .circle {
    left: 0;
    transition: all 0.3s;
}

#toggle-button:checked + label.button-label .circle {
    left: 12px;
    border: solid 2px #e51c23;
}

#toggle-button:checked + label.button-label .on {
    display: inline-block;
}

#toggle-button:checked + label.button-label .off {
    display: none;
}

#toggle-button:checked + label.button-label {
    background-color: #e51c23;
}

a {
    text-decoration: none;
}


/*moreDV*/

.qaaMoreDV1 {
    position: relative;
    background: white;
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    /*height: 70px;*/
    margin-bottom: 20px;
}

    .qaaMoreDV1 > div:nth-of-type(1) {
        font-size: 14px;
        color: #14191e;
        height: 70px;
        line-height: 70px;
        text-align: center;
        width: 120px;
        font-weight: bold;
        float: left;
        position: relative;
    }

    .qaaMoreDV1 > div:nth-of-type(2) {
        font-size: 14px;
        width: 1080px;
        float: left;
        position: relative;
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .qaaMoreDV1 > div:nth-of-type(2) > div {
            float: left;
            height: 30px;
            position: relative;
            text-align: center;
            cursor: pointer;
            line-height: 30px;
            margin-right: 20px;
            margin-bottom: 10px;
            padding-left: 15px;
            padding-right: 15px;
        }

.qaaMoreDV2 {
    position: relative;
    min-height: 152px;
    font-size: 14px;
    background: white;
    border-radius: 3px;
}

.qaaMoreDV2-1 > span {
    display: inline-block;
    width: 115px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

.qaaMoreDV2-1 {
    position: relative;
    background: white;
    height: 50px;
    line-height: 50px;
    border-radius: 3px;
    border-bottom: 1px solid #f3f3f3;
}

.qaaMoreDV2-1-1 {
    height: 50px;
    line-height: 50px;
    color: #93999f;
    width: 575px;
    text-align: right;
    position: absolute;
    right: 65px;
    top: 0;
}

    .qaaMoreDV2-1-1.active {
        color: #e51c23;
    }

.qaaMoreDV2-1-2 {
    height: 50px;
    line-height: 50px;
    color: #93999f;
    width: 65px;
    text-align: right;
    cursor: pointer;
    text-align: center;
    padding-top: 25px;
    position: absolute;
    right: 0;
    top: 0;
}

.qaaMoreDV2-2 {
    position: relative;
    height: 100px;
    width: 1160px;
    left: 20px;
    border-bottom: 1px solid #f3f3f3;
    background: white;
}

    .qaaMoreDV2-2 > a:nth-of-type(1) {
        display: block;
        height: 60px;
        width: 60px;
        border-radius: 50%;
        overflow: hidden;
        position: absolute;
        top: 20px;
        background: url(../Images/default-user-headimage.jpg);
        background-size: 100% 100%;
    }

        .qaaMoreDV2-2 > a:nth-of-type(1) > img {
            height: 100%;
            width: 100%;
        }

    .qaaMoreDV2-2 > div:nth-of-type(1) {
        display: block;
        height: 20px;
        position: absolute;
        top: 17px;
        color: #14191e;
        left: 70px;
    }

        .qaaMoreDV2-2 > div:nth-of-type(1) > a {
            color: #14191e;
            font-size: 16px;
            font-weight: bold;
        }

        .qaaMoreDV2-2 > div:nth-of-type(1) > img {
            margin-bottom: 3px;
        }

    .qaaMoreDV2-2 > div:nth-of-type(2) {
        display: block;
        height: 20px;
        position: absolute;
        top: 38px;
        font-weight: lighter;
        color: #93999f;
        left: 70px;
        line-height: 25px;
        font-size: 10px;
    }

    .qaaMoreDV2-2 > div:nth-of-type(3) {
        display: block;
        height: 20px;
        position: absolute;
        top: 63px;
        color: #93999f;
        left: 70px;
        line-height: 20px;
        font-size: 14px;
    }

.askteacher1 {
    width: 120px;
    height: 35px;
    color: white;
    line-height: 35px;
    text-align: center;
    border-radius: 3px;
    font-size: 14px;
    background-color: #e51c23;
    right: 0;
    top: 35px;
    cursor: pointer;
    position: absolute;
}

    .askteacher1 > span:nth-of-type(1) {
        font-weight: bold;
    }

    .askteacher1:hover {
        background-color: #d01716;
    }

.askteacher2 {
    width: 118px;
    height: 35px;
    color: #e51c23;
    line-height: 33px;
    text-align: center;
    border-radius: 3px;
    border: solid 1px #e51c23;
    font-size: 14px;
    right: 130px;
    top: 35px;
    cursor: pointer;
    position: absolute;
}

    .askteacher2:hover {
        color: white;
        background: #e51c23;
    }

    .askteacher2 > span:nth-of-type(1) {
        font-size: 18px;
        font-weight: bold;
    }

.askteacher3 {
    width: 120px;
    height: 35px;
    color: white;
    line-height: 35px;
    text-align: center;
    border-radius: 3px;
    font-size: 14px;
    background-color: #e51c23;
    right: 130px;
    top: 35px;
    cursor: pointer;
    position: absolute;
}

.qaachoose.ischoosed {
    background-color: #e51c23;
    border-radius: 3px;
    color: white;
}

.qaachoose {
    color: #14191e;
    transition: 0.3s;
}

    .qaachoose:hover {
        color: #e51c23;
    }

    .qaachoose.ischoosed:hover {
        color: white;
    }

.qaachoose1 {
    color: #93999f;
}

    .qaachoose1:hover {
        color: #e51c23;
    }

    .qaachoose1.ischoosed {
        color: #e51c23;
    }

        .qaachoose1.ischoosed:hover {
            color: #e51c23;
        }


/*--大V主页-*/

.DVdetail {
    position: relative;
    width: 100%;
    background: rgb(246, 246, 246);
    padding-bottom: 30px;
}

.DVdetailHead {
    height: 200px;
    position: relative;
    width: 100%;
    background: url(../Images/img2018/qaabg1.png);
    background-size: 100% 100%;
}

    .DVdetailHead > div {
        position: absolute;
        width: 1200px;
        left: 50%;
        height: 60px;
        margin-left: -600px;
        bottom: 0;
        color: white;
    }

        .DVdetailHead > div > span:nth-of-type(1) {
            position: absolute;
            width: 180px;
            text-align: center;
            left: 360px;
            height: 60px;
            display: inline-block;
        }

        .DVdetailHead > div > span:nth-of-type(2) {
            position: absolute;
            width: 180px;
            text-align: center;
            right: 360px;
            height: 60px;
            display: inline-block;
        }

        .DVdetailHead > div > span > div {
            width: 180px;
            height: 30px;
            line-height: 20px;
        }

            .DVdetailHead > div > span > div:nth-of-type(1) {
                font-size: 20px;
                font-weight: bold;
            }

            .DVdetailHead > div > span > div:nth-of-type(2) {
                font-size: 14px;
            }

.DVdetailBody {
    position: relative;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
}

.DVdetailBody1 {
    position: relative;
    background: white;
    margin-bottom: 15px;
    padding-top: 60px;
    padding-bottom: 20px;
}

    .DVdetailBody1 > div:nth-of-type(1) {
        height: 120px;
        width: 120px;
        left: 540px;
        border-radius: 50%;
        background: white;
        position: absolute;
        top: -60px;
    }

        .DVdetailBody1 > div:nth-of-type(1) > div {
            height: 110px;
            width: 110px;
            left: 5px;
            border-radius: 50%;
            position: absolute;
            top: 5px;
            background: url(../Images/default-user-headimage.jpg);
            background-size: 100% 100%;
        }

            .DVdetailBody1 > div:nth-of-type(1) > div > img {
                height: 110px;
                width: 110px;
                border-radius: 50%;
                position: absolute;
            }

    .DVdetailBody1 > div:nth-of-type(2) {
        height: 40px;
        line-height: 35px;
        position: relative;
        font-size: 18px;
        color: #14191e;
        text-align: center;
    }

        .DVdetailBody1 > div:nth-of-type(2) > span {
            font-weight: bold;
        }

        .DVdetailBody1 > div:nth-of-type(2) > div > a {
            height: 20px;
            line-height: 18px;
            display: inline-block;
            padding-left: 5px;
            padding-right: 5px;
            position: absolute;
            font-size: 12px;
            color: #e51c23;
            text-align: center;
            border: solid 1px #e51c23;
            border-radius: 3px;
            cursor: pointer;
            top: 8px;
            margin-left: 50px;
        }

            .DVdetailBody1 > div:nth-of-type(2) > div > a:hover {
                color: #ffffff;
                background: #e51c23;
            }

    .DVdetailBody1 > div:nth-of-type(3) {
        position: relative;
        font-size: 12px;
        color: #14191e;
        text-align: center;
        margin-bottom: 10px;
    }

        .DVdetailBody1 > div:nth-of-type(3) > a {
            height: 25px;
            display: inline-block;
            width: 68px;
            background-color: #f3f5f7;
            border-radius: 3px;
            line-height: 25px;
            position: relative;
            font-size: 12px;
            color: #14191e;
            text-align: center;
            margin-left: 5px;
        }

            .DVdetailBody1 > div:nth-of-type(3) > a:hover {
                background: #e3e3e3;
            }

    .DVdetailBody1 > div:nth-of-type(4) {
        position: relative;
        font-size: 14px;
        color: #93999f;
        text-align: center;
        width: 1160px;
        left: 20px;
        line-height: 30px;
    }

        .DVdetailBody1 > div:nth-of-type(4) > p {
            white-space: pre-line;
            text-align: center;
            width: 800px;
            left: 180px;
            position: relative;
        }

    .DVdetailBody1 > div:nth-of-type(5) {
        position: relative;
        font-size: 16px;
        color: #ffffff;
        text-align: center;
        width: 300px;
        height: 40px;
        line-height: 40px;
        background-color: #e51c23;
        border-radius: 3px;
        left: 450px;
        cursor: pointer;
        margin-bottom: 30px;
    }

        .DVdetailBody1 > div:nth-of-type(5):hover {
            background-color: #d01716;
        }

        .DVdetailBody1 > div:nth-of-type(5) > span {
            font-weight: bold;
        }

.DVdetailBody2 {
    position: relative;
    height: 50px;
    line-height: 50px;
    background: white;
    border-radius: 3px;
    border-bottom: 1px solid #f3f3f3;
    font-weight: bold;
}

    .DVdetailBody2 > span {
        position: relative;
        height: 50px;
        display: inline-block;
        width: 70px;
        text-align: center;
        font-size: 14px;
        cursor: pointer;
    }

        .DVdetailBody2 > span:hover {
            color: #e51c23;
        }

.DVdetailBody3 {
    position: relative;
    height: 250px;
    background: white;
    border-radius: 3px;
    margin-bottom: 10px;
}

.DVdetailBody3-1 {
    position: relative;
    height: 100px;
    background: white;
    border-bottom: 1px solid #f3f3f3;
}

    .DVdetailBody3-1 > p:nth-of-type(1) {
        text-indent: 20px;
        font-size: 18px;
        font-weight: bold;
        color: #14191e;
        position: absolute;
        top: 20px;
    }

        .DVdetailBody3-1 > p:nth-of-type(1) > a {
            text-decoration: none;
            color: #14191e;
            font-weight: bold;
            font-size: 18px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: inline-block;
            width: 1100px;
            text-indent: 0;
        }

            .DVdetailBody3-1 > p:nth-of-type(1) > a:hover {
                color: #e51c23;
            }

    .DVdetailBody3-1 > p:nth-of-type(2) {
        text-indent: 20px;
        font-size: 12px;
        color: #93999f;
        position: absolute;
        bottom: 25px;
    }

.DVdetailBody3-2 {
    position: relative;
    height: 45px;
    line-height: 45px;
    border-top: solid 1px #f3f3f3;
    padding-left: 20px;
    color: #93999f;
    font-size: 14px;
}

    .DVdetailBody3-2 > a {
        text-decoration: none;
        color: #14191e;
        margin-right: 5px;
    }

    .DVdetailBody3-2 > img {
        margin-right: 5px;
    }

    .DVdetailBody3-2 > a > img {
        height: 24px;
        width: 24px;
        border-radius: 12px;
        position: relative;
    }

    .DVdetailBody3-2 > span:nth-of-type(3) {
        color: #14191e;
    }

    .DVdetailBody3-2 > span {
        margin-right: 5px;
    }

.DVdetailBody3-3 {
    position: relative;
    width: 1160px;
    height: 65px;
    background-color: #fcfcfc;
    border: solid 1px #e3e3e3;
    border-radius: 3px;
    left: 20px;
}

    .DVdetailBody3-3 > span:nth-of-type(1) {
        position: relative;
        height: 65px;
        line-height: 65px;
        width: 1040px;
        margin-left: 20px;
        text-align: left;
        display: inline-block;
        color: #14191e;
        font-size: 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .DVdetailBody3-3 > a {
        position: relative;
        height: 65px;
        line-height: 65px;
        width: 90px;
        text-align: left;
        display: inline-block;
        color: #e51c23;
        cursor: pointer;
        overflow: hidden;
    }

    .DVdetailBody3-3 > div {
        position: absolute;
        height: 6px;
        width: 6px;
        background-color: #fcfcfc;
        border-top: solid 1px #e3e3e3;
        border-left: solid 1px #e3e3e3;
        transform: rotate(45deg);
        left: 51px;
        top: -5px;
    }

.DVdetailBody3-4 {
    position: relative;
    width: 1160px;
    height: 35px;
    line-height: 35px;
    left: 20px;
}

    .DVdetailBody3-4 > div:nth-of-type(1) {
        position: absolute;
        height: 35px;
        line-height: 35px;
        color: #93999f;
        font-size: 12px;
    }

    .DVdetailBody3-4 > div:nth-of-type(2) {
        position: absolute;
        width: 150px;
        height: 35px;
        line-height: 35px;
        color: #93999f;
        font-size: 12px;
        text-align: right;
        right: 0;
    }

        .DVdetailBody3-4 > div:nth-of-type(2) > span:nth-of-type(1) {
            margin-right: 10px;
        }

        .DVdetailBody3-4 > div:nth-of-type(2) > img {
            margin-bottom: 5px;
        }

.qaachoose2 {
    color: #4d555d;
}

    .qaachoose2.ischoosed {
        color: #e51c23;
    }

.qaaWeight {
    font-weight: bold
}


/*问题详情*/

.questionDetails {
    position: relative;
    background-color: #f3f3f3;
}

.questionDetailsTopOut {
    position: relative;
    background-color: white;
}

.questionDetailsTop {
    position: relative;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
}

.questionDetailsTop1 {
    position: relative;
    height: 120px;
}

    .questionDetailsTop1 > div:nth-of-type(1) {
        position: relative;
        line-height: 95px;
        height: 85px;
        color: #14191e;
        font-weight: bold;
        font-size: 24px;
        width: 850px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .questionDetailsTop1 > div:nth-of-type(2) {
        position: absolute;
        height: 30px;
        font-size: 14px;
    }

        .questionDetailsTop1 > div:nth-of-type(2) > span:nth-of-type(1) {
            display: inline-block;
            height: 30px;
            width: 30px;
            border-radius: 50%;
            overflow: hidden;
            position: absolute;
            background: url(../Images/default-user-headimage.jpg);
            background-size: 100% 100%;
        }

            .questionDetailsTop1 > div:nth-of-type(2) > span:nth-of-type(1) > img {
                height: 100%;
                width: 100%;
            }

        .questionDetailsTop1 > div:nth-of-type(2) > span:nth-of-type(2) {
            display: inline-block;
            height: 30px;
            line-height: 30px;
            margin-left: 40px;
            color: #14191e;
        }

        .questionDetailsTop1 > div:nth-of-type(2) > span:nth-of-type(3) {
            display: inline-block;
            height: 30px;
            line-height: 30px;
            margin-left: 40px;
            color: #93999f;
            margin-left: 10px;
        }

    .questionDetailsTop1 > div:nth-of-type(3) {
        height: 40px;
        width: 235px;
        position: absolute;
        right: 0;
        top: 40px;
    }

    .questionDetailsTop1.ischoosed > div:nth-of-type(3) {
        height: 40px;
        width: 230px;
        position: absolute;
        right: 0;
        top: 30px;
        line-height: 40px;
        font-size: 24px;
        font-weight: bold;
        color: #e51c23;
        text-align: right;
    }

    .questionDetailsTop1 > div:nth-of-type(3) > span:nth-of-type(1) {
        width: 120px;
        display: inline-block;
        height: 40px;
        border-right: 1px solid #f3f3f3;
        position: relative;
    }

    .questionDetailsTop1 > div:nth-of-type(3) > span:nth-of-type(2) {
        width: 100px;
        display: inline-block;
        height: 40px;
        position: relative;
    }

    .questionDetailsTop1 > div:nth-of-type(3) > span > div:nth-of-type(1) {
        height: 20px;
        line-height: 20px;
        color: #14191e;
        font-weight: bold;
        font-size: 24px;
        text-align: center;
    }

    .questionDetailsTop1 > div:nth-of-type(3) > span > div:nth-of-type(2) {
        height: 20px;
        line-height: 30px;
        color: #93999f;
        font-size: 14px;
        text-align: center;
    }

.questionDetailsTop2 {
    position: relative;
    width: 850px;
}

    .questionDetailsTop2 > div:nth-of-type(1) {
        position: relative;
    }

        .questionDetailsTop2 > div:nth-of-type(1) > div {
            position: relative;
            color: #14191e;
            font-size: 14px;
            white-space: pre-line;
        }

.questionDetailsTop2-2 {
    position: relative;
    margin-top: 20px;
}

    .questionDetailsTop2-2 > a {
        position: relative;
        height: 185px;
        width: 278px;
        border-radius: 3px;
        display: inline-block;
        overflow: hidden;
    }

        .questionDetailsTop2-2 > a > img {
            position: relative;
            min-height: 185px;
            width: 278px;
            border-radius: 3px;
        }

.questionDetailsTop2-3 {
    position: relative;
    height: 70px;
}

    .questionDetailsTop2-3 > div {
        position: absolute;
        height: 16px;
        width: 100%;
        top: 27px;
        font-size: 14px;
        color: #93999f;
    }

        .questionDetailsTop2-3 > div > span:nth-of-type(1) {
            position: absolute;
            height: 16px;
            width: 80px;
            line-height: 16px;
            display: inline-block;
            cursor: pointer;
        }

            .questionDetailsTop2-3 > div > span:nth-of-type(1) > span:nth-of-type(1) {
                position: absolute;
                height: 14px;
                width: 16px;
                display: inline-block;
            }

            .questionDetailsTop2-3 > div > span:nth-of-type(1) > span:nth-of-type(2) {
                position: absolute;
                height: 16px;
                line-height: 16px;
                left: 20px;
            }

            .questionDetailsTop2-3 > div > span:nth-of-type(1) > span:nth-of-type(3) {
                position: absolute;
                height: 16px;
                line-height: 16px;
                left: 20px;
            }

        .questionDetailsTop2-3 > div > span:nth-of-type(2) {
            position: absolute;
            height: 16px;
            width: 80px;
            line-height: 16px;
            display: inline-block;
            left: 90px;
        }

    .questionDetailsTop2-3) > div > span:nth-of-type(2) > span:nth-of-type(1) {
        position: absolute;
        height: 14px;
        width: 18px;
        display: inline-block;
    }

.qaaCollection {
    cursor: pointer;
    background: url(../Images/img2018/collection.png);
    background-size: 100% 100%;
}

.qaaCollection00 {
    cursor: pointer;
}

    .qaaCollection00:hover > .qaaCollection {
        background: url(../Images/img2018/collection_hover.png);
        background-size: 100% 100%;
    }

        .qaaCollection00:hover > .qaaCollection.ischoosed {
            background: url(../Images/img2018/collection_act.png);
            background-size: 100% 100%;
        }

    .qaaCollection00:hover > .qaaCollection1 {
        color: #777777;
    }

    .qaaCollection00:hover > .qaaCollection2 {
        color: #777777;
    }

.qaaCollection.ischoosed {
    cursor: pointer;
    background: url(../Images/img2018/collection_act.png);
    background-size: 100% 100%;
}

    .qaaCollection.ischoosed:hover {
        cursor: pointer;
        background: url(../Images/img2018/collection_act.png);
        background-size: 100% 100%;
    }

.qaaCollection1.ischoosed,
.qaaCollection2.ischoosed {
    display: none;
}

.qaaCollection:hover {
    background: url(../Images/img2018/collection_hover.png);
    background-size: 100% 100%;
}

.qaaShare {
    background: url(../Images/img2018/share.png);
    background-size: 100% 100%;
    display: inline-block;
    width: 18px;
    height: 14px;
}


/*.qaaShare:hover {
	background: url(../Images/img2018/share_hover.png);
	background-size: 100% 100%;
}*/

.qaaReport {
    cursor: pointer;
    background: url(../Images/img2018/report.png);
    background-size: 100% 100%;
}

.questionDetailsTop2-3 > div > span:nth-of-type(2) > span:nth-of-type(2) {
    position: absolute;
    height: 16px;
    line-height: 16px;
    left: 20px;
}

.questionDetailsTop2-3 > div > a:nth-of-type(1) {
    position: absolute;
    height: 16px;
    width: 20px;
    display: inline-block;
    background: url(../Images/img2018/wechat.png);
    background-size: 100% 100%;
    left: 160px;
    cursor: pointer;
}

.questionDetailsTop2-3 > div > a:nth-of-type(2) {
    position: absolute;
    height: 16px;
    width: 20px;
    display: inline-block;
    background: url(../Images/img2018/wechat.png);
    background-size: 100% 100%;
    left: 190px;
    cursor: pointer;
}

.questionDetailsTop2-3 > div > span:nth-of-type(3) {
    position: absolute;
    height: 16px;
    width: 50px;
    line-height: 16px;
    display: inline-block;
    right: 0;
    cursor: pointer;
}

    .questionDetailsTop2-3 > div > span:nth-of-type(3) > span:nth-of-type(1) {
        position: absolute;
        height: 16px;
        width: 13px;
        display: inline-block;
    }

.questionDetailsTop2-3.ischoosed > div > span:nth-of-type(1) > span:nth-of-type(1) {
    position: absolute;
    height: 16px;
    width: 13px;
    display: inline-block;
}

.ifReportShow:hover {
    color: #777777;
}

    .ifReportShow:hover > .qaaReport {
        background: url(../Images/img2018/report_hover.png);
        background-size: 100% 100%;
    }

.questionDetailsTop2-3 > div > span:nth-of-type(3) > span:nth-of-type(2) {
    position: absolute;
    height: 16px;
    line-height: 16px;
    left: 16px;
    width: 34px;
    text-align: right;
}

.questionDetailsTop3 {
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 20px;
    right: 0;
}

    .questionDetailsTop3 > img {
        width: 100px;
        height: 100px;
    }

.questionDetailsBottom {
    position: relative;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    padding-top: 15px;
    padding-bottom: 30px;
}

.questionDetailsBottom1 {
    position: relative;
    background-color: white;
    width: 850px;
    float: left;
    margin-right: 15px;
    border-radius: 3px;
}

    .questionDetailsBottom1.ischoosed {
        position: relative;
        background-color: white;
        width: 1200px;
        float: left;
        margin-right: 15px;
        border-radius: 3px;
    }

.questionDetailsBottom1-1 {
    position: relative;
    width: 850px;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #f3f3f3;
    text-indent: 20px;
}

    .questionDetailsBottom1-1.ischoosed {
        position: relative;
        width: 1200px;
        line-height: 50px;
        font-weight: bold;
        font-size: 14px;
        border-bottom: 1px solid #f3f3f3;
        text-indent: 20px;
    }

.questionDetailsBottom1-5 {
    position: relative;
    height: 75px;
    line-height: 75px;
    padding-left: 20px;
    color: #888888;
    font-size: 16px;
}

    .questionDetailsBottom1-5 > a {
        text-decoration: none;
        color: #333333;
        font-size: 16px;
        font-weight: bold;
    }

        .questionDetailsBottom1-5 > a > img {
            height: 40px;
            width: 40px;
            border-radius: 20px;
            position: relative;
            margin-right: 10px;
        }

    .questionDetailsBottom1-5 > span:nth-of-type(2) {
        color: #333333;
    }

    .questionDetailsBottom1-5 > span {
        margin-right: 5px;
        font-size: 14px;
    }

.questionDetailsBottom1-6 {
    position: relative;
    width: 1160px;
    left: 20px;
    border-radius: 3px;
    border: solid 1px #e3e3e3;
    margin-bottom: 20px;
}

    .questionDetailsBottom1-6.ifOnMove {
        border: solid 1px #4d555d;
    }

    .questionDetailsBottom1-6 > form > textarea {
        width: 100%;
        height: 150px;
        outline: none;
        border: none;
        resize: none;
        line-height: 30px;
        text-indent: 20px;
        font-size: 14px;
        color: #93999f;
        margin-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .questionDetailsBottom1-6 > textarea {
        width: 100%;
        height: 150px;
        outline: none;
        border: none;
        resize: none;
        line-height: 30px;
        text-indent: 20px;
        font-size: 14px;
        color: #93999f;
        margin-top: 10px;
    }

    .questionDetailsBottom1-6 > div {
        height: 20px;
        position: absolute;
        left: 16px;
        cursor: pointer;
        font-size: 14px;
        bottom: 10px;
    }

        .questionDetailsBottom1-6 > div > div:nth-of-type(1) {
            height: 20px;
            position: absolute;
            width: 20px;
            background: url(../Images/img2018/addImages.png);
            background-size: 100% 100%;
        }

        .questionDetailsBottom1-6 > div > span:nth-of-type(1) {
            line-height: 20px;
            color: #93999f;
            font-weight: bold;
            margin-left: 30px;
        }

        .questionDetailsBottom1-6 > div > span:nth-of-type(2) {
            line-height: 20px;
            color: #93999f;
        }

        .questionDetailsBottom1-6 > div:nth-of-type(2) {
            width: 140px;
            height: 40px;
            line-height: 40px;
            color: white;
            background-color: #e51c23;
            border-radius: 3px;
            text-align: center;
            position: absolute;
            left: 1000px;
            bottom: 10px;
        }

.questionDetailsBottom1-2 {
    position: relative;
    width: 810px;
    height: 80px;
    left: 20px;
}

    .questionDetailsBottom1-2 > a:nth-of-type(1) {
        position: absolute;
        width: 40px;
        height: 40px;
        top: 20px;
        overflow: hidden;
        border-radius: 50%;
        background: url(../Images/default-user-headimage.jpg);
        background-size: 100% 100%;
    }

        .questionDetailsBottom1-2 > a:nth-of-type(1) > img {
            position: absolute;
            width: 40px;
            height: 40px;
        }

.zeroSearchNotice {
    line-height: 80px;
    text-align: center;
}

.questionDetailsBottom1-2 > a:nth-of-type(2) {
    position: absolute;
    top: 20px;
    left: 50px;
    color: #14191e;
    font-weight: bold;
    font-size: 16px;
}

.questionDetailsBottom1-2 > span:nth-of-type(1) {
    position: absolute;
    top: 22px;
    left: 129px;
    color: #93999f;
    font-weight: lighter;
}

.questionDetailsBottom1-2 > span:nth-of-type(2) {
    position: absolute;
    top: 50px;
    left: 50px;
    color: #93999f;
    font-size: 12px;
}

.questionDetailsBottom1-2 > span:nth-of-type(3) {
    position: absolute;
    top: 50px;
    right: 50px;
    margin-right: 0px;
    color: #93999f;
    font-size: 12px;
    text-align: right;
}

.questionDetailsBottom1-2-1 {
    position: absolute;
    top: 26px;
    right: 0px;
    width: 39px;
    height: 39px;
    border-radius: 3px;
    cursor: pointer;
}

    .questionDetailsBottom1-2-1 > .thisIsPraise1 {
        position: absolute;
        width: 39px;
        height: 39px;
        background: url(../Images/img2018/dianzan00.png);
        background-size: 100% 100%;
        left: 0;
        display: block;
    }

    .questionDetailsBottom1-2-1 > .thisIsPraise2 {
        position: absolute;
        top: 20px;
        height: 19px;
        line-height: 19px;
        text-align: center;
        display: block;
        width: 39px;
        font-size: 12px;
        color: white;
    }

    .questionDetailsBottom1-2-1 > .thisIsNotPraise1 {
        position: absolute;
        width: 39px;
        height: 39px;
        background: url(../Images/img2018/dianzan11.png);
        background-size: 100% 100%;
        left: 0;
        display: block;
    }

    .questionDetailsBottom1-2-1:hover > .thisIsNotPraise1 {
        background: url(../Images/img2018/dianzan00.png);
        background-size: 100% 100%;
    }

    .questionDetailsBottom1-2-1:hover > .thisIsNotPraise2 {
        color: white;
    }

    .questionDetailsBottom1-2-1 > .thisIsNotPraise2 {
        position: absolute;
        top: 20px;
        height: 19px;
        line-height: 19px;
        text-align: center;
        display: block;
        width: 39px;
        font-size: 12px;
        color: #93999f;
    }

.questionDetailsBottom1-2-2 {
    position: absolute;
    top: 50px;
    right: 0px;
    color: #93999f;
    font-size: 12px;
    vertical-align: middle
}

    .questionDetailsBottom1-2-2 > img {
        margin-bottom: 5px;
    }

.questionDetailsBottom1-3 {
    width: 808px;
    position: relative;
    left: 20px;
    border-radius: 3px;
    padding-top: 10px;
}

    .questionDetailsBottom1-3 > div:nth-of-type(1) {
        position: relative;
        width: 808px;
        color: #4d555d;
        font-size: 14px;
        line-height: 35px;
        white-space: pre-line;
    }

        .questionDetailsBottom1-3 > div:nth-of-type(1) > span:nth-of-type(1) {
            color: #e51c23;
        }

    .questionDetailsBottom1-3 > div:nth-of-type(2) {
        position: relative;
        width: 808px;
    }

        .questionDetailsBottom1-3 > div:nth-of-type(2) > img {
            height: 160px;
            border-radius: 3px;
        }

.questionDetailsBottom1-8 {
    position: relative;
    left: 20px;
    height: 70px;
    line-height: 90px;
    color: #14191e;
    font-size: 16px;
}

.questionDetailsBottom1-7 {
    width: 808px;
    background-color: #fcfcfc;
    border: solid 1px #e3e3e3;
    margin-bottom: 20px;
    position: relative;
    left: 20px;
    border-radius: 3px;
}

    .questionDetailsBottom1-7 > a {
        position: absolute;
        display: block;
        height: 6px;
        width: 6px;
        background-color: #fcfcfc;
        border-top: solid 1px #e3e3e3;
        border-left: solid 1px #e3e3e3;
        transform: rotate(45deg);
        left: 51px;
        top: -5px;
    }

.questionDetailsBottom1-7-1 {
    position: relative;
    width: 768px;
    font-size: 14px;
    left: 20px;
    height: 80px;
}

    .questionDetailsBottom1-7-1.active {
        height: 160px;
    }

    .questionDetailsBottom1-7-1 > textarea {
        width: 100%;
        height: 40px;
        line-height: 40px;
        resize: none;
        outline: none;
        border-radius: 3px;
        border: solid 1px #e3e3e3;
        text-indent: 20px;
        overflow: hidden;
        position: absolute;
        top: 20px;
    }

    .questionDetailsBottom1-7-1.active > textarea {
        height: 70px;
        line-height: 30px;
        overflow-y: auto;
    }

    .questionDetailsBottom1-7-1.active > .questionDetailsBottomBtn1,
    .questionDetailsBottom1-7-1.active > .questionDetailsBottomBtn2 {
        display: block;
    }

.questionDetailsBottomBtn1 {
    width: 75px;
    height: 30px;
    position: absolute;
    bottom: 20px;
    right: 75px;
    color: #14191e;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    display: none;
    cursor: pointer;
}

    .questionDetailsBottomBtn1:hover {
        color: #e51c23;
    }

.questionDetailsBottomBtn2 {
    width: 75px;
    height: 30px;
    background-color: #e51c23;
    border-radius: 3px;
    position: absolute;
    bottom: 20px;
    right: 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    display: none;
    cursor: pointer;
}

    .questionDetailsBottomBtn2:hover {
        background-color: #d01716;
    }

.questionDetailsBottom1-7 > div:nth-of-type(2) {
    position: relative;
    width: 768px;
    left: 20px;
}

.questionDetailsBottom1-7-2 {
    position: relative;
    border-top: 1px solid #e3e3e3;
    padding-top: 20px;
}

    .questionDetailsBottom1-7-2 > div:nth-of-type(1) {
        position: relative;
        height: 40px;
        width: 768px;
    }

        .questionDetailsBottom1-7-2 > div:nth-of-type(1) > img {
            position: absolute;
            height: 40px;
            width: 40px;
            border-radius: 50%;
        }

        .questionDetailsBottom1-7-2 > div:nth-of-type(1) > span:nth-of-type(1) {
            position: absolute;
            left: 50px;
            font-size: 16px;
            color: #14191e;
        }

        .questionDetailsBottom1-7-2 > div:nth-of-type(1) > span:nth-of-type(2) {
            position: absolute;
            left: 50px;
            font-size: 12px;
            color: #93999f;
            bottom: 0;
        }

        .questionDetailsBottom1-7-2 > div:nth-of-type(1) > span:nth-of-type(3) {
            position: absolute;
            right: 0px;
            font-size: 14px;
            color: #e51c23;
            bottom: 0;
        }

            .questionDetailsBottom1-7-2 > div:nth-of-type(1) > span:nth-of-type(3):hover {
                cursor: pointer;
                color: #d01716;
            }

    .questionDetailsBottom1-7-2 > div:nth-of-type(2) {
        position: relative;
        left: 50px;
        width: 718px;
        color: #14191e;
        line-height: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .questionDetailsBottom1-7-2 > div:nth-of-type(2) > span:nth-of-type(1) {
            color: #e51c23;
        }

.questionDetailsDiscuss {
    position: relative;
    left: 50px;
    width: 718px;
    height: 140px;
    display: none;
}

    .questionDetailsDiscuss > textarea {
        width: 100%;
        height: 70px;
        line-height: 40px;
        resize: none;
        outline: none;
        border-radius: 3px;
        border: solid 1px #e3e3e3;
        text-indent: 20px;
        overflow: hidden;
        position: absolute;
    }

.questionDetailsBottom1-7-2.active > .questionDetailsDiscuss {
    display: block;
}

.questionDetailsDiscuss > div:nth-of-type(1) {
    width: 75px;
    height: 30px;
    position: absolute;
    bottom: 20px;
    right: 75px;
    color: #14191e;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer;
}

    .questionDetailsDiscuss > div:nth-of-type(1):hover {
        color: #e51c23;
    }

.questionDetailsDiscuss > div:nth-of-type(2) {
    width: 75px;
    height: 30px;
    background-color: #e51c23;
    border-radius: 3px;
    position: absolute;
    bottom: 20px;
    right: 0;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer;
}

    .questionDetailsDiscuss > div:nth-of-type(2):hover {
        background-color: #d01716;
    }

.questionDetailsBottom1-4 {
    width: 808px;
    background-color: #fcfcfc;
    border: solid 1px #e3e3e3;
    margin-bottom: 20px;
    position: relative;
    left: 20px;
    border-radius: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .questionDetailsBottom1-4 > a {
        position: absolute;
        display: block;
        height: 6px;
        width: 6px;
        background-color: #fcfcfc;
        border-top: solid 1px #e3e3e3;
        border-left: solid 1px #e3e3e3;
        transform: rotate(45deg);
        left: 51px;
        top: -5px;
    }

    .questionDetailsBottom1-4 > div:nth-of-type(1) {
        position: relative;
        width: 170px;
        color: #4d555d;
        font-size: 14px;
        left: 20px;
        line-height: 35px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .questionDetailsBottom1-4 > span:nth-of-type(1) {
        display: block;
        width: 120px;
        height: 30px;
        background-color: #e51c23;
        border-radius: 3px;
        position: absolute;
        top: 13px;
        left: 200px;
        font-size: 14px;
        color: white;
        text-align: center;
        cursor: pointer;
        line-height: 30px;
    }

        .questionDetailsBottom1-4 > span:nth-of-type(1):hover {
            background-color: #d01716;
        }

        .questionDetailsBottom1-4 > span:nth-of-type(1) > span:nth-of-type(1) {
            font-weight: bold;
        }

.DvDetailsWG > img {
    margin-right: 5px;
}

.DvDetailsWG {
    display: block;
    width: 120px;
    height: 30px;
    background-color: #e51c23;
    border-radius: 3px;
    position: absolute;
    top: 16px;
    left: 200px;
    font-size: 14px;
    color: white;
    text-align: center;
    cursor: pointer;
    line-height: 30px;
}

    .DvDetailsWG:hover {
        background: #d01716;
    }

    .DvDetailsWG > span:nth-of-type(1) {
        font-weight: bold;
    }

.questionDetailsBottom2 {
    position: relative;
    width: 335px;
    float: left;
    border-radius: 3px;
}

.questionDetailsBottom2-1 {
    position: relative;
    background-color: white;
    width: 335px;
    height: 310px;
    border-radius: 3px;
    margin-bottom: 15px;
}

    .questionDetailsBottom2-1 > div:nth-of-type(1) {
        position: relative;
        text-indent: 20px;
        border-bottom: 1px solid #f3f3f3;
        color: #4d555d;
        font-weight: bold;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }

    .questionDetailsBottom2-1 > div:nth-of-type(2) {
        position: relative;
        border-bottom: 1px solid #f3f3f3;
        height: 100px;
        width: 295px;
        left: 20px;
    }

        .questionDetailsBottom2-1 > div:nth-of-type(2) > a:nth-of-type(1) {
            position: absolute;
            height: 60px;
            width: 60px;
            top: 20px;
            overflow: hidden;
            border-radius: 50%;
        }

            .questionDetailsBottom2-1 > div:nth-of-type(2) > a:nth-of-type(1) > img {
                position: absolute;
                width: 60px;
                height: 60px;
            }

        .questionDetailsBottom2-1 > div:nth-of-type(2) > a:nth-of-type(2) {
            position: absolute;
            top: 20px;
            left: 75px;
            color: #14191e;
            font-weight: bold;
            font-size: 16px;
        }

        .questionDetailsBottom2-1 > div:nth-of-type(2) > span:nth-of-type(1) {
            position: absolute;
            top: 60px;
            left: 75px;
            color: #93999f;
            font-size: 14px;
            width: 220px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .questionDetailsBottom2-1 > a:nth-of-type(1) {
        position: absolute;
        top: 175px;
        left: 5px;
        font-size: 14px;
        display: inline-block;
        width: 160px;
    }

    .questionDetailsBottom2-1 > a:nth-of-type(2) {
        position: absolute;
        top: 175px;
        right: 5px;
        font-size: 14px;
        display: inline-block;
        width: 160px;
    }

    .questionDetailsBottom2-1 > a > span:nth-of-type(1) {
        position: relative;
        text-align: center;
        display: block;
        color: #14191e;
        font-size: 24px;
        font-weight: bold;
    }

    .questionDetailsBottom2-1 > a > span:nth-of-type(2) {
        position: relative;
        text-align: center;
        display: block;
        color: #93999f;
        font-size: 14px;
    }

.questionDetailsBottom2-1-1 {
    height: 35px;
    width: 138px;
    border: 1px solid #e51c23;
    color: #e51c23;
    font-size: 14px;
    line-height: 33px;
    text-align: center;
    border-radius: 3px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    cursor: pointer;
}

    .questionDetailsBottom2-1-1.active {
        left: 99px;
    }

    .questionDetailsBottom2-1-1:hover {
        color: white;
        background: #e51c23;
    }

.reportMain2.ifOnMove {
    border: 1px solid #4d555d;
}

.reportMain2.active > textarea {
    border: 1px solid #e51c23;
}

.questionDetailsBottom2-1-1:hover > div > .noFocusThis,
.questionDetailsBottom2-1-1:hover > div > .FocusThis {
    color: white;
}

.questionDetailsBottom2-1-1 > span {
    font-weight: bold;
    font-size: 18px;
}

.noFocusThis {
    color: #e51c23;
}

.FocusThis {
    color: #e51c23;
}

    .FocusThis:hover {
        color: #e51c23;
    }

.questionDetailsBottom2-1-1 > .singleFocus {
    border: none;
}

.questionDetailsBottom2-1-2 {
    height: 35px;
    width: 140px;
    color: white;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    border-radius: 3px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #e51c23;
    cursor: pointer;
}

    .questionDetailsBottom2-1-2:hover {
        color: white;
        background: #d01716;
    }

    .questionDetailsBottom2-1-2 > span:nth-of-type(1) {
        font-weight: bold;
    }

.questionDetailsBottom2-2 {
    position: relative;
    background-color: white;
    width: 335px;
    border-radius: 3px;
    padding-bottom: 20px
}

    .questionDetailsBottom2-2 > div:nth-of-type(1) {
        position: relative;
        text-indent: 20px;
        border-bottom: 1px solid #f3f3f3;
        color: #4d555d;
        font-weight: bold;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }

        .questionDetailsBottom2-2 > div:nth-of-type(1) > a {
            color: #93999f;
            font-weight: normal;
            margin-left: 130px;
        }

            .questionDetailsBottom2-2 > div:nth-of-type(1) > a:hover {
                color: #e51c23;
                font-weight: normal;
                margin-left: 130px;
            }

    .questionDetailsBottom2-2 > div:nth-of-type(2) {
        position: relative;
    }

.questionDetailsBottomOther {
    width: 295px;
    position: relative;
    left: 20px;
    border-bottom: 1px solid #f3f3f3;
    display: block;
    padding-top: 15px;
    padding-bottom: 10px;
}

    .questionDetailsBottomOther:nth-last-of-type(1) {
        border-bottom: none;
    }

    .questionDetailsBottomOther > div:nth-of-type(1) {
        font-size: 14px;
        color: #14191e;
        line-height: 25px;
    }

        .questionDetailsBottomOther > div:nth-of-type(1):hover {
            color: #e51c23;
        }

    .questionDetailsBottomOther > div:nth-of-type(2) {
        font-size: 12px;
        color: #93999f;
        line-height: 30px;
    }

.bottomBox {
    background: white;
    height: 20px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}


/*提问弹窗*/

.noticeBox {
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.6);
    position: fixed;
    z-index: 99;
    top: 0;
}

    .noticeBox.ischoosed {
        display: none;
    }

.noticeFirst {
    width: 400px;
    background: white;
    border-radius: 3px;
    position: fixed;
    left: 50%;
    margin-left: -200px;
    top: 100px;
    max-height: 570px;
    min-height: 440px;
}

.noticeFirst1 {
    height: 55px;
    line-height: 55px;
    text-indent: 20px;
    position: relative;
    border-bottom: 1px solid #f3f3f3;
    font-size: 16px;
    font-weight: bold;
    color: #4d555d;
}

    .noticeFirst1 > span {
        position: absolute;
        right: 20px;
        cursor: pointer;
        font-weight: normal;
        font-size: 20px;
        color: #888888;
    }

.noticeFirst2 {
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
    position: relative;
    background-color: #f3f3f3;
    border-radius: 3px;
    color: #93999f;
    font-size: 14px;
    width: 360px;
    left: 20px;
    margin-top: 10px;
}

    .noticeFirst2 > input {
        height: 40px;
        position: relative;
        background-color: #f3f3f3;
        border-radius: 3px;
        color: #14191e;
        font-size: 14px;
        border: none;
        outline: none;
        width: 340px;
    }

.noticeFirst3 {
    height: 45px;
    line-height: 44px;
    text-indent: 10px;
    position: relative;
    border-bottom: 1px solid #f3f3f3;
    font-size: 14px;
}

    .noticeFirst3 > span {
        height: 44px;
        line-height: 44px;
        text-align: center;
        position: relative;
        display: inline-block;
        font-size: 14px;
        width: 90px;
        cursor: pointer;
    }

.noticeFirst3-1 {
    color: #888888;
}

    .noticeFirst3-1.ischoosed {
        color: #e51c23;
    }

.noticeFirst4 {
    min-height: 280px;
    max-height: 420px;
    overflow: auto;
    position: relative;
}

.noticeFirst4-1 {
    position: relative;
    width: 360px;
    height: 68px;
    border-bottom: 1px solid #f3f3f3;
    left: 20px;
}

    .noticeFirst4-1 > div {
        float: left;
        position: absolute;
    }

    .noticeFirst4-1 > a:nth-of-type(1) {
        width: 40px;
        height: 40px;
        top: 15px;
        border-radius: 50%;
        overflow: hidden;
        display: block;
        float: left;
        position: absolute;
        background: url(../Images/default-user-headimage.jpg);
        background-size: 100% 100%;
    }

        .noticeFirst4-1 > a:nth-of-type(1) > img {
            width: 100%;
            height: 100%;
        }

    .noticeFirst4-1 > div:nth-of-type(1) {
        height: 20px;
        top: 13px;
        font-weight: bold;
        font-size: 14px;
        left: 50px;
        color: #14191e;
    }

        .noticeFirst4-1 > div:nth-of-type(1) > a {
            font-weight: bold;
            color: #14191e;
        }

        .noticeFirst4-1 > div:nth-of-type(1) > img {
            margin-bottom: 3px;
        }

    .noticeFirst4-1 > div:nth-of-type(2) {
        height: 20px;
        top: 33px;
        font-size: 10px;
        left: 50px;
        color: #93999f;
        line-height: 30px;
    }

.askteacher > span:nth-of-type(1) {
    font-weight: bold;
}

.noticeMain {
    width: 800px;
    background: white;
    border-radius: 3px;
    position: fixed;
    left: 50%;
    margin-left: -400px;
    top: 100px;
}

.noticeMain1 {
    height: 50px;
    text-align: right;
    line-height: 50px;
    text-indent: 20px;
    position: relative;
    left: 20px;
    width: 760px;
}

.noticeMain2 {
    text-align: center;
    font-size: 24px;
    color: #4d555d;
    height: 30px;
    position: relative;
    line-height: 60px;
}

.noticeMain3 {
    text-align: center;
    font-size: 14px;
    color: #93999f;
    height: 75px;
    position: relative;
    line-height: 90px;
}

.noticeMain4 {
    position: relative;
    width: 760px;
    border-radius: 3px;
    border: solid 1px #e3e3e3;
}

    .noticeMain4.active {
        border: solid 1px #e51c23;
    }

    .noticeMain4.ifOnMove,
    .noticeMain6.ifOnMove {
        border: solid 1px #4d555d;
    }

    .noticeMain4 > div {
        position: absolute;
        top: -30px;
    }

        .noticeMain4 > div > span {
            font-weight: bold;
        }

        .noticeMain4 > div > img {
            margin-bottom: 3px;
        }

    .noticeMain4 > input {
        width: 100%;
        height: 50px;
        border: none;
        outline: none;
        resize: none;
        line-height: 50px;
        text-indent: 20px;
        font-size: 14px;
        color: #14191e;
    }

        .noticeMain4 > input::-webkit-input-placeholder {
            color: #93999f;
        }

        .noticeMain4 > input::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: #93999f;
        }

        .noticeMain4 > input:-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: #93999f;
        }

        .noticeMain4 > input:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #93999f;
        }

.noticeMain5 {
    position: relative;
    color: #14191e;
    height: 59px;
    line-height: 60px;
}

.noticeMain6 {
    position: relative;
    color: #93999f;
    width: 760px;
    height: 100px;
    border-radius: 3px;
    border: solid 1px #e3e3e3;
}

    .noticeMain6 > textarea {
        width: 100%;
        height: 80px;
        border: none;
        resize: none;
        line-height: 19px;
        text-indent: 10px;
        font-size: 14px;
        color: #14191e;
        position: absolute;
        top: 15px;
        padding-left: 10px;
        padding-right: 10px;
        outline: none;
    }

        .noticeMain6 > textarea:focus {
            border: none;
        }

.noticeMain4 > input:focus {
    border: none;
}

.noticeMain6 > div {
    height: 20px;
    position: absolute;
    left: 16px;
    cursor: pointer;
    font-size: 14px;
    bottom: 10px;
}

.noticeMain10 {
    position: absolute;
    color: #93999f;
    width: 760px;
    height: 40px;
    top: 323px;
    left: 0;
}

.ifIsDv.noticeMain10 {
    position: absolute;
    color: #93999f;
    width: 760px;
    height: 40px;
    top: -65px;
    left: 945px;
}

.noticeMain10 > div {
    height: 20px;
    position: absolute;
    cursor: pointer;
    font-size: 14px;
    bottom: 0px;
}

    .noticeMain10 > div > div:nth-of-type(1) {
        height: 20px;
        position: absolute;
        width: 20px;
        background: url(../Images/img2018/addImages.png);
        background-size: 100% 100%;
    }

    .noticeMain10 > div > span:nth-of-type(1) {
        line-height: 20px;
        color: white;
        font-weight: bold;
        margin-left: 30px;
    }

    .noticeMain10 > div > span:nth-of-type(2) {
        line-height: 20px;
        color: #93999f;
    }

.qq-uploader {
    overflow: visible;
    background-color: rgba(1, 1, 1, 0);
    border: none;
    padding: 0;
    min-height: 0;
    height: 0;
}

#uploader-Img {
    width: 700px;
    z-index: 9999;
}

.ifIsQue .qq-upload-button {
    background: none;
    color: #93999f;
    position: absolute;
    border: none;
    outline: none;
    box-shadow: none;
    top: 0px;
    left: 5px;
}

    .ifIsQue .qq-upload-button:hover {
        /*color:#e51c23;*/
    }

.ifIsDv .qq-upload-button {
    background: none;
    color: #93999f;
    position: absolute;
    border: none;
    outline: none;
    box-shadow: none;
    top: -217px;
    left: 950px;
}

    .ifIsDv .qq-upload-button:hover {
        color: #777777;
    }

.DvAnswerBtn {
    color: white;
    line-height: 40px;
    cursor: pointer;
    width: 140px;
    background-color: #e51c23;
    border-radius: 3px;
    text-align: center;
    position: absolute;
    right: 20px;
    bottom: 10px;
}

.ifIsDv .qq-upload-list {
    width: 700px;
    box-shadow: none;
    position: relative;
    margin-bottom: 20px;
    overflow: visible;
    margin-left: 20px;
}

.qq-upload-list {
    width: 700px;
    box-shadow: none;
    position: relative;
    margin-bottom: 20px;
    overflow: visible;
}

    .qq-upload-list li {
        margin: 0;
        padding: 0;
        overflow: visible;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .qq-upload-list li.qq-upload-success {
            background-color: white;
            color: none;
            border-bottom: none;
            border-top: none;
            float: left;
        }

            .qq-upload-list li.qq-upload-success > img {
                border-radius: 3px;
            }

.noticeMain9 > button {
    background: #e51c23;
    border: none;
    outline: none;
    color: white;
    width: 100%;
}

.noticeMain9:hover {
    background: #d01716;
}

.noticeMain9 > button:hover {
    background: #d01716;
    color: white;
}

.noticeMain9 > button:focus {
    background: #d01716;
    color: white;
}

.noticeMain9 > button:active {
    background: #d01716;
    color: white;
}

.removeQueImg {
    position: absolute;
    height: 24px;
    width: 24px;
    margin-left: 78px;
    top: -8px;
    background: url(../Images/img2018/answerClose.png);
    background-size: 100% 100%;
    cursor: pointer;
}

.noticeMain6 > div > div:nth-of-type(1) {
    height: 20px;
    position: absolute;
    width: 20px;
    background: url(../Images/img2018/addImages.png);
    background-size: 100% 100%;
}

.noticeMain6 > div > span:nth-of-type(1) {
    line-height: 20px;
    color: white;
    font-weight: bold;
    margin-left: 30px;
}

.noticeMain6 > div > span:nth-of-type(2) {
    line-height: 20px;
    color: #93999f;
}

.noticeMain7 {
    position: relative;
    height: 110px;
    width: 760px;
    left: 20px;
}

    .noticeMain7 > div {
        position: relative;
        height: 110px;
        width: 110px;
        float: left;
    }

        .noticeMain7 > div > img {
            position: absolute;
            height: 90px;
            width: 90px;
            left: 0;
            bottom: 0;
            border-radius: 3px;
        }

        .noticeMain7 > div > div {
            position: absolute;
            height: 24px;
            width: 24px;
            left: 78px;
            top: 8px;
            background: url(../Images/img2018/answerClose.png);
            background-size: 100% 100%;
            cursor: pointer;
        }

.noticeMain8 {
    position: relative;
    height: 70px;
    width: 760px;
    line-height: 30px;
    left: 2px;
}

    .noticeMain8 > div {
        position: absolute;
        top: 20px;
        height: 20px;
        text-indent: 30px;
        color: #14191e;
        font-size: 14px;
        line-height: 20px;
    }

.noticeMain8-1 {
    width: 20px;
    height: 20px;
    position: absolute;
    cursor: pointer;
    border-radius: 3px;
    border: solid 1px #e3e3e3;
}

    .noticeMain8-1.ischoosed > img {
        position: absolute;
        left: 4px;
        top: 6px;
        display: block;
    }

    .noticeMain8-1 > img {
        position: absolute;
        left: 4px;
        top: 6px;
        display: none;
    }

.noticeMain9 {
    position: relative;
    height: 40px;
    background: #e51c23;
    width: 300px;
    left: 230px;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 20px;
    color: white;
    cursor: pointer;
    font-size: 16px;
}

    .noticeMain9 > div > span:nth-of-type(1) {
        font-weight: bold;
    }

        .noticeMain9 > div > span:nth-of-type(1) > label {
            font-weight: bold;
            font-size: 16px;
        }


/*搜索结果*/

.moreResultLIst {
    display: block;
    height: 40px;
    border-radius: 3px;
    background: white;
    line-height: 40px;
    color: #e51c23;
    font-size: 14px;
    position: relative;
    text-indent: 45px;
    cursor: pointer;
}

    .moreResultLIst > img {
        position: absolute;
        top: 11px;
        left: 20px;
    }

.searchMainOut {
    position: relative;
    width: 100%;
    background: rgb(246, 246, 246);
}

.searchMain {
    width: 1200px;
    position: relative;
    left: 50%;
    margin-left: -600px;
    clear: both;
    margin-bottom: 20px;
}

.searchMain1 {
    position: relative;
    font-weight: bolder;
    font-size: 16px;
    line-height: 60px;
    height: 60px;
    color: #333333;
}

    .searchMain1 > span {
        color: #e51c23;
    }

.searchMain2 {
    position: relative;
    background: white;
    border-radius: 3px;
    margin-bottom: 15px;
}

    .searchMain2 > div:nth-of-type(1) {
        position: relative;
        height: 35px;
        background: white;
        line-height: 55px;
        border-radius: 3px;
        font-size: 14px;
        color: #555555;
        text-indent: 20px;
        z-index: 99;
    }

.searchMain2-1.ischoosed {
    position: relative;
    height: 300px;
    overflow: hidden;
}

.searchMain2-2.ischoosed {
    position: relative;
    height: 795px;
    overflow: hidden;
}

.searchMain3 {
    position: relative;
}

    .searchMain3 > div:nth-of-type(1) {
        position: relative;
        height: 35px;
        background: white;
        line-height: 55px;
        border-radius: 3px;
        font-size: 14px;
        color: #555555;
        text-indent: 20px;
        z-index: 99;
    }


/*颜色交互*/

.noBorderColor {
    background-color: #e51c23;
}

    .noBorderColor:hover {
        background-color: #e51c23;
    }

.BorderColor {
    background-color: white;
    color: #e51c23;
}

    .BorderColor:hover {
        background-color: #e51c23;
        color: white
    }

.fontColor {
    color: black;
}

    .fontColor:hover {
        color: red;
    }


/*举报*/

.reportBox {
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.6);
    position: fixed;
    z-index: 99999;
}

    .reportBox.ischoosed {
        display: none;
    }

.reportMain {
    width: 400px;
    height: 320px;
    background-color: white;
    position: fixed;
    border-radius: 3px;
    top: 150px;
    left: 50%;
    margin-left: -200px;
}

.reportMain1 {
    height: 55px;
    line-height: 55px;
    text-indent: 20px;
    position: relative;
    border-bottom: 1px solid #f3f3f3;
}

    .reportMain1 > span:nth-of-type(1) {
        height: 50px;
        text-align: left;
        line-height: 50px;
        text-indent: 20px;
        position: relative;
        font-size: 16px;
        color: #4d555d;
        font-weight: bold;
    }

    .reportMain1 > span:nth-of-type(2) {
        cursor: pointer;
        position: absolute;
        right: 20px;
        font-size: 22px;
        color: #777777;
    }

        .reportMain1 > span:nth-of-type(2):hover {
            cursor: pointer;
            position: absolute;
            right: 20px;
            font-size: 22px;
            color: #888888;
        }

.reportMain2 {
    width: 360px;
    height: 160px;
    background-color: #ffffff;
    margin-top: 20px;
    position: relative;
    left: 20px;
    color: #93999f;
}

    .reportMain2 > textarea {
        width: 100%;
        text-indent: 20px;
        height: 100%;
        border-radius: 3px;
        outline: none;
        border: solid 1px #e3e3e3;
        resize: none;
        line-height: 30px;
        font-size: 14px;
        color: #93999f;
        padding-top: 10px;
        position: absolute;
    }

.reportMain3 {
    position: absolute;
    width: 120px;
    height: 40px;
    border-radius: 3px;
    color: white;
    left: 50px;
    bottom: 20px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    background: #888888;
}

    .reportMain3:hover {
        background: #777777;
    }

.reportMain4 {
    position: absolute;
    width: 120px;
    height: 40px;
    background-color: #e51c23;
    border-radius: 3px;
    color: white;
    right: 50px;
    bottom: 20px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

    .reportMain4:hover {
        background: #d01716;
    }


/*围观*/

.ifWatchQuestion {
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.6);
    position: fixed;
    z-index: 999;
    top: 0;
}

    .ifWatchQuestion.ischoosed {
        display: none;
    }

.ifWatchQuestion1 {
    width: 400px;
    height: 320px;
    background-color: white;
    position: fixed;
    border-radius: 3px;
    top: 150px;
    left: 50%;
    margin-left: -200px;
}

    .ifWatchQuestion1.ifIsAsk {
        height: 420px;
    }

.ifWatchQuestion1-1 {
    height: 55px;
    line-height: 55px;
    text-indent: 20px;
    position: relative;
    border-bottom: 1px solid #f3f3f3;
}

    .ifWatchQuestion1-1 > span:nth-of-type(1) {
        height: 50px;
        text-align: left;
        line-height: 50px;
        text-indent: 20px;
        position: relative;
        font-size: 16px;
        color: #4d555d;
        font-weight: bold;
    }

    .ifWatchQuestion1-1 > div {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        font-size: 14px;
        line-height: 30px;
    }

    .ifWatchQuestion1-1 > button {
        cursor: pointer;
        position: absolute;
        right: 20px;
        top: 20px;
    }

.ifWatchQuestion1-2 {
    text-align: center;
}

    .ifWatchQuestion1-2 > p:nth-of-type(1) {
        font-size: 14px;
        color: #333333;
        margin-top: 50px;
    }

    .ifWatchQuestion1-2 > p:nth-of-type(2) {
        color: #e51c23;
        font-size: 24px;
        font-weight: bold;
        margin-top: -4px;
    }

        .ifWatchQuestion1-2 > p:nth-of-type(2) > label {
            color: #e51c23;
            font-size: 24px;
            font-weight: bold;
            margin-top: 10px;
        }

    .ifWatchQuestion1-2 > p:nth-of-type(3) {
        color: #888888;
        font-size: 14px;
        margin-top: 10px;
    }

        .ifWatchQuestion1-2 > p:nth-of-type(3) > span:nth-of-type(2) {
            color: #e51c23;
            font-weight: bold;
        }

    .ifWatchQuestion1-2 > a {
        position: absolute;
        width: 300px;
        height: 40px;
        border-radius: 3px;
        color: white;
        left: 50px;
        bottom: 30px;
        text-align: center;
        line-height: 40px;
        cursor: pointer;
        background-color: #e51c23;
        font-size: 16px;
    }

        .ifWatchQuestion1-2 > a:hover {
            background-color: #d01716;
        }

.ifWatchQuestion1-3 {
    position: absolute;
    width: 300px;
    height: 40px;
    border-radius: 3px;
    color: white;
    left: 50px;
    bottom: 30px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    background-color: #e51c23;
    font-size: 16px;
}

    .ifWatchQuestion1-3:hover {
        background-color: #d01716;
    }

    .ifWatchQuestion1-3 > span:nth-of-type(1) {
    }

    .ifWatchQuestion1-3.moneyNotEnough {
        background-color: #888888;
    }

.ifWatchQuestion1-4 {
    position: absolute;
    height: 30px;
    color: #e51c23;
    bottom: 0;
    text-align: center;
    line-height: 30px;
    display: none;
    font-size: 14px;
    width: 100%;
}

    .ifWatchQuestion1-4.moneyNotEnough {
        display: block;
    }


/*删除弹窗*/

.ifRemoveBox1 {
    width: 360px;
    height: 220px;
    background-color: white;
    position: fixed;
    border-radius: 3px;
    top: 150px;
    left: 50%;
    margin-left: -180px;
}

.ifRemoveBox1-1 {
    height: 55px;
    line-height: 55px;
    text-indent: 20px;
    position: relative;
    border-bottom: 1px solid #f3f3f3;
}

    .ifRemoveBox1-1 > span:nth-of-type(1) {
        height: 50px;
        text-align: left;
        line-height: 50px;
        text-indent: 20px;
        position: relative;
        font-size: 16px;
        color: #4d555d;
        font-weight: bold;
    }

    .ifRemoveBox1-1 > button {
        cursor: pointer;
        position: absolute;
        right: 20px;
        top: 20px;
    }

.ifRemoveBox1-2 {
    text-align: center;
    line-height: 80px;
    font-size: 14px;
}

.ifRemoveBox1-3 {
    position: absolute;
    width: 100px;
    height: 40px;
    border-radius: 3px;
    color: white;
    left: 60px;
    bottom: 30px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    background-color: #e51c23;
}

    .ifRemoveBox1-3:hover {
        background-color: #d01716;
    }

.ifRemoveBox1-4 {
    position: absolute;
    width: 100px;
    height: 40px;
    border-radius: 3px;
    color: white;
    right: 60px;
    bottom: 30px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    background-color: #999999;
}

    .ifRemoveBox1-4:hover {
        background-color: #888888;
    }


/*分享改*/

.shareModel {
    position: absolute;
    height: 16px;
    width: 230px;
    bottom: 0;
    font-size: 14px;
    color: #93999f;
    left: 370px;
}

    .shareModel > span:nth-of-type(1) {
        position: absolute;
        height: 16px;
        width: 80px;
        line-height: 16px;
        display: inline-block;
    }

        .shareModel > span:nth-of-type(1) > span:nth-of-type(1) {
            position: absolute;
            height: 14px;
            width: 16px;
            display: inline-block;
        }

        .shareModel > span:nth-of-type(1) > span:nth-of-type(2) {
            position: absolute;
            height: 16px;
            line-height: 16px;
            left: 20px;
        }

        .shareModel > span:nth-of-type(1) > span:nth-of-type(3) {
            position: absolute;
            height: 16px;
            line-height: 16px;
            left: 20px;
        }

    .shareModel > span:nth-of-type(2) {
        position: absolute;
        height: 16px;
        width: 80px;
        line-height: 16px;
        display: inline-block;
        left: 90px;
    }

        .shareModel > span:nth-of-type(2) > span:nth-of-type(2) {
            position: absolute;
            height: 16px;
            line-height: 16px;
            left: 20px;
        }

    .shareModel > a:nth-of-type(1) {
        position: absolute;
        height: 16px;
        width: 20px;
        display: inline-block;
        background: url(../Images/img2018/wechat.png);
        background-size: 100% 100%;
        left: 160px;
        cursor: pointer;
    }

    .shareModel > a:nth-of-type(2) {
        position: absolute;
        height: 16px;
        width: 20px;
        display: inline-block;
        background: url(../Images/img2018/wechat.png);
        background-size: 100% 100%;
        left: 190px;
        cursor: pointer;
    }


/*个人中心*/

.bigBoxDemo {
    width: 100%;
    background: white;
}

.questionMyCenter1 {
    height: 100px;
    width: 890px;
    position: relative;
    left: 35px;
    border-bottom: 1px solid #f3f3f3;
    background: white;
}

.questionMyCenter1-0 {
    display: inline-block;
    width: 50px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: white;
    background-color: #08b244;
    border-radius: 3px;
    font-size: 14px;
    margin-right: 10px;
    font-weight: normal;
}

    .questionMyCenter1-0.active {
        background: #ffc031;
    }

.questionMyCenter1-1 {
    height: 57px;
    line-height: 57px;
    width: 750px;
    position: relative;
    text-decoration: none;
    color: #14191e;
    font-weight: bold;
    font-size: 18px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .questionMyCenter1-1:hover {
        color: #e51c23;
    }

.questionMyCenter1-2 {
    height: 30px;
    line-height: 30px;
    position: relative;
    color: #14191e;
    font-size: 14px;
}

    .questionMyCenter1-2 > img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin-right: 10px;
    }

    .questionMyCenter1-2 > span:nth-of-type(2) {
        color: #93999f;
        margin-left: 10px;
    }

.questionMyCenter1-3 {
    width: 90px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    border: solid 1px #e51c23;
    color: #e51c23;
    text-align: center;
    position: absolute;
    right: 0;
    top: 30px;
    cursor: pointer;
}

    .questionMyCenter1-3:hover {
        background: #e51c23;
        color: white;
    }


/**/

.questionMyCenter2 {
    height: 125px;
    width: 890px;
    position: relative;
    left: 35px;
    border-bottom: 1px solid #f3f3f3;
    background: white;
}

.questionMyCenter2-1 {
    height: 57px;
    line-height: 57px;
    width: 750px;
    position: relative;
    text-decoration: none;
    color: #14191e;
    font-weight: bold;
    font-size: 18px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

    .questionMyCenter2-1:hover {
        color: #e51c23;
    }

.questionMyCenter2-2 {
    height: 25px;
    line-height: 0px;
    position: relative;
    color: #93999f;
    font-size: 12px;
}

.questionMyCenter2-3 {
    height: 30px;
    line-height: 30px;
    position: relative;
    color: #14191e;
    font-size: 14px;
}

    .questionMyCenter2-3 > img {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin-right: 10px;
    }

    .questionMyCenter2-3 > span:nth-of-type(2) {
        color: #93999f;
        margin-left: 10px;
    }

.questionMyCenter2-4 {
    width: 90px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    border: solid 1px #e51c23;
    color: #e51c23;
    text-align: center;
    position: absolute;
    right: 0;
    top: 30px;
    cursor: pointer;
}

    .questionMyCenter2-4:hover {
        background: #e51c23;
        color: white;
    }


/**/

.questionMyCenter3 {
    height: 130px;
    width: 890px;
    position: relative;
    left: 35px;
    border-bottom: 1px solid #f3f3f3;
    background: white;
}

.questionMyCenter3-1 {
    height: 57px;
    line-height: 57px;
    width: 750px;
    position: relative;
    text-decoration: none;
    color: #14191e;
    font-weight: bold;
    font-size: 18px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .questionMyCenter3-1:hover {
        color: #e51c23;
    }

.questionMyCenter3-2 {
    height: 25px;
    line-height: 0px;
    position: relative;
    color: #93999f;
    font-size: 12px;
}

.questionMyCenter3-3 {
    height: 30px;
    line-height: 30px;
    position: relative;
    color: #93999f;
    font-size: 14px;
}

    .questionMyCenter3-3 > a {
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
    }

        .questionMyCenter3-3 > a > img {
            width: 30px;
            height: 30px;
            border-radius: 50%;
        }

    .questionMyCenter3-3 > span:nth-of-type(2) > a {
        color: #14191e;
    }

    .questionMyCenter3-3 > span:nth-of-type(2) > img {
        margin-bottom: 2px;
    }

    .questionMyCenter3-3 > span:nth-of-type(4) {
        position: absolute;
        right: 0;
    }

.questionMyCenter3-4 {
    width: 90px;
    height: 30px;
    line-height: 28px;
    border-radius: 3px;
    border: solid 1px #e51c23;
    color: #e51c23;
    text-align: center;
    position: absolute;
    right: 0;
    top: 30px;
    cursor: pointer;
}

    .questionMyCenter3-4:hover {
        background: #e51c23;
        color: white;
    }


/**/

.questionMyCenter4 {
    position: relative;
    height: 100px;
    width: 890px;
    left: 35px;
    border-bottom: 1px solid #f3f3f3;
    background: white;
}

    .questionMyCenter4 > a:nth-of-type(1) {
        display: block;
        height: 60px;
        width: 60px;
        border-radius: 50%;
        overflow: hidden;
        position: absolute;
        top: 20px;
    }

        .questionMyCenter4 > a:nth-of-type(1) > img {
            height: 100%;
            width: 100%;
        }

    .questionMyCenter4 > div:nth-of-type(1) {
        display: block;
        height: 20px;
        position: absolute;
        top: 20px;
        color: #14191e;
        font-weight: bold;
        left: 70px;
    }

        .questionMyCenter4 > div:nth-of-type(1) > a {
            color: #14191e;
            font-size: 16px;
            font-weight: bold;
        }

        .questionMyCenter4 > div:nth-of-type(1) > img {
            margin-bottom: 5px;
        }

    .questionMyCenter4 > div:nth-of-type(2) {
        display: block;
        height: 20px;
        position: absolute;
        top: 40px;
        color: #93999f;
        left: 70px;
        line-height: 25px;
        font-size: 10px;
    }

    .questionMyCenter4 > div:nth-of-type(3) {
        display: block;
        height: 20px;
        position: absolute;
        top: 60px;
        color: #93999f;
        left: 70px;
        line-height: 25px;
        font-size: 14px;
    }

.myMoneyCenter {
    width: 950px;
}

.myMoneyCenter1 {
    position: relative;
    height: 110px;
    background-color: #ffffff;
    border-radius: 3px;
    margin-bottom: 15px;
    line-height: 110px;
}

    .myMoneyCenter1 > span:nth-of-type(1) {
        font-size: 16px;
        color: #4d555d;
        margin-left: 30px;
    }

    .myMoneyCenter1 > span:nth-of-type(2) {
        margin-left: 20px;
        font-size: 30px;
        font-weight: bold;
        color: #14191e;
    }

        .myMoneyCenter1 > span:nth-of-type(2) > span {
            margin-left: 10px;
        }

    .myMoneyCenter1 > a {
        position: absolute;
        width: 130px;
        display: block;
        text-indent: 40px;
        font-size: 16px;
        color: #7a8085;
        height: 30px;
        line-height: 30px;
        border-right: 1px solid #e3e3e3;
        top: 40px;
        cursor: pointer;
    }

        .myMoneyCenter1 > a > span {
            display: inline-block;
            position: absolute;
            left: 16px;
            top: 4px;
        }

        .myMoneyCenter1 > a:nth-of-type(1) > span {
            width: 16px;
            height: 20px;
            background: url(../Images/img3.2/myMoney1.png);
        }

        .myMoneyCenter1 > a:nth-of-type(1):hover > span {
            background: url(../Images/img3.2/myMoney11.png);
        }

        .myMoneyCenter1 > a:nth-of-type(2) > span {
            width: 21px;
            height: 20px;
            background: url(../Images/img3.2/myMoney2.png);
        }

        .myMoneyCenter1 > a:nth-of-type(2):hover > span {
            background: url(../Images/img3.2/myMoney22.png);
        }

        .myMoneyCenter1 > a:nth-of-type(3) > span {
            width: 20px;
            height: 20px;
            background: url(../Images/img3.2/myMoney3.png);
        }

        .myMoneyCenter1 > a:nth-of-type(3):hover > span {
            background: url(../Images/img3.2/myMoney33.png);
        }

        .myMoneyCenter1 > a:hover {
            color: #e51c23;
        }

        .myMoneyCenter1 > a:nth-of-type(1) {
            right: 290px;
        }

        .myMoneyCenter1 > a:nth-of-type(2) {
            right: 160px;
        }

        .myMoneyCenter1 > a:nth-of-type(3) {
            right: 30px;
            border-right: none;
        }

.myMoneyTaskDate {
    position: absolute;
    height: 46px;
    top: 17px;
    right: 95px;
    width: 450px;
    overflow: hidden;
}

.myMoneyTaskDateDemo {
    position: absolute;
    width: 60px;
    height: 46px;
}

    .myMoneyTaskDateDemo.active > span:nth-of-type(1) {
        background: #e51c23;
    }

    .myMoneyTaskDateDemo.active > span:nth-of-type(2) {
        background: #e51c23;
    }

    .myMoneyTaskDateDemo.active > div {
        background: #e51c23;
        color: #ffffff;
    }

    .myMoneyTaskDateDemo > span:nth-of-type(1) {
        display: block;
        height: 4px;
        top: 13px;
        background: #f3f5f7;
        position: absolute;
        left: 0;
        width: 15px;
    }

    .myMoneyTaskDateDemo > div {
        height: 30px;
        width: 30px;
        border-radius: 50%;
        left: 15px;
        background: #f3f5f7;
        position: absolute;
        line-height: 30px;
        text-align: center;
        color: #93999f;
        font-size: 12px;
        font-weight: bold;
    }

    .myMoneyTaskDateDemo > span:nth-of-type(2) {
        display: block;
        height: 4px;
        top: 13px;
        width: 15px;
        right: 0;
        background: #f3f5f7;
        position: absolute;
    }

    .myMoneyTaskDateDemo > span:nth-of-type(3) {
        bottom: 0px;
        width: 100%;
        color: #93999f;
        position: absolute;
        font-size: 10px;
        text-align: center;
        height: 10px;
        line-height: 10px;
    }

    .myMoneyTaskDateDemo:nth-of-type(1) {
        left: -15px;
    }

    .myMoneyTaskDateDemo:nth-of-type(2) {
        left: 45px;
    }

    .myMoneyTaskDateDemo:nth-of-type(3) {
        left: 105px;
    }

    .myMoneyTaskDateDemo:nth-of-type(4) {
        left: 165px;
    }

    .myMoneyTaskDateDemo:nth-of-type(5) {
        left: 225px;
    }

    .myMoneyTaskDateDemo:nth-of-type(6) {
        left: 285px;
    }

    .myMoneyTaskDateDemo:nth-of-type(7) {
        left: 345px;
    }

    .myMoneyTaskDateDemo:nth-of-type(8) {
        left: 405px;
    }

.myMoneyCenter2 {
    width: 950px;
    background-color: #ffffff;
    border-radius: 3px;
    position: relative;
    margin-bottom: 15px;
}

    .myMoneyCenter2 > div:nth-of-type(1) {
        line-height: 54px;
        border-bottom: 1px solid #f3f3f3;
        position: relative;
        text-indent: 30px;
        font-weight: bold;
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 15px;
    }

.myMoneyTaskBox {
    width: 890px;
    left: 30px;
    position: relative;
}

.myMoneyTaskHead {
    height: 60px;
    line-height: 60px;
    background-color: #f3f3f3;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    text-indent: 20px;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
}

    .myMoneyTaskHead > span {
        height: 20px;
        position: absolute;
        top: 20px;
        border-radius: 2px;
        display: block;
        width: 4px;
        left: 0;
        background: #e51c23;
    }

.myMoneyTaskDemo {
    height: 80px;
    line-height: 80px;
    position: relative;
    border-bottom: 1px solid #f3f3f3;
}

    .myMoneyTaskDemo > img {
        position: absolute;
        right: 10px;
        top: 10px;
    }

.myMoneyTaskDemoSmall {
    position: relative;
    width: 1020px;
}

    .myMoneyTaskDemoSmall > .myMoneyTaskDemo {
        float: left;
        width: 380px;
        margin-right: 130px;
    }

.myMoneyTaskDemo > span:nth-of-type(1) {
    font-size: 16px;
    color: #14191e;
    margin-left: 20px;
}

    .myMoneyTaskDemo > span:nth-of-type(1) > span {
        color: #7a8085;
    }

.myMoneyTaskDemo1 {
    display: block;
    position: absolute;
    right: 0;
    width: 80px;
    height: 30px;
    background-color: #e4212c;
    border-radius: 3px;
    line-height: 30px;
    text-align: center;
    top: 25px;
    color: #ffffff;
}

    .myMoneyTaskDemo1:hover {
        background: #d01716;
        cursor: pointer;
        color: #ffffff;
    }

.myMoneyTaskDemo2 {
    position: absolute;
    right: 95px;
    text-align: right;
    height: 30px;
    line-height: 30px;
    top: 25px;
    color: #e51c23;
    font-weight: bold;
    font-size: 12px;
}

    .myMoneyTaskDemo2 > span {
        font-size: 16px;
    }
/*.myMoneyTaskHead>span{
    display:block;
    position:absolute;
    left:0;
    top:20px;
    height:20px;
    background:#e51c23;
    width:5px;
}
.myMoneyCenterDate {
	height: 120px;
	width: 240px;
	position: absolute;
	left: 20px;
	top: 94px;
}

.myMoneyCenterDate>div {
	height: 55px;
	width: 40px;
	position: relative;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.myMoneyCenterDate>div>div:nth-of-type(1) {
	height: 15px;
	width: 40px;
	text-align: center;
	position: relative;
	line-height: 10px;
	color: #93999f;
	font-size: 10px;
}

.myMoneyCenterDate>div>div:nth-of-type(2) {
	height: 40px;
	width: 40px;
	text-align: center;
	position: relative;
	line-height: 40px;
	font-size: 14px;
	font-weight: bold;
	border-radius: 50%;
}

.myMoneyCenterDate1 {
	color: #93999f;
	border: 1px solid #e3e3e3;
}

.myMoneyCenterDate1.active {
	color: #e51c23;
	border: 1px solid #e51c23;
}*/

.myMoneyCenter3 {
    width: 950px;
    background-color: #ffffff;
    border-radius: 3px;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 20px;
}

    .myMoneyCenter3 > div:nth-of-type(1) {
        line-height: 54px;
        border-bottom: 1px solid #f3f3f3;
        position: relative;
        text-indent: 30px;
        font-weight: bold;
        margin-bottom: 20px;
    }

.myMoneyCenter3-1 {
    width: 890px;
    line-height: 40px;
    position: relative;
    left: 30px;
    background-color: #f3f5f7;
    color: #7a8085;
}

    .myMoneyCenter3-1 > span:nth-of-type(1) {
        margin-left: 30px;
        display: inline-block;
        width: 280px;
    }

    .myMoneyCenter3-1 > span:nth-of-type(2) {
        display: inline-block;
        width: 290px;
    }

    .myMoneyCenter3-1 > span:nth-of-type(3) {
        display: inline-block;
        width: 240px;
    }

.myMoneyCenter3-2 {
    width: 890px;
    line-height: 50px;
    position: relative;
    left: 30px;
    border-bottom: 1px solid #f3f3f3;
}

    .myMoneyCenter3-2 > span:nth-of-type(1) {
        margin-left: 30px;
        display: inline-block;
        width: 280px;
        color: #14191e;
    }

    .myMoneyCenter3-2 > .addMyMoney {
        display: inline-block;
        width: 290px;
        color: #e51c23;
        font-weight: bold;
    }

    .myMoneyCenter3-2 > .minusMyMoney {
        display: inline-block;
        width: 290px;
        color: #00c654;
        font-weight: bold;
    }

    .myMoneyCenter3-2 > span:nth-of-type(3) {
        display: inline-block;
        width: 240px;
        color: #14191e;
    }


/*paybox*/

.payBoxOut {
    height: 100%;
    width: 100%;
    position: fixed;
    background: rgba(1, 1, 1, 0.4);
    z-index: 999;
    top: 0;
    left: 0;
    display: none;
}

    .payBoxOut.active {
        display: block;
    }

.payBox {
    width: 600px;
    height: 500px;
    background-color: #ffffff;
    border-radius: 3px;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    top: 200px;
}

    .payBox > div:nth-of-type(1) {
        height: 55px;
        line-height: 55px;
        border-bottom: 1px solid #f3f3f3;
        position: relative;
        text-indent: 20px;
        font-size: 16px;
        font-weight: bold;
        color: #4d555d;
    }

        .payBox > div:nth-of-type(1) > img {
            position: absolute;
            right: 20px;
            top: 20px;
            cursor: pointer;
        }

    .payBox > div:nth-of-type(2) {
        line-height: 95px;
        height: 100px;
        position: relative;
        font-size: 18px;
        color: #14191e;
        text-align: center;
    }

        .payBox > div:nth-of-type(2) > span:nth-of-type(1) {
            color: #e51c23;
            font-weight: bold;
        }

        .payBox > div:nth-of-type(2) > span:nth-of-type(2) {
            font-weight: bold;
        }

    .payBox > div:nth-of-type(3) {
        height: 55px;
        position: relative;
        font-size: 14px;
    }

        .payBox > div:nth-of-type(3) > div {
            line-height: 30px;
            height: 30px;
            position: absolute;
        }

            .payBox > div:nth-of-type(3) > div:nth-of-type(1) {
                left: 50px;
            }

            .payBox > div:nth-of-type(3) > div:nth-of-type(2) {
                left: 136px;
                width: 60px;
                text-align: center;
                border-radius: 3px;
                cursor: pointer;
            }

            .payBox > div:nth-of-type(3) > div:nth-of-type(3) {
                left: 206px;
                width: 60px;
                text-align: center;
                border-radius: 3px;
                cursor: pointer;
            }

            .payBox > div:nth-of-type(3) > div:nth-of-type(4) {
                left: 276px;
                width: 60px;
                text-align: center;
                border-radius: 3px;
                cursor: pointer;
            }

            .payBox > div:nth-of-type(3) > div:nth-of-type(5) {
                left: 346px;
                width: 60px;
                text-align: center;
                border-radius: 3px;
                cursor: pointer;
            }

            .payBox > div:nth-of-type(3) > div:nth-of-type(6) {
                left: 416px;
                width: 110px;
                border-radius: 3px;
                cursor: pointer;
            }

.payStyleNormal {
    border: solid 1px #e3e3e3;
}

    .payStyleNormal.active {
        border: solid 1px #e51c23;
    }

.payBox > div:nth-of-type(3) > div:nth-of-type(6) > input {
    left: 416px;
    width: 90px;
    position: absolute;
    height: 28px;
    left: 10px;
    border: none;
    outline: none;
}

.payBox > div:nth-of-type(3) > div:nth-of-type(7) {
    left: 136px;
    top: 40px;
}

.payBox > div:nth-of-type(4) {
    height: 100px;
    line-height: 100px;
    position: relative;
    font-size: 14px;
    color: #14191e;
    text-indent: 50px;
}

    .payBox > div:nth-of-type(4) > span {
        font-weight: bold;
        font-size: 24px;
        color: #e51c23;
        margin-left: 15px;
    }

.payBox > div:nth-of-type(5) {
    height: 60px;
    line-height: 60px;
    position: relative;
    font-size: 14px;
    color: #14191e;
    text-indent: 50px;
}

.payBoxZFB {
    left: 140px;
    width: 200px;
    height: 60px;
    position: absolute;
    background: url(../Images/img2018/zhifubao-normal.png);
    top: 0;
    cursor: pointer;
}

    .payBoxZFB.active {
        background: url(../Images/img2018/zhifubao-active.png);
    }

.payBoxWX {
    left: 360px;
    width: 200px;
    height: 60px;
    position: absolute;
    background: url(../Images/img2018/weixin-normal.png);
    top: 0;
    cursor: pointer;
}

    .payBoxWX.active {
        background: url(../Images/img2018/weixin-active.png);
    }

.payForCoinN {
    width: 120px;
    height: 40px;
    border-radius: 3px;
    border: solid 1px #93999f;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    position: absolute;
    left: 160px;
    bottom: 30px;
    color: #14191e;
    cursor: pointer;
}

.payForCoinY {
    width: 120px;
    height: 40px;
    background-color: #e51c23;
    border-radius: 3px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    position: absolute;
    right: 160px;
    bottom: 30px;
    color: white;
    cursor: pointer;
}


/*通知栏*/

.noticeIndex {
    position: relative;
    width: 1200px;
    min-height: 800px;
    background: white;
    left: 50%;
    margin-left: -600px;
    margin-bottom: 50px;
}

.noticeIndexHeader {
    position: relative;
    width: 1200px;
    line-height: 60px;
    height: 60px;
    border-bottom: 1px solid #f3f3f3;
    background: white;
}

    .noticeIndexHeader > span:nth-of-type(1) {
        font-size: 18px;
        font-weight: bold;
        color: #14191e;
        position: absolute;
        left: 0;
    }

    .noticeIndexHeader > span:nth-of-type(2) {
        font-size: 14px;
        color: #e51c23;
        position: absolute;
        right: 0;
        cursor: pointer;
    }

        .noticeIndexHeader > span:nth-of-type(2):hover {
            color: #d01716;
        }

    .noticeIndexHeader > span:nth-of-type(3) {
        font-size: 14px;
        color: #e51c23;
        position: absolute;
        right: 120px;
        cursor: pointer;
    }

        .noticeIndexHeader > span:nth-of-type(3):hover {
            color: #d01716;
        }

.noticeIndexBodyList {
    position: relative;
    width: 1200px;
    height: 110px;
    border-bottom: 1px solid #f3f3f3;
    background: white;
}

.noticeIndexBodyList1 {
    position: relative;
    width: 1000px;
    height: 55px;
    line-height: 75px;
    font-size: 14px;
    color: #14191e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.noticeIndexBodyList2 {
    position: relative;
    display: block;
    width: 1000px;
    height: 55px;
    line-height: 35px;
    font-weight: bold;
    font-size: 18px;
    color: #14191e;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .noticeIndexBodyList2:hover {
        color: #e51c23;
    }

.noticeIndexBodyList3 {
    position: absolute;
    right: 0;
    top: 30px;
    font-size: 14px;
    color: #93999f;
}

.noticeIndexBodyList4 {
    position: absolute;
    right: 0;
    font-size: 14px;
    bottom: 27px;
    color: #e51c23;
    font-size: 14px;
    cursor: pointer;
    display: none;
    transition: 0.5s;
}

.noticeIndexBodyList:hover .noticeIndexBodyList4 {
    display: block;
}

.active > .noticeIndexBodyList1 {
    color: #93999f;
}

.active > .noticeIndexBodyList2 {
    color: #93999f;
}

.text-danger {
    color: #e51c23;
    position: absolute;
}

#registerImg {
    height: 45px;
    width: 90px;
    margin-left: 10px;
    border-radius: 3px;
}

.registerNotice {
    position: relative;
    line-height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

    .registerNotice > span:nth-of-type(1) {
        color: #13181E;
        font-size: 18px;
    }

    .registerNotice > span:nth-of-type(2) {
        color: #777C81;
        font-size: 14px;
    }

        .registerNotice > span:nth-of-type(2) > span {
            color: #e51c23;
        }

.registerBack {
    color: #777C81;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    width: 100%;
}

    .registerBack:hover {
        color: #e51c23;
    }


/*个性化*/

.modal .modal-header {
    border-bottom: none;
}

.myCheck {
    background-color: white;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
    width: 18px;
    height: 18px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    cursor: pointer;
}


/*图片详情*/

.imgShowBox {
    position: fixed;
    min-height: 100%;
    width: 100%;
    background: rgba(1, 1, 1, 0.7);
    z-index: 99999;
    text-align: center;
    display: none;
    top: 0;
    left: 0;
    overflow-y: auto;
}

.imgShowBoxClose {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(1, 1, 1, 0);
    z-index: 1;
}

.imgShowBox.active {
    display: block;
}

.imgShowBox > img {
    position: absolute;
    top: 10%;
    width: 700px;
    left: 50%;
    margin-left: -350px;
    z-index: 9;
}

.imgShowBoxOne {
    display: none;
}

    .imgShowBoxOne.active {
        display: block;
    }

.queImgMove {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -20px;
    margin-left: -400px;
    width: 800px;
    height: 40px;
    z-index: 99;
}

.queImggoLeft {
    position: absolute;
    left: 0;
    width: 40px;
    height: 40px;
    background: url(../Images/img2018/left_arrow.png);
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 99;
}

.queImggoRight {
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    background: url(../Images/img2018/right_arrow.png);
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 99;
}

    .queImggoLeft:hover,
    .queImggoRight:hover {
        opacity: 0.7;
    }

.ansImgBox {
    display: inline-block;
    width: 278px;
    height: 185px;
    overflow: hidden;
}

.ansImgBox {
    display: inline-block;
    width: 240px;
    height: 160px;
    overflow: hidden;
    border-radius: 3px;
}

    .ansImgBox > img {
        width: 240px;
        min-height: 160px;
    }

.queshengye {
    width: 100%;
    background: white;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius: 3px;
}

.thisFontWeight {
    font-weight: bold;
}


/*公司说明-独立样式*/

.sidemenu.ifIsAbout .item {
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
    margin-bottom: 5px;
}

.sidemenu.ifIsAbout a span {
    text-align: center;
}

.sidemenu.ifIsAbout .text {
    margin-left: 0px;
}

.sidemenu.ifIsAbout > img {
    margin-left: 100px;
    margin-top: 40px;
    position: absolute;
}

.feedBackMain {
    border-radius: 3px;
}

    .feedBackMain:focus {
        border: 1px solid #4d555d;
        outline: none;
    }

.about-con button:hover {
    background: #d01716;
    outline: none;
    border: none;
}

.about-con button {
    outline: none;
    border: none;
}

.feedBackMain.active {
    border: 1px solid #e51c23;
}

.navbar-inverse {
    border-color: none;
}


/*新资源中心*/

.newResource {
    position: relative;
    width: 100%;
    background: rgb(246, 246, 246);
    padding-bottom: 150px;
}

.newResourceBg {
    width: 100%;
    height: 320px;
    background: url(/Images/img3.1/resourceNewBg.png) no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
}

.newResourceMain {
    width: 1200px;
    position: relative;
    left: 50%;
    margin-left: -600px;
}

.newResourceSearch {
    height: 135px;
    position: relative;
}

.newResourceNav {
    height: 400px;
    position: relative;
    background: #FFFFFF;
    margin-bottom: 50px;
    border-radius: 3px;
}

.newResourceXs {
    position: relative;
    margin-bottom: 50px;
}

.newResourcePpt {
    position: relative;
    margin-bottom: 50px;
}

.newResourceSc {
    position: relative;
    margin-bottom: 50px;
}

.newResourceZl {
    position: relative;
    margin-bottom: 50px;
}

.newResourceWk {
    position: relative;
    margin-bottom: 60px;
}

.newResourceRj {
    position: relative;
}

.newResourceTitle {
    height: 45px;
    position: relative;
}

    .newResourceTitle > span:nth-of-type(1) {
        font-size: 22px;
        font-weight: bold;
        color: #14191e;
        margin-right: 24px;
    }

    .newResourceTitle > span:nth-of-type(2) {
        font-size: 14px;
        color: #4d555d;
    }

    .newResourceTitle > a {
        font-size: 14px;
        color: #4d555d;
        cursor: pointer;
        margin-right: 24px;
        line-height: 30px;
    }

        .newResourceTitle > a:hover {
            color: #e51c23;
        }

        .newResourceTitle > a:last-child {
            float: right;
            text-align: right;
            margin-right: 0;
            color: #93999f;
        }

            .newResourceTitle > a:last-child:hover {
                color: #e51c23;
            }

.newResourceDetail1 {
    height: 310px;
    position: relative;
}

.newResourceDetailDemo1 {
    width: 285px;
    height: 310px;
    background-color: #ffffff;
    border-radius: 3px;
    float: left;
    margin-right: 20px;
    cursor: pointer;
    position: relative;
    display: block;
}

    .newResourceDetailDemo1:last-child {
        margin-right: 0;
    }

    .newResourceDetailDemo1 > img {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 265px;
        height: 220px;
    }

    .newResourceDetailDemo1 > div:nth-of-type(1) {
        width: 265px;
        height: 220px;
        background-color: rgba(0, 0, 0, 0.45);
        position: absolute;
        left: 10px;
        top: 10px;
        opacity: 0;
        transition: 0.5s;
    }

    .newResourceDetailDemo1:hover > div:nth-of-type(1) {
        opacity: 1;
    }

    .newResourceDetailDemo1:hover {
        box-shadow: 0 0 10px rgba(1, 1, 1, 0.2);
    }

    .newResourceDetailDemo1 > div:nth-of-type(1) > a {
        width: 160px;
        height: 40px;
        background-color: #E51C23;
        border-radius: 3px;
        display: block;
        color: white;
        position: absolute;
        left: 52px;
        top: 91px;
        text-align: center;
        line-height: 40px;
        cursor: pointer;
    }

        .newResourceDetailDemo1 > div:nth-of-type(1) > a:hover {
            width: 160px;
            height: 40px;
            background-color: #d01716;
            border-radius: 3px;
            display: block;
            color: white;
            position: absolute;
            left: 52px;
            top: 91px;
            text-align: center;
            line-height: 40px;
            cursor: pointer;
        }

        .newResourceDetailDemo1 > div:nth-of-type(1) > a > span {
            font-weight: bold;
        }



    .newResourceDetailDemo1 > p {
        font-size: 16px;
        font-weight: bold;
        color: #14191e;
        position: absolute;
        top: 240px;
        left: 10px;
        display: block;
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 95%;
    }

    .newResourceDetailDemo1:hover > p {
        color: #E51C23;
    }

    .newResourceDetailDemo1 > span:nth-of-type(1) {
        position: absolute;
        bottom: 22px;
        left: 10px;
        font-size: 11px;
        color: #93999f;
    }

    .newResourceDetailDemo1 > span:nth-of-type(2) {
        position: absolute;
        bottom: 22px;
        right: 10px;
        font-size: 12px;
        color: #E51C23;
        font-weight: bold;
    }

        .newResourceDetailDemo1 > span:nth-of-type(2).active {
            color: #00c654;
        }

.newResourceDetail2 {
    height: 365px;
    position: relative;
}

.newResourceDetailDemo2 {
    width: 225px;
    height: 365px;
    float: left;
    margin-right: 18px;
    position: relative;
    cursor: pointer;
}

    .newResourceDetailDemo2:last-child {
        margin-right: 0;
    }

    .newResourceDetailDemo2 > div:nth-of-type(1) {
        position: absolute;
        width: 225px;
    }

        .newResourceDetailDemo2 > div:nth-of-type(1) > div:nth-of-type(1) {
            position: absolute;
            width: 225px;
            height: 300px;
            background-color: #ffffff;
            border-radius: 3px;
            border: solid 1px #e3e3e3;
            z-index: 9;
            transition: 0.5s;
        }

            .newResourceDetailDemo2 > div:nth-of-type(1) > div:nth-of-type(1) > img {
                position: absolute;
                width: 223px;
                height: 300px;
                border-radius: 3px;
            }

        .newResourceDetailDemo2 > div:nth-of-type(1) > div:nth-of-type(2) {
            position: absolute;
            width: 210px;
            height: 300px;
            background-color: rgba(20, 25, 30, 0.1);
            border-radius: 3px;
            z-index: 8;
            top: 6px;
            left: 7.5px;
            transition: 0.5s;
        }

        .newResourceDetailDemo2 > div:nth-of-type(1) > div:nth-of-type(3) {
            position: absolute;
            width: 195px;
            height: 300px;
            background-color: rgba(20, 25, 30, 0.1);
            border-radius: 3px;
            z-index: 7;
            top: 10px;
            left: 15px;
            transition: 0.5s;
        }

        .newResourceDetailDemo2 > div:nth-of-type(1) > div:nth-of-type(1) > div {
            position: absolute;
            width: 225px;
            height: 300px;
            background-color: rgba(0, 0, 0, 0.45);
            border-radius: 3px;
            z-index: 9;
            transition: 0.5s;
            opacity: 0;
        }

        .newResourceDetailDemo2 > div:nth-of-type(1) > div:nth-of-type(1):hover > div {
            opacity: 1;
        }

        .newResourceDetailDemo2 > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > span {
            width: 160px;
            height: 40px;
            background-color: #E51C23;
            border-radius: 3px;
            display: block;
            color: white;
            position: absolute;
            left: 32.5px;
            top: 130px;
            text-align: center;
            line-height: 40px;
            cursor: pointer;
        }

            .newResourceDetailDemo2 > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > span:hover {
                background-color: #d01716;
            }

            .newResourceDetailDemo2 > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > span > span {
                font-weight: bold;
            }

        .newResourceDetailDemo2 > div:nth-of-type(1):hover > div:nth-of-type(1) {
            transform: translateY(-2.5px);
        }

        .newResourceDetailDemo2 > div:nth-of-type(1):hover > div:nth-of-type(2) {
            transform: translateY(2.5px)scale(0.95, 1);
        }

        .newResourceDetailDemo2 > div:nth-of-type(1):hover > div:nth-of-type(3) {
            transform: translateY(5px) scale(0.9, 1);
        }

    .newResourceDetailDemo2 > a {
        font-size: 16px;
        font-weight: bold;
        color: #14191e;
        position: absolute;
        top: 320px;
        cursor: pointer;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

    .newResourceDetailDemo2:hover > a {
        color: #E51C23;
    }

    .newResourceDetailDemo2 > span:nth-of-type(1) {
        position: absolute;
        bottom: 0;
        font-size: 11px;
        color: #93999f;
    }

    .newResourceDetailDemo2 > span:nth-of-type(2) {
        position: absolute;
        bottom: 0;
        right: 0px;
        font-size: 12px;
        color: #E51C23;
        font-weight: bold;
    }

        .newResourceDetailDemo2 > span:nth-of-type(2).active {
            color: #00c654;
        }

.newResourceDetail3 {
    height: 220px;
    position: relative;
}

.newResourceDetailDemo3 {
    width: 227px;
    height: 220px;
    background-color: #ffffff;
    border-radius: 3px;
    float: left;
    margin-right: 16px;
    position: relative;
    cursor: pointer;
}

    .newResourceDetailDemo3:last-child {
        margin-right: 0;
    }

    .newResourceDetailDemo3 > div:nth-of-type(1) {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 207px;
        height: 138px;
        overflow: hidden;
        text-align: center;
    }

        .newResourceDetailDemo3 > div:nth-of-type(1) > img {
            width: 207px;
            height: 138px;
            transition: 0.5s;
        }

    .newResourceDetailDemo3:hover {
        box-shadow: 0 0 10px rgba(1, 1, 1, 0.3);
    }

        .newResourceDetailDemo3:hover > div:nth-of-type(1) > img {
            transform: scale(1.2);
        }

    .newResourceDetailDemo3 > a {
        font-size: 16px;
        font-weight: bold;
        color: #14191e;
        position: absolute;
        top: 160px;
        left: 10px;
        display: block;
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 95%;
    }

    .newResourceDetailDemo3:hover > a {
        color: #E51C23;
    }

    .newResourceDetailDemo3 > span:nth-of-type(1) {
        position: absolute;
        bottom: 15px;
        left: 10px;
        font-size: 11px;
        color: #93999f;
    }

    .newResourceDetailDemo3 > span:nth-of-type(2) {
        position: absolute;
        bottom: 15px;
        right: 10px;
        font-size: 12px;
        color: #E51C23;
        font-weight: bold;
    }

        .newResourceDetailDemo3 > span:nth-of-type(2).active {
            color: #00c654;
        }

.newResourceDetail4 {
    height: 180px;
    position: relative;
    background-color: #ffffff;
    border-radius: 3px;
}

.newResourceDetailDemo4 {
    width: 239px;
    height: 180px;
    float: left;
    position: relative;
    border-right: 1px solid #f3f3f3;
    cursor: pointer;
}

    .newResourceDetailDemo4:last-child {
        border-right: none;
    }

    .newResourceDetailDemo4 > img {
        position: absolute;
        left: 42px;
        top: 33px;
        width: 60px;
        height: 60px;
        transition: 0.5s;
    }

    .newResourceDetailDemo4:hover > img {
        transform: scale(1.2);
    }

    .newResourceDetailDemo4:hover > div:nth-of-type(1) {
        color: #e51c23;
    }

    .newResourceDetailDemo4 > div:nth-of-type(1) {
        position: absolute;
        left: 115px;
        top: 40px;
        width: 100px;
        height: 16px;
        font-weight: bold;
        line-height: 16px;
        font-size: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #14191e;
    }

    .newResourceDetailDemo4 > span:nth-of-type(1) {
        position: absolute;
        left: 115px;
        top: 75px;
        color: #93999f;
        font-size: 12px;
    }

    .newResourceDetailDemo4 > a:nth-of-type(1) {
        display: block;
        width: 160px;
        height: 35px;
        background-color: #ffffff;
        border-radius: 4px;
        border: solid 1px #cccccc;
        left: 42px;
        bottom: 30px;
        cursor: pointer;
        color: #14191e;
        text-align: center;
        line-height: 35px;
        position: absolute;
    }

        .newResourceDetailDemo4 > a:nth-of-type(1) > span {
            font-weight: bold;
        }

        .newResourceDetailDemo4 > a:nth-of-type(1):hover {
            background-color: #E51C23;
            color: white;
            border: solid 1px #E51C23;
        }

.newResourceDetail5 {
    height: 390px;
    position: relative;
}

.newResourceDetail5-1 {
    height: 390px;
    position: absolute;
    width: 800px;
    border-radius: 3px;
    background: #ffffff;
}

.newResourceDetail5-2 {
    height: 390px;
    position: absolute;
    width: 390px;
    border-radius: 3px;
    background: url(/Images/img3.1/new-bg1.png);
    background-size: 100%;
    right: 0;
}

    .newResourceDetail5-2 > div {
        width: 340px;
        height: 295px;
        font-size: 12px;
        color: #ffffff;
        position: absolute;
        bottom: 0;
        left: 25px;
    }

        .newResourceDetail5-2 > div > div > input {
            width: 340px;
            height: 35px;
            background-color: rgba(255, 255, 255, 0.5);
            border-radius: 3px;
            position: absolute;
            top: 25px;
            text-indent: 10px;
            border: none;
            outline: none;
            font-size: 14px;
            color: #14191e;
        }

            .newResourceDetail5-2 > div > div > input:focus {
                border: 1px solid #14191e;
            }

        .newResourceDetail5-2 > div > div > textarea:focus {
            border: 1px solid #14191e;
        }

        .newResourceDetail5-2 > div > div > textarea {
            width: 340px;
            height: 75px;
            background-color: rgba(255, 255, 255, 0.5);
            border-radius: 3px;
            position: absolute;
            top: 75px;
            text-indent: 10px;
            border: none;
            outline: none;
            resize: none;
            line-height: 25px;
            font-size: 14px;
            color: #14191e;
        }

        .newResourceDetail5-2 > div > div > div:nth-of-type(1) {
            position: absolute;
            cursor: pointer;
            width: 165px;
            height: 35px;
            border-radius: 3px;
            top: 165px;
        }

        .newResourceDetail5-2 > div > div > div:nth-of-type(2) {
            position: absolute;
            cursor: pointer;
            width: 165px;
            height: 35px;
            border-radius: 3px;
            top: 165px;
            right: 0;
        }

        .newResourceDetail5-2 > div > div > button {
            width: 340px;
            height: 40px;
            background-color: #ffffff;
            border-radius: 3px;
            font-size: 16px;
            line-height: 40px;
            color: #e51c23;
            text-align: center;
            border: none;
            outline: none;
            bottom: 40px;
            position: absolute;
            cursor: pointer;
            font-weight: bold;
        }

            .newResourceDetail5-2 > div > div > button:hover {
                background-color: #f6f6f6;
            }

.newResourceForm > input::-webkit-input-placeholder,
.newResourceForm > textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: rgba(148, 120, 76, 0.6);
}

.newResourceForm > input:-moz-placeholder,
.newResourceForm > textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(148, 120, 76, 0.6);
}

.newResourceForm > input::-moz-placeholder,
.newResourceForm > textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(148, 120, 76, 0.6);
}

.newResourceForm > input:-ms-input-placeholder,
.newResourceForm > textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: rgba(148, 120, 76, 0.6);
}

.newResourceForm > input.active {
    /* WebKit browsers */
    border: 1px solid #e51c23;
}


/*搜索框**/

.active > #mySearchRecourseMain::-webkit-input-placeholder {
    color: #e51c23;
}

.active > #mySearchRecourseMain::-moz-placeholder {
    color: #e51c23;
}

.active > #mySearchRecourseMain::-moz-placeholder {
    color: #e51c23;
}

.active > #mySearchRecourseMain :-ms-input-placeholder {
    color: #e51c23;
}


/**/

.newResourceDetail5-2 > div:nth-of-type(3) > div > input.active {
    border: 1px solid #e51c23;
}

.newResourceForm > input.active::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #e51c23;
}

.newResourceForm > input.active:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #e51c23;
}

.newResourceForm > input.active::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #e51c23;
}

.newResourceForm > input.active:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #e51c23;
}

.wantRecourse3.active > input {
    border: 1px solid #e51c23;
}

    .wantRecourse3.active > input::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #e51c23;
    }

    .wantRecourse3.active > input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #e51c23;
    }

    .wantRecourse3.active > input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #e51c23;
    }

    .wantRecourse3.active > input:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #e51c23;
    }

.newResourceDetail5-1 > div:nth-of-type(1) {
    height: 335px;
    width: 350px;
    position: absolute;
    left: 25px;
}

    .newResourceDetail5-1 > div:nth-of-type(1) > div:nth-of-type(1),
    .newResourceDetail5-1 > div:nth-of-type(2) > div:nth-of-type(1) {
        height: 60px;
        width: 350px;
        position: absolute;
        font-weight: bold;
        color: #4d555d;
        font-size: 16px;
        line-height: 77px;
    }

    .newResourceDetail5-1 > div:nth-of-type(1) > div:nth-of-type(2) {
        height: 272px;
        width: 740px;
        position: absolute;
        bottom: 0;
        overflow: hidden;
    }

.newResourceDetail5-1 > div:nth-of-type(2) {
    width: 350px;
    position: absolute;
    right: 35px;
}

.newResourceDetail5-1 > div:nth-of-type(3) {
    height: 55px;
    width: 750px;
    position: absolute;
    left: 20px;
    bottom: 0;
    color: #14191e;
}

    .newResourceDetail5-1 > div:nth-of-type(3) > span:nth-of-type(1) {
        position: absolute;
        width: 300px;
        height: 1px;
        top: 27px;
        background-color: #f3f3f3;
    }

    .newResourceDetail5-1 > div:nth-of-type(3) > span:nth-of-type(2) {
        position: absolute;
        width: 300px;
        height: 1px;
        top: 27px;
        right: 0;
        background-color: #f3f3f3;
    }

    .newResourceDetail5-1 > div:nth-of-type(3) > a {
        position: absolute;
        top: 15px;
        left: 320px;
        color: #14191e;
        display: block;
        height: 25px;
        line-height: 25px;
        width: 105px;
    }

        .newResourceDetail5-1 > div:nth-of-type(3) > a:hover {
            color: #e51c23;
        }

        .newResourceDetail5-1 > div:nth-of-type(3) > a > img {
            position: absolute;
            right: 0;
            top: 6px;
        }

.newResourceNavLeft {
    position: absolute;
    width: 240px;
    left: 15px;
    top: 5px;
    height: 395px;
}

.newResourceNavLeftDemo {
    height: 75px;
    border-bottom: 1px solid #f3f3f3;
    position: relative;
    width: 240px;
}

    .newResourceNavLeftDemo:last-child {
        border-bottom: none;
    }

    .newResourceNavLeftDemo > p:nth-of-type(1) {
        font-size: 16px;
        font-weight: bold;
        color: #14191e;
        position: absolute;
        top: 15px;
    }

        .newResourceNavLeftDemo > p:nth-of-type(1) > a {
            font-size: 16px;
            font-weight: bold;
            color: #14191e;
        }

            .newResourceNavLeftDemo > p:nth-of-type(1) > a:hover {
                color: #e51c23;
            }

    .newResourceNavLeftDemo > p:nth-of-type(2) {
        font-size: 0;
        position: absolute;
        top: 40px;
    }

        .newResourceNavLeftDemo > p:nth-of-type(2) > a {
            text-decoration: none;
            color: #4d555d;
            margin-right: 10px;
            font-size: 14px;
        }

            .newResourceNavLeftDemo > p:nth-of-type(2) > a:hover {
                color: #E51C23;
            }

.newResourceNavMid {
    position: absolute;
    left: 270px;
    width: 710px;
    height: 400px;
    overflow: hidden;
}

.newResourceNavRight {
    position: absolute;
    width: 220px;
    height: 350px;
    right: 0px;
    top: 23px;
}

    .newResourceNavRight > a:nth-of-type(1) {
        display: block;
        position: absolute;
        left: 60px;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        overflow: hidden;
    }

        .newResourceNavRight > a:nth-of-type(1) > img {
            width: 100px;
            height: 100px;
        }

    .newResourceNavRight > span:nth-of-type(1) {
        font-size: 16px;
        font-weight: bold;
        color: #333333;
        position: absolute;
        text-align: center;
        width: 100%;
        top: 115px;
    }

    .newResourceNavRight > span:nth-of-type(2) {
        font-size: 14px;
        position: absolute;
        text-align: center;
        width: 100%;
        top: 155px;
        color: #93999f;
    }

        .newResourceNavRight > span:nth-of-type(2) > img {
        }

    .newResourceNavRight > a:nth-of-type(2) {
        font-size: 12px;
        position: absolute;
        text-align: center;
        width: 100%;
        top: 180px;
        color: #333333;
    }

        .newResourceNavRight > a:nth-of-type(2) > span {
            color: #E51C23;
        }

    .newResourceNavRight > div:nth-of-type(1) {
        width: 220px;
        height: 80px;
        position: absolute;
        bottom: 55px;
        font-size: 0;
    }

        .newResourceNavRight > div:nth-of-type(1) > a:nth-of-type(1) {
            display: inline-block;
            width: 109px;
            height: 80px;
            position: relative;
            border-right: 1px solid #f3f3f3;
            margin: 0;
        }

        .newResourceNavRight > div:nth-of-type(1) > a:nth-of-type(2) {
            display: inline-block;
            width: 110px;
            height: 80px;
            position: relative;
        }

        .newResourceNavRight > div:nth-of-type(1) > a > span:nth-of-type(1) {
            width: 100%;
            text-align: center;
            line-height: 60px;
            font-size: 24px;
            font-weight: bold;
            color: #14191e;
            display: block;
        }

        .newResourceNavRight > div:nth-of-type(1) > a > span:nth-of-type(2) {
            width: 100%;
            text-align: center;
            line-height: 0px;
            font-size: 14px;
            color: #93999f;
            display: block;
        }

    .newResourceNavRight > a:nth-of-type(3) {
        width: 180px;
        height: 40px;
        background-color: #E51C23;
        border-radius: 3px;
        position: absolute;
        bottom: 0;
        font-size: 16px;
        line-height: 40px;
        color: #ffffff;
        cursor: pointer;
        text-align: center;
        left: 20px;
        display: block;
    }

        .newResourceNavRight > a:nth-of-type(3):hover {
            background-color: #D01716;
        }

        .newResourceNavRight > a:nth-of-type(3) > img {
            margin-top: -7px;
        }

.newResourceNavRight1 {
    position: absolute;
    width: 220px;
    height: 350px;
    right: 0px;
    top: 23px;
}

    .newResourceNavRight1 > a:nth-of-type(1) {
        display: block;
        position: absolute;
        left: 60px;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        overflow: hidden;
        top: 50px;
    }

        .newResourceNavRight1 > a:nth-of-type(1) > img {
            width: 100px;
            height: 100px;
        }

    .newResourceNavRight1 > span:nth-of-type(1) {
        font-size: 16px;
        font-weight: bold;
        color: #333333;
        position: absolute;
        text-align: center;
        width: 100%;
        top: 180px;
    }

    .newResourceNavRight1 > div:nth-of-type(1) {
        border-radius: 3px;
        position: absolute;
        width: 90px;
        line-height: 40px;
        color: white;
        left: 15px;
        text-align: center;
        bottom: 0px;
        background: #e51c23;
        cursor: pointer;
    }

        .newResourceNavRight1 > div:nth-of-type(1):hover {
            background: #d01716;
        }

    .newResourceNavRight1 > div:nth-of-type(2) {
        border-radius: 3px;
        position: absolute;
        width: 90px;
        line-height: 38px;
        color: #e51c23;
        right: 15px;
        text-align: center;
        bottom: 0px;
        background: white;
        cursor: pointer;
        border: 1px solid #e51c23;
    }

        .newResourceNavRight1 > div:nth-of-type(2):hover {
            background: #e51c23;
            color: white;
        }


/*资源轮播图*/

.a-content {
    position: absolute;
    width: 710px;
    height: 400px;
}

.carousel-content {
    width: 710px;
    height: 400px;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    padding-top: 23px;
}

.carousel {
    height: 350px;
    position: relative;
}

    .carousel li {
        float: left;
        border-radius: 3px;
    }

        .carousel li,
        .carousel li img {
            width: 710px;
            height: 350px;
            border-radius: 3px;
        }

.img-index {
    position: absolute;
    bottom: 8px;
    width: 100%;
    display: flex;
    justify-content: center;
}

    .img-index li {
        float: left;
        width: 8px;
        height: 8px;
        line-height: 18px;
        text-align: center;
        border-radius: 10px;
        background-color: #f3f3f3;
        font-size: 12px;
        cursor: pointer;
        margin: 0 3px;
        color: #fff;
    }

        .img-index li.js_index,
        .img-index li:hover {
            background-color: #E51C23;
        }

.bx-controls-direction {
    display: none;
    transition: 0.3s;
}

.newResourceNavMid:hover .bx-controls-direction {
    display: block;
}

.homeStyle5-0 .newResourceSearch1 {
    top: 0;
}

.homeStyle5-0 #mySearchRecourseMain:focus {
    border: 1px solid #14191e;
}

.newResourceSearch1 {
    height: 50px;
    width: 830px;
    left: 185px;
    top: 45px;
    position: absolute;
}

    .newResourceSearch1 > div:nth-of-type(1) {
        position: absolute;
        height: 50px;
        background: white;
        border-radius: 3px;
        width: 610px;
        font-size: 14px;
    }

        .newResourceSearch1 > div:nth-of-type(1) > input {
            width: 100%;
            height: 100%;
            border: none;
            outline: none;
            line-height: 50px;
            text-indent: 20px;
            font-size: 14px;
            color: #14191e;
            border-radius: 3px;
        }

        .newResourceSearch1 > div:nth-of-type(1).active > input {
            border: 2px solid #E51C23;
        }

    .newResourceSearch1 > div:nth-of-type(2) {
        position: absolute;
        height: 50px;
        background: #E51C23;
        line-height: 50px;
        text-align: center;
        color: #FFFFFF;
        border-radius: 3px;
        width: 110px;
        left: 600px;
        cursor: pointer;
        font-size: 16px;
    }

        .newResourceSearch1 > div:nth-of-type(2):hover {
            background: #D01716;
        }

    .newResourceSearch1 > div:nth-of-type(3) {
        position: absolute;
        height: 50px;
        background: #FFFFFF;
        line-height: 48px;
        text-align: center;
        color: #E51C23;
        border-radius: 3px;
        width: 110px;
        right: 0;
        border: 1px solid #E51C23;
        cursor: pointer;
        font-size: 16px;
    }

        .newResourceSearch1 > div:nth-of-type(3):hover {
            background: #E51C23;
            color: #FFFFFF;
        }

.newResourceSearch2 {
    height: 12px;
    width: 830px;
    left: 185px;
    top: 130px;
    position: absolute;
    font-size: 0;
}

.newResourceSearchStyle {
    display: inline-block;
    height: 12px;
    cursor: pointer;
    margin-right: 70px;
    position: relative;
}

    .newResourceSearchStyle > span:nth-of-type(1) {
        height: 12px;
        width: 12px;
        border: solid 2px #ffffff;
        transition: 0.5s;
        display: inline-block;
        border-radius: 50%;
        position: absolute;
    }

    .newResourceSearchStyle.active > span:nth-of-type(1) {
        background: #E51C23;
    }

    .newResourceSearchStyle > span:nth-of-type(2) {
        font-size: 12px;
        color: #ffffff;
        display: inline-block;
        height: 12px;
        position: absolute;
        line-height: 14px;
        left: 18px;
        width: 50px;
    }


/*上下轮播*/

.scrollbox {
    width: 740px;
    margin: 0 auto;
    overflow: hidden;
}

.scrollDiv {
    width: 740px;
    height: 275px;
    overflow: hidden;
}

    .scrollDiv li {
        height: 68px;
        width: 740px;
        overflow: hidden;
        vertical-align: bottom;
        zoom: 1;
        position: relative;
    }

        .scrollDiv li > div {
            border-bottom: #f3f3f3 dashed 1px;
            position: absolute;
            display: block;
            height: 68px;
            width: 350px;
            cursor: pointer;
        }

        .scrollDiv li > a {
            border-bottom: #f3f3f3 dashed 1px;
            position: absolute;
            display: block;
            height: 68px;
            width: 350px;
            cursor: pointer;
        }

.scrollBoxLeft > img {
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    top: 15px;
}

.scrollBoxLeft > p {
    position: absolute;
    width: 240px;
    top: 11px;
    left: 45px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #14191e;
}

    .scrollBoxLeft > p > a:nth-of-type(1) {
        font-weight: bold;
        color: #14191e;
    }

        .scrollBoxLeft > p > a:nth-of-type(1):hover {
            color: #e51c23;
        }

.scrollBoxLeft > span:nth-of-type(1) {
    position: absolute;
    bottom: 12px;
    left: 45px;
    font-size: 12px;
    color: #93999f;
}

.scrollBoxLeft > span:nth-of-type(2) {
    position: absolute;
    bottom: 12px;
    right: 0;
    font-size: 14px;
    font-weight: bold;
    color: #E51C23;
}

.scrollBoxRight {
    right: 0;
}

    .scrollBoxRight > p {
        position: absolute;
        width: 330px;
        top: 11px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #14191e;
        font-weight: bold;
    }

    .scrollBoxRight:hover > p {
        color: #e51c23;
    }

    .scrollBoxRight > span:nth-of-type(1) {
        position: absolute;
        bottom: 12px;
        font-size: 12px;
        color: #93999f;
    }

    .scrollBoxRight > span:nth-of-type(2) {
        position: absolute;
        bottom: 12px;
        right: 0;
        font-size: 14px;
        color: #1a1e23;
    }

        .scrollBoxRight > span:nth-of-type(2) > span:nth-of-type(2) {
            font-weight: bold;
            color: #E51C23;
        }


/*自定义下拉框*/

.my-select {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 25px;
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    color: #fff;
}

    .my-select > img {
        position: absolute;
        right: 10px;
        top: 15px;
    }

    .my-select.active {
        color: #e51c23;
    }

    .my-select .mycur-select {
        position: absolute;
        display: block;
        width: 165px;
        height: 35px;
        line-height: 35px;
        background: rgba(255, 255, 255, 0.5);
        text-indent: 10px;
        border-radius: 3px;
        color: #14191e;
        font-weight: bold;
    }

    .my-select:hover .mycur-select {
        background-color: rgba(255, 255, 255, 0.5);
    }

.mycur-select > img {
    margin-left: 70px;
    cursor: pointer;
}

.my-select select {
    position: absolute;
    top: 0;
    left: 0;
    width: 165px;
    height: 35px;
    opacity: 0;
    filter: alpha(opacity: 0;
    );
}

    .my-select select option {
        text-indent: 20px;
        color: black;
    }

        .my-select select option:hover {
            background-color: rgba(255, 255, 255, 0.5);
        }


/*资源中心二级*/

.newList {
    position: relative;
    width: 100%;
    background: rgb(246, 246, 246);
    padding-bottom: 150px;
}

.newListBg1 {
    width: 100%;
    height: 320px;
    background: url(../Images/img3.1/topBg1.png) no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
}

.newListMain {
    width: 1200px;
    position: relative;
    left: 50%;
    margin-left: -600px;
}

.newListMainHead {
    height: 140px;
    position: relative;
}

.newListMainHead1 {
    height: 50px;
    width: 830px;
    left: 185px;
    top: 45px;
    position: absolute;
}

    .newListMainHead1 > div:nth-of-type(1) {
        position: absolute;
        height: 50px;
        background: white;
        border-radius: 3px;
        width: 610px;
        font-size: 14px;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
    }

        .newListMainHead1 > div:nth-of-type(1).active {
            border: 2px solid #E51C23;
        }

    .newListMainHead1 > div:nth-of-type(2) {
        position: absolute;
        height: 50px;
        background: #E51C23;
        line-height: 50px;
        text-align: center;
        color: #FFFFFF;
        border-radius: 3px;
        width: 110px;
        left: 600px;
        cursor: pointer;
        font-size: 16px;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
    }

        .newListMainHead1 > div:nth-of-type(2):hover {
            background: #D01716;
        }

    .newListMainHead1 > div:nth-of-type(3) {
        position: absolute;
        height: 50px;
        background: #FFFFFF;
        line-height: 48px;
        text-align: center;
        color: #E51C23;
        border-radius: 3px;
        width: 110px;
        right: 0;
        border: 1px solid #E51C23;
        cursor: pointer;
        font-size: 16px;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
    }

        .newListMainHead1 > div:nth-of-type(3):hover {
            background: #E51C23;
            color: #FFFFFF;
        }

    .newListMainHead1 > div:nth-of-type(1) > input {
        width: 95%;
        height: 100%;
        border: none;
        outline: none;
        line-height: 50px;
        text-indent: 20px;
        font-size: 14px;
        color: #93999f;
        border-radius: 3px;
    }

.newListMainHead2 {
    height: 12px;
    width: 830px;
    left: 185px;
    top: 130px;
    position: absolute;
    font-size: 0;
}

.newResourceSearchStyle {
    display: inline-block;
    height: 12px;
    cursor: pointer;
    margin-right: 70px;
    position: relative;
}

    .newResourceSearchStyle > span:nth-of-type(1) {
        height: 12px;
        width: 12px;
        border: solid 2px #ffffff;
        transition: 0.5s;
        display: inline-block;
        border-radius: 50%;
        position: absolute;
    }

    .newResourceSearchStyle.active > span:nth-of-type(1) {
        background: #E51C23;
    }

    .newResourceSearchStyle > span:nth-of-type(2) {
        font-size: 12px;
        color: #ffffff;
        display: inline-block;
        height: 12px;
        position: absolute;
        line-height: 12px;
        left: 18px;
        width: 50px;
    }

.newListMainNav {
    position: relative;
}

.newListMainNav1 {
    position: relative;
    height: 45px;
    text-align: center;
    font-size: 0;
}

    .newListMainNav1 > a {
        width: 150px;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        line-height: 45px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        display: inline-block;
        cursor: pointer;
        color: #ffffff;
        margin-left: 15px;
        margin-right: 15px;
        transition: 0.5s;
        cursor: pointer;
    }

        .newListMainNav1 > a:hover {
            background: rgba(255, 255, 255, 0.3);
        }

        .newListMainNav1 > a.active {
            color: #14191e;
            background: #ffffff;
        }

.newListMainNav2 {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.03);
    z-index: 3;
}

    .newListMainNav2 > div:nth-of-type(1) {
        font-size: 16px;
        font-weight: bold;
        color: #14191e;
        float: left;
        width: 90px;
        text-align: center;
        margin-top: 25px;
        line-height: 30px;
    }

    .newListMainNav2 > div:nth-of-type(2) {
        float: left;
        width: 1100px;
        margin-top: 25px;
        margin-bottom: 25px;
    }

.topListStyle {
    display: inline-block;
    height: 30px;
    border-radius: 3px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
    cursor: pointer;
    font-size: 14px;
    color: #14191e;
    margin-bottom: 5px;
    min-width: 60px;
    text-align: center;
    transition: 0.5s;
}

    .topListStyle:hover {
        color: white;
        background: #e51c23;
    }

    .topListStyle.active {
        font-weight: bold;
        color: white;
        background: #e51c23;
    }

.newListMainNav3 {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.03);
    z-index: 4;
}

    .newListMainNav3 > div:nth-of-type(1) {
        font-size: 16px;
        font-weight: bold;
        color: #14191e;
        float: left;
        width: 90px;
        text-align: center;
        line-height: 30px;
    }

    .newListMainNav3 > div:nth-of-type(2) {
        float: left;
        width: 1100px;
        margin-bottom: 25px;
    }

.bottomListStyle {
    display: inline-block;
    height: 30px;
    border-radius: 3px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
    cursor: pointer;
    font-size: 14px;
    color: #14191e;
    margin-bottom: 5px;
    min-width: 60px;
    text-align: center;
    transition: 0.5s;
}

    .bottomListStyle:hover,
    .bottomListStyle.active {
        font-weight: bold;
        color: white;
        background: #e51c23;
    }

.newListMainNav4 {
    position: relative;
    border-radius: 3px;
    height: 10px;
    width: 1186px;
    z-index: 2;
    left: 7px;
    margin-bottom: 15px;
}

    .newListMainNav4 > div:nth-of-type(1) {
        background-color: rgba(255, 255, 255, 0.5);
        box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.03);
        width: 1186px;
        z-index: 3;
        position: absolute;
        top: 0;
        height: 5px;
        border-radius: 3px;
    }

    .newListMainNav4 > div:nth-of-type(2) {
        position: absolute;
        border-radius: 3px;
        height: 10px;
        background-color: rgba(255, 255, 255, 0.5);
        box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.03);
        z-index: 1;
        width: 1172px;
        left: 7px;
    }


/*头部结束-------------------------------------------------------------------------*/

.newListMainBody1 {
    position: relative;
    background: #FFFFFF;
    border-radius: 3px;
}

.newListMainBody1Head {
    height: 65px;
    border-bottom: 1px solid #f3f3f3;
    line-height: 65px;
}

    .newListMainBody1Head > span {
        font-size: 14px;
        font-weight: bold;
        color: #4d555d;
        width: 100px;
        text-align: center;
        display: inline-block;
        cursor: pointer;
        transition: 0.5s;
    }

        .newListMainBody1Head > span.active {
            color: #E51C23;
        }

        .newListMainBody1Head > span:nth-of-type(3) > img {
            transition: 0.5s;
        }

        .newListMainBody1Head > span:nth-of-type(3).active.ifUp > img {
            transform: rotate(180deg);
            transition: 0.5s;
        }

    .newListMainBody1Head > div {
        font-size: 14px;
        font-weight: bold;
        color: #4d555d;
        width: 110px;
        display: inline-block;
        position: absolute;
        right: 0;
        text-indent: 30px;
    }

        .newListMainBody1Head > div > span {
            display: block;
            width: 24px;
            height: 25px;
            background: url(../Images/img3.1/notchoosed.png);
            position: absolute;
            top: 20px;
            cursor: pointer;
            transition: 0.5s;
        }

            .newListMainBody1Head > div > span.active {
                background: url(../Images/img3.1/ischoosed.png);
            }

.newListMainBody1Body {
    position: relative;
    width: 1150px;
    left: 25px;
}

.newListMainBody1Demo {
    position: relative;
    border-bottom: 1px dashed #F3F3F3;
    height: 110px;
    display: block;
}

    .newListMainBody1Demo > img {
        position: absolute;
        height: 60px;
        width: 60px;
        top: 25px;
    }

    .newListMainBody1Demo > div:nth-of-type(1) {
        position: absolute;
        width: 900px;
        top: 25px;
        left: 85px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 18px;
        font-weight: bold;
        color: #14191e;
    }

    .newListMainBody1Demo:hover > div:nth-of-type(1) {
        color: #E51C23;
    }

    .newListMainBody1Demo > div:nth-of-type(2) {
        position: absolute;
        bottom: 25px;
        left: 85px;
        font-size: 14px;
        color: #93999f;
    }

        .newListMainBody1Demo > div:nth-of-type(2) > span {
            margin-right: 10px;
        }

    .newListMainBody1Demo > div:nth-of-type(3) {
        position: absolute;
        bottom: 25px;
        right: 0px;
    }

        .newListMainBody1Demo > div:nth-of-type(3) > span:nth-of-type(1) {
            font-size: 14px;
            color: #93999f;
        }

        .newListMainBody1Demo > div:nth-of-type(3) > span:nth-of-type(2) {
            font-size: 30px;
            font-weight: bold;
            color: #e51c23;
            margin-left: 5px;
        }


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

.newListBg5 {
    width: 100%;
    height: 320px;
    background: url(../Images/img3.1/topBg5.png) no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
}

.newListMainBody5 {
    position: relative;
    border-radius: 3px;
}

.newListMainBody5Body {
    position: relative;
    background: #FFFFFF;
    border-radius: 3px;
}

.newListMainBody5Demo {
    position: relative;
    display: block;
    float: left;
    width: 240px;
    height: 180px;
    border: 0.5px solid #f3f3f3;
    cursor: pointer;
}

    .newListMainBody5Demo > img {
        position: absolute;
        left: 42px;
        top: 33px;
        width: 60px;
        height: 60px;
        transition: 0.5s;
    }

    .newListMainBody5Demo:hover > img {
        transform: scale(1.2);
    }

    .newListMainBody5Demo > div:nth-of-type(1) {
        position: absolute;
        left: 115px;
        top: 40px;
        width: 100px;
        height: 16px;
        font-weight: bold;
        line-height: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #14191e;
    }

    .newListMainBody5Demo > span:nth-of-type(1) {
        position: absolute;
        left: 115px;
        top: 75px;
        color: #93999f;
    }

    .newListMainBody5Demo > div:nth-of-type(2) {
        display: block;
        width: 160px;
        height: 35px;
        background-color: #ffffff;
        border-radius: 4px;
        border: solid 1px #cccccc;
        left: 42px;
        bottom: 30px;
        cursor: pointer;
        color: #14191e;
        text-align: center;
        line-height: 35px;
        position: absolute;
        cursor: pointer;
    }

        .newListMainBody5Demo > div:nth-of-type(2) > span {
            font-weight: bold;
        }

        .newListMainBody5Demo > div:nth-of-type(2):hover {
            background-color: #E51C23;
            color: white;
            border: solid 1px #E51C23;
        }

    .newListMainBody5Demo > div:nth-of-type(2) {
        display: block;
        width: 160px;
        height: 35px;
        background-color: #ffffff;
        border-radius: 4px;
        border: solid 1px #cccccc;
        left: 42px;
        bottom: 30px;
        cursor: pointer;
        color: #14191e;
        text-align: center;
        line-height: 35px;
        position: absolute;
        cursor: pointer;
    }

        .newListMainBody5Demo > div:nth-of-type(2):hover {
            background-color: #E51C23;
            color: white;
            border: solid 1px #E51C23;
        }


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

.newListBg4 {
    width: 100%;
    height: 320px;
    background: url(../Images/img3.1/topBg4.png) no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
}

.newListMainBody4 {
    position: relative;
    border-radius: 3px;
}

.newListMainBody4Body {
    position: relative;
    width: 1225px;
    left: -12.5px;
}

.newListMainBody4Demo {
    position: relative;
    display: block;
    float: left;
    width: 245px;
    height: 230px;
    transition: 0.5s;
}

    .newListMainBody4Demo:hover {
        background-color: #ffffff;
        box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.2);
    }

    .newListMainBody4Demo > div:nth-of-type(1) {
        position: absolute;
        overflow: hidden;
        height: 150px;
        width: 225px;
        left: 10px;
        top: 10px;
    }

        .newListMainBody4Demo > div:nth-of-type(1) > img {
            height: 150px;
            width: 225px;
            transition: 0.5s;
        }

    .newListMainBody4Demo:hover > div:nth-of-type(1) > img {
        transform: scale(1.2);
    }

    .newListMainBody4Demo > div:nth-of-type(2) {
        position: absolute;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 16px;
        font-weight: bold;
        color: #14191e;
        width: 225px;
        left: 10px;
        top: 170px;
    }

        .newListMainBody4Demo > div:nth-of-type(2):hover {
            color: #E51C23;
        }

    .newListMainBody4Demo > div:nth-of-type(3) {
        position: absolute;
        font-size: 12px;
        color: #93999f;
        left: 10px;
        bottom: 15px;
    }

    .newListMainBody4Demo > div:nth-of-type(4) {
        position: absolute;
        font-size: 12px;
        font-weight: bold;
        color: #E51C23;
        right: 10px;
        bottom: 15px;
    }


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

.newListBg3 {
    width: 100%;
    height: 320px;
    background: url(../Images/img3.1/topBg3.png) no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
}


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

.newListBg2 {
    width: 100%;
    height: 320px;
    background: url(../Images/img3.1/topBg2.png) no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
}

#reader {
    position: relative;
    left: 15px;
    margin-bottom: 15px;
    z-index: 99;
}

#sharereader {
    position: relative;
    z-index: 99;
}

/*流星雨*/

#container {
    margin: auto;
    width: 100%;
    height: 320px;
    overflow: hidden;
}

#trail {
    transform: rotate(-25deg);
    position: relative;
    top: 5%;
    left: 40%;
    height: 27%;
    width: 100%;
    border-radius: 500px 0 0 500px;
    background-color: #E53D36;
    box-shadow: 0px 0px 100px -14px #E53D36;
    animation: glow 2s infinite;
    animation-direction: alternate;
}

@keyframes glow {
    to {
        box-shadow: 0px 0px 10px 2px #E53D36;
    }

    to {
        left: 50%;
    }

    to {
        top: 7%;
    }
}

#stream {
    left: 1.5%;
    position: absolute;
    top: 10%;
    width: 12%;
    background-color: #07111F;
    border-radius: 200% 0 0 200%;
    float: left;
    z-index: 999;
}

    #stream:after {
        content: "";
        padding-bottom: 100%;
        display: block;
        border-radius: 500px 0 0 500px;
        background-color:;
    }

#streamTrail {
    left: 10%;
    position: absolute;
    top: 10%;
    width: 12%;
    background-color: #07111F;
    float: left;
}

    #streamTrail:after {
        content: "";
        padding-bottom: 100%;
        display: block;
        border-radius: 500px 0 0 500px;
        background-color: #07111F;
        float: left;
    }

#steamTrail1 {
    position: absolute;
    top: 0%;
    left: 70%;
    height: 20%;
    width: 180%;
    border-radius: 500px;
    background-color: #07111F;
    animation: move1 0.3s infinite;
    animation-direction: alternate;
}

@keyframes move1 {
    to {
        left: 40%;
    }
}

#streamTrail1-b {
    position: inherit;
    top: 0%;
    left: 10%;
    height: 20%;
    width: 100%;
    border-radius: 50px;
    background-color: #07111F;
    animation: move1-b 1.5s infinite;
    animation-timing-function: linear;
}

@keyframes move1-b {
    10% {
        left: 200%;
    }

    100% {
        left: 800%;
    }

    to {
        width: 1%;
    }
}

#streamTrail2 {
    position: inherit;
    top: 20%;
    left: 40%;
    height: 20%;
    width: 180%;
    border-radius: 50px;
    background-color: #07111F;
}

#streamTrail2-b {
    position: inherit;
    top: 20%;
    left: 80%;
    height: 20%;
    width: 180%;
    border-radius: 50px;
    background-color: #E53D36;
    animation: move2 0.3s infinite;
    animation-direction: alternate-reverse;
}

@keyframes move2 {
    to {
        left: 120%
    }
}

#streamTrail3 {
    position: absolute;
    top: 40%;
    left: 70%;
    height: 20%;
    width: 230%;
    border-radius: 500px;
    background-color: #07111F;
    animation: move3 0.5s infinite;
    animation-direction: alternate;
}

@keyframes move3 {
    to {
        left: 30%;
    }
}

#streamTrail4 {
    position: inherit;
    top: 60%;
    left: 30%;
    height: 20%;
    width: 100%;
    border-radius: 50px;
    background-color: #07111F;
}

#streamTrail4-b {
    overflow: hidden;
    position: inherit;
    top: 60%;
    left: 100%;
    height: 20%;
    width: 400%;
    border-radius: 50px;
    background-color: #E53D36;
    animation: move4 0.3s infinite;
    animation-direction: alternate-reverse;
}

@keyframes move4 {
    to {
        left: 112%
    }
}

#streamTrail5 {
    position: inherit;
    top: 80%;
    left: 50%;
    height: 20%;
    width: 140%;
    border-radius: 50px;
    background-color: #07111F;
    animation: move5 0.3s infinite;
    animation-direction: alternate;
}

@keyframes move5 {
    to {
        left: 40%;
    }
}

#streamTrail5-b {
    position: inherit;
    top: 80%;
    left: 100%;
    height: 20%;
    width: 100%;
    border-radius: 50px;
    background-color: #07111F;
    animation: move5-b 1s infinite;
    animation-timing-function: linear;
}

@keyframes move5-b {
    10% {
        left: 200%;
    }

    100% {
        left: 800%;
    }

    to {
        width: 1%;
    }
}


/* middle layer */

#middle {
    left: 10%;
    position: absolute;
    top: 10%;
    width: 80%;
    background-color: #FFA644;
    border-radius: 200%;
    float: left;
    z-index: 999;
}

    #middle:after {
        content: "";
        padding-bottom: 100%;
        display: block;
        border-radius: 500px 0 0 500px;
        background-color:;
    }

#middleTrail {
    left: 45%;
    position: absolute;
    top: 10%;
    height: 80%;
    width: 60%;
    background-color: #FFA644;
    float: left;
}

#middleTrail1 {
    position: absolute;
    top: 0%;
    left: 30%;
    height: 15%;
    width: 80%;
    border-radius: 500px;
    background-color: #FFA644;
    animation: mid1 0.3s infinite;
    animation-direction: alternate;
}

@keyframes mid1 {
    to {
        left: 50%;
    }
}

#middleTrail1-b {
    position: inherit;
    top: 15%;
    left: 80%;
    height: 14%;
    width: 80%;
    border-radius: 10000px;
    background-color: #07111F;
    animation: mid1-b 1.5s infinite;
    animation-timing-function: linear;
}

@keyframes mid1-b {
    10% {
        left: 90%;
    }
}

#middleTrail2 {
    position: inherit;
    top: 29%;
    left: 40%;
    height: 14%;
    width: 80%;
    border-radius: 50px;
    background-color: #FFA644;
    animation: mid1 0.3s infinite;
    animation-direction: alternate-reverse;
}

#middleTrail2-b {
    position: inherit;
    top: 43%;
    left: 80%;
    height: 14%;
    width: 80%;
    border-radius: 50px;
    background-color: #07111F;
    animation: move2 0.3s infinite;
    animation-direction: alternate-reverse;
}

@keyframes move2 {
    to {
        left: 90%
    }
}

#middleTrail3 {
    position: absolute;
    top: 57%;
    left: 60%;
    height: 14%;
    width: 110%;
    border-radius: 500px;
    background-color: #FFA644;
    animation: mid3 0.5s infinite;
    animation-direction: alternate;
}

@keyframes mid3 {
    to {
        left: 30%;
    }
}

#middleTrail3-b {
    position: absolute;
    top: 71%;
    left: 80%;
    height: 14%;
    width: 30%;
    border-radius: 500px;
    background-color: #07111F;
    animation: mid3b 0.5s infinite;
    animation-direction: alternate;
}

@keyframes mid3b {
    to {
        left: 85%;
    }
}

#middleTrail4 {
    position: inherit;
    top: 85%;
    left: 30%;
    height: 15%;
    width: 100%;
    border-radius: 50px;
    background-color: #FFA644;
    animation: mid4 0.4s infinite;
    animation-direction: alternate-reverse;
}

@keyframes mid4 {
    to {
        left: 80%
    }
}


/* Background Stars ---------*/

#starsA {
    position: relative;
    transform: rotate(-15deg);
    top: 30%;
}

#clusterA {
    height: 4px;
    width: 4px;
    background-color: white;
    position: absolute;
    left: -4px;
    animation: a 5s infinite;
    animation-timing-function: linear;
    transform: rotate(45deg);
}

@keyframes a {
    to {
        left: 100%;
    }

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

    40% {
        height: 4px;
        width: 4px;
    }

    60% {
        height: 12px;
        width: 12px;
    }

    80% {
        height: 4px;
        width: 4px;
    }
}

#clusterB {
    height: 4px;
    width: 4px;
    background-color: white;
    position: relative;
    top: 30%;
    left: -4px;
    animation: b 10s infinite;
    animation-timing-function: linear;
    transform: rotate(45deg);
}

@keyframes b {
    to {
        left: 100%;
    }

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

    40% {
        height: 4px;
        width: 4px;
    }

    60% {
        height: 1px;
        width: 1px;
    }

    80% {
        height: 4px;
        width: 4px;
    }
}

#starsB {
    position: relative;
    transform: rotate(-15deg);
    top: 70%;
}

#clusterC {
    height: 4px;
    width: 4px;
    background-color: white;
    position: absolute;
    left: -4px;
    animation: c 12s infinite;
    animation-timing-function: linear;
    transform: rotate(45deg);
}

@keyframes c {
    to {
        left: 100%;
    }

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

    40% {
        height: 4px;
        width: 4px;
    }

    60% {
        height: 10px;
        width: 10px;
    }

    80% {
        height: 4px;
        width: 4px;
    }
}

#clusterD {
    height: 4px;
    width: 4px;
    background-color: white;
    position: relative;
    top: 30%;
    left: -4px;
    animation: d 5s infinite;
    animation-timing-function: linear;
    transform: rotate(45deg);
}

@keyframes d {
    to {
        left: 100%;
    }

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

    40% {
        height: 4px;
        width: 4px;
    }

    60% {
        height: 1px;
        width: 1px;
    }

    80% {
        height: 4px;
        width: 4px;
    }
}

#starsC {
    position: relative;
    transform: rotate(-15deg);
    top: 10%;
}

#clusterE {
    height: 4px;
    width: 4px;
    background-color: white;
    position: absolute;
    left: -4px;
    animation: e 4s infinite;
    animation-delay: 4s;
    animation-timing-function: linear;
    transform: rotate(45deg);
}

@keyframes e {
    to {
        left: 100%;
    }

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

    40% {
        height: 4px;
        width: 4px;
    }

    60% {
        height: 10px;
        width: 10px;
    }

    80% {
        height: 4px;
        width: 4px;
    }
}

#clusterF {
    height: 4px;
    width: 4px;
    background-color: white;
    position: relative;
    top: 30%;
    left: -4px;
    animation: f 3s infinite;
    animation-timing-function: linear;
    transform: rotate(45deg);
}

@keyframes f {
    to {
        left: 100%;
    }

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

    40% {
        height: 4px;
        width: 4px;
    }

    60% {
        height: 1px;
        width: 1px;
    }

    80% {
        height: 4px;
        width: 4px;
    }
}

#starsD {
    position: relative;
    transform: rotate(-10deg);
    top: 10%;
}


/*planet----background----*/

#clusterG {
    height: 20px;
    width: 20px;
    border-radius: 20px;
    background-color: #243F59;
    position: relative;
    top: 30%;
    left: -4px;
    animation: g 16s infinite;
    animation-timing-function: linear;
    transform: rotate(45deg);
}

@keyframes g {
    to {
        left: 100%;
    }
}

#starsE {
    position: relative;
    transform: rotate(-10deg);
    top: 40%;
}


/*planet----background----*/

#clusterH {
    height: 40px;
    width: 40px;
    border-radius: 20px;
    background-color: lightblue;
    position: relative;
    top: 30%;
    left: -400px;
    animation: h 8s infinite;
    animation-timing-function: linear;
    transform: rotate(45deg);
}

@keyframes h {
    to {
        left: 100%;
    }
}


/* Foreground Stuff------*/

#planet {
    position: relative;
    transform: rotate(-10deg);
    top: 40%;
}

#globe {
    height: 400px;
    width: 400px;
    border-radius: 100%;
    background-color: #295949;
    position: absolute;
    left: -400px;
    animation: globe 15s infinite;
    animation-timing-function: linear;
    box-shadow: inset 0px 0px 5px -2px white;
    box-shadow: 0px 0px 45px 0px #295949;
    overflow: hidden;
}

@keyframes globe {
    20% {
        left: 100%;
    }

    100% {
        left: 10000%;
    }
}

#innerGlobe {
    height: 450px;
    width: 450px;
    border-radius: 100%;
    background-color: #1C3D32;
    position: relative;
    left: -200px;
    animation: innerglobe 15s infinite;
    animation-timing-function: linear;
    overflow: hidden;
}

@keyframes innerglobe {
    50% {
        left: 150%;
    }

    100% {
        left: 300%;
    }
}


/*资源详情*/

.demoDetail {
    position: relative;
    width: 100%;
    background: rgb(246, 246, 246);
}

.demoDetailMain {
    position: relative;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    padding-top: 15px;
}

.demoDetailMain1 {
    position: relative;
    width: 850px;
    float: left;
    margin-bottom: 60px;
}

.demoDetailMain1-1 {
    position: relative;
    width: 850px;
    background: #FFFFFF;
    border-radius: 3px;
    margin-bottom: 15px;
    padding-top: 45px;
    padding-bottom: 15px;
}

    .demoDetailMain1-1 > div {
        position: relative;
        width: 805px;
        left: 30px;
    }

.demoDetailHead1 {
    height: 60px;
    line-height: 60px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #14191e;
    font-size: 24px;
    font-weight: bold;
    text-indent: 80px;
}

    .demoDetailHead1 > img {
        position: absolute;
        height: 60px;
        width: 60px;
        left: 0;
    }

.demoDetailHead2 {
    height: 60px;
}

    .demoDetailHead2 > div:nth-of-type(1) {
        width: 720px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color: #14191e;
        font-size: 24px;
        font-weight: bold;
        position: absolute;
        left: 80px;
    }

    .demoDetailHead2 > div:nth-of-type(2) {
        width: 720px;
        position: absolute;
        bottom: -10px;
        left: 80px;
    }

        .demoDetailHead2 > div:nth-of-type(2) > img {
            height: 30px;
            width: 30px;
            border-radius: 50%;
        }

        .demoDetailHead2 > div:nth-of-type(2) > span:nth-of-type(1) {
            font-size: 14px;
            color: #14191e;
            margin-left: 10px;
        }

        .demoDetailHead2 > div:nth-of-type(2) > span:nth-of-type(2) {
            font-size: 14px;
            color: #93999f;
        }

    .demoDetailHead2 > img {
        position: absolute;
        height: 60px;
        width: 60px;
        left: 0;
    }

.demoDetailSimple {
    font-size: 14px;
    color: #14191e;
    line-height: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.demoDetailMore {
    background-color: #fcfcfc;
    border-radius: 3px;
    border: solid 1px #e3e3e3;
    padding-top: 20px;
}

    .demoDetailMore.active {
        position: fixed;
        top: 70px;
        left: 0;
        width: 100%;
        z-index: 9999;
        height: 100%;
        overflow: auto;
        overflow-x: hidden;
    }

        .demoDetailMore.active > #myFullScreen {
            width: 99%;
        }

    .demoDetailMore > img {
        width: 775px;
        margin-left: 15px;
        margin-bottom: 20px;
    }

.demoDetailMain1-2 {
    position: relative;
    width: 850px;
    font-size: 14px;
    color: #93999f;
    height: 70px;
}

.demoDetailMain2 {
    position: relative;
    width: 335px;
    float: left;
    margin-left: 15px;
}

.demoDetailMain2-1 {
    position: relative;
    width: 335px;
    background: #FFFFFF;
    border-radius: 3px;
    margin-bottom: 15px;
}

    .demoDetailMain2-1 > div {
        position: relative;
        width: 295px;
        left: 20px;
        padding-bottom: 30px;
    }

.demoDetailMain2-1-1 {
    height: 125px;
}

    .demoDetailMain2-1-1 > div {
        position: absolute;
        height: 45px;
        top: 40px;
        width: 98px;
        border-right: 1px solid #f3f3f3;
        text-align: center;
    }

        .demoDetailMain2-1-1 > div:nth-of-type(3) {
            border-right: none;
            left: 196px;
        }

        .demoDetailMain2-1-1 > div:nth-of-type(2) {
            left: 98px;
        }

        .demoDetailMain2-1-1 > div > div:nth-of-type(1) {
            font-size: 24px;
            font-weight: bold;
            color: #14191e;
            line-height: 20px;
        }

        .demoDetailMain2-1-1 > div > div:nth-of-type(2) {
            font-size: 14px;
            color: #93999f;
            line-height: 30px;
        }

.demoDetailMain2-1-2 {
    height: 50px;
    background-color: #e51c23;
    border-radius: 3px;
    line-height: 50px;
    text-align: center;
    color: white;
    font-size: 20px;
    cursor: pointer;
    margin-bottom: 20px;
}

    .demoDetailMain2-1-2 > span:nth-of-type(1) {
        display: inline-block;
        height: 19px;
        width: 20px;
        background: url(../Images/img3.1/download-icon.png);
        margin-top: 15px;
        margin-right: 5px;
    }

    .demoDetailMain2-1-2 > span {
        font-weight: bold;
    }

    .demoDetailMain2-1-2:hover {
        background-color: #D01716;
    }

.demoDetailMain2-1-3 {
    height: 50px;
    border: 1px solid #e51c23;
    border-radius: 3px;
    line-height: 50px;
    color: #e51c23;
    font-size: 20px;
    cursor: pointer;
    text-indent: 130px;
    transition: 0.5s;
}

    .demoDetailMain2-1-3:hover {
        background: #e51c23;
        color: white;
    }

        .demoDetailMain2-1-3:hover > span:nth-of-type(1) {
            background: url(../Images/img3.1/collect-icon1.png);
        }

    .demoDetailMain2-1-3.active > span:nth-of-type(1) {
        background: url(../Images/img3.1/collect-icon2.png);
    }

    .demoDetailMain2-1-3.active:hover > span:nth-of-type(1) {
        background: url(../Images/img3.1/collect-icon1.png);
    }

    .demoDetailMain2-1-3 > span:nth-of-type(1) {
        display: inline-block;
        height: 20px;
        width: 22px;
        background: url(../Images/img3.1/collect-icon4.png);
        position: absolute;
        left: 100px;
        top: 15px;
    }

.demoDetailMain2-1-4 {
    height: 55px;
    line-height: 55px;
    color: #93999f;
}

.toolsAllDemo > img,
.toolsAllDemo > span {
    cursor: pointer;
}

    .toolsAllDemo > span:nth-of-type(2) {
        position: absolute;
        right: 0;
    }

    .toolsAllDemo > span:nth-of-type(1) {
        margin-right: 10px;
    }

        .toolsAllDemo > span:nth-of-type(1) > span:nth-of-type(1) {
            background: url(../Images/img2018/share.png);
            display: inline-block;
            width: 18px;
            height: 14px;
            margin-right: 5px;
        }

        .toolsAllDemo > span:nth-of-type(1):hover > span:nth-of-type(1) {
            background: url(../Images/img2018/share_hover.png);
        }

    .toolsAllDemo > span:nth-of-type(2) > span:nth-of-type(1) {
        background: url(../Images/img2018/report.png);
        display: inline-block;
        width: 13px;
        height: 14px;
        margin-right: 5px;
    }

    .toolsAllDemo > span:nth-of-type(2):hover > span:nth-of-type(1) {
        background: url(../Images/img2018/report_hover.png);
    }

.demoDetailMain2-1-5 {
    border-top: 1px solid #f3f3f3;
}

    .demoDetailMain2-1-5 > p {
        font-size: 14px;
        color: #333333;
        position: relative;
    }

        .demoDetailMain2-1-5 > p:nth-of-type(1) {
            margin-top: 30px;
        }

        .demoDetailMain2-1-5 > p:nth-of-type(2) {
            margin-top: 20px;
        }

        .demoDetailMain2-1-5 > p:nth-of-type(3) {
            margin-top: 10px;
        }

            .demoDetailMain2-1-5 > p:nth-of-type(3) > a {
                cursor: pointer;
                display: inline-block;
                height: 30px;
                line-height: 30px;
                padding-left: 10px;
                padding-right: 10px;
                background-color: #f3f5f7;
                margin-right: 10px;
                margin-bottom: 10px;
            }

.demoDetailMain2-1-6 {
    line-height: 50px;
    height: 50px;
    border-radius: 3px;
    text-align: center;
    color: #ffffff;
    background: #e51c23;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}

.demoDetailMain2-2 {
    position: relative;
    width: 335px;
    background: #FFFFFF;
    border-radius: 3px;
    margin-bottom: 20px;
}

.demoDetailMain2-2-1 {
    position: relative;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f3f3f3;
    text-indent: 20px;
    color: #4d555d;
    font-weight: bold;
}

.demoDetailMain2-2-2 {
    position: relative;
    text-align: center;
    padding-top: 30px;
    width: 295px;
    left: 20px;
}

    .demoDetailMain2-2-2 > p:nth-of-type(1) {
        position: relative;
        font-size: 24px;
        font-weight: bold;
        color: #e51c23;
    }

    .demoDetailMain2-2-2 > p:nth-of-type(2) {
        position: relative;
        font-size: 14px;
        color: #93999f;
        margin-bottom: 20px;
    }

.rateLevel {
    height: 70px;
    border-bottom: 1px solid #f3f3f3;
}

    .rateLevel > p:nth-of-type(1) {
        color: #e51c23;
        font-size: 24px;
        font-weight: bold;
    }

    .rateLevel > p:nth-of-type(2) {
        color: #93999f;
        font-size: 14px;
    }

.demoDetailMain2-2-2 > div {
    position: relative;
    width: 295px;
    /*border-top: 1px solid #f3f3f3;*/
}

    .demoDetailMain2-2-2 > div > img {
        position: relative;
        width: 295px;
        margin-top: 20px;
    }

.demoDetailDownload {
    position: fixed;
    bottom: 0;
    height: 50px;
    background: #ffffff;
    width: 100%;
    z-index: 999;
    box-shadow: 0 0 5px rgba(1, 1, 1, 0.1);
}

    .demoDetailDownload.active {
        display: none;
    }

    .demoDetailDownload > div:nth-of-type(1) {
        position: absolute;
        left: 50%;
        color: #FFFFFF;
        margin-left: 265px;
        line-height: 50px;
        background-color: #e51c23;
        font-size: 20px;
        width: 235px;
        text-align: center;
        cursor: pointer;
        text-indent: 30px;
    }

        .demoDetailDownload > div:nth-of-type(1):hover {
            background-color: #D01716;
        }

        .demoDetailDownload > div:nth-of-type(1) > span {
            font-weight: bold;
        }

            .demoDetailDownload > div:nth-of-type(1) > span:nth-of-type(1) {
                display: inline-block;
                height: 19px;
                width: 20px;
                background: url(../Images/img3.1/download-icon.png);
                position: absolute;
                left: 50px;
                top: 15px;
            }

.demoDetailCollect {
    position: absolute;
    left: 50%;
    color: #FFFFFF;
    margin-left: 500px;
    color: #e51c23;
    line-height: 50px;
    font-size: 20px;
    width: 200px;
    cursor: pointer;
    text-indent: 50px;
}

    .demoDetailCollect > span:nth-of-type(1) {
        display: inline-block;
        height: 20px;
        width: 22px;
        background: url(../Images/img3.1/collect-icon4.png);
        position: absolute;
        left: 20px;
        top: 15px;
    }

    .demoDetailCollect.active > span:nth-of-type(1) {
        background: url(../Images/img3.1/collect-icon2.png);
    }

    .demoDetailCollect.active:hover > span:nth-of-type(1) {
        background: url(../Images/img3.1/collect-icon3.png);
    }


/*我的评论模板*/

.myComment {
    position: relative;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.myComment1 {
    position: relative;
    width: 100%;
    height: 45px;
    margin-bottom: 20px;
}

    .myComment1 > img {
        height: 45px;
        width: 45px;
        border-radius: 50%;
        position: absolute;
        left: 0;
    }

    .myComment1 > span:nth-of-type(1) {
        position: absolute;
        left: 60px;
    }

    .myComment1 > span:nth-of-type(2) {
        position: absolute;
        right: 0px;
        color: #93999f;
    }

    .myComment1 > span:nth-of-type(3) {
        position: absolute;
        left: 60px;
        top: 25px;
    }

.myComment2 {
    position: relative;
    width: 100%;
    text-align: left;
}

.myComment1 i {
    background-image: url(../images/icon-details.png);
    display: inline-block;
    vertical-align: middle;
}


/*悬赏弹窗*/

.recourseEmpty {
    text-align: center;
    padding-top: 20px;
}


/*上传页面*/

.recourseUpload {
    position: relative;
    width: 100%;
    background: rgb(246, 246, 246);
}

.recourseUploadHead {
    position: relative;
    height: 70px;
    background-color: #ffffff;
    margin-bottom: 20px;
}

    .recourseUploadHead > div {
        position: relative;
        left: 50%;
        margin-left: -600px;
        width: 1200px;
    }

        .recourseUploadHead > div > span {
            line-height: 70px;
            font-size: 20px;
            font-weight: bold;
            letter-spacing: 2px;
            color: #14191e;
        }

        .recourseUploadHead > div > div {
            position: absolute;
            right: 0;
            top: 0;
            height: 25px;
            font-size: 0;
            line-height: 25px;
            top: 22px;
        }

.uploadStep {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #93999f;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    border-right: 1px solid #93999f;
}

    .uploadStep.active {
        color: #e51c23;
    }

    .uploadStep:last-child {
        border-right: none;
    }

    .uploadStep > span:nth-of-type(2) {
        display: block;
        position: absolute;
        bottom: -23px;
        height: 5px;
        background-color: #E51C23;
        border-radius: 2px;
        width: 100%;
        left: 0;
        opacity: 0;
        transition: 0.5s;
    }

    .uploadStep.active > span:nth-of-type(2) {
        opacity: 1;
    }

.recourseUploadBody {
    position: relative;
    width: 1200px;
    background-color: #ffffff;
    border-radius: 3px;
    left: 50%;
    margin-left: -600px;
    width: 1200px;
    margin-bottom: 90px;
}

.recourseUploadBody1 {
    position: relative;
    border-bottom: 1px solid #f3f3f3;
    width: 1070px;
    left: 60px;
}

    .recourseUploadBody1 > div {
        height: 400px;
        width: 1070px;
        position: relative;
        display: none;
    }

        .recourseUploadBody1 > div:nth-of-type(2) {
            height: auto;
        }

        .recourseUploadBody1 > div.active {
            display: block;
        }

.recourseUploadStep1 > div {
    width: 1070px;
    height: 280px;
    background-color: #fafafa;
    border: dashed 1px #93999f;
    top: 60px;
    position: absolute;
}

    .recourseUploadStep1 > div > div:nth-of-type(1) {
        width: 290px;
        height: 65px;
        background-color: #E51C23;
        line-height: 65px;
        color: white;
        border-radius: 3px;
        top: 90px;
        left: 395px;
        position: absolute;
        font-size: 24px;
        cursor: pointer;
        text-align: center;
        overflow: hidden;
    }

        .recourseUploadStep1 > div > div:nth-of-type(1) > img {
            margin-top: -8px;
        }

        .recourseUploadStep1 > div > div:nth-of-type(1):hover {
            background-color: #D01716;
        }

    .recourseUploadStep1 > div > div:nth-of-type(2) {
        background-color: #ffffff;
        color: #e51c23;
        width: 290px;
        height: 60px;
        line-height: 60px;
        border-radius: 3px;
        border: 1px solid #e51c23;
        top: 145px;
        left: 395px;
        position: absolute;
        font-size: 24px;
        cursor: pointer;
        text-align: center;
    }

        .recourseUploadStep1 > div > div:nth-of-type(2):hover {
            background-color: #e51c23;
            color: white;
        }

    .recourseUploadStep1 > div > p {
        position: absolute;
        top: 170px;
        text-align: center;
        font-size: 16px;
        letter-spacing: 1px;
        color: #2b3442;
        width: 1070px;
    }

        .recourseUploadStep1 > div > p > span {
            color: #E51C23;
        }

.recourseUploadStep2 {
    padding-top: 40px;
}

.recourseUploadStep2-7.active {
    display: none;
}

.recourseUploadStep2-7 {
    font-size: 16px;
    color: #14191e;
    line-height: 40px;
    position: relative;
    margin-top: 30px;
}

    .recourseUploadStep2-7 > div {
        position: relative;
        width: 1000px;
        top: -40px;
        left: 60px;
    }

    .recourseUploadStep2-7 > p {
        position: relative;
        top: -40px;
        left: 50px;
        font-size: 14px;
        color: #93999f;
    }

.thisRecourseStyle {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 30px;
    height: 30px;
    border: solid 1px #e3e3e3;
    color: #14191e;
    border-radius: 3px;
    margin-right: 5px;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
}

    .thisRecourseStyle.active {
        color: #e51c23;
        border: solid 1px #e51c23;
    }

.recourseUploadStep2-1 {
    font-size: 16px;
    color: #14191e;
    line-height: 40px;
    height: 40px;
    position: relative;
    width: 840px;
}

    .recourseUploadStep2-1 > input {
        border-radius: 3px;
        border: solid 1px #e3e3e3;
        outline: none;
        width: 780px;
        height: 40px;
        position: absolute;
        right: 0;
        font-weight: bold;
        color: #14191e;
    }

    .recourseUploadStep2-1.active > input {
        border: solid 1px #e51c23;
    }

.recourseUploadStep2-2 {
    font-size: 16px;
    color: #14191e;
    line-height: 40px;
    height: 40px;
    position: relative;
    width: 390px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.recourseUploadStep2-3 {
    font-size: 16px;
    color: #14191e;
    line-height: 40px;
    height: 40px;
    position: relative;
    width: 390px;
}

    .recourseUploadStep2-3 > span:nth-of-type(2) {
        font-size: 14px;
        color: #93999f;
        line-height: 40px;
        height: 40px;
        position: absolute;
        z-index: 9;
        left: 400px;
        display: block;
        width: 300px;
    }

.recourseUploadStep2-4 {
    font-size: 16px;
    color: #14191e;
    line-height: 40px;
    height: 40px;
    position: relative;
    width: 390px;
    margin-top: 30px;
}

.recourseUploadStep2-5 {
    width: 420px;
    font-size: 16px;
    color: #14191e;
    line-height: 40px;
    height: 40px;
    position: relative;
    margin-top: 30px;
    left: -30px;
}

.recourseUploadStep2-6 {
    width: 840px;
    font-size: 16px;
    color: #14191e;
    line-height: 40px;
    height: 110px;
    position: relative;
    margin-top: 30px;
}

    .recourseUploadStep2-6 > textarea {
        position: absolute;
        right: 0;
        width: 780px;
        height: 110px;
        border-radius: 3px;
        border: solid 1px #e3e3e3;
        outline: none;
        resize: none;
        line-height: 30px;
        color: #14191e;
        font-weight: bold;
    }

.mustWrite {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #E51C23;
    border-radius: 50%;
    top: 16px;
}

.recourseUploadStep2-1 > span,
.recourseUploadStep2-2 > span,
.recourseUploadStep2-3 > span,
.recourseUploadStep2-4 > span,
.recourseUploadStep2-5 > span,
.recourseUploadStep2-6 > span {
    position: absolute;
}

.uploadPhotoZip {
    position: absolute;
    left: 90px;
    width: 250px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-indent: 15px;
    color: #E51C23;
    border-radius: 3px;
    border: solid 1px #E51C23;
    cursor: pointer;
}

.uploadPhotoMain {
    position: absolute;
    left: 90px;
    width: 250px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-indent: 15px;
    color: #E51C23;
    border-radius: 3px;
    border: solid 1px #E51C23;
    cursor: pointer;
}

.uploadPhotoZip > div {
    position: absolute;
    z-index: 99999;
    width: 250px;
    opacity: 0;
}

    .uploadPhotoZip > div > div {
        width: 250px;
    }

        .uploadPhotoZip > div > div > div {
            width: 250px;
        }

        .uploadPhotoZip > div > div > input {
            width: 250px;
        }

.uploadPhotoZipFinish {
    position: absolute;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    color: #14191e;
    font-size: 12px;
    width: 700px;
    z-index: 99;
    left: 350px;
}

    .uploadPhotoZipFinish > span {
        display: inline-block;
    }

        .uploadPhotoZipFinish > span > span:nth-of-type(1) {
            max-width: 70px;
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-right: 5px;
        }

        .uploadPhotoZipFinish > span > span:nth-of-type(2) {
            color: #E51C23;
            cursor: pointer;
            display: inline-block;
            overflow: hidden;
        }

.recourseUploadStep2-8 {
    position: relative;
    width: 840px;
    margin-top: 30px;
    margin-bottom: 30px;
    height: 40px;
}

    .recourseUploadStep2-8 > div:nth-of-type(1) {
        font-size: 14px;
        color: #4d555d;
        display: inline-block;
        position: absolute;
        text-indent: 30px;
        top: 5px;
    }

        .recourseUploadStep2-8 > div:nth-of-type(1) > span:nth-of-type(1) {
            display: block;
            width: 24px;
            height: 25px;
            background: url(../Images/img3.1/notchoosed.png);
            position: absolute;
            top: 0px;
            cursor: pointer;
            transition: 0.5s;
        }

            .recourseUploadStep2-8 > div:nth-of-type(1) > span:nth-of-type(1).active {
                background: url(../Images/img3.1/ischoosed.png);
            }

        .recourseUploadStep2-8 > div:nth-of-type(1) > span:nth-of-type(2) {
            color: #14191e;
        }

            .recourseUploadStep2-8 > div:nth-of-type(1) > span:nth-of-type(2) > a {
                color: #e51c23;
                font-weight: bold;
            }

.uploadSubmit {
    position: absolute;
    width: 230px;
    height: 40px;
    background-color: #e4212c;
    border-radius: 3px;
    border: solid 1px #ef1b23;
    line-height: 40px;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    left: 610px;
    cursor: pointer;
}

    .uploadSubmit:hover {
        background: #d01716;
    }

.recourseUploadStep3 > img {
    position: absolute;
    left: 395px;
    top: 70px;
}

.recourseUploadStep3 > a {
    width: 230px;
    height: 40px;
    background-color: #e51c23;
    border-radius: 3px;
    border: solid 1px #ef1b23;
    text-align: center;
    position: absolute;
    top: 290px;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 40px;
    left: 420px;
}

    .recourseUploadStep3 > a:hover {
        background: #d01716;
    }

.recourseUploadStep3 > p {
    width: 1070px;
    text-align: center;
    position: absolute;
    top: 340px;
    color: #14191e;
    font-size: 14px;
    letter-spacing: 1px;
}

    .recourseUploadStep3 > p > a {
        color: #e51c23;
        text-decoration: underline;
    }

.recourseUploadBody2 {
    position: relative;
    height: 200px;
    width: 1070px;
    left: 60px;
    color: #14191e;
    padding-top: 25px;
}

    .recourseUploadBody2 > p > a {
        color: #e51c23;
        font-weight: bold;
    }

    .recourseUploadBody2 > p > span {
        font-weight: bold;
    }

    .recourseUploadBody2 > p > a:hover {
        color: #d01716;
    }

    .recourseUploadBody2 > p:nth-of-type(1) {
        margin-bottom: 15px;
        font-weight: bold;
    }

    .recourseUploadBody2 > p:nth-of-type(2) {
        margin-bottom: 15px;
    }

.recourseUploadStep2-2.active > .recourseUploadStepDemo {
    border: solid 1px #e51c23;
}

.recourseUploadStepDemo {
    position: absolute;
    display: inline-block;
    width: 330px;
    height: 40px;
    font-size: 14px;
    color: #93999f;
    right: 0;
    border: solid 1px #e3e3e3;
    border-radius: 3px;
}

    .recourseUploadStepDemo > select {
        height: 38px;
        outline: none;
        border: none;
        font-weight: bold;
    }

.myUpSelect .mycur-select-up {
    position: absolute;
    display: block;
    width: 330px;
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
    border-radius: 3px;
}

.myUpSelect:hover .mycur-select-up {
}

.mycur-select-up > img {
    position: absolute;
    right: 14px;
    top: 14px;
}

.myUpSelect select {
    position: absolute;
    top: 0;
    left: 0;
    width: 330px;
    height: 40px;
    opacity: 0;
    filter: alpha(opacity: 0;
    );
    color: #f80;
}

    .myUpSelect select option {
        text-indent: 20px;
        color: black;
    }

        .myUpSelect select option:hover {
            background-color: #e51c23;
            color: #ffffff;
        }

.mustWriteText {
    color: #e51c23;
    font-size: 12px;
    position: absolute;
    top: 45px;
    left: 60px;
}

.mustWriteText5.mustWriteText {
    position: relative;
    top: -50px;
    left: 60px;
}

.mustWriteText:hover {
    color: #e51c23;
}

.mustWriteText.active {
    display: none;
}

#myUpload {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    opacity: 0;
    top: 0;
    z-index: 1111;
}

    #myUpload > div {
        width: 100%;
    }

        #myUpload > div > div {
            width: 100%;
        }


/*悬赏首页*/

.rewardIndex {
    position: relative;
    width: 100%;
    background: rgb(246, 246, 246);
    padding-bottom: 150px;
}

.rewardBg {
    width: 100%;
    height: 280px;
    background: url(../Images/img3.1/rewardindexbg.png);
    background-position: center;
    position: absolute;
    top: 0;
}

.rewardMain {
    width: 1200px;
    position: relative;
    left: 50%;
    margin-left: -600px;
}

.rewardMainHead {
    position: relative;
    height: 220px;
}

    .rewardMainHead > img {
        position: absolute;
        top: 85px;
    }

    .rewardMainHead > span {
        position: absolute;
        top: 145px;
        font-size: 18px;
        color: #ffffff;
    }

.rewardMainHead1 {
    height: 50px;
    width: 600px;
    right: 0;
    top: 85px;
    position: absolute;
}

    .rewardMainHead1 > div:nth-of-type(1) {
        position: absolute;
        height: 50px;
        background: white;
        border-radius: 3px;
        width: 380px;
        font-size: 14px;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
    }

        .rewardMainHead1 > div:nth-of-type(1).active > input {
            border: 2px solid #E51C23;
        }

    .rewardMainHead1 > div:nth-of-type(2) {
        position: absolute;
        height: 50px;
        background: #E51C23;
        line-height: 50px;
        text-align: center;
        color: #FFFFFF;
        border-radius: 3px;
        width: 110px;
        left: 370px;
        cursor: pointer;
        font-size: 16px;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
    }

        .rewardMainHead1 > div:nth-of-type(2):hover {
            background: #D01716;
        }

    .rewardMainHead1 > div:nth-of-type(3) {
        position: absolute;
        height: 50px;
        background: #FFFFFF;
        line-height: 50px;
        text-align: center;
        color: #E51C23;
        border-radius: 3px;
        width: 110px;
        right: 0;
        border: 1px solid #E51C23;
        cursor: pointer;
        font-size: 16px;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
    }

        .rewardMainHead1 > div:nth-of-type(3):hover {
            background: #E51C23;
            color: #FFFFFF;
        }

    .rewardMainHead1 > div:nth-of-type(1) > input {
        width: 98%;
        height: 100%;
        border: none;
        outline: none;
        line-height: 50px;
        text-indent: 10px;
        font-size: 14px;
        color: #93999f;
        border-radius: 3px;
    }

        .rewardMainHead1 > div:nth-of-type(1) > input:focus {
            /*border: 1px solid #4d555d;*/
        }

.rewardMainHead2 {
    height: 12px;
    width: 600px;
    right: 0;
    top: 150px;
    position: absolute;
    font-size: 0;
}

.rewardMainBody {
    position: relative;
    background: #FFFFFF;
    border-radius: 3px;
}

.rewardMainBody1 {
    position: relative;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #f3f3f3;
}

    .rewardMainBody1 > span:nth-of-type(1) > span {
        color: #4d555d;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        padding-left: 25px;
        padding-right: 25px;
        cursor: pointer;
    }

        .rewardMainBody1 > span:nth-of-type(1) > span.active,
        .rewardMainBody1 > span:nth-of-type(1) > span:hover {
            color: #E51C23;
        }

    .rewardMainBody1 > span:nth-of-type(2) {
        position: absolute;
        width: 120px;
        text-align: left;
        right: 0;
        cursor: pointer;
        color: #4d555d;
        font-size: 14px;
        font-weight: bold;
    }

        .rewardMainBody1 > span:nth-of-type(2) > img {
            transition: 0.5s;
            margin-left: 5px;
        }

        .rewardMainBody1 > span:nth-of-type(2).active > img {
            transform: rotate(180deg);
        }

.rewardMainDemo {
    position: relative;
    display: block;
    width: 1150px;
    height: 115px;
    left: 25px;
    border-bottom: dashed 1px #f3f3f3;
}

    .rewardMainDemo > div:nth-of-type(1) {
        position: absolute;
        width: 900px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 18px;
        font-weight: bold;
        color: #14191e;
        top: 30px;
    }

    .rewardMainDemo:hover > div:nth-of-type(1) {
        color: #E51C23;
    }

    .rewardMainDemo > div:nth-of-type(2) {
        position: absolute;
        font-size: 14px;
        color: #93999f;
        bottom: 30px;
    }

        .rewardMainDemo > div:nth-of-type(2) > span:nth-of-type(3) {
            color: #888888;
            margin-left: 20px;
            margin-right: 20px;
        }

        .rewardMainDemo > div:nth-of-type(2) > span:nth-of-type(2),
        .rewardMainDemo > div:nth-of-type(2) > span:nth-of-type(5) {
            color: #e51c23;
        }

    .rewardMainDemo > div:nth-of-type(3) {
        position: absolute;
        font-size: 14px;
        color: #93999f;
        bottom: 30px;
        right: 0;
        display: inline-block;
    }

        .rewardMainDemo > div:nth-of-type(3) > span:nth-of-type(2) {
            font-size: 30px;
            font-weight: bold;
            color: #E51C23;
        }


/*悬赏详情*/

.rewardDetails {
    position: relative;
    width: 100%;
    background: rgb(246, 246, 246);
}

.rewardDetailsHead {
    position: relative;
    background-color: #ffffff;
    margin-bottom: 15px;
}

    .rewardDetailsHead > div {
        position: relative;
        left: 50%;
        margin-left: -600px;
        width: 1200px;
    }

.rewardDetailsHead1 {
    position: relative;
    width: 850px;
    padding-top: 45px;
}

    .rewardDetailsHead1 > p:nth-of-type(1) {
        margin-bottom: 15px;
    }

        .rewardDetailsHead1 > p:nth-of-type(1) > span:nth-of-type(1) {
            display: inline-block;
            font-size: 24px;
            font-weight: bold;
            color: #14191e;
            max-width: 750px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            line-height: 25px;
        }

        .rewardDetailsHead1 > p:nth-of-type(1) > span:nth-of-type(2) {
            display: inline-block;
            font-size: 14px;
            color: #08b244;
            border-radius: 3px;
            height: 25px;
            border: solid 1px #08b244;
            overflow: hidden;
            line-height: 25px;
            padding-left: 9px;
            padding-right: 9px;
            margin-left: 5px;
        }

            .rewardDetailsHead1 > p:nth-of-type(1) > span:nth-of-type(2).active {
                color: #93999f;
                border: solid 1px #93999f;
            }

    .rewardDetailsHead1 > p:nth-of-type(2) {
        margin-bottom: 15px;
    }

        .rewardDetailsHead1 > p:nth-of-type(2) > img {
            width: 30px;
            height: 30px;
            border-radius: 50%;
        }

        .rewardDetailsHead1 > p:nth-of-type(2) > span:nth-of-type(1) {
            font-size: 14px;
            color: #14191e;
            margin-left: 10px;
            margin-right: 5px;
        }

        .rewardDetailsHead1 > p:nth-of-type(2) > span:nth-of-type(2) {
            font-size: 14px;
            color: #93999f;
        }

    .rewardDetailsHead1 > div:nth-of-type(1) {
        font-size: 14px;
        line-height: 23px;
        color: #14191e;
        width: 850px;
        white-space: pre;
    }

    .rewardDetailsHead1 > div:nth-of-type(2) {
        height: 60px;
        line-height: 60px;
        cursor: pointer;
        width: 100px;
    }

        .rewardDetailsHead1 > div:nth-of-type(2) > span:nth-of-type(1) {
            display: inline-block;
            background: url("../Images/img2018/report.png");
            height: 14px;
            width: 13px;
            margin-right: 5px;
        }

        .rewardDetailsHead1 > div:nth-of-type(2):hover > span:nth-of-type(1) {
            background: url("../Images/img2018/report_hover.png");
        }

        .rewardDetailsHead1 > div:nth-of-type(2) > span:nth-of-type(2) {
            display: inline-block;
            font-size: 14px;
            color: #93999f;
        }

.rewardDetailsHead2 {
    position: absolute;
    height: 40px;
    top: 50px;
    left: 850px;
    width: 420px;
}

.rewardDetailsHeadOne {
    display: inline-block;
    width: 135px;
    height: 40px;
    border-right: 1px solid #f3f3f3;
    text-align: center;
}

    .rewardDetailsHeadOne > span:nth-of-type(1) {
        height: 30px;
        position: absolute;
        width: 135px;
        font-size: 24px;
        font-weight: bold;
        color: #e51c23;
        display: block;
        top: -5px;
    }

    .rewardDetailsHeadOne.active > span:nth-of-type(1) {
        color: #333333;
    }

    .rewardDetailsHeadOne > span:nth-of-type(2) {
        position: absolute;
        width: 135px;
        font-size: 14px;
        color: #93999f;
        display: block;
        bottom: -5px;
    }

    .rewardDetailsHeadOne:last-child {
        border-right: none;
    }

.rewardDetailsBody {
    position: relative;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    padding-bottom: 60px;
}

.rewardDetailsBody1 {
    position: relative;
    width: 850px;
    min-height: 360px;
    background-color: #ffffff;
    border-radius: 3px;
}

.rewardDetailsBody2 {
    position: absolute;
    right: 0;
    top: 0;
    width: 335px;
    height: 360px;
    background: url(../Images/img3.1/howDo.png);
    border-radius: 3px;
}

.rewardDetailsBody1-1 {
    position: relative;
}

    .rewardDetailsBody1-1 > div:nth-of-type(1) {
        position: relative;
        height: 60px;
        line-height: 60px;
        text-indent: 20px;
        color: #383838;
        border-bottom: 1px solid #f3f3f3;
    }

        .rewardDetailsBody1-1 > div:nth-of-type(1) > span {
            font-weight: bold;
            color: #E51C23;
            margin-left: 5px;
            margin-right: 5px;
        }

.rewardEmpty {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.rewardDetailsRecourse {
    position: relative;
    height: 110px;
    border-bottom: 1px dashed #f3f3f3;
    left: 20px;
    width: 810px;
}

    .rewardDetailsRecourse > img:nth-of-type(1) {
        height: 60px;
        width: 60px;
        position: absolute;
        top: 25px;
    }

    .rewardDetailsRecourse > img:nth-of-type(2) {
        position: absolute;
        right: 0;
        top: 5px;
    }

    .rewardDetailsRecourse > div {
        position: absolute;
        right: 0;
        top: 30px;
        width: 110px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #E51C23;
        border-radius: 3px;
        border: solid 1px #E51C23;
        cursor: pointer;
        letter-spacing: 2px;
    }

        .rewardDetailsRecourse > div:hover {
            background: #E51C23;
            color: #FFFFFF;
        }

    .rewardDetailsRecourse > a:nth-of-type(1) {
        font-size: 18px;
        font-weight: bold;
        color: #14191e;
        position: absolute;
        top: 25px;
        left: 84px;
        width: 550px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .rewardDetailsRecourse > a:nth-of-type(1):hover {
            color: #e51c23;
        }

    .rewardDetailsRecourse > p:nth-of-type(1) {
        font-size: 14px;
        color: #93999f;
        position: absolute;
        bottom: 25px;
        left: 84px;
    }

.rewardDetailsBody1-2 {
    width: 770px;
    height: 280px;
    background-color: #fafafa;
    border: dashed 1px #93999f;
    position: absolute;
    margin-top: 40px;
    left: 40px;
}

    .rewardDetailsBody1-2 > div:nth-of-type(1) {
        width: 290px;
        height: 50px;
        background-color: #E51C23;
        line-height: 50px;
        color: white;
        border-radius: 3px;
        top: 70px;
        left: 215px;
        position: absolute;
        font-size: 20px;
        cursor: pointer;
        text-align: center;
    }

        .rewardDetailsBody1-2 > div:nth-of-type(1):hover {
            background-color: #D01716;
        }

    .rewardDetailsBody1-2 > div:nth-of-type(2) {
        background-color: #ffffff;
        color: #e51c23;
        width: 290px;
        height: 50px;
        line-height: 50px;
        border-radius: 3px;
        border: 1px solid #e51c23;
        top: 130px;
        left: 215px;
        position: absolute;
        font-size: 20px;
        cursor: pointer;
        text-align: center;
    }

        .rewardDetailsBody1-2 > div:nth-of-type(2):hover {
            background-color: #e51c23;
            color: white;
        }

    .rewardDetailsBody1-2 > div > span {
        display: inline-block;
        position: absolute;
        top: 22px;
        left: 55px;
        width: 22px;
        height: 19px;
        background: url(../img/upload-icon.png);
    }

    .rewardDetailsBody1-2 > p {
        position: absolute;
        top: 200px;
        left: 180px;
        text-align: center;
        font-size: 16px;
        letter-spacing: 1px;
        color: #2b3442;
        width: 360px;
        line-height: 24px;
    }

        .rewardDetailsBody1-2 > p > span {
            color: #E51C23;
        }


/*选择资源弹窗*/

.chooseRecourseBox {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(1, 1, 1, 0.5);
    z-index: 99999;
}

.chooseRecourseClose {
    position: absolute;
    height: 100%;
    width: 100%;
}

.chooseRecourse {
    width: 550px;
    background-color: #ffffff;
    border-radius: 3px;
    position: relative;
    left: 50%;
    margin-left: -275px;
    padding-bottom: 30px;
    top: 50px;
}

.chooseRecourseBox.active {
    display: none;
}

.chooseRecourseHead {
    position: relative;
    height: 55px;
    line-height: 55px;
    border-bottom: 1px solid #f3f3f3;
    font-size: 16px;
    font-weight: bold;
    color: #4d555d;
    text-indent: 20px;
}

.chooseRecourseSearch {
    position: relative;
    height: 75px;
}

    .chooseRecourseSearch > input {
        position: absolute;
        left: 20px;
        width: 510px;
        height: 40px;
        background-color: #f3f3f3;
        border-radius: 3px;
        line-height: 40px;
        text-indent: 10px;
        outline: none;
        border: none;
        top: 15px;
    }

.chooseRecourseMain {
    position: relative;
    left: 20px;
    max-height: 360px;
    width: 530px;
    overflow: hidden;
    overflow-y: auto;
}

.chooseRecourseMainDemo {
    position: relative;
    height: 60px;
    border-bottom: 1px dashed #f3f3f3;
    width: 510px;
    cursor: pointer;
}

    .chooseRecourseMainDemo.active > .ifChooseThisRec > div {
        opacity: 1;
    }

.ifChooseThisRec {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: solid 2px #e3e3e3;
    top: 20px;
    border-radius: 50%;
}

    .ifChooseThisRec > div {
        position: absolute;
        width: 12px;
        height: 12px;
        background-color: #e51c23;
        top: 2px;
        left: 2px;
        border-radius: 50%;
        opacity: 0;
        transition: 0.5s;
    }

.chooseRecourseMainDemo > img {
    position: absolute;
    height: 40px;
    width: 40px;
    top: 10px;
    left: 30px;
}

.chooseRecourseMainDemo > a:nth-of-type(1) {
    display: block;
    position: absolute;
    width: 400px;
    left: 90px;
    font-size: 18px;
    font-weight: bold;
    color: #14191e;
    line-height: 30px;
    /*word-break: break-all;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    /*display: -webkit-box;
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 2;*/
    overflow: hidden;
    line-height: 60px;
}

    .chooseRecourseMainDemo > a:nth-of-type(1):hover {
        color: #e51c23;
    }

.chooseRecourseButton {
    position: relative;
    width: 250px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: white;
    background-color: #e51c23;
    border-radius: 3px;
    margin-top: 25px;
    left: 155px;
    cursor: pointer;
}

    .chooseRecourseButton:hover {
        background-color: #D01716;
    }

.closeThisModel {
    position: absolute;
    right: 20px;
    top: 20px;
    height: 16px;
    width: 16px;
    background: url(../Images/img2018/qaaclose.png);
    cursor: pointer;
}

#myFullScreen {
    position: absolute;
    z-index: 999;
    height: 50px;
    width: 775px;
    background: #f3f3f3;
    left: 15px;
    color: #f3f3f3;
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    border: 1px solid #e3e3e3;
    font-size: 16px;
    letter-spacing: 2px;
}

.queShengModel > img {
    /*width: 290px;*/
}

.flashPlay {
    position: relative;
    width: 775px;
    left: 15px;
    height: 550px;
}


/*悬赏弹窗*/

.wantRecourse {
    width: 800px;
    background-color: #ffffff;
    border-radius: 3px;
    position: absolute;
    left: 50%;
    margin-left: -400px;
    margin-top: 100px;
    padding-top: 50px;
    padding-bottom: 30px;
}

    .wantRecourse > img {
        position: absolute;
        right: 20px;
        top: 20px;
        cursor: pointer;
    }

.wantRecourse1 {
    position: relative;
    width: 800px;
    text-align: center;
    font-size: 24px;
    color: #4d555d;
    margin-bottom: 25px;
}

.wantRecourse2 {
    position: relative;
    width: 800px;
    text-align: center;
    font-size: 14px;
    color: #93999f;
    margin-bottom: 40px;
}

    .wantRecourse2 > img {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 3px;
    }

.wantRecourse3 {
    font-size: 16px;
    color: #14191e;
    line-height: 50px;
    height: 50px;
    position: relative;
    width: 730px;
    left: 40px;
    margin-bottom: 20px;
}

    .wantRecourse3 > input {
        text-indent: 10px;
        border-radius: 3px;
        border: solid 1px #e3e3e3;
        outline: none;
        width: 680px;
        height: 50px;
        position: absolute;
        right: 0;
    }

.wantRecourse4 {
    width: 730px;
    font-size: 16px;
    color: #14191e;
    line-height: 50px;
    height: 90px;
    position: relative;
    margin-bottom: 30px;
    left: 40px;
}

    .wantRecourse4 > textarea {
        position: absolute;
        right: 0;
        width: 680px;
        height: 90px;
        border-radius: 3px;
        border: solid 1px #e3e3e3;
        outline: none;
        resize: none;
        line-height: 30px;
        text-indent: 10px;
        padding-top: 10px;
    }

.wantRecourse5 {
    font-size: 16px;
    color: #14191e;
    line-height: 50px;
    height: 50px;
    position: relative;
    width: 350px;
    left: 40px;
    margin-bottom: 20px;
}

.wantRecourse6 {
    font-size: 16px;
    color: #14191e;
    line-height: 50px;
    height: 50px;
    position: relative;
    width: 350px;
    left: 40px;
    margin-bottom: 35px;
}

.wantRecourse7 {
    width: 300px;
    height: 40px;
    left: 250px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 40px;
    height: 40px;
    position: relative;
    background: #E51C23;
    outline: none;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

    .wantRecourse7:hover {
        background: #D01716;
    }

.mustWrite1 {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #E51C23;
    border-radius: 50%;
    top: 21px;
}

.myUpSelectBox {
    position: absolute;
    display: inline-block;
    width: 300px;
    height: 50px;
    font-size: 14px;
    /*color: #93999f;*/
    color: #14191e;
    right: 0;
    border: solid 1px #e3e3e3;
    border-radius: 3px;
}

    .myUpSelectBox > img {
        position: absolute;
        right: 10px;
        top: 20px;
    }

    .myUpSelectBox .mycur-select-up-box {
        position: absolute;
        display: block;
        width: 300px;
        height: 50px;
        line-height: 50px;
        text-indent: 10px;
        border-radius: 3px;
    }

    .myUpSelectBox:hover .mycur-select-up-box {
    }

.mycur-select-up-box > img {
    position: absolute;
    right: 14px;
    top: 19px;
}

.myUpSelectBox select {
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-indent: 10px;
    border: none;
    height: 90%;
    width: 100%;
    cursor: pointer;
}

    .myUpSelectBox select option {
        text-indent: 20px;
        color: black;
        text-indent: 10px;
    }

        .myUpSelectBox select option:hover {
            background-color: black;
            color: black;
        }


/*新首页*/

.homeStyle {
    position: relative;
    width: 100%;
    background: #ffffff;
    padding-top: 30px;
}

.homeStyleBg {
    width: 100%;
    height: 390px;
    background: url(../Images/img3.1/indexBG.png);
    background-position: center;
    position: absolute;
    top: 0;
}

.homeStyle1 {
    width: 1200px;
    height: 405px;
    position: relative;
    left: 50%;
    margin-left: -600px;
    background: #ffffff;
    border-radius: 3px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

    .homeStyle1 > div:nth-of-type(1) {
        position: relative;
        height: 405px;
        background: #f3f3f3;
    }

.homeStyle2 {
    width: 1200px;
    position: relative;
    left: 50%;
    margin-left: -600px;
    padding-top: 60px;
    padding-bottom: 65px;
}

    .homeStyle2 > p {
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #4d555d;
        position: relative;
        margin-bottom: 7px;
    }

    .homeStyle2 > a {
        text-align: center;
        font-size: 14px;
        letter-spacing: 1px;
        color: #4d555d;
        position: relative;
        margin-bottom: 25px;
        display: block;
    }

    .homeStyle2 > a,
    .homeStyle3 > a:nth-of-type(1),
    .homeStyle4 > a:nth-of-type(1),
    .homeStyle5 > a:nth-of-type(1) {
        width: 100px;
        left: 50%;
        margin-left: -50px;
    }

        .homeStyle2 > a:hover,
        .homeStyle3 > a:nth-of-type(1):hover,
        .homeStyle4 > a:nth-of-type(1):hover,
        .homeStyle5 > a:nth-of-type(1):hover {
            color: #e51c23;
        }

    .homeStyle2 > div {
        height: 520px;
        width: 1225px;
        position: relative;
        left: -12.5px;
    }

.homeStyle2Left {
    position: absolute;
    left: 0;
    height: 520px;
    width: 245px;
    transition: 0.5s;
    border-radius: 3px;
}

    .homeStyle2Left > div {
        width: 225px;
        height: 415px;
        position: absolute;
        top: 10px;
        left: 10px;
        overflow: hidden;
        border-radius: 3px;
    }

        .homeStyle2Left > div > img {
            width: 225px;
            height: 420px;
            transition: 0.5s;
        }

    .homeStyle2Left:hover {
        background: #ffffff;
        transform: translateY(-10px);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    }

        .homeStyle2Left:hover > div > img {
        }

        .homeStyle2Left:hover > p {
            color: #E51C23;
        }

    .homeStyle2Left > p {
        width: 225px;
        position: absolute;
        top: 435px;
        left: 10px;
        font-size: 16px;
        font-weight: bold;
        color: #14191e;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-all;
    }

    .homeStyle2Left > span:nth-of-type(1) {
        position: absolute;
        left: 10px;
        bottom: 10px;
        font-size: 12px;
        color: #93999f;
    }

    .homeStyle2Left > span:nth-of-type(2) {
        position: absolute;
        right: 10px;
        bottom: 10px;
        font-size: 12px;
        color: #e51c23;
        font-weight: bold;
    }

        .homeStyle2Left > span:nth-of-type(2).active {
            color: #00c654;
        }

.homeStyle2Right {
    position: absolute;
    right: 0;
    height: 520px;
    width: 980px;
}

.homeStyle2RightDemo {
    position: relative;
    float: left;
    height: 255px;
    width: 245px;
    margin-bottom: 10px;
    transition: 0.5s;
    border-radius: 3px;
}

    .homeStyle2RightDemo > div {
        /* width: 225px; */
        /* height: 150px; */
        /* position: absolute; */
        /* top: 10px; */
        /* left: 10px; */
        overflow: hidden;
        border-radius: 3px;
        /* padding: 10px; */
    }

        .homeStyle2RightDemo > div > img {
            width: 225px;
            height: 150px;
            transition: 0.5s;
        }

    .homeStyle2RightDemo:hover {
        background: #ffffff;
        transform: translateY(-10px);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    }

        .homeStyle2RightDemo:hover > div > img {
            /*transform: scale(1.2);*/
        }

        .homeStyle2RightDemo:hover > p {
            color: #E51C23;
        }

    .homeStyle2RightDemo > p {
        /* width: 225px; */
        /* position: absolute; */
        top: 170px;
        /* left: 10px; */
        font-size: 16px;
        font-weight: bold;
        color: #14191e;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-all;
        overflow: hidden;
    }

    .homeStyle2RightDemo > span:nth-of-type(1) {
        position: absolute;
        left: 10px;
        bottom: 10px;
        font-size: 12px;
        color: #93999f;
    }

    .homeStyle2RightDemo > span:nth-of-type(2) {
        position: absolute;
        right: 10px;
        bottom: 10px;
        font-size: 12px;
        color: #e51c23;
        font-weight: bold;
    }

        .homeStyle2RightDemo > span:nth-of-type(2).active {
            color: #00c654;
        }

.homeStyle3 {
    position: relative;
    /*background: url(../Images/img3.1/bigBG.png);*/
    background: url(../Images/img3.1/indexBG1.png);
    background-position: center;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    padding-top: 60px;
    padding-bottom: 50px;
}

    .homeStyle3 > p {
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #ffffff;
        position: relative;
        margin-bottom: 7px;
    }

    .homeStyle3 > a:nth-of-type(1) {
        text-align: center;
        font-size: 14px;
        letter-spacing: 1px;
        color: #ffffff;
        position: relative;
        margin-bottom: 25px;
        display: block;
    }

    .homeStyle3 > div {
        height: 305px;
        width: 1200px;
        position: relative;
        left: 50%;
        margin-left: -600px;
        margin-bottom: 50px;
    }

    .homeStyle3 > a:nth-of-type(2) {
        display: block;
        width: 280px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background-image: linear-gradient(90deg, #fe992b 0%, #f63a21 100%), linear-gradient( #f39827, #f39827);
        background-blend-mode: normal, normal;
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.7);
        border-radius: 25px;
        position: relative;
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #ffffff;
        left: 50%;
        margin-left: -140px;
        cursor: pointer;
        transition: 0.5s;
    }

        .homeStyle3 > a:nth-of-type(2):hover {
            transform: translateY(-10px);
        }

.homeStyle4 {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
    background: #FFFFFF;
}

    .homeStyle4 > div > img:nth-of-type(1) {
        position: absolute;
        left: 0;
        top: -125px;
    }

    .homeStyle4 > div > img:nth-of-type(2) {
        position: absolute;
        right: 0;
        top: 260px;
    }

    .homeStyle4 > p {
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #4d555d;
        position: relative;
        margin-bottom: 7px;
    }

    .homeStyle4 > a:nth-of-type(1) {
        text-align: center;
        font-size: 14px;
        letter-spacing: 1px;
        color: #4d555d;
        position: relative;
        margin-bottom: 25px;
        display: block;
    }

    .homeStyle4 > div {
        height: 295px;
        width: 1230px;
        position: relative;
        left: 50%;
        margin-left: -615px;
    }

    .homeStyle4 > a:nth-of-type(2) {
        display: block;
        width: 280px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background: #E51C23;
        border-radius: 25px;
        position: relative;
        font-size: 20px;
        letter-spacing: 1px;
        color: #ffffff;
        left: 50%;
        margin-left: -140px;
        cursor: pointer;
        transition: 0.5s;
    }

        .homeStyle4 > a:nth-of-type(2):hover {
            background: #d01716;
            transform: translateY(-10px);
        }

.homeStyle5 {
    position: relative;
    padding-top: 60px;
    padding-bottom: 70px;
    background: #f6f6f6;
}

    .homeStyle5 > img {
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -250px;
    }

    .homeStyle5 > p {
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #4d555d;
        position: relative;
        margin-bottom: 7px;
    }

    .homeStyle5 > a:nth-of-type(1) {
        text-align: center;
        font-size: 14px;
        letter-spacing: 1px;
        color: #4d555d;
        position: relative;
        margin-bottom: 50px;
        display: block;
    }

    .homeStyle5 > div {
        width: 1200px;
        position: relative;
        left: 50%;
        margin-left: -600px;
        margin-bottom: 70px;
    }

    .homeStyle5 > a:nth-of-type(2) {
        display: block;
        width: 280px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background: #E51C23;
        border-radius: 25px;
        position: relative;
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #ffffff;
        left: 50%;
        margin-left: -140px;
        cursor: pointer;
        transition: 0.5s;
    }

        .homeStyle5 > a:nth-of-type(2):hover {
            background: #d01716;
            transform: translateY(-10px);
        }

.homeStyle5-0 {
    position: relative;
    height: 100px;
    width: 1200px;
}

.homeStyle5-1 {
    position: relative;
    height: 225px;
    width: 1230px;
}

    .homeStyle5-1 > a {
        position: relative;
        width: 225px;
        height: 225px;
        display: block;
        overflow: hidden;
        float: left;
        margin-right: 20px;
        background-color: #ffffff;
        border-radius: 3px;
        box-shadow: 0 0 20px rgba(1, 1, 1, 0.1);
        text-align: center;
        padding-top: 35px;
        transition: 0.5s;
    }

        .homeStyle5-1 > a:hover {
            transform: translateY(-10px);
            box-shadow: 0 0 20px rgba(1, 1, 1, 0.2);
        }

            .homeStyle5-1 > a:hover > p:nth-of-type(1) {
                color: #e51c23;
            }

        .homeStyle5-1 > a > p:nth-of-type(1) {
            position: absolute;
            font-size: 20px;
            color: #14191e;
            letter-spacing: 1px;
            width: 100%;
            top: 135px;
        }

        .homeStyle5-1 > a > p:nth-of-type(2) {
            position: absolute;
            font-size: 14px;
            color: #93999f;
            width: 100%;
            top: 170px;
        }

.indexDvBox {
    position: relative;
    height: 305px;
    width: 1225px;
    overflow: hidden;
}

    .indexDvBox .bx-wrapper .bx-viewport {
        background: none;
    }

.indexDvBox1 {
    position: relative;
    height: 305px;
    /*transition: 0.5s;*/
    width: max-content;
}

.indexDvDemoBox {
    height: 305px;
    float: left;
    background: none;
    display: block;
}

    .indexDvDemoBox:nth-of-type(1) {
        margin-left: 0;
    }

    .indexDvDemoBox:hover > .indexDvDemo {
        transform: translateY(-10px);
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
        background-color: rgb(255, 255, 255);
    }

.indexDvDemo {
    position: absolute;
    transition: 0.5s;
    width: 225px;
    height: 270px;
    top: 35px;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    display: block;
}

    .indexDvDemo:hover {
        box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
    }

    .indexDvDemo > div:nth-of-type(1) {
        position: absolute;
        width: 90px;
        height: 90px;
        left: 67.5px;
        border-radius: 50%;
        background: #ffffff;
        background-size: 100% 100%;
        overflow: hidden;
        top: -25px;
    }

.newListMainNavOut {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
}

.indexDvDemo > div:nth-of-type(1) > div {
    height: 80px;
    width: 80px;
    display: block;
    position: absolute;
    left: 5px;
    top: 5px;
    border-radius: 50%;
    overflow: hidden;
    background: url(../Images/default-user-headimage.jpg);
    background-size: 100%
}

    .indexDvDemo > div:nth-of-type(1) > div > img {
        height: 100%;
        width: 100%;
        position: absolute;
        border-radius: 50%;
    }

.indexDvDemo > div:nth-of-type(2) {
    text-align: center;
    height: 40px;
    font-size: 16px;
    line-height: 45px;
    color: #14191e;
    position: absolute;
    font-weight: bold;
    width: 100%;
    top: 70px;
}

    .indexDvDemo > div:nth-of-type(2) > span {
        color: #14191e;
        text-decoration: none;
        font-weight: bold;
        font-size: 16px;
    }

    .indexDvDemo > div:nth-of-type(2) > img {
        margin-left: 0px;
        width: 16px;
        display: inline-block;
    }

.indexDvDemo > div:nth-of-type(3) {
    height: 45px;
    text-align: center;
    font-size: 14px;
    color: #93999f;
    position: absolute;
    line-height: 21px;
    width: 180px;
    left: 25px;
    top: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.indexDvDemo > div:nth-of-type(4) {
    height: 40px;
    text-align: center;
    line-height: 50px;
    font-size: 10px;
    font-weight: lighter;
    color: #93999f;
    position: absolute;
    bottom: 60px;
    width: 100%;
}

.indexDvDemo > div:nth-of-type(5) {
    width: 120px;
    height: 30px;
    background-color: #e51c23;
    border-radius: 3px;
    left: 53px;
    color: white;
    line-height: 30px;
    text-align: center;
    position: absolute;
    cursor: pointer;
    bottom: 30px;
}

    .indexDvDemo > div:nth-of-type(5):hover {
        background-color: #d01716;
    }

.indexGoLeft {
    height: 30px;
    width: 30px;
    background: url(../Images/img2018/left_arrow.png);
    position: absolute;
    z-index: 99;
    top: 170px;
    left: -15px;
    cursor: pointer;
    transition: 0.5s;
}

.indexGoRight {
    height: 30px;
    width: 30px;
    background: url(../Images/img2018/right_arrow.png);
    position: absolute;
    z-index: 99;
    top: 170px;
    right: -20px;
    cursor: pointer;
    transition: 0.5s;
}

    .indexGoLeft.isactived,
    .indexGoRight.isactived {
        /*display: none;*/
    }

    .indexGoLeft > a,
    .indexGoRight > a {
        opacity: 0;
    }

    .indexGoLeft:hover,
    .indexGoRight:hover {
        opacity: 0.8;
        transition: 0.5s;
    }

.indexQueDemo {
    position: absolute;
    width: 380px;
    height: 220px;
    background-color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 0 20px rgba(1, 1, 1, 0.1);
    left: 15px;
    top: 15px;
    overflow: hidden;
    display: block;
    transition: 0.5s;
}

.indexQueDemo1 {
    position: relative;
    height: 100px;
    border-bottom: 1px solid #f3f3f3;
    width: 330px;
    left: 25px;
}

.indexQueDemo:hover {
    box-shadow: 0 0 20px rgba(1, 1, 1, 0.2);
    transform: translateY(-10px);
}

    .indexQueDemo:hover > div:nth-of-type(1) > div {
        color: #e51c23;
    }

.indexQueDemo1 > img {
    position: absolute;
    top: 30px;
}

.indexQueDemo1 > div {
    position: absolute;
    width: 290px;
    left: 35px;
    top: 25px;
    font-size: 16px;
    font-weight: bold;
    color: #14191e;
    line-height: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
}

.indexQueDemo2 {
    position: relative;
    height: 60px;
    line-height: 60px;
    width: 330px;
    left: 25px;
}

    .indexQueDemo2 > img {
        position: absolute;
        top: 22px;
    }

    .indexQueDemo2 > div:nth-of-type(1) {
        width: 130px;
        font-size: 14px;
        color: #14191e;
        line-height: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 60px;
        margin-left: 35px;
    }

    .indexQueDemo2 > div:nth-of-type(2) {
        width: 120px;
        height: 30px;
        background-color: #ef1b23;
        border-radius: 3px;
        line-height: 30px;
        color: #ffffff;
        text-align: center;
        position: absolute;
        right: 0;
        top: 15px;
        cursor: pointer;
    }

        .indexQueDemo2 > div:nth-of-type(2):hover {
            background: #d01716;
        }

        .indexQueDemo2 > div:nth-of-type(2) > img {
            display: inline-block;
        }

.indexQueDemo3 {
    position: relative;
    height: 60px;
    background: #f6f6f6;
}

    .indexQueDemo3 > img {
        position: absolute;
        width: 36px;
        height: 36px;
        left: 15px;
        top: 12px;
        border-radius: 50%;
    }

    .indexQueDemo3 > span:nth-of-type(1) {
        position: absolute;
        left: 65px;
        top: 10px;
        font-size: 14px;
        font-weight: bold;
        color: #14191e;
    }

        .indexQueDemo3 > span:nth-of-type(1) > img {
            display: inline-block;
        }

    .indexQueDemo3 > span:nth-of-type(2) {
        position: absolute;
        display: block;
        height: 10px;
        width: 10px;
        background-color: #f3f3f3;
        transform: rotate(45deg);
        left: 30px;
        top: -5px;
    }

    .indexQueDemo3 > div {
        position: absolute;
        left: 65px;
        bottom: 10px;
        font-size: 12px;
        color: #93999f;
        width: 300px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }


/*首页新轮播*/

.indexCarouselBox {
    width: 1230px;
    height: 250px;
    position: relative;
    overflow: hidden;
}

.indexCarousel {
    height: 250px;
    position: relative;
}

    .indexCarousel > li {
        float: left;
        width: 410px;
        height: 250px;
        position: relative;
    }


/*个人中心-课程*/

.myCollectCourse {
    display: block;
    position: relative;
    width: 238px;
    height: 220px;
    float: left;
    border-radius: 3px;
}

    .myCollectCourse > div:nth-of-type(1) {
        width: 218px;
        height: 146px;
        position: absolute;
        left: 10px;
        top: 10px;
        overflow: hidden;
        border-radius: 3px;
    }

        .myCollectCourse > div:nth-of-type(1) > img {
            width: 218px;
            height: 146px;
            transition: 0.5s;
        }

    .myCollectCourse:hover > div:nth-of-type(1) > img {
        transform: scale(1.2);
    }

    .myCollectCourse:hover {
        background: #ffffff;
        box-shadow: 0 0 10px rgba(1, 1, 1, 0.2)
    }

    .myCollectCourse > div:nth-of-type(2) {
        position: absolute;
        left: 10px;
        top: 160px;
        width: 218px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #14191e;
        font-size: 16px;
        font-weight: bold;
        color: #14191e;
    }

    .myCollectCourse > span:nth-of-type(1) {
        position: absolute;
        left: 10px;
        bottom: 10px;
        color: #93999f;
    }

    .myCollectCourse > span:nth-of-type(2) {
        position: absolute;
        right: 10px;
        bottom: 10px;
        color: #e51c23;
    }

        .myCollectCourse > span:nth-of-type(2).active {
            color: #00c654;
        }


/*搜索结果*/

.recourseSearchIndex {
    position: relative;
    width: 100%;
    background: rgb(246, 246, 246);
    padding-bottom: 50px;
}

.recourseSearchBg {
    width: 100%;
    height: 180px;
    background: url(../Images/img3.1/searchBg.png);
    background-position: center;
    position: relative;
}

.recourseSearchInput {
    position: absolute;
    width: 710px;
    left: 50%;
    margin-left: -355px;
    height: 50px;
    top: 65px;
}

    .recourseSearchInput > input {
        width: 610px;
        background-color: #ffffff;
        border-radius: 3px;
        height: 50px;
        position: absolute;
        left: 0;
        text-indent: 10px;
        outline: none;
        border: none;
    }

    .recourseSearchInput.active > input {
        border: solid 2px #e51c23;
    }

    .recourseSearchInput > div {
        position: absolute;
        right: 0;
        width: 110px;
        height: 50px;
        background-color: #e51c23;
        border-radius: 3px;
        line-height: 50px;
        text-align: center;
        color: #FFFFFF;
        cursor: pointer;
    }

        .recourseSearchInput > div:hover {
            background-color: #D01716;
        }

.recourseSearchIndexMain {
    width: 1200px;
    position: relative;
    left: 50%;
    margin-left: -600px;
}

.recourseSearchIndexMainHead {
    position: relative;
    height: 60px;
    background: #fff;
    margin-top: 0;
}

    .recourseSearchIndexMainHead > span {
        width: 120px;
        text-align: center;
        height: 60px;
        display: inline-block;
        font-size: 18px;
        font-weight: bold;
        color: #4d555d;
        line-height: 70px;
        cursor: pointer;
    }

        .recourseSearchIndexMainHead > span.active {
            border-bottom: 4px solid #e51c23;
            color: #E51C23;
        }

.recourseSearchIndexMainHead1 {
    position: relative;
    height: 56px;
    line-height: 56px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}

    .recourseSearchIndexMainHead1 > span {
        color: #e51c23;
    }

.recourseSearchIndexMainbody {
    position: relative;
}

.recourseSearchIndexMainbody1 {
    position: relative;
    border-radius: 3px;
    display: none;
}

.recourseSearchIndexMainbody1Style {
    position: relative;
    height: 50px;
    cursor: pointer;
    border-bottom: 1px solid #f3f3f3;
    background: #ffffff;
    border-radius: 3px;
}

    .recourseSearchIndexMainbody1Style > span {
        padding-left: 10px;
        padding-right: 10px;
        height: 50px;
        line-height: 50px;
        color: #14191e;
        display: inline-block;
        text-align: center;
        font-weight: bold;
        margin-right: 10px;
    }

        .recourseSearchIndexMainbody1Style > span.active,
        .recourseSearchIndexMainbody1Style > span:hover {
            color: #e51c23;
            border-bottom: 4px solid #e51c23;
        }

.recourseSearchIndexMainbody1MainBox1 {
    display: none;
    border-radius: 3px;
}

    .recourseSearchIndexMainbody1MainBox1.active {
        display: block;
    }

.recourseSearchIndexMainbody1.active {
    display: block;
}

.recourseSearchIndexMainbody1Main {
    /* background: #FFFFFF; */
}

.recourseSearchIndexMainDemo1 {
    display: block;
    position: relative;
    height: 110px;
    left: 25px;
    width: 1150px;
    border-bottom: 1px dashed #f3f3f3;
}

.recourseSearchIndexMainDemo {
    display: block;
    position: relative;
    height: 110px;
    left: 25px;
    width: 1150px;
    border-bottom: 1px dashed #f3f3f3;
}

.recourseSearchIndexMainDemo1 > img {
    position: absolute;
    height: 60px;
    width: 60px;
    top: 25px;
}

.recourseSearchIndexMainDemo1 > div:nth-of-type(1) {
    position: absolute;
    width: 1000px;
    top: 25px;
    font-size: 18px;
    font-weight: bold;
    color: #14191e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    left: 80px;
}

.recourseSearchIndexMainDemo1:hover > div:nth-of-type(1) {
    color: #E51C23;
}

.recourseSearchIndexMainDemo1 > div:nth-of-type(2) {
    position: absolute;
    bottom: 25px;
    font-size: 14px;
    color: #93999f;
    left: 80px;
}

.recourseSearchIndexMainDemo1 > div:nth-of-type(3) {
    position: absolute;
    bottom: 25px;
    font-size: 14px;
    color: #93999f;
    right: 0px;
}

    .recourseSearchIndexMainDemo1 > div:nth-of-type(3) > span:nth-of-type(2) {
        font-size: 30px;
        font-weight: bold;
        line-height: 0px;
        letter-spacing: 0px;
        color: #e51c23;
    }

.recourseSearchIndexMainMore {
    width: 1200px;
    height: 40px;
    background-color: #ffffff;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    line-height: 40px;
    text-indent: 25px;
    color: #E51C23;
    margin-top: 10px;
}

.indexQueGoLeft {
    height: 30px;
    width: 30px;
    background: url(../Images/img2018/left_arrow.png);
    position: absolute;
    z-index: 99;
    top: 115px;
    left: 0px;
    cursor: pointer;
    transition: 0.5s;
    z-index: 99;
}

.indexQueGoRight {
    height: 30px;
    width: 30px;
    background: url(../Images/img2018/right_arrow.png);
    position: absolute;
    z-index: 99;
    top: 115px;
    right: 0;
    cursor: pointer;
    transition: 0.5s;
    z-index: 99;
}

    .indexQueGoLeft.isactived,
    .indexQueGoRight.isactived {
        /*display: none;*/
    }

    .indexQueGoLeft > a,
    .indexQueGoRight > a {
        opacity: 0;
    }

    .indexQueGoLeft:hover,
    .indexQueGoRight:hover {
        opacity: 0.8;
        transition: 0.5s;
    }


/*金币商城*/

.goldStoreIndex {
    position: relative;
    width: 100%;
    background: #ffffff;
    padding-bottom: 100px;
}

.goldStoreBg {
    width: 100%;
    height: 175px;
    background: url(../Images/img3.1/goldBG.png);
    background-position: center;
    position: absolute;
    top: 0;
}

.goldStoreMain {
    width: 1200px;
    position: relative;
    left: 50%;
    margin-left: -600px;
}

.goldStoreMainHead {
    position: relative;
    height: 110px;
}

    .goldStoreMainHead > img:nth-of-type(2) {
        position: absolute;
        top: 50px;
        left: 90px;
    }

    .goldStoreMainHead > span {
        position: absolute;
        top: 64px;
        font-size: 18px;
        left: 260px;
        color: #ffffff;
    }

.goldStoreMainTitle {
    position: relative;
    height: 120px;
    background-color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 0 20px rgba(1, 1, 1, 0.2);
    margin-bottom: 40px;
}

.goldStoreMainTitle1 {
    position: absolute;
    top: 15px;
    left: 20px;
    width: 90px;
    height: 90px;
    background: url(../Images/default-user-headimage.jpg);
    background-size: 100%;
    border-radius: 50%;
    overflow: hidden;
}

    .goldStoreMainTitle1 > img {
        width: 90px;
        height: 90px;
        border-radius: 50%;
    }

.goldStoreMainTitle2 {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    position: absolute;
    top: 30px;
    left: 130px;
}

.goldStoreMainTitle3 {
    font-size: 16px;
    color: #93999f;
    position: absolute;
    bottom: 20px;
    left: 130px;
}

    .goldStoreMainTitle3 > span:nth-of-type(2) {
        font-weight: bold;
        color: #e51c23;
    }

.goldStoreMainTitle4 {
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    position: absolute;
    top: 40px;
    right: 200px;
    background-color: #e51c23;
    border-radius: 3px;
    cursor: pointer;
}

    .goldStoreMainTitle4:hover {
        color: #ffffff;
        background: #D01716;
    }

.goldStoreMainTitle5 {
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    position: absolute;
    top: 40px;
    right: 40px;
    border-radius: 3px;
    color: #e51c23;
    border: 1px solid #e51c23;
    cursor: pointer;
}

    .goldStoreMainTitle5:hover {
        color: #ffffff;
        background: #e51c23;
    }

.goldStoreMainTitle8 {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    position: absolute;
    top: 45px;
    left: 130px;
}

.goldStoreMainTitle6 {
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    position: absolute;
    top: 40px;
    right: 160px;
    background-color: #e51c23;
    border-radius: 3px;
    cursor: pointer;
}

    .goldStoreMainTitle6:hover {
        color: #ffffff;
        background: #D01716;
    }

.goldStoreMainTitle7 {
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    position: absolute;
    top: 40px;
    right: 40px;
    border-radius: 3px;
    color: #e51c23;
    border: 1px solid #e51c23;
    cursor: pointer;
}

    .goldStoreMainTitle7:hover {
        color: #ffffff;
        background: #e51c23;
    }

.goldStoreMainBody {
    position: relative;
    width: 1225px;
}

.goldStoreDemo {
    position: relative;
    width: 225px;
    height: 350px;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
    float: left;
    border-radius: 3px;
    margin-right: 20px;
    margin-bottom: 20px;
    display: block;
}

    .goldStoreDemo:hover {
        box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);
    }

    .goldStoreDemo > div:nth-of-type(1) {
        width: 190px;
        height: 190px;
        background-color: #f3f3f3;
        border-radius: 3px;
        position: absolute;
        left: 17.5px;
        top: 20px;
        overflow: hidden;
    }

        .goldStoreDemo > div:nth-of-type(1) > img {
            width: 190px;
            height: 190px;
        }

    .goldStoreDemo > div:nth-of-type(2) {
        width: 190px;
        position: absolute;
        left: 17.5px;
        top: 230px;
        color: #14191e;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .goldStoreDemo > p {
        width: 100%;
        position: absolute;
        top: 260px;
        color: #e51c22;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
    }

    .goldStoreDemo > div:nth-of-type(3) {
        width: 150px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        position: absolute;
        left: 37.5px;
        bottom: 30px;
        color: #e51c23;
        font-size: 14px;
        border-radius: 3px;
        border: 1px solid #e51c23;
        cursor: pointer;
        font-weight: bold;
    }

        .goldStoreDemo > div:nth-of-type(3):hover {
            background: #E51C23;
            color: #ffffff;
        }

        .goldStoreDemo > div:nth-of-type(3).active {
            border: none;
            background: #999999;
            color: #ffffff;
        }

            .goldStoreDemo > div:nth-of-type(3).active:hover {
                background: #777777;
            }

.goldNoticeBox {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(1, 1, 1, 0.5);
    z-index: 999;
    top: 0;
    display: none;
}

    .goldNoticeBox.active {
        display: block;
    }

.goldNoticeBoxClose {
    position: absolute;
    height: 100%;
    width: 100%;
}

.goldNotice1 {
    position: absolute;
    width: 400px;
    max-height: 510px;
    background-color: #ffffff;
    border-radius: 3px;
    left: 50%;
    margin-left: -200px;
    top: 100px;
    padding-bottom: 30px;
}

.goldNotice1-1 {
    position: relative;
    height: 55px;
    line-height: 55px;
    text-indent: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #4d555d;
    border-bottom: 1px solid #f3f3f3;
}

    .goldNotice1-1 > img {
        position: absolute;
        cursor: pointer;
        right: 20px;
        top: 20px;
    }

.goldNotice1-2 {
    position: relative;
    max-height: 360px;
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 25px;
}

.goldEmpty {
    position: relative;
    width: 100%;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
}

.goldNotice1-2-1 {
    position: relative;
    height: 90px;
    width: 360px;
    left: 20px;
    border-bottom: 1px solid #f3f3f3;
}

    .goldNotice1-2-1 > p:nth-of-type(1) {
        position: absolute;
        width: 350px;
        font-size: 16px;
        font-weight: bold;
        color: #14191e;
        top: 20px;
        width: 360px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .goldNotice1-2-1 > p:nth-of-type(2) {
        position: absolute;
        font-size: 14px;
        color: #93999f;
        bottom: 20px;
    }

    .goldNotice1-2-1 > span {
        position: absolute;
        font-weight: bold;
        font-size: 14px;
        color: #e51c23;
        bottom: 20px;
        right: 0;
    }

.goldNotice1-3 {
    position: relative;
    width: 140px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #14191e;
    border: solid 1px #14191e;
    left: 125px;
    cursor: pointer;
    border-radius: 3px;
}

    .goldNotice1-3:hover {
        background: #f6f6f6;
    }

.goldNotice2 {
    position: absolute;
    width: 400px;
    height: 320px;
    background-color: #ffffff;
    border-radius: 3px;
    left: 50%;
    margin-left: -200px;
    top: 100px;
}

.goldNotice2-1 {
    position: relative;
    height: 55px;
    line-height: 55px;
    text-indent: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #4d555d;
    border-bottom: 1px solid #f3f3f3;
}

    .goldNotice2-1 > img {
        position: absolute;
        cursor: pointer;
        right: 20px;
        top: 20px;
    }

.goldNotice2-2 {
    position: relative;
}

    .goldNotice2-2 label {
        text-align: left;
        font-weight: bold;
        display: inline;
    }

    .goldNotice2-2 > p:nth-of-type(1) {
        text-align: center;
        position: absolute;
        width: 100%;
        font-size: 18px;
        color: #14191e;
        top: 60px;
    }

    .goldNotice2-2 > p:nth-of-type(2) {
        position: absolute;
        width: 100%;
        font-size: 14px;
        color: #93999f;
        top: 110px;
        text-indent: 130px;
    }

    .goldNotice2-2 > p:nth-of-type(3) {
        text-indent: 130px;
        position: absolute;
        width: 100%;
        font-size: 14px;
        color: #93999f;
        top: 130px;
    }

    .goldNotice2-2 > p > span {
        color: #e51c23;
        font-weight: bold;
    }

    .goldNotice2-2 > p:nth-of-type(2) > span > span:nth-of-type(1),
    .goldNotice2-2 > p:nth-of-type(3) > span > span:nth-of-type(1) {
        color: #e51c23;
        font-weight: bold;
    }

    .goldNotice2-2 > p:nth-of-type(2) > span > span:nth-of-type(2),
    .goldNotice2-2 > p:nth-of-type(3) > span > span:nth-of-type(2) {
        color: #14191e;
        font-weight: bold;
    }

.goldNotice2-3 {
    position: absolute;
    width: 140px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
    left: 50px;
    bottom: 30px;
    cursor: pointer;
    border-radius: 3px;
    background: #e51c23;
    font-weight: bold;
}

    .goldNotice2-3:hover {
        background: #d01716;
        color: #ffffff;
    }

.goldNotice2-4 {
    position: absolute;
    width: 140px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #14191e;
    right: 50px;
    bottom: 30px;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #14191e;
}

    .goldNotice2-4:hover {
        background: #f3f3f3;
    }

.goldNotice2-5 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #14191e;
    top: 140px;
    font-size: 16px;
}

.goldNotice2-6 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #14191e;
    top: 100px;
    font-size: 16px;
}

.goldNotice2-7 {
    position: absolute;
    width: 300px;
    color: #14191e;
    top: 150px;
    font-size: 14px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    outline: none;
    height: 50px;
    left: 50px;
    text-indent: 10px;
}

    .goldNotice2-7.active {
        border: 1px solid #e51c23;
    }

.goldNotice4 {
    position: absolute;
    width: 670px;
    height: 420px;
    background-color: #ffffff;
    border-radius: 3px;
    left: 50%;
    margin-left: -335px;
    top: 100px;
}

    .goldNotice4 > img {
        position: absolute;
        cursor: pointer;
        right: 20px;
        top: 20px;
    }

    .goldNotice4 > p {
        text-align: center;
        width: 100%;
        position: absolute;
        top: 45px;
        font-size: 24px;
        color: #4d555d;
        font-weight: normal;
    }

.goldNotice4-1,
.goldNotice4-2,
.goldNotice4-3 {
    position: absolute;
    left: 40px;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    color: #14191e;
}

    .goldNotice4-2 > span {
        position: absolute;
        bottom: -35px;
        color: #e51c23;
        font-size: 12px;
        display: block;
        width: 300px;
        left: 90px;
        font-weight: normal;
        display: none;
    }

    .goldNotice4-2.active > span {
        display: block;
    }

    .goldNotice4-1 > input,
    .goldNotice4-2 > input,
    .goldNotice4-3 > input {
        border: solid 1px #e3e3e3;
        outline: none;
        line-height: 40px;
        text-indent: 10px;
        position: absolute;
        left: 90px;
        top: 0;
        border-radius: 3px;
    }

    .goldNotice4-1.active > input,
    .goldNotice4-2.active > input,
    .goldNotice4-3.active > input {
        border: solid 1px #e51c23;
    }

.goldNotice4-1 {
    top: 110px;
}

.goldNotice4-2 {
    top: 180px;
}

.goldNotice4-3 {
    top: 250px;
}

.goldNotice4-1 > input {
    width: 300px;
}

.goldNotice4-2 > input {
    width: 300px;
}

.goldNotice4-3 > input {
    width: 500px;
}

.goldNotice4-4 {
    bottom: 50px;
    left: 185px;
    width: 300px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #e51c22;
    border-radius: 3px;
    font-size: 16px;
    color: #ffffff;
    position: absolute;
    cursor: pointer;
}

    .goldNotice4-4:hover {
        background: #d01716;
    }

    .goldNotice4-4 > span {
        font-weight: bold;
    }

.goldNotice4 .active input::-webkit-input-placeholder {
    color: #e51c23;
}

.goldNotice4 .active input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #e51c23;
}

.goldNotice4 .active input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #e51c23;
}

.goldNotice4 .active input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #e51c23;
}


/**/

.mustWriteDemo {
    position: absolute;
    color: #e51c23;
    font-size: 13px;
}

    .mustWriteDemo.active {
        display: none;
    }

input:focus {
    border: 1px solid #14191e;
}

textarea:focus {
    border: 1px solid #14191e;
}

.headSearch {
    position: absolute;
    width: 230px;
    height: 30px;
    display: block;
    right: 180px;
    top: 20px;
}

    .headSearch.active {
        display: none;
    }

.headSearch1 {
    position: absolute;
    width: 65px;
    border-left: 1px solid #e3e3e3;
    height: 30px;
    display: none;
}

.headSearch2 {
    position: absolute;
    width: 165px;
    left: 30px;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    height: 30px;
}

    .headSearch2 > img {
        position: absolute;
        right: 10px;
        top: 5px;
        cursor: pointer;
    }

    .headSearch2 > input {
        position: absolute;
        height: 30px;
        width: 130px;
        border: none;
        outline: none;
        left: 10px;
    }

    .headSearch2 > div {
        height: 2px;
        width: 110px;
        background: #e51c23;
        position: absolute;
        bottom: 0;
        left: 10px;
        transform: scaleX(0);
        transition: 0.3s;
    }

        .headSearch2 > div.active {
            transform: scaleX(1);
        }

.headSelectDemo > img {
    position: absolute;
    top: 13px;
    right: 10px;
}

.headSearch1 .headSelectDemo {
    width: 65px;
    position: relative;
    cursor: pointer;
    line-height: 30px;
}


    .headSearch1 .headSelectDemo p {
        width: 65px;
        line-height: 30px;
        font-size: 14px;
        color: #14191e;
        padding: 0px 10px;
        position: relative;
    }

    .headSearch1 .headSelectDemo ul {
        width: 65px;
        display: block;
        font-size: 14px;
        background: #FFFFFF;
        position: relative;
        left: 0px;
        display: none;
        margin-top: 10px;
        box-shadow: 0 5px 10px rgba(1,1,1,0.3);
        height: 70px;
    }

.headSearch1:hover .headSelectDemo ul {
    display: block;
}

.headSearch1 .headSelectDemo ul li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #FFFFFF;
    text-align: center;
    position: relative;
    color: #666666;
}

    .headSearch1 .headSelectDemo ul li.Selected {
        background: #e51c23;
        color: #FFFFFF;
    }

    .headSearch1 .headSelectDemo ul li:hover {
        background: #D0D0D0;
    }

@-webkit-keyframes slide-down {
    0% {
        transform: scale(1, 0);
    }

    25% {
        transform: scale(1, 1.2);
    }

    50% {
        transform: scale(1, 0.85);
    }

    75% {
        transform: scale(1, 1.05);
    }

    100% {
        transform: scale(1, 1);
    }
}

.headSearch1 .headSelectDemo.open ul {
    max-height: 250px;
    transform-origin: 50% 0;
    -webkit-animation: slide-down .5s ease-in;
    transition: max-height .2s ease-in;
}

.headSearch1 .headSelectDemo.open::after {
    transform: rotate(134deg);
    transition: all .3s ease-in;
    top: 18px;
}


/*弹窗遮罩*/

.closeBoxDemo {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(1, 1, 1, 0.5);
}
/*进度条*/
.myUploadLoading {
    position: absolute;
    height: 8px;
    width: 1200px;
    background: #e3e3e3;
    top: 82px;
    left: 50%;
    margin-left: -600px;
    display: none;
}

    .myUploadLoading > div {
        background: #e51c23;
        position: absolute;
        left: 0;
        height: 8px;
    }

    .myUploadLoading.active {
        display: block;
    }

.noMainDemo {
    text-align: center;
    background: #ffffff;
    padding-top: 15px;
    padding-bottom: 15px;
}

.rewardMainBody2 > .list-kong {
    text-align: center;
}

.videoBox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(1,1,1,0.7);
    z-index: 99999;
}

    .videoBox.active {
        display: none;
    }

.videoBoxClose {
    width: 100%;
    height: 100%;
    position: absolute;
}

.videoBoxDemo {
    position: absolute;
    width: 800px;
    height: 580px;
    top: 50%;
    background: white;
    border-radius: 3px;
    left: 50%;
    margin-left: -400px;
    margin-top: -290px;
}

    .videoBoxDemo > img {
        position: absolute;
        right: 20px;
        top: 20px;
        cursor: pointer;
    }

    .videoBoxDemo > span {
        position: absolute;
        left: 20px;
        top: 20px;
        font-size: 16px;
        font-weight: bold;
        color: #4d555d;
    }

    .videoBoxDemo > video {
        position: absolute;
        left: 20px;
        top: 60px;
        cursor: pointer;
        width: 760px;
        height: 430px;
    }

    .videoBoxDemo > a {
        position: absolute;
        left: 20px;
        bottom: 30px;
        cursor: pointer;
        display: block;
        width: 200px;
        height: 45px;
        line-height: 45px;
        border-radius: 3px;
        background: #e51c23;
        color: #ffffff;
        left: 300px;
        text-align: center;
        font-size: 16px;
    }

        .videoBoxDemo > a:hover {
            background: #d01716;
        }
/*绑定qq*/
.BindingUserBox {
    position: relative;
    height: 570px;
    width: 600px;
    left: 50%;
    margin-left: -300px;
}

.BindingUserHead {
    position: relative;
    height: 90px;
    font-size: 18px;
    font-weight: bold;
    line-height: 120px;
    color: #14191e;
    border-bottom: 1px solid #f3f3f3;
    text-indent: 20px;
}

.BindingUserLeft {
    position: absolute;
    top: 120px;
    border-right: 1px solid #f3f3f3;
    width: 165px;
    height: 350px;
    left: 20px;
}

    .BindingUserLeft > img {
        width: 150px;
        height: 150px;
    }

.BindingUserRight {
    position: absolute;
    top: 120px;
    width: 390px;
    height: 350px;
    right: 0;
}

.BindingUserSuccess {
    width: 360px;
    left: 15px;
    height: 45px;
    background-color: #e51c23;
    border-radius: 3px;
    text-align: center;
    line-height: 45px;
    color: #ffffff;
    font-size: 16px;
    position: relative;
    cursor: pointer;
}

    .BindingUserSuccess:hover {
        background: #d01716;
    }

.BindingUserModel {
    width: 360px;
    position: relative;
    left: 15px;
    height: 45px;
    line-height: 45px;
    margin-bottom: 30px;
}

    .BindingUserModel > span {
        display: inline-block;
        width: 70px;
        text-align: right;
        color: #14191e;
    }

    .BindingUserModel > p {
        color: #e51c23;
        position: absolute;
        left: 90px;
        top: 50px;
        line-height: 20px;
    }

    .BindingUserModel > input {
        width: 280px;
        position: absolute;
        right: 0;
        height: 45px;
        outline: none;
        border: 1px solid #e3e3e3;
        border-radius: 3px;
        text-indent: 10px;
    }

    .BindingUserModel.active > input {
        border: 1px solid #e51c23;
    }

    .BindingUserModel > input:focus {
        border: 1px solid #14191e;
    }

    .BindingUserModel > a {
        height: 45px;
        position: absolute;
        right: 0;
    }

    .BindingUserModel > div {
        height: 45px;
        position: absolute;
        right: 0;
        line-height: 45px;
        color: #e51c23;
        top: 0;
        width: 90px;
        text-align: center;
        cursor: pointer;
    }

        .BindingUserModel > div:hover {
            color: #d01716;
        }
/*弹窗统一*/
.modal-open .modal {
    overflow-y: auto;
    top: 70px;
}

.modal-open {
    overflow: hidden;
    height: 100%;
}

html {
    height: 100%;
}
/*第三方登录*/
.otherStyleLogin {
    position: relative;
    height: 40px;
    line-height: 30px;
    color: #14191e;
}

    .otherStyleLogin > a:nth-of-type(1) {
        position: absolute;
        right: 40px;
        width: 30px;
        height: 30px;
        background: url(../Images/img3.1/otherLoginQQ.png);
        border-radius: 50%;
        display: block;
        top: 0;
        transition: 0.3s;
    }

        .otherStyleLogin > a:nth-of-type(1):hover {
            background: url(../Images/img3.1/otherLoginQQ1.png);
        }

    .otherStyleLogin > a:nth-of-type(2) {
        position: absolute;
        right: 0px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        display: block;
        top: 0;
        background: url(../Images/img3.1/otherLoginWX.png);
        transition: 0.3s;
    }

        .otherStyleLogin > a:nth-of-type(2):hover {
            background: url(../Images/img3.1/otherLoginWX1.png);
        }

.otherStyleLogin1 {
    width: 380px;
    left: 30px;
    margin-top: 20px;
}

.otherStyleLogin2 > div:nth-of-type(1) {
    position: absolute;
    height: 65px;
    width: 160px;
    top: 0;
    left: 90px;
}

.otherStyleLogin2 > div:nth-of-type(2) {
    position: absolute;
    height: 65px;
    width: 160px;
    top: 0;
    right: 0px;
}

.otherStyleLogin2 > div.active {
    display: none;
}

.otherStyleLogin2 > div > div {
    position: absolute;
    height: 65px;
    width: 65px;
    border-radius: 50%;
    overflow: hidden;
}

.bindingqq1 > div {
    background: url(../Images/img3.1/bigOtherLoginQQ1.png)
}

.bindingqq2 > div {
    background: url(../Images/img3.1/bigOtherLoginQQ.png)
}

.bindingwx1 > div {
    background: url(../Images/img3.1/bigOtherLoginWX1.png)
}

.bindingwx2 > div {
    background: url(../Images/img3.1/bigOtherLoginWX.png)
}

.otherStyleLogin2 {
    height: 60px;
    position: relative;
}

    .otherStyleLogin2 > div > span:nth-of-type(1) {
        position: absolute;
        font-size: 16px;
        font-weight: bold;
        color: #000000;
        left: 80px;
        top: -3px;
    }

.bindingqq2 > span:nth-of-type(2),
.bindingwx2 > span:nth-of-type(2) {
    position: absolute;
    font-size: 12px;
    color: #7a8085;
    left: 80px;
    top: 20px;
}

.bindingqq1 > span:nth-of-type(2),
.bindingwx1 > span:nth-of-type(2) {
    position: absolute;
    font-size: 12px;
    color: #e51c23;
    left: 80px;
    top: 20px;
}

.otherStyleLogin2 > div > a {
    position: absolute;
    display: block;
    color: #7a8085;
    left: 80px;
    top: 40px;
    width: 80px;
    height: 25px;
    background-color: #ffffff;
    border-radius: 3px;
    border: solid 1px #e3e3e3;
    text-align: center;
}

    .otherStyleLogin2 > div > a:hover {
        color: #ffffff;
        background-color: #e51c23;
        ;
        border: solid 1px #e51c23;
    }
/*粉丝列表*/
.showMyFans {
    cursor: pointer;
}

.myFansBox {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(1,1,1,0.5);
    z-index: 999;
    padding: 0;
}

    .myFansBox.active {
        display: none;
    }

    .myFansBox > div:nth-of-type(1) {
        position: absolute;
        height: 100%;
        width: 100%;
    }

.myFans {
    position: relative;
    left: 50%;
    margin-left: -200px;
    width: 400px;
    background-color: #ffffff;
    border-radius: 3px;
    top: 50%;
    margin-top: -250px;
}

.myFansHead {
    height: 55px;
    line-height: 55px;
    position: relative;
    text-indent: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #4d555d;
    border-bottom: 1px solid #f3f3f3;
}

    .myFansHead > img {
        position: absolute;
        cursor: pointer;
        right: 20px;
        top: 20px;
    }

.myFansList {
    max-height: 350px;
    min-height: 140px;
    overflow: hidden;
    overflow-y: auto;
    position: relative;
}

.myFansDemo {
    height: 70px;
    position: relative;
    left: 25px;
    width: 355px;
    border-bottom: 1px solid #f3f3f3;
    display: block;
}

    .myFansDemo > img {
        position: absolute;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        top: 15px;
    }

    .myFansDemo > span:nth-of-type(1) {
        position: absolute;
        top: 15px;
        left: 50px;
        font-weight: bold;
        color: #14191e;
    }

    .myFansDemo:hover > span:nth-of-type(1) {
        color: #e51c23;
    }

    .myFansDemo > span:nth-of-type(1) > img {
        margin-top: -2px;
    }

    .myFansDemo > span:nth-of-type(2) {
        position: absolute;
        font-size: 12px;
        bottom: 15px;
        left: 50px;
        color: #93999f;
        width: 300px;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
/*签到弹窗*/
.myCardsBox {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(1,1,1,0.5);
    z-index: 99999;
    padding: 0;
    top: 0;
}

.myCardsBox1 {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(1,1,1,0.5);
    z-index: 99999;
    padding: 0;
    top: 0;
    left: 0;
}

.myCardsBox.active {
    display: none;
}

.myCardsBox > div:nth-of-type(1) {
    position: absolute;
    height: 100%;
    width: 100%;
}

.myCards {
    position: relative;
    left: 50%;
    margin-left: -250px;
    width: 500px;
    background: url(../Images/img3.1/qiandaoEnd.png);
    height: 492px;
    border-radius: 3px;
    top: 50%;
    margin-top: -246px;
}

    .myCards > a {
        position: absolute;
        height: 55px;
        width: 250px;
        left: 125px;
        bottom: 50px;
        display: block;
        background: url(../Images/img3.1/qiandaoBtn1.png);
    }

        .myCards > a:hover {
            background: url(../Images/img3.1/qiandaoBtn2.png);
        }

    .myCards > span {
        position: absolute;
        height: 40px;
        width: 40px;
        right: 10px;
        top: 55px;
        display: block;
        cursor: pointer;
    }

    .myCards > p:nth-of-type(1) {
        font-size: 18px;
        color: #14191e;
        text-align: center;
        top: 230px;
        position: absolute;
        width: 100%;
    }

    .myCards > p:nth-of-type(2) {
        font-size: 18px;
        color: #14191e;
        text-align: center;
        top: 260px;
        position: absolute;
        width: 100%;
    }

    .myCards > p:nth-of-type(3) {
        font-size: 30px;
        font-weight: bold;
        color: #ffc533;
        text-align: center;
        top: 300px;
        position: absolute;
        width: 100%;
    }
/*-------*/
.showReportBox {
    position: relative;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    margin-bottom: 100px;
}

.showReportHead {
    position: relative;
    height: 100px;
    line-height: 100px;
    border-bottom: solid 1px #e3e3e3;
    font-size: 24px;
    font-weight: bold;
    color: #333333;
}

    .showReportHead > span:nth-of-type(2),
    .showReportHead > span:nth-of-type(3) {
        display: block;
        position: absolute;
        right: 0;
        top: 32px;
        background: #e51c23;
        color: #ffffff;
        width: 160px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        font-size: 16px;
        font-weight: normal;
        border-radius: 3px;
        cursor: pointer;
    }

        .showReportHead > span:nth-of-type(2).active,
        .showReportHead > span:nth-of-type(3).active {
            display: none;
        }

        .showReportHead > span:nth-of-type(2):hover,
        .showReportHead > span:nth-of-type(3):hover {
            background: #d01716;
        }

.showReport {
    position: relative;
    border: solid 1px #e3e3e3;
}

.showHistoryList {
    position: relative;
    height: 42px;
    background-color: #f6f6f6;
    border-bottom: solid 1px #e3e3e3;
    font-size: 18px;
    color: #14191e;
    z-index: 999;
}

    .showHistoryList.active {
        display: none;
    }

    .showHistoryList > div:nth-of-type(1) {
        position: absolute;
        text-align: center;
        width: 85px;
        border-right: solid 1px #e3e3e3;
        line-height: 42px;
    }

    .showHistoryList > div:nth-of-type(2) {
        position: absolute;
        left: 85px;
        width: 800px;
    }

.showReportNum {
    font-size: 18px;
    color: #14191e;
    text-indent: 20px;
    height: 88px;
    line-height: 88px;
    position: relative;
}

    .showReportNum > span {
        color: #e51c23;
        font-weight: bold;
    }

.showReportList {
    position: relative;
    left: 20px;
    width: 1160px;
}

.showReportDemo {
    position: relative;
    height: 420px;
    border-bottom: solid 1px #e3e3e3;
}

    .showReportDemo:last-child {
        border-bottom: none;
    }

    .showReportDemo > div {
        height: 400px;
        border: solid 1px #e3e3e3;
        width: 570px;
        position: absolute;
        border-radius: 3px;
    }

        .showReportDemo > div:nth-of-type(2) {
            left: 580px;
            width: 580px;
        }

            .showReportDemo > div:nth-of-type(2) > div {
                width: 500px;
                height: 340px;
                position: relative;
                left: 40px;
                top: 30px;
            }

.showReportDemoHead {
    position: relative;
    font-size: 18px;
    color: #14191E;
    line-height: 30px;
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
    font-weight: normal;
}

    .showReportDemoHead > span:nth-of-type(1) {
        font-weight: bold;
    }

.showReportDemoList {
    position: relative;
    font-size: 16px;
    color: #14191E;
    line-height: 30px;
    padding-top: 30px;
    padding-left: 50px;
    padding-right: 50px;
    font-weight: normal;
}

    .showReportDemoList > p {
        line-height: 30px;
        margin-bottom: 10px;
        position: relative;
    }
/*时间选择器*/

#wrapper {
    padding: 12px;
}

    #wrapper select {
        -webkit-appearance: menulist-button;
        height: 30px;
        position: absolute;
        top: 6px;
        background: #f6f6f6;
        border: 1px solid #e3e3e3;
        outline: none;
        cursor: pointer;
        -webkit-appearance: none;
        -webkit-tap-highlight-color: #fff;
        padding-left: 10px;
        border-radius: 3px;
        padding-right: 10px;
    }


.drp-popup {
    font-family: "AvenirLTStd-Heavy", "Avenir LT Std 85 Heavy", "Open Sans", Helvetica, Arial, sans-serif;
}

.drp-popup {
    top: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    z-index: 9999;
    font-size: 12px;
    color: #444444;
    background-color: white;
    margin: 15px 0;
    padding: 18px 18px 38px;
    text-transform: uppercase;
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 0px 4px 10px 0 #828282;
    -moz-box-shadow: 0px 4px 10px 0 #828282;
    box-shadow: 0px 4px 10px 0 #828282;
    display: none;
}

    .drp-popup *, .drp-popup *:before, .drp-popup *:after {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .drp-popup a {
        text-decoration: none;
    }

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

    .drp-popup .drp-timeline {
        position: relative;
    }

        .drp-popup .drp-timeline .drp-timeline-bar {
            position: relative;
            height: 13px;
            border-bottom: 3px solid #cccccc;
            bottom: 21px;
        }

            .drp-popup .drp-timeline .drp-timeline-bar:before, .drp-popup .drp-timeline .drp-timeline-bar:after {
                content: "";
                position: absolute;
                height: 15px;
                border-left: 3px solid #cccccc;
                bottom: -9px;
                left: 0;
            }

            .drp-popup .drp-timeline .drp-timeline-bar:after {
                left: auto;
                right: 0;
            }

        .drp-popup .drp-timeline .drp-timeline-presets {
            position: relative;
            z-index: 1;
        }

            .drp-popup .drp-timeline .drp-timeline-presets li {
                position: relative;
                width: 87px;
                height: 36px;
                display: inline-block;
                color: #bcbcbc;
                background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
                text-align: center;
                cursor: pointer;
            }

                .drp-popup .drp-timeline .drp-timeline-presets li:first-child {
                    margin-left: 3px;
                }

                .drp-popup .drp-timeline .drp-timeline-presets li .drp-button {
                    z-index: 2;
                    cursor: pointer;
                    background-color: #e0e0e0;
                    width: 12px;
                    height: 12px;
                    position: absolute;
                    bottom: 4px;
                    left: 37px;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
                    border: 2px solid white;
                    -webkit-transition: all 0.15s ease;
                    -moz-transition: all 0.15s ease;
                    -o-transition: all 0.15s ease;
                    transition: all 0.15s ease;
                }

                .drp-popup .drp-timeline .drp-timeline-presets li.drp-selected {
                    color: #444444;
                }

                    .drp-popup .drp-timeline .drp-timeline-presets li.drp-selected .drp-button, .drp-popup .drp-timeline .drp-timeline-presets li:hover .drp-button {
                        background-color: #e51c23;
                        width: 16px;
                        height: 16px;
                        left: 35px;
                        bottom: 2px;
                    }

    .drp-popup .drp-calendar {
        display: table-cell;
        vertical-align: top;
        width: 228px;
        padding-bottom: 8px;
        border-bottom: 1px solid #e0e0e0;
    }

        .drp-popup .drp-calendar .drp-month-picker {
            position: relative;
            background-color: #efefef;
            height: 30px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            margin-bottom: 3px;
            line-height: 32px;
        }

            .drp-popup .drp-calendar .drp-month-picker .drp-month-title {
                font-size: 14px;
                text-align: center;
            }

            .drp-popup .drp-calendar .drp-month-picker .drp-arrow {
                -moz-user-select: -moz-none;
                -khtml-user-select: none;
                -webkit-user-select: none;
                -ms-user-select: none;
                user-select: none;
                cursor: pointer;
                position: absolute;
                width: 28px;
                height: 30px;
                line-height: 32px;
                text-align: center;
                left: 0;
                top: 0;
                color: #afafaf;
            }

            .drp-popup .drp-calendar .drp-month-picker .drp-arrow-right {
                left: auto;
                right: 0px;
            }

        .drp-popup .drp-calendar .drp-day-headers li {
            display: inline-block;
            width: 30px;
            height: 24px;
            line-height: 26px;
            margin: 0 0 3px 3px;
            text-align: center;
        }

            .drp-popup .drp-calendar .drp-day-headers li:first-child {
                margin-left: 0;
            }

        .drp-popup .drp-calendar .drp-days {
            zoom: 1;
        }

            .drp-popup .drp-calendar .drp-days:before, .drp-popup .drp-calendar .drp-days:after {
                content: "";
                display: table;
            }

            .drp-popup .drp-calendar .drp-days:after {
                clear: both;
            }

            .drp-popup .drp-calendar .drp-days li {
                -moz-user-select: -moz-none;
                -khtml-user-select: none;
                -webkit-user-select: none;
                -ms-user-select: none;
                user-select: none;
                width: 33px;
                height: 24px;
                border-right: solid 3px white;
                float: left;
                cursor: pointer;
                line-height: 26px;
                text-align: center;
                margin: 0 0 3px 0;
            }

                .drp-popup .drp-calendar .drp-days li.drp-day-last-in-row {
                    width: 30px;
                    border-right: none;
                }

                .drp-popup .drp-calendar .drp-days li.drp-day-in-range {
                    color: #e51c23;
                    background-color: #ffdedf;
                    border-color: #ffdedf;
                }

                .drp-popup .drp-calendar .drp-days li.drp-day-last-in-range {
                    border-color: white;
                }

                .drp-popup .drp-calendar .drp-days li.drp-day-selected, .drp-popup .drp-calendar .drp-days li:hover {
                    color: #efefef;
                    background-color: #e51c23;
                }

                .drp-popup .drp-calendar .drp-days li.drp-day-disabled {
                    color: #cccccc;
                }

                    .drp-popup .drp-calendar .drp-days li.drp-day-disabled:hover {
                        background-color: white;
                        cursor: default;
                    }

            .drp-popup .drp-calendar .drp-days .drp-day-empty {
                background-color: transparent !important;
                cursor: auto;
            }

    .drp-popup .drp-calendars {
        padding: 18px 0 10px;
        border-top: 1px solid #e0e0e0;
    }

    .drp-popup .drp-calendar:first-child .drp-day-selected {
        border-color: #ffdedf;
    }

    .drp-popup .drp-calendar-date {
        position: absolute;
        bottom: 0px;
        height: 34px;
        width: inherit;
        text-align: center;
        color: #e51c23;
        font-size: 16px;
    }

        .drp-popup .drp-calendar-date:before {
            color: #444444;
        }

    .drp-popup .drp-calendar-start .drp-calendar-date:before {
        content: "开始日期: ";
    }

    .drp-popup .drp-calendar-end .drp-calendar-date:before {
        content: "结束日期: ";
    }

    .drp-popup .drp-calendar-separator {
        display: table-cell;
        position: relative;
        width: 69px;
        top: 8px;
    }

        .drp-popup .drp-calendar-separator:before {
            content: "";
            position: absolute;
            height: 90%;
            border-left: 1px solid #e0e0e0;
            left: 34px;
        }

        .drp-popup .drp-calendar-separator:after {
            content: "To";
            position: absolute;
            top: 80px;
            color: #e51c23;
            background-color: white;
            height: 38px;
            width: 69px;
            text-align: center;
            font-size: 16px;
            line-height: 41px;
        }

    .drp-popup .drp-tip {
        position: absolute;
        top: 0;
        left: 30px;
    }

        .drp-popup .drp-tip:before, .drp-popup .drp-tip:after {
            content: "";
            position: absolute;
            border-style: solid;
            bottom: 0;
        }

        .drp-popup .drp-tip:before {
            left: 0;
            border-width: 0 16px 16px;
            border-color: #d6d6d6 transparent;
        }

        .drp-popup .drp-tip:after {
            left: 2px;
            border-width: 0px 14px 14px;
            border-color: white transparent;
        }

.drp-btn {
    position: absolute;
    height: 100px;
    width: 100px;
    background: red;
    left: 240px;
    z-index: 99;
    bottom: 8px;
    line-height: 30px;
    cursor: pointer;
    height: 30px;
    background: #e51c23;
    color: #ffffff;
    width: 80px;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
}

    .drp-btn:hover {
        background: #d01716;
    }

.reg-container .input-group > input {
    height: 45px;
}

.reg-container .input-group {
    height: 45px;
    margin-bottom: 20px;
}

.reg-container .input-icon > input {
    height: 45px;
    margin-bottom: 20px;
}

/**/
.htitle {
    text-align: left;
    margin: 30px 0;
    display: block
}

    .htitle h2 {
        text-align: left;
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #4d555d;
        margin-bottom: 7px;
        width: 50%;
        display: inline-block;
        vertical-align: middle
    }

    .htitle a {
        float: right
    }

.banlist {
    display: flex;
    display: -webkit-flex;
    justify-content: start;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.ban_item {
    display: inline-block;
    width: 100%;
    position: relative;
    height: 180px;
    border-radius: 4px;
    box-shadow: 0px 0px 8px #ddd;
    width: 384px;
    overflow: hidden;
    margin-bottom: 20px;
    margin-left: 22px;
}

    .ban_item:nth-child(3n+1) {
        margin-left: 0
    }

    .ban_item a .info {
        position: absolute;
        height: 180px;
        bottom: 0;
        color: #999;
        display: none;
        background: #fff;
        width: 100%;
        line-height: 26px;
        padding: 15px;
        left: 0;
        border-radius: 4px;
    }

    .ban_item .info .t1 {
        font-size: 18px;
        text-align: center;
        color: #333;
        display: block;
        height: 32px;
        line-height: 32px;
        overflow: hidden;
        margin-bottom: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ban_item .info .txt {
        height: 107px;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .ban_item a {
        display: block;
        height: 180px;
    }

    .ban_item:hover a .info {
        display: inline-block;
    }

hei {
    width: 156px;
    height: 100%;
    margin-right: 15px;
    border-radius: 4px;
}

.ban_item2 .banlogo {
    width: 300px;
    height: 175px;
    vertical-align: middle
}

.ban_item .rt {
    width: 208px;
    display: inline-block;
    vertical-align: top;
}

.ban_item .span1, .ban_item .span3 {
    display: inline-block;
    width: 48%;
    line-height: 32px;
    /* margin-bottom: 15px */
}

.ban_item .span1 {
    width: 36%;
}

.ban_item .span3 {
    width: 63%;
}

.newcontrain .span1 span, .newcontrain .span2 span, .newcontrain .span3 span, .newcontrain .opr1 span, .newcontrain .opr2 span {
    vertical-align: middle
}

.ban_item span {
    vertical-align: middle
}

.ztiList {
    display: grid;
    grid-template-columns: 382px 382px 382px;
    grid-column-gap: 24px;
    margin-top: 25px;
}

    .ztiList .ztitem {
        display: inline-block;
        width: 100%;
        height: 100px;
        text-align: center;
        line-height: 100px;
        font-size: 24px;
        color: #fff;
    }

.ztitem:nth-child(1) {
    background: url(/Images/new/element-01.png) no-repeat
}

.ztitem:nth-child(2) {
    background: url(/Images/new/element-02.png) no-repeat
}

.ztitem:nth-child(3) {
    background: url(/Images/new/element-03.png) no-repeat
}

.new_index {
    width: 1200px;
    margin: auto;
}

.newcontrain {
    min-height: 700px;
    position: relative;
    padding-bottom: 140px;
    padding-top: 30px;
}

.search {
    position: relative;
    right: 0;
    width: 320px;
    float: right;
    margin: 20px 0
}

.htitle1 {
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    margin-bottom: 20px;
}

    .htitle1 i {
        width: 3px;
        height: 15px;
        display: inline-block;
        background: red;
        line-height: 42px;
        margin-right: 5px;
        vertical-align: middle;
    }

.newcontrain .banlist {
    width: 100%;
    margin-top: 30px;
}

/*.newcontrain .banlist .ban_item {
        width: 384px;
    }

        .newcontrain .banlist .ban_item.ban_item2 {
            width: 100%;
        }*/


.typelist a {
    display: inline-block;
    padding: 5px 10px;
}



.playList a {
    display: inline-block;
    width: 100%;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #f8f8f8;
    padding: 0 10px;
}

    .playList a.active {
        color: #5251bb
    }

.ban_item .title {
    font-size: 16px;
    width: 98%;
    height: 64px;
    line-height: 26px;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    margin-top: 20px;
}

.h-search input {
    width: 240px;
    height: 32px;
    line-height: 32px;
    border: 0;
    outline: none
}

.h-search {
    display: inline-block;
    float: right;
    border: 1px solid #ddd;
    padding: 2px 10px;
    border-radius: 39px;
    text-indent: 10px;
    background: #fff
}

.typelist {
    display: inline-block;
    width: 100%;
    /* padding: 8px 10px; */
    height: 44px;
    line-height: 44px;
    background: #fff;
    padding: 0 10px;
}

    .typelist a.cur {
        color: #e51c23;
    }

.ban_item {
    background: #fff
}

html, body, .homeStyle {
    background: #f9f9f9
}

.homeStyle2RightDemo {
    width: 100%;
    border-radius: 8px;
    height: 342px;
    padding: 10px;
}

    .homeStyle2RightDemo > p {
        /* width: 280px; */
        /* left: 10px; */
        /* top: 230px; */
        text-align: justify;
        line-height: 22px;
        margin-top: 8px;
        margin-bottom: 10px;
    }

    .homeStyle2RightDemo > div {
        /* width: 280px; */
        /* height: 210px; */
        /* top: 10px; */
        /* left: 10px; */
    }

        .homeStyle2RightDemo > div > img {
            width: 100%;
            height: 210px;
            border-radius: 8px;
        }

    .homeStyle2RightDemo > span:nth-of-type(1), .homeStyle2RightDemo > span:nth-of-type(2) {
        bottom: 16px;
    }

.kcList {
    /*display: grid;
    grid-template-columns: 300px 300px 300px 300px;*/
    margin-top: 25px;
    width: 1200px;
    margin: auto;
    display: flex;
    display: -webkit-flex;
    justify-content: start;
    flex-direction: row;
    flex-wrap: wrap;
}

.info {
    width: 100%;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0px 0px 5px #ddd
}

    .info .banlogo {
        /*width: 400px;*/
        /*width: 300px;*/
        height: 225px;
    }

.newcontrain .step {
    margin-bottom: 20px;
    font-size: 14px;
    color: #666;
}

.info .ft {
    display: inline-block;
    width: 700px;
    margin-left: 20px;
    vertical-align: top;
    margin-top: 20px;
}

.info .name {
    font-size: 22px;
    color: #333;
}

.info .num div {
    display: inline-block;
    margin-right: 20px;
    margin-top: 28px;
}

.info .statue {
    width: 152px;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    text-align: center;
    background: #e51c23;
    color: #fff;
    margin-top: 50px;
    border-radius: 3px;
}

.info .opr {
    float: right;
    margin-right: 20px;
    margin-top: -20px;
}

    .info .opr div {
        display: inline-block;
        margin-left: 20px;
    }

.kc_box {
    width: 833px;
    display: inline-block;
    background: #fff;
    margin-top: 25px;
    border-radius: 6px;
}

    .kc_box .kcList, .kc_box .liveList {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        justify-content: start;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 10px;
        /*min-height: 800px;*/
        position: relative;
        padding-bottom: 0px;
    }

        .kc_box .kcList .opr1, .kc_box .liveList .opr1 {
            margin-bottom: 10px;
            padding-right: 20px;
            margin-top: 20px;
            margin-left: 10px;
            display: block;
            width: 100%;
            position: absolute;
            text-align: center;
            bottom: 10px;
        }

.kc_box1 {
    border-top: 1px solid #d8d8d8;
    /*width: 750px;*/
    position: relative;
    padding-bottom: 25px;
    padding-top: 20px;
}

.kc_box .kcList .homeStyle2RightDemo img, .kc_box .liveList .homeStyle2RightDemo img {
    height: 144px;
}

.kc_box .kcList .homeStyle2RightDemo, .kc_box .liveList .homeStyle2RightDemo {
    height: 269px;
    width: 240px;
}

.kcList .homeStyle2RightDemo, .liveList .homeStyle2RightDemo {
    height: 322px;
    width: 300px;
}

.kc_box .search {
    margin-right: 20px;
}

.desc_box {
    display: inline-block;
    width: 340px;
    margin-left: 20px;
    vertical-align: top;
    margin-top: 25px;
}

.desc-item {
    background: #fff;
    margin-bottom: 20px;
    border-radius: 6px;
}

.desc_box h2, .kc_box .tab-title {
    font-size: 16px;
    color: #333;
    text-indent: 28px;
    height: 49px;
    line-height: 50px;
    border-bottom: 1px solid #f5f5f5
}

.desc_box .desc {
    padding: 15px 28px;
    border-top: 1px solid #d8d8d8;
    line-height: 26px;
}

.spban_box {
    margin-top: 24px;
}

h2.tab-title {
    height: 49px;
    line-height: 50px;
    border-bottom: 1px solid #d8d8d8
}

    h2.tab-title a {
        padding: 10px 20px;
        font-size: 16px;
        color: #333;
        font-weight: bold
    }

    h2.tab-title .cur {
        border-bottom: 4px solid #e51c23;
        color: #e51c23
    }

#menu-list .nav-data li.active .ZTlist a {
    color: #333
}

    #menu-list .nav-data li.active .ZTlist a:hover {
        color: #fff
    }

.desc_box .desc1 {
    padding: 15px 28px;
    line-height: 26px;
}

.desc_box .imgbox {
    padding: 20px;
    text-align: center;
    border-top: 1px solid #d8d8d8;
}

.modbox {
    height: 45px;
    background: #faf9f9;
    line-height: 45px;
    padding-left: 20px;
}

    .modbox span {
        display: inline-block;
        width: 64px;
        height: 28px;
        background: #434343;
        border-radius: 20px;
        text-align: center;
        line-height: 28px;
        color: #fff;
    }

.question-txt {
    width: 80%;
    height: 176px;
    border: 1px solid #ccc;
    resize: none;
    border-radius: 4px;
    padding: 10px;
    vertical-align: top;
}

.cancel-question, .cancel-replay {
    width: 80px;
    height: 32px;
    border: none;
    background: #ccc;
    margin-right: 20px;
    border-radius: 4px;
}

.submit-question, .replay-question {
    width: 80px;
    height: 32px;
    border: none;
    background: #e51c23;
    border-radius: 4px;
    color: #fff;
}

.btn_fabu {
    display: inline-block;
    width: 75px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    float: right;
    background: #e51c23;
    border-radius: 4px;
    color: #fff;
    border: none;
    outline: none;
    margin-top: 13px;
    margin-right: 20px;
}

.btn_zb_header, .btn_zb_header:hover {
    position: absolute;
    text-align: center;
    right: 90px;
    height: 32px;
    width: 80px;
    top: 20px;
    background: #e45257;
    border: none;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    line-height: 32px;
    box-shadow: 1px 1px 11px #ccc inset;
}

.zb-container {
    width: 1200px;
    margin: auto;
    padding-top: 30px;
}

.tab-title .ft {
    float: right
}

#refrash, #createZB {
    display: inline-block;
    padding: 6px 14px;
    background: #e51c23;
    outline: none;
    border: none;
    border-radius: 2px;
    color: #fff;
    margin-left: 10px;
}

.ZBlist {
    margin-top: 15px;
    min-height: 600px;
}

.zb-item {
    padding: 20px;
    background: #fff;
    margin-bottom: 30px;
}

    .zb-item .img-left {
        width: 400px;
        height: 225px;
        background: #252a2e;
        display: inline-block;
        vertical-align: top
    }

.info-right {
    display: inline-block;
    width: 700px;
    margin-left: 30px;
}

.img-left {
    display: inline-block;
    text-align: center;
}

    .img-left .title {
        display: block;
        margin-top: 28px;
        margin-bottom: 24px;
        font-size: 18px;
        color: #fff;
        margin: 0 10px 20px;
        /* height: 100px; */
        /* top: 50%; */
        display: none;
    }

    .img-left .statue {
        display: inline-block;
        /*width: 210px;*/
        font-size: 12px;
        text-align: center;
        background: #060606;
        border-radius: 40px;
        color: #fff;
        padding: 3px 7px;
        display: none;
    }

.p-span {
    display: block;
}

.info-right .title {
    font-size: 20px;
    color: #333;
}

.info-right .desc {
    font-size: 14px;
    color: #999;
    margin: 12px 0;
    max-height: 43px;
    overflow: hidden;
}

.info-right .teacher {
}

.info-right .num span {
    margin-left: 5px
}

.info-right .num hr {
    height: 15px;
    width: 1px;
    border-left: 1px solid #ccc;
    display: inline-block;
    vertical-align: middle;
    margin: 20px;
}

.info-right .opr button {
    font-size: 18px;
    width: 154px;
    height: 50px;
    line-height: 50px;
    border-radius: 2px;
    border: none;
    color: #fff;
    background: #699ef2;
}

.info-right .opr .unstart {
    background: #c4c7d8;
}

.info-right .opr .start,
.info-right .opr .finished {
    background: #ca0e0d;
}

.modal-dialog-zb {
    width: 1000px;
    margin: auto;
    margin-top: 50px;
    position: relative;
}

.pspan {
    display: block;
    line-height: 45px;
    margin: 10px;
}

    .pspan input {
        /*height: 28px;*/
        line-height: 28px;
        border-radius: 2px;
        outline: none;
        border: 1px solid #ccc;
        margin: 0 10px;
        width: 189px;
        /*text-indent:10px;*/
        padding: 5px 10px;
    }

    .pspan .long {
        width: 500px;
    }

    .pspan .short {
        width: 120px;
    }

    .pspan #classes {
        display: inline-block;
        background: #eee;
        height: 70px;
        vertical-align: top;
        overflow-y: scroll;
        margin: 10px;
    }

    .pspan textarea {
        vertical-align: top;
        margin: 0 10px;
        height: 120px;
        width: 420px;
        border: 1px solid #ccc;
        resize: none;
        padding: 5px 10px;
    }

    .pspan label {
        font-size: 16px;
        margin-right: 10px;
    }

.zb-modal-left {
}

.zb-modal-right {
    position: absolute;
    top: 20px;
    right: 50px;
    width: 200px;
}

    .zb-modal-right #uploadImg {
        width: 200px;
        height: 112px;
        background: #fbf3f1;
        border: 2px dashed #cb0d1e;
        font-size: 12px;
        font-weight: lighter;
        outline: none;
        position: absolute;
        left: 0;
        text-align: center;
        top: 0;
        padding-top: 20px;
        cursor: pointer;
    }

        .zb-modal-right #uploadImg span {
            display: block;
            margin-top: 10px;
        }

.pspan #chooseclass {
    font-size: 14px;
    color: #ae031a;
    text-decoration: underline;
}

.pspan .datetimepicker {
    width: 248px;
    display: inline-block;
    height: 45px;
}

    .pspan .datetimepicker .input-group-addon {
        width: 16px;
        display: inline-block;
        vertical-align: middle;
        margin-top: -11px;
    }

    .pspan .datetimepicker .form-control {
        width: 185px;
        vertical-align: middle;
        padding: 5px 10px;
        margin-right: 3px;
    }

    .pspan .datetimepicker .bottom {
        line-height: 20px;
    }

.div-head {
    text-align: center;
    border: 1px solid #c3c7d7;
    background: #f7f8fc;
    height: 60px;
    line-height: 60px;
    border-radius: 2px;
}

    .div-head div, .div-item div {
        display: inline-block;
        font-size: 16px;
        color: #333;
        float: left;
    }

.div-zb .div1 {
    width: 38%;
}

.div-zb .div2 {
    width: 8%
}

.div-zb .div3 {
    width: 8%
}

.div-zb .div4 {
    width: 10%
}

.div-zb .div5 {
    width: 15%
}

.div-zb .div6 {
    width: 12%
}
.div-zb .div7 {
    width: 12%
}

.div-item {
    margin-top: 16px;
    border: 1px solid #cbcedc;
    border-radius: 2px;
    display: block;
    overflow: hidden;
}

    .div-item .time {
        text-indent: 16px;
        display: block;
        background: #e9eaed;
        height: 40px;
        line-height: 40px;
        width: 100%;
    }

    .div-item .content {
        display: block;
        width: 100%;
        background: #fff;
    }

        .div-item .content div {
            vertical-align: middle;
            height: 100px;
            line-height: 100px;
            text-align: center
        }

            .div-item .content div .logo {
                width: 120px;
                vertical-align: middle
            }

    .div-item .img-right {
        display: inline-block;
        width: 190px;
        float: none;
        vertical-align: top;
        margin-left: 10px;
    }

        .div-item .img-right h2 {
            line-height: 20px;
            height: 20px;
            text-align: left;
            overflow: hidden;
            margin-top: 10px;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .div-item .img-right span {
            font-size: 14px;
            line-height: 20px;
            color: #999;
            margin-top: 10px;
            display: inline-block;
            text-align: left;
            height: 40px;
            overflow: hidden;
            width: 100%
        }

    .div-item .div6 a {
        margin: 0 10px
    }

    .div-item .notext {
        color: #999;
    }

.qitem .pretxt, .qitem2 .pretxt {
    display: inline-block;
    vertical-align: top;
    margin-left: 0;
    margin-top: 20px;
    border-radius: 3px;
    border: none;
    line-height: 24px;
    width: 100%
}

    .qitem .pretxt .comtxt, .qitem2 .pretxt .comtxt {
        display: block;
        height: 24px;
        overflow: hidden;
        font-size: 16px;
        color: #15181d;
        font-weight: 400;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.qitem .txt, .qitem2 .txt {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    background: none;
    border: none;
    padding: 20px;
    line-height: 24px;
}

.qitem .h_img, .qitem2 .h_img {
    width: 32px;
    height: 32px;
    border-radius: 20px;
}

.qitem .u-name, .qitem2 .u-name {
    font-size: 16px;
    margin-left: 5px;
    display: inline-block;
    width: 56px;
    text-align: left;
    color: #ff4700
}

.qitem .ft, .qitem2 .ft {
}

    .qitem .ft a, .qitem2 .ft a {
        margin: 0 10px;
        color: #c00;
    }

.modal-open {
    overflow: auto;
    height: auto;
}

.r-item .h-img {
    width: 20px;
    height: 20px;
    border-radius: 10px;
}

.replay-list {
    margin-left: 100px;
}

    .replay-list .r-item {
        margin: 15px 0;
        line-height: 30px;
        background: #fcfcfc;
        padding: 10px;
        /* height: 58px; */
        overflow: hidden;
        padding-bottom: 11px;
    }

.r-item .ctxt {
    display: inline-block;
    width: 625px;
    height: 30px;
    overflow: hidden;
    vertical-align: top;
}

.r-item .opr {
    float: right;
    margin-top: 5px;
    line-height: 20px;
}

    .r-item .opr a {
        margin: 0 10px;
        color: #c00;
    }

.chengguo {
    width: 100%;
    background: #fff;
    min-height: 700px;
    padding: 20px;
}

.h_title {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}



.chengguo .citem h2 {
    font-size: 16px;
    color: #333;
    height: 30px;
}

.citem .wenhao {
    position: relative
}

.citem .desc {
    display: inline-block;
    width: 450px;
    vertical-align: top;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    line-height: 24px;
    font-size: 12px;
    color: #666;
    position: absolute;
    z-index: 10;
    background: #fff;
    margin-left: 9px;
}

.citem button {
    background: #e51c23;
    border: none;
    height: 40px;
    padding: 0 10px;
    color: #fff;
    border-radius: 6px;
}

#uploaderfile, #uploaderfile1 {
    width: 100px;
}


.btn-p {
    position: relative;
}

.fitem .ftype {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    background: url(/Images/new/pdf.jpg);
    margin-left: 15px;
}

.fitem .fname {
    display: inline-block;
    width: 360px;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

.fitem .size {
    width: 120px;
    text-align: center;
    display: inline-block;
    color: #999
}

.fitem .createtime {
    width: 200px;
    display: inline-block;
    text-align: center;
    color: #999
}

.fitem {
    height: 60px;
    line-height: 60px;
    background: #fff;
    border-radius: 3px;
    margin-bottom: 8px;
    text-indent: 0;
}

.ks_ds_tb_item h2 {
    background: #fff;
    height: 50px;
    line-height: 50px;
    text-indent: 20px;
    margin: 10px 10px 0;
    border-radius: 4px;
}

.ks_ds_tb_item .fileList {
    margin: 0 10px 10px;
}

.ks_ds_tb_item {
    min-height: 600px;
    display: none;
    overflow: hidden
}

    .ks_ds_tb_item .desc {
        background: #fff;
        min-height: 600px;
        padding: 20px;
    }

.plList {
    min-height: 700px;
    /*background:#fff;*/
}

    .plList .qitem, .plList .qitem2 {
        margin: 10px;
        background: #fff;
        border-radius: 4px;
        padding-bottom: 20px;
        cursor: pointer;
        overflow: hidden
    }

.qitem .uft, .qitem2 .uft {
    float: left;
    padding: 0 10px;
    margin-top: 20px;
    width: 75px;
    text-align: center
}

    .qitem .uft .u-name, .qitem2 .uft .u-name {
        display: inline-block;
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
        margin-bottom: 10px;
        font-size: 14px;
        text-align: center;
    }

.qitem .urt, .qitem2 .urt {
    display: inline-block;
    width: 80%
}

.qitem .best, .qitem2 .best {
    font-size: 14px;
    margin-top: 10px;
}

    .qitem .best .bestUser, .qitem2 .best .bestUser {
        color: #65809e
    }

.qitem .best_desc, .qitem2 .best_desc {
    margin-top: 10px;
    width: 730px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qitem .num span, .qitem2 .num span {
    margin-right: 40px;
    margin-top: 20px;
    display: inline-block;
    color: #a1a1a1
}

.plInfo .qitem2 .pretxt .comtxt {
    height: auto;
    white-space: normal;
    line-height: 26px;
    word-break: break-all;
}

#zbimg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none
}

#uploadImg .pt {
    position: absolute;
    top: 20px;
    width: 100%;
}

.modal-dialog-zb-class {
    width: 600px;
    margin: auto;
    margin-top: 120px;
}

    .modal-dialog-zb-class .left .class-pan {
        width: 100%;
        display: inline-block;
        height: 240px;
        overflow-y: scroll;
        margin-top: 15px;
    }

    .modal-dialog-zb-class .left .class-item {
        height: 40px;
        line-height: 40px;
        margin-top: 20px;
    }

    .modal-dialog-zb-class .right {
        width: 40%;
    }

.class-item img {
    width: 40px;
    height: 44px;
    border-radius: 4px;
    border: 2px solid #999
}

.class-item .classname {
    width: 220px;
    display: inline-block;
    text-indent: 12px;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.class-item .radio-btn {
    height: 26px;
    width: 26px;
    border-radius: 13px;
    background: #fff;
    outline: none;
    border: 1px solid #d8d8d8;
    vertical-align: middle;
    margin-left: 15px;
}

    .class-item .radio-btn.selected {
        background: url(/Images/new/selected.jpg) #e31f2b center no-repeat;
        border: 1px solid #e31f2b;
    }

.right .radio-btn {
    display: none;
}

.modal-dialog-zb-class .left {
    width: 57%;
    display: inline-block;
}

.modal-dialog-zb-class .right {
    width: 42%;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
}

.right .class-item .classname {
    width: 185px;
}

.selected-class .class-item {
    margin-top: 20px;
}

.selected-class {
    height: 242px;
    overflow-y: scroll;
    margin-top: 15px;
}

#classes .classname1 {
    padding: 5px 10px;
    background: #e8bdb2;
    color: #e51c23;
    margin: 0 10px;
    border-radius: 4px;
}

.datetimepicker button {
    display: inline-block;
}

.bootstrap-datetimepicker-widget .btn {
    width: 120px !important;
    background: none !important;
    top: 2px;
    padding: 2px !important;
}

.chengguo .h_title1 {
    font-size: 16px;
    line-height: 50px;
}

.chengguo_upload {
    border: 1px solid #c4c7d8;
    border-radius: 4px;
}

    .chengguo_upload .h_title {
        background: #eeeff3;
        text-indent: 20px;
    }

    .chengguo_upload .citem {
        display: block;
        height: 93px;
        padding-top: 25px;
        clear: both;
        padding-left: 47px;
        padding-bottom: 20px;
        position: relative;
    }

    .chengguo_upload .btn-p1 .uploaderfile {
        overflow: hidden;
        background: url(/Images/new/btn1.jpg);
    }

    .chengguo_upload .uploaderfile {
        display: inline-block;
        background: #e51c23;
        border: none;
        width: 48px;
        height: 48px;
        padding: 0 10px;
        color: #fff;
        border-radius: 6px;
        position: absolute;
        line-height: 40px;
        left: 47px;
        cursor: pointer;
    }

    .chengguo_upload .btn-p2 .uploaderfile {
        overflow: hidden;
        background: url(/Images/new/btn2.jpg);
    }

.btn-p1 #uploaderfile, .btn-p2 #uploaderfile1, .btn-p1 #uploaderfile3 {
    width: 47px;
    height: 47px;
    overflow: hidden;
}

.btn-p1, .btn-p2 {
    width: 60px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
}

.citem .txt {
    display: inline-block;
    font-size: 14px;
}

.citem .rt {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.citem .wenhao {
    width: 20px;
}

.div-item .div6 .start {
    background: url(/Images/new/enter_zb.jpg);
    display: inline-block;
    width: 28px;
    height: 28px;
}

.div-item .div6 .finished {
    background: url(/Images/new/viewVideo.jpg);
    display: inline-block;
    width: 28px;
    height: 28px;
}

.div-item .div6 a {
    cursor: pointer
}

.Reply_btn {
    background: #e51c23;
    color: #fff;
    padding: 4px 12px;
    border: none;
    margin-top: 14px;
    border-radius: 2px;
}

.replylist .ritem {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

.replylist .uinfo {
    display: block;
    margin-left: 20px;
}

    .replylist .uinfo img {
        width: 32px;
        margin-right: 18px;
        height: 32px;
        border-radius: 20px;
    }

    .replylist .uinfo .uname {
        font-weight: bold
    }

.replylist .ritem .comtxt {
    margin-left: 20px;
    display: block;
    padding: 15px 0;
    color: #333;
    margin-right: 50px;
    line-height: 26px;
    word-break: break-all;
}

.adpat {
    padding: 5px 10px;
    border-radius: 20px;
    border: 1px solid #e51c23;
    color: #e51c23;
    background: #fff;
    margin-left: 20px;
}

.replylist {
    margin: 0 8px;
    background: #fff;
}

.plList .div1 {
    background: #fff;
    padding: 11px;
    margin: 8px;
    border-radius: 4px;
}

    .plList .div1 span, .plList .div1 a {
        margin: 0 6px;
        font-size: 14px;
        max-width: 200px;
        overflow: hidden;
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        vertical-align: middle;
    }

.plInfo {
    background: #fff;
    margin: 0 8px;
    border-bottom: 1px solid #ddd;
    border-radius: 4px;
}

    .plInfo h2 {
        padding: 0;
        margin: 0;
        font-size: 18px;
        text-indent: 20px;
        padding-top: 10px;
    }

.plList .Reply_btn {
    display: none
}

.plList .plInfo .Reply_btn {
    display: block
}

.ritem.Adoption {
    background: url(/Images/new/best.jpg) right top no-repeat
}

    .ritem.Adoption .adpat {
        display: none;
    }

.ks_ds_tb_item .tabs a {
    display: inline-block;
    padding: 0 15px;
    text-align: center;
    text-indent: 0;
}

    .ks_ds_tb_item .tabs a.active {
        color: #e51c23
    }

    .ks_ds_tb_item .tabs a:first-child {
        border-right: 1px solid #eee
    }

.kedesc {
    min-height: 400px;
    padding: 20px;
    line-height: 28px;
}

#fabu-modal {
    top: 200px;
}

    #fabu-modal .modal-dialog {
        border-radius: 0;
        background: #fff;
        border-top: 3px solid #ca0e0e;
    }

.modal .modal-header .close {
}

.fb_item .t {
    font-size: 18px;
    color: #333;
    display: block;
    text-align: left;
    margin-bottom: 15px;
}

.fb_item .tishi {
    color: #999;
    line-height: 24px;
}

.fb_item .ft {
    display: inline-block;
    width: 70%;
    text-align: left;
    vertical-align: middle;
    padding-left: 12px;
}

.fb_item button {
    border: none;
    width: 100%;
    padding: 12px 0;
    background: #fff;
}

    .fb_item button:hover {
        background: #f7f8fc
    }

.submit-box {
    background: #fff;
    overflow: hidden;
    padding-bottom: 30px;
    margin: 8px;
}

    .submit-box h2 span {
        vertical-align: middle;
        margin-left: 10px;
    }

    .submit-box .question-txt, .submit-box .ds_ev_content {
        display: block;
        margin-left: 28px;
        width: 94%;
        border-radius: 0;
        border: 1px solid #ddd;
    }

    .submit-box .submit-question {
        float: right;
        margin-right: 25px;
        margin-top: 21px;
    }

.ks_ds_pannel .ks_ds_tb_item .submit-box h2 {
    margin-bottom: 0;
}

.kcList .img-left, .liveList .img-left {
    width: 240px;
    height: 163px;
}

.kcList .info-right, .liveList .info-right {
    width: 500px;
    margin-left: 20px;
}

    .kcList .info-right .num hr, .liveList .info-right .num hr {
        margin: 0 10px
    }

.kcList .p-span, .liveList .p-span {
    margin: 7px 0;
}

.kcList .info-right .desc, .liveList .info-right .desc {
    height: 19px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.img-left {
    position: relative
}

    .img-left .logo {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .img-left .span1 {
        position: absolute;
        width: 100%;
        /* height: 100%; */
        left: 0;
        top: 0;
        z-index: 6;
        height: 100px;
        top: 50%;
        margin-top: -50px;
    }

.logo-div1 {
    height: 100%;
    background: #000;
    z-index: 5;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0.4;
    display: none;
}

.kcList .zb-item, .liveList .zb-item, .liveList .zb-item, .liveList .zb-item {
    width: 100%;
    margin-bottom: 0
}

.plList .type-q {
    padding-left: 20px;
    background: url(/Images/new/type-q.png) 0 0 no-repeat #fff
}

.plList .type-p {
    padding-left: 20px;
    background: url(/Images/new/type-p.png) 0 -4px no-repeat #fff
}

    .plList .type-p .u-name {
        color: #14191e;
        width: 100%
    }

.kcList .p-span, .liveList .p-span {
    margin: 4px;
}

.kcList .info-right .opr button, .liveList .info-right .opr button {
    width: 100px;
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    margin-top: 20px;
}

.qitem2 .pretxt .comtxt {
    height: auto;
    white-space: normal;
    word-break: break-all;
}

.filebox1, .filebox2, .filebox3 {
    border-top: 1px solid #d8d8d8;
}

    .filebox1 h2, .filebox2 h2, .filebox3 h2 {
        line-height: 32px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        text-indent: 20px;
        margin-top: 20px;
    }
.fitem span {
    line-height: 60px;
    height: 60px;
    display: inline-block;
    font-size: 14px;
    color: #333;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
}
.fitem .filename {
    width: 400px;
    display: inline-block;
    font-size: 14px;
    color: #333;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
}

.fitem .filesize {
    width: 200px;
    display: inline-block;
    text-align: center;
}

.filebox1 .fitem, .filebox2 .fitem {
    padding-left: 20px;
    margin: 0
}

    .filebox1 .fitem:nth-child(odd), .filebox2 .fitem:nth-child(odd) {
        background: #f8f8f8
    }

#submitFile, #submitFile2 {
    float: right;
    padding: 9px 14px;
    margin: 20px;
    border: 0;
    background: #e51c23;
    color: #fff;
    border-radius: 4px;
}

.chengguo_upload .opr {
    overflow: hidden;
    margin-top: 20px;
}

#chooseban .banselect, #chooseban .banselect2{
    height: 42px;
    line-height: 42px;
    margin-left: 15px;
    border-radius: 3px;
    border: 1px solid #f4f4f4;
    text-indent: 20px;
    vertical-align: middle
}

#chooseban {
    line-height: 60px;
    background: #f8f8f8;
    padding: 20px;
}

    #chooseban h2 {
        height: 42px;
        line-height: 42px;
        text-indent: 0;
        display: inline-block;
        line-height: 24px;
        text-align: center;
        vertical-align: middle;
    }

    #chooseban .banselect option {
        height: 42px;
        line-height: 42px;
    }

.chenggouList {
    padding: 10px 0;
    /*background: #fff;*/
    text-indent: 20px;
    min-height: 700px
}
/*.chenggouList .fitem:nth-child(odd){
        background: #f8f8f8;
}*/
.fitem .btn_delete {
    display: inline-block;
    margin-left: 30px;
}

.enterZblist, .enterZblist:hover, .enterZblist:active, .enterZblist:visited {
    width: 100%;
    height: 100px;
    background: url(/Images/new/zb-banner.png) no-repeat;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 100px;
}

.fitem .time {
    width: 150px;
    display: inline-block;
}

.fitem .btn_down {
    margin-left: 25px;
}

.fitem .delete {
    margin-left: 20px;
}

.kcList .fitem {
    width: 100%
}

    .kcList .fitem .filename {
        width: 35%;
        display: inline-block;
        font-size: 14px;
        color: #333;
        text-indent: 20px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle;
    }

.tishi_div {
    font-size: 16px;
    text-align: center;
    padding: 50px 0;
}

.down_client {
    display: block;
    width: 40%;
    text-align: center;
    margin: auto;
    height: 40px;
    line-height: 40px;
    background: #e51c23;
    color: #fff;
    border-radius: 4px;
    margin-bottom: 50px;
}

.ZBlist .loading-more, .kcList .loading-more {
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    margin-bottom: 50px;
    margin: 0 16px 50px;
    width: 97.5%;
}

#classes .classname1 a {
    font-size: 16px;
}

.nodata {
    width: 100%
}

.nodata-img {
    background: url(/Images/new/img_blank.png) center no-repeat;
    display: block;
    height: 300px;
}

.nodata-txt {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 16px;
}

.homeStyle2RightDemo p.courseLabel {
    display: inline-block;
    padding: 2px 4px;
    background: #bd1b21;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 12px;
    left: 15px;
    z-index: 10;
    border-radius: 10px;
}

.ban_item2.ban_item {
    /* min-height: 360px; */
    padding: 10px;
    width: 100%;
    margin-left: 16px;
    width: 588px;
    height: 204px;
    box-shadow: 0px 0px 8px #ddd;
}

    .ban_item2.ban_item:hover {
        box-shadow: 0px 0px 8px #ddd;
    }

    .ban_item2.ban_item:nth-child(2n+1) {
        margin-left: 0;
    }

.ban_item2 .rt {
    width: 251px;
    margin-left: 8px;
    vertical-align: middle;
}


.ban_item2 .info1 {
    /* margin-top: 15px; */
    /* position: absolute; */
    top: 30px;
    width: 100%;
    left: 183px;
    margin-bottom: 10px;
}

    .ban_item2 .info1 .txt {
        height: 78px;
        text-overflow: ellipsis;
        text-align: justify;
        color: #333;
        font-size: 13px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        display: inline-block;
    }

.ban_item2 .title {
    margin-top: 0;
    font-size: 16px;
}

.ban_item2 .span1, .ban_item2 .span3, .ban_item2 .span2 {
    /* margin-bottom: 10px; */
    width: 82px;
    color: #333;
    vertical-align: top;
    font-size: 10px;
}

    .ban_item2 .span1 img, .ban_item2 .span3 img, .ban_item2 .span2 img {
        width: 12px;
    }

.ban_item2 .span1 {
    width: 45px;
}

.ban_item2 .span2 {
    width: 118px;
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
}

.ban_item2 .span3 {
    width: 78px;
}

.kedesc .tname {
    font-size: 16px;
    display: block;
    text-align: center;
}

.kedesc .timg {
    text-align: center;
    display: block;
}

    .kedesc .timg img {
        width: 66px;
        height: 66px;
        border-radius: 33px;
    }

.kedesc .tinfo {
}

.courseLabel {
    display: inline-block;
    padding: 2px 4px;
    background: #bd1b21;
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 12px;
    right: 0;
    z-index: 10;
    border-radius: 12px 0 0 13px;
    padding-left: 10px;
}

.playList {
    position: absolute;
    width: 21%;
    right: 0;
    top: 0;
    height: 100%;
    background: #f5f7fa;
    z-index: 10000;
    color: #666;
    overflow-y: scroll;
    min-width: 300px;
}

    .playList .ks_ds_ml_chapter {
        font-size: 14px;
        height: 48px;
        line-height: 48px;
    }

        .playList .ks_ds_ml_chapter span {
            height: 30px;
            line-height: 30px;
            font-size: 16px;
        }

        .playList .ks_ds_ml_chapter .span3 {
            font-size: 14px;
            margin-left: 5px;
        }

        .playList .ks_ds_ml_chapter .span2 {
            height: 22px;
            width: 22px;
            display: inline-block;
            border-radius: 23px;
            border: 1px solid #333;
            text-align: center;
            line-height: 22px;
        }

        .playList .ks_ds_ml_chapter .span1 {
            margin-left: 10px;
            width: 41px;
            height: 40px;
            text-align: left;
        }

.ks_ds_ml_period1 .span2 {
    background: url(../images/tuoyuan.png) center -152px repeat;
    display: inline-block;
    width: 30px;
    height: 36px;
    vertical-align: middle;
}

.ks_ds_ml_period1 .span1 {
    display: inline-block;
    width: 52px;
    line-height: 36px;
}

.ks_ds_ml_period1 .span3 {
    padding-left: 8px;
    height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 180px;
    display: inline-block;
    vertical-align: middle;
    line-height: 36px;
}

 .ks_ds_ml_period1 .span3.unstart {
   color: #000;
 }

 .ks_ds_ml_period1 .span3.Ongoing {
   color: red;
 }

.ks_ds_ml_period1 .span3.finished {
  color: #aaa;
}
.section-cur {
    /*background: #3a3e4a;
    color: #fff;
    padding-left: 8px;
    color: #999;
    max-width: 123px;
    height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    background: #3a3e4a;
    color: #fff;
}

.playList h2 {
    background-color: #d2d5da;
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-indent: 20px;
    font-size: 16px;
}

.ks_ds_ml_periods1 {
    padding-left: 10px;
    cursor: pointer;
    height: 36px;
}
/*课程列表*/
.kebox {
    width: 286px;
    height: 240px;
    background: #fff;
    margin-left: 18px;
    border-radius: 2px;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}

    .kebox:hover {
        box-shadow: 0px 0px 6px #ddd;
    }

    .kebox .imgbg {
        width: 100%;
        height: 160px;
        border-radius: 4px;
    }

.jpmain .kebox:nth-child(4n+1), .homeStyle .kebox:nth-child(4n+1) {
    margin-left: 0
}

.kebox .kctitle {
    font-size: 16px;
    color: #191919;
    margin: 0 9px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kebox .nums {
    color: #838383;
    font-size: 12px;
    margin: 0 9px;
}

.kebox .stunum img {
    width: 10px;
    vertical-align: middle;
}

.kebox .teacher {
    margin-right: 25px;
}

.kebox .stunum span {
    vertical-align: middle;
}

.kebox .startTime {
    float: right;
    color: #e51c23;
    font-weight: bold
}

.kc_box1 .kebox {
    width: 254px;
    margin-left: 12px;
}

    .kc_box1 .kebox .teacher {
        margin-right: 10px;
    }

.info-right2 {
}

.zbitem2 {
    height: 180px;
    width: 100%
}

.zbyg {
    /* min-height: 360px; */
    padding: 10px;
    width: 100%;
    margin-left: 16px;
    width: 588px;
    height: 200px;
    box-shadow: 0px 0px 8px #ddd;
    margin-bottom: 20px;
    position: relative
}

    .zbyg:hover {
        box-shadow: 0px 0px 8px #ddd;
    }

    .zbyg:nth-child(2n+1) {
        margin-left: 0;
    }

    .zbyg .rt {
        width: 251px;
        margin-left: 8px;
        vertical-align: middle;
    }

    .zbyg .banlogo {
        width: 300px;
        height: 175px;
    }

    .zbyg .rt {
        width: 251px;
        margin-left: 8px;
        vertical-align: middle;
        display: inline-block
    }

    .zbyg .title {
        margin-top: 0;
        font-size: 16px;
        font-size: 16px;
        width: 98%;
        height: 64px;
        line-height: 26px;
        /* white-space: nowrap; */
        overflow: hidden;
        text-overflow: ellipsis;
        color: #333;
        height: 20px;
        margin-bottom: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 16px;
    }

    .zbyg .info1 {
        width: 100%;
        margin-bottom: 10px;
    }

        .zbyg .info1 .txt {
            height: 78px;
            text-overflow: ellipsis;
            text-align: justify;
            color: #333;
            font-size: 13px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
            overflow: hidden;
            color: #999;
            display: inline-block
        }

    .zbyg .statue {
        background: #bd1b21;
        padding: 4px 10px;
        color: #fff;
        font-size: 14px;
        border-radius: 2px;
        position: absolute;
        left: 0;
        top: 10px;
    }

.notice-box {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 19;
    width: 310px;
    padding: 15px;
    background: #e51c23;
}

    .notice-box .nbody {
        background: #fff;
        padding: 26px 10px;
        line-height: 24px;
        text-align: justify;
        position: relative
    }

        .notice-box .nbody img {
            position: absolute;
            right: -1px;
            top: 0
        }

    .notice-box .ntitle {
        height: 38px;
        line-height: 38px;
        background: url(/Images/img2018/ntitle.png) center no-repeat;
        text-align: center;
        font-size: 18px;
        color: #fff;
    }

    .notice-box .colse {
        position: absolute;
        right: 15px;
        top: 20px;
    }

        .notice-box .colse img {
            width: 16px;
        }

.ban_item_c {
    width: 295px;
    margin-right: 22px;
    background: #fff;
    height: 240px;
    border-radius: 3px;
}

    .ban_item_c img {
        height: 175px;
    }

    .ban_item_c .title {
        margin-top: 10px;
        margin: 10px;
    }

.form-group-reg label {
    display: inline-block;
    display: inline-block;
    width: 120px;
    text-align: right;
    margin-right: 20px;
}

.form-group-reg input {
    display: inline-block
}

.reg-container .reg-form {
    width: 600px
}

.reg-container .form-group-reg .input-icon > input {
    width: 70%;
    padding-left: 20px;
}

.reg-container .form-group-reg #UdpCodez, .reg-container .form-group-reg #getConfirmationCode {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}

.reg-container .form-group-reg #ImgCode1z, .reg-container .form-group-reg #PhoneNumberConfirmationCode {
    width: 340px;
    float: none;
    padding-left: 20px;
}

.reg-container .form-group-reg .field-validation-valid {
    display: inline-block;
    width: 400px;
    line-height: 40px;
    margin-left: 10px;
}

.form-group-reg label span {
    color: #e51c23
}

.form-group-reg .form_item {
    display: inline-block;
    vertical-align: middle
}

.form-group-reg select {
    height: 36px;
    line-height: 36px;
    width: 135px;
    text-indent: 10px;
    border: 1px solid #e5e5e5;
}

.nickname-save {
    width: 450px;
}

    .nickname-save #UserInfoViewModel_Nickname, .email-save #UserInfoViewModel_EmailAddress {
        width: 60%;
        display: inline-block;
        height: 48px;
        line-height: 48px;
        border-radius: 4px;
    }

    .nickname-save .btn-default {
        display: inline-block;
    }

    .nickname-save #btn-save-nickname, .nickname-save #btn-cancel-save-nickname {
        line-height: 32px;
        background: #e51c23;
        height: 32px;
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
        color: white;
        border-radius: 3px;
        padding: 0;
        display: inline-block;
        width: 60px;
        border: 0;
    }

    .nickname-save #btn-cancel-save-nickname {
        background: #fff;
        color: #333;
    }

.btn_zb_header:visited {
    color: #fff
}

/*搜索*/
#ZbResult .zb-s-item img {
    width: 218px;
    height: 146px;
    transition: 0.5s;
}

#ZbResult .zb-s-item:hover img {
    transform: scale(1.2);
}

#ZbResult .zb-s-item {
    display: block;
    position: relative;
    width: 238px;
    height: 220px;
    float: left;
    border-radius: 3px;
}

    #ZbResult .zb-s-item:hover {
        background: #fff;
        box-shadow: 0 0 10px rgba(1, 1, 1, 0.2)
    }

    #ZbResult .zb-s-item .imgdiv {
        width: 218px;
        height: 146px;
        position: absolute;
        left: 10px;
        top: 10px;
        overflow: hidden;
        border-radius: 3px;
        display: inline-block
    }

    #ZbResult .zb-s-item .info-c {
        position: absolute;
        bottom: 10px;
        color: #333;
        left: 10px;
    }

        #ZbResult .zb-s-item .info-c .title {
            display: block;
            line-height: 24px;
            font-size: 16px;
            color: #14191e;
            font-weight: bold;
            margin-bottom: 4px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 218px;
        }

        #ZbResult .zb-s-item .info-c .span1 {
            color: #93999f
        }

    #ZbResult .zb-s-item .statue {
        float: right;
    }

.recourseSearchIndexMainbody1 {
    overflow: hidden
}

.more_c {
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #fff;
    margin: 8px;
}

.my-course-page, .my-live-page {
    text-align: center;
    display: block
}

.fileList .fitem .filesize {
    width: 80px;
}

.fileList .fitem .time {
    text-align: center
}

.ConsquentList .fitem .school {
    display: inline-block;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
}

.ConsquentList .fitem .filename {
    width: 250px;
}

.ConsquentList .fitem .filesize {
    width: 80px;
}

.ConsquentList .fitem .time {
    display: inline-block;
    width: 120px;
}

.ConsquentList .fitem .user {
    display: inline-block;
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
}

.userIco img {
    width: 70px;
    border-radius: 40px;
    height: 70px;
}

.teacherList .u-item {
    margin: 0 20px;
}

    .teacherList .u-item .userIco {
        vertical-align: middle
    }

    .teacherList .u-item .u-right {
        display: inline-block;
        vertical-align: middle;
        margin-left: 18px;
    }

        .teacherList .u-item .u-right .span1, .teacherList .u-item .u-right .span2 {
            font-size: 18px;
            display: block;
            color: #3D4059;
            margin-bottom: 7px;
            white-space: nowrap;
            width: 690px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .teacherList .u-item .u-right .span2 {
            font-size: 16px;
            color: #777;
        }

    .teacherList .u-item .desc {
        margin: 20px 0;
        text-indent: 27px;
        line-height: 26px;
        font-size: 14px;
        color: #777777;
    }

.teacherList .u-item {
    border-bottom: 1px solid #f1f1f1;
    padding-top: 40px;
}

.stulist_div .stuitem img {
    width: 40px;
    height: 40px;
    border-radius: 20px;
}

.stulist_div .stuitem .name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
    line-height: 36px;
}

.stulist_div .stuitem {
    display: inline-block;
    width: 109px;
    text-align: center;
    padding: 20px;
}

.stulist h2 {
    line-height: 45px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
    color: #555;
    font-size: 14px;
    padding-right: 10px;
    border-top: 1px solid #f3f3f3;
    border-bottom: none;
    position: relative;
    cursor: pointer;
}

.schooltitle span.icon {
    background: url(/Images/new/nav-011.png) center;
    width: 25px;
    display: inline-block;
    height: 22px;
    background-size: contain;
    vertical-align: middle;
    opacity: 0.5;
}

.stulist .stulist_div {
    display: none
}

.stulist h2 i {
    background: url(/Images/clouddisk/arrow_down.png);
    display: inline-block;
    width: 14px;
    height: 8px;
    vertical-align: middle;
    position: absolute;
    right: 8px;
    top: 19px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

.stulist h2.down i {
    background: url(/Images/clouddisk/arrow_down.png);
    display: inline-block;
    width: 14px;
    height: 8px;
    vertical-align: middle;
    position: absolute;
    right: 8px;
    top: 19px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.schooltitle .sname {
    display: inline-block;
    text-indent: 10px;
    width: 230px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
}

.schooltitle .snum {
    display: inline-block;
    text-align: center;
    text-indent: 0;
    vertical-align: middle;
}

.down_Certificate {
    display: inline-block;
    padding: 8px 20px;
    border: none;
    border-radius: 4px;
    background: #bd1b21;
    color: #fff;
    margin-left: 10px;
}

.imgdom {
    position: relative;
    display: inline-block;
    text-align: center;
}

    .imgdom .username {
        position: absolute;
        top: 330px;
        left: 103px;
        font-size: 33px;
        color: #000;
        font-weight: 500;
    }

.studytime {
    position: absolute;
    top: 484px;
    left: 351px;
    font-size: 34px;
    font-family: serif;
    color: #000;
}

.imgdom .stunumber {
    position: absolute;
    bottom: 218px;
    font-size: 27px;
    left: 245px;
    font-weight: 500;
}

.imgdom img {
    width: 100%
}

.Certificate-box {
    /*position: absolute;*/
    top: 101px;
    background: #fff;
    min-height: 100%;
    /* width: 70%; */
    overflow: auto;
    /* left: 15%; */
    /* display: none; */
    z-index: -1;
}

.downCertificate {
    padding: 7px 37px;
    margin-top: 12px;
    border: none;
    background: #bd1b21;
    color: #fff;
    border-radius: 2px;
    font-size: 16px;
    outline: none;
    display: none;
    width: 150px;
}

    .downCertificate.show {
        display: inline-block
    }

.Certificatecenter {
    width: 100%
}

    .Certificatecenter h2 {
        font-size: 18px;
        height: 36px;
        line-height: 36px;
        text-indent: 24px;
        font-weight: 500;
        margin: 10px 10px;
    }

    .Certificatecenter .close {
        top: 29px;
        font-size: 35px;
        display: inline-block;
        position: absolute;
        right: 29px;
    }