/* CSS Document */
.main-box, .margin {
    padding: 20px;
}

.margin {
    margin-bottom: 30px
}

.index-cate {
    display: none;
}

.header-category:hover .index-cate {
    display: block;
}

#container {
    margin-top: 0px;
}

.coursetop {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    margin-bottom: 10px;
    height: 118px;
    overflow: hidden;
    transition: all 0.8s;
    padding: 15px 30px
}

    .coursetop.show {
        height: 400px;
        padding: 25px 30px
    }

    .coursetop dl {
        margin-bottom: 15px;
        padding-left: 100px;
        border-bottom: 1px solid #ddd;
        position: relative;
        line-height: 24px;
        font-size: 15px;
    }

        .coursetop dl:last-child {
            margin-bottom: 0
        }

        .coursetop dl dt {
            margin-left: -100px;
            width: 100px;
            font-size: 14px;
            display: inline-block;
            margin-bottom: 10px;
            color: #000
        }

        .coursetop dl dd {
            display: inline-block;
            margin-right: 12px;
            font-size: 12px;
            margin-bottom: 10px;
        }

            .coursetop dl dd a {
                padding: 3px 13px;
                border-radius: 15px;
                background: #eee;
            }

            .coursetop dl dd.coursecurrent a {
                background: #ee7a7e;
                color: #fff;
            }

.casetittle {
    width: 100%;
    position: relative;
    height: 40px;
    margin-bottom: 15px;
    line-height: 40px;
    font-size: 14px;
    color: #000000
}

    .casetittle h2 {
        display: inline-block;
        font-size: 24px;
        color: #20335b;
        margin-right: 15px;
    }

.casetittlemore .course-btn {
    font-size: 16px;
    cursor: pointer;
    line-height: 50px;
    color: #20335b
}

    .casetittlemore .course-btn i {
        font-style: normal;
        display: inline-block;
    }

        .casetittlemore .course-btn i.text2 {
            display: none;
        }

    .casetittlemore .course-btn:hover {
        color: #dd3831
    }

    .casetittlemore .course-btn.textchange i.text1 {
        display: none;
    }

    .casetittlemore .course-btn.textchange i.text2 {
        display: inline-block;
    }

.casetittlemore {
    text-align: center;
    display: none
}

.case-select {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

    .case-select ul {
        display: inline-block;
        background: #fff;
        height: 35px;
        padding: 0 15px;
        border-radius: 20px;
        overflow: hidden;
    }

        .case-select ul li {
            display: inline-block;
            padding: 0 15px;
            font-size: 14px;
            line-height: 35px;
        }

            .case-select ul li a {
                color: #20335b
            }

            .case-select ul li:hover a {
                color: #dd3831
            }

            .case-select ul li.case-sel-cur a {
                color: #dd3831 !important
            }

.casetitle {
    margin-bottom: 20px;
    height: 40px;
    overflow: hidden;
}

    .casetitle li {
        display: inline-block;
        margin-right: 26px;
        margin-top: 0px;
        height: 40px;
        cursor: pointer;
        font-size: 21px;
        line-height: 40px;
        color: #666;
    }

        .casetitle li:nth-child(3) {
            margin-right: 0
        }

        .casetitle li:hover {
            color: red
        }

        .casetitle li.casetitle-cur {
            color: #435079;
            font-weight: bold;
        }


.caselist_title {
    width: 98.2%;
    height: 36px;
    border-bottom: 1px solid #e3e5e8;
    margin: 30px 0;
}

    .caselist_title h2 {
        display: inline-block;
        font-size: 22px;
        font-weight: bold;
        color: #365ea6;
        border-bottom: 3px solid #365ea6;
        padding-bottom: 10px;
    }


    .caselist_title li {
        float: left;
    }

        .caselist_title li.left {
            width: 60%;
            padding: 0
        }

            .caselist_title li.left a {
                display: inline-block;
                background: #eee;
                border-radius: 10px;
                padding: 0 10px;
                color: #536082;
                margin-left: 20px;
                margin-bottom: 10px;
            }


        .caselist_title li.right {
            text-align: right;
            width: 40%;
            float: right
        }

            .caselist_title li.right a {
                display: inline-block;
                margin-left: 30px;
                font-size: 18px;
                font-weight: bold;
                color: #888
            }


                .caselist_title li.right a.more {
                    font-size: 12px;
                    color: #fff;
                    font-weight: normal;
                    background: #365ea6;
                    padding: 0 20px;
                    border-radius: 5px;
                }

.casediv {
    display: none;
}

.colorlist {
    background: #fff;
    padding: 30px;
}


.ourselist {
    width: 100%;
    position: relative;
    clear: both;
    margin-top: 15px;
    overflow: hidden;
}

    .ourselist ul {
        clear: both;
    }

        .ourselist ul li {
            width: 305px;
            padding: 15px 20px;
            box-sizing: border-box;
            float: left;
            margin-right: 10px;
            background: #f7f7f7;
            transition: all 0.6s;
            margin-bottom: 15px;
            overflow: hidden;
            position: relative;
        }

    .ourselist li:nth-child(4n) {
        margin-right: 0;
    }

    .ourselist li:hover {
        box-shadow: 5px 5px 5px #ccc;
    }

    .ourselist li .label {
        margin-left: -20px;
    }

    .ourselist li h2 {
        width: 100%;
        margin: 10px 0;
        font-size: 18px;
        line-height: 25px;
        position: relative;
        text-overflow: ellipsis;
    }

        .ourselist li h2 a {
            color: #000;
            display: block;
            height: 50px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .ourselist li h2:hover a {
            color: #2470eb
        }

    .ourselist li p {
        font-size: 14px;
        line-height: 30px;
        color: #9598a1
    }

    .ourselist li .personicon {
        padding: 12px 0;
        margin-bottom: 10px;
        border-bottom: 1px solid #eaecef;
        height: 50px;
        overflow: hidden
    }

        .ourselist li .personicon a {
            display: inline-block;
            margin-right: 10px;
            text-align: center;
            WIDTH: 50px;
            height: 50px;
            overflow: hidden;
            border: 1px #eee solid;
            border-radius: 50%;
        }

            .ourselist li .personicon a img {
                width: 50px;
                height: 50px;
                border-radius: 50%;
                overflow: hidden;
            }

        .ourselist li .personicon p {
            font-size: 10px;
            line-height: 30px;
            text-align: center
        }

.personicon a:hover p {
    color: #2470eb
}

.ourselist li.tisheng {
    width: 620px;
    padding: 0;
    height: 282px;
}

    .ourselist li.tisheng img {
        height: 282px;
    }

.classlist {
    width: 100%;
    position: relative;
    clear: both;
    margin-top: 15px;
    overflow: hidden;
}

    .classlist ul {
        clear: both;
    }

        .classlist ul li {
            width: 302px;
            float: left;
            margin-right: 10px;
            margin-bottom: 10px;
            background: #fff;
            transition: all 0.6s;
            background: #f7f7f7
        }

            .classlist ul li.biglist {
                float: right;
                margin-right: 0;
                height: 310px;
                width: 620px;
            }

    .classlist li.biglist img {
        height: 310px;
        width: 100%;
        min-height: 310px;
    }

    .classlist ul li:nth-child(4n) {
        margin-right: 0
    }

    .classlist ul li .pic {
        width: 100%;
        overflow: hidden;
    }

    .classlist ul li img {
        width: 100%;
        transition: all 1.2s;
        height: 163px;
    }

    .classlist ul li:hover img {
        transform: scale(1.2);
    }

    .classlist ul li:hover {
        box-shadow: 5px 5px 5px #ccc;
    }

.classbox {
    padding: 15px 20px;
}

    .classbox h2 {
        font-size: 18px;
        line-height: 25px;
        height: 50px;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #000;
        margin-bottom: 10px;
    }

.classlist li .item {
    width: 100%;
    margin-bottom: 15px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    color: #9598a1
}

    .classlist li .item span {
        font-size: 12px;
        line-height: 20px;
        border: 1px solid #ccc;
        padding: 0 8px;
        border-radius: 2px;
        overflow: hidden;
    }

.classlist.classlist2 {
    margin-top: 50px;
}

    .classlist.classlist2 li {
        margin: 0 40px;
    }

.right .unit {
    text-align: center
}

    .right .unit img {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        margin-top: 50px;
        margin-bottom: 20px;
        display: inline-block
    }

.label {
    display: inline-block;
    width: 75px;
    font-size: 12.5px;
    height: 20px;
    line-height: 20px;
    background: #fff2e4;
    color: #a16b31;
    text-align: center;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
    vertical-align: top;
    margin-right: 10px;
}

.nowprice {
    width: 100%;
    height: 35px;
    overflow: hidden;
    line-height: 35px;
    color: #9598a1;
    text-align: center;
}

    .nowprice span {
        float: left;
        padding-left: 25px;
        background: url(../images/fire.png) left center no-repeat;
        font-size: 14px;
        line-height: 35px;
    }

        .nowprice span em {
            margin-left: 10px;
            color: #6198ff;
            font-style: normal
        }

    .nowprice i {
        font-style: normal;
        font-size: 21px;
        color: #e6403b;
        line-height: 30px;
    }

        .nowprice i.mianfei {
            padding-left: 35px;
            background: url(../images/bofan.png) left 5px center no-repeat;
            border: 2px solid #e6403b;
            border-radius: 20px;
            padding-right: 10px;
            font-weight: bold;
            font-family: "宋体"
        }

.coursebuy {
    padding: 30px 35px;
    background: #fff;
    margin-bottom: 50px
}

    .coursebuy .coupic {
        width: 550px;
        float: left;
        position: relative
    }

        .coursebuy .coupic img {
            width: 100%;
            height: 310px;
        }

        .coursebuy .coupic video {
            width: 100%;
            height: 310px;
            background: #000;
        }

.shitianbtn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 310px;
    z-index: 22;
    background: rgba(0,0,0,0.5)
}

    .shitianbtn span {
        background: #ff9800;
        display: block;
        width: 150px;
        height: 50px;
        text-align: center;
        border-radius: 3px;
        line-height: 50px;
        color: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -75px;
        margin-top: -25px;
        z-index: 22;
        cursor: pointer;
        font-size: 18px;
        font-weight: bold;
    }

        .shitianbtn span:hover {
            background: #f7ac3e
        }

.shitiannum {
    margin: 15px 0;
}

    .shitiannum span {
        display: inline-block;
        cursor: pointer;
        background: #f7f7f7;
        margin-right: 8px;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 5px 10px
    }

        .shitiannum span.current {
            background: #365ea6;
            color: #fff
        }

    .shitiannum p {
        display: inline;
        float: right;
        line-height: 40px;
    }

.buybox {
    margin-left: 600px;
    position: relative;
}

    .buybox .neam {
        width: 100%;
        position: relative;
    }

        .buybox .neam h2 {
            font-size: 24px;
            line-height: 40px;
            color: #000;
            font-weight: bold
        }

        .buybox .neam p {
            width: 100%;
            font-size: 14px;
            line-height: 25px;
        }

.pt-num {
    width: 100%;
    position: relative;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 30px
}

    .pt-num b {
        font-size: 16px;
        color: #fff;
        margin-right: 20px;
        font-weight: 500;
        background: #f03c38;
        border-radius: 20px;
        padding: 5px 25px
    }

    .pt-num .time {
        display: block;
        float: right;
        color: #f03c38;
        font-size: 18px;
        font-weight: bold
    }

.buybox .share {
    position: absolute;
    right: 5px;
    top: -40px;
    cursor: pointer;
    z-index: 10000
}
/*.buybox .share a.bds_more{ padding-left:25px; font-size:14px; background:url(../images/share.jpg) left center no-repeat; background-size:20px 20px;}*/
.price {
    width: 100%;
    position: relative;
    margin-top: 10px;
    margin-bottom: 20px;
}

.price-item {
    margin-bottom: 10px;
}

    .price-item label {
        float: left;
        width: 60px;
    }

.price-item-right {
    margin-left: 70px
}

    .price-item-right input {
        border: 1px solid #ccc;
        padding: 5px 10px;
        margin: 0 8px 12px 0;
        background: #f7f7f7;
        cursor: pointer;
        border-radius: 5px
    }

        .price-item-right input.red {
            color: #c30;
            border: 1px solid #c30;
        }


.price h2 {
    color: #f03c38;
    font-size: 40px;
    line-height: 50px;
    height: 50px;
    font-weight: bold
}

    .price h2 span {
        color: #808080;
        font-size: 14px;
        text-decoration: line-through;
        margin-left: 10px;
        display: inline-block;
        line-height: 1.4em
    }

        .price h2 span i {
            font-style: normal;
            display: block
        }

    .price h2 em {
        font-style: normal
    }


.price p {
    font-size: 14px;
    color: #afafaf;
}

.leixing {
    width: 100%;
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
    font-size: 14px;
    line-height: 30px;
}

    .leixing span {
        padding: 3px 20px;
        border: 1px solid #afafaf;
        margin-left: 10px;
        color: #afafaf
    }

.buybtn {
    width: 100%;
    overflow: hidden;
    margin: 30px 0;
}

    .buybtn .nopt {
        vertical-align: middle
    }

    .buybtn a.goumai {
        height: 43px;
        border: 1px solid #ee8470;
        color: #ee8470;
        display: block;
        text-align: center;
        line-height: 43px;
        margin-right: 8px;
        border-radius: 3px;
        float: left;
        font-size: 21px;
        padding: 0 10px
    }

    .buybtn a.goumai {
        color: #fff;
        background: #c30
    }

        .buybtn a.goumai span {
            display: none
        }

        .buybtn a.goumai.gray {
            opacity: 0.5
        }

    .buybtn a:hover {
        color: #fff;
        background: #dd3831
    }

    .buybtn a.goumai:hover {
        opacity: 0.8
    }

.pintuan .buybtn {
    position: absolute;
    right: 0px;
    width: 145px;
    top: 150px;
    line-height: 28px;
    text-align: center;
}

.pt-list {
    width: 60px;
    height: 32px;
    position: relative;
    float: left;
    vertical-align: middle;
    overflow: hidden;
    margin-top: 6px;
    margin-right: 6px;
}

    .pt-list.pt-num0 {
        width: 0px
    }

    .pt-list.pt-num1 {
        width: 30px;
    }

    .pt-list.pt-num2 {
        width: 40px;
    }




    .pt-list li {
        width: 30px;
        height: 30px;
        overflow: hidden;
        border-radius: 50%;
        position: absolute;
        background: #eee
    }

    .pt-list li {
        left: 0px;
        top: 0px;
        z-index: 10
    }

        .pt-list li:nth-child(2) {
            left: 10px;
            top: 0px;
            z-index: 11;
        }

        .pt-list li:nth-child(3) {
            left: 20px;
            top: 0px;
            z-index: 12
        }


        .pt-list li img {
            width: 30px;
            height: 30px;
        }

.courseintit {
    width: 100%;
    height: 50px;
    position: relative;
    border-bottom: 1px solid #cecfd0;
    margin-bottom: 30px;
}

/*contact*/

.buybox .contact {
    margin-top: 50px;
}

    .buybox .contact .tel {
        color: #365ea6;
        font-size: 16px;
        float: left;
        width: 40%
    }

        .buybox .contact .tel
        i.iconfont {
            margin-right: 8px;
            display: inline-block;
            background: #365ea6;
            border-radius: 50%;
            width: 25px;
            height: 25px;
            font-size: 13px;
            text-align: center;
            line-height: 25px;
            color: #fff
        }

    .buybox .contact .wechat {
        float: left;
        margin-left: 20px;
        position: relative;
        cursor: pointer;
        font-size: 16px;
    }

        .buybox .contact .wechat img:first-child {
            width: 25px;
            height: auto;
            margin-right: 8px;
        }

        .buybox .contact .wechat img:last-child {
            width: 120px;
            height: 120px;
            position: absolute;
            bottom: 30px;
            display: none
        }

        .buybox .contact .wechat:hover img:last-child {
            display: block
        }


.courseintit li {
    line-height: 50px;
    display: inline-block;
    margin: 0 130px 0 20px;
    position: relative;
}

    .courseintit li span {
        display: block;
        height: 49px;
        cursor: pointer;
        font-size: 18px;
        color: #000;
        padding: 0 9px;
    }

    .courseintit li.courseincurrent span {
        border-bottom: 2px solid #20335b;
        color: #20335b
    }

    .courseintit li label {
        position: absolute;
        right: -55px;
        background: #fb595f;
        width: 55px;
        height: 22px;
        line-height: 20px;
        color: #14px;
        text-align: center;
        color: #fff;
        top: 14px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .courseintit li:hover span {
        border-bottom: 2px solid #20335b;
        color: #20335b
    }

.coursediv {
    width: 100%;
    display: none
}

.coursetext {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
}

    .coursetext img {
        max-width: 100%;
    }

.courselist {
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .courselist li {
        width: 100%;
        overflow: hidden;
        border-bottom: 1px dashed #cecfd0;
        padding: 10px;
        box-sizing: border-box;
    }

        .courselist li.lesson {
            padding-left: 80px;
        }

        .courselist li h2 {
            width: 100%;
            float: left;
            font-size: 14px;
            color: #808080;
        }

            .courselist li h2 font {
                font-weight: bold;
                display: inline-block;
                width: 60px !important;
                margin-right: 10px;
                color: #000
            }

        .courselist li.lesson h2 font {
            font-weight: 500;
        }

        .courselist li:hover {
            background: #eee;
        }

            .courselist li:hover h2 {
                color: #2470eb
            }

        .courselist li span {
            float: right;
            padding-left: 25px;
            background: url(../images/sp.png)left center no-repeat;
        }

.teacherlist {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
    padding: 0 20px;
    box-sizing: border-box
}

    .teacherlist li {
        display: inline-block;
        margin-right: 12px;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        overflow: hidden
    }

        .teacherlist li img {
            width: 60px;
        }

        .teacherlist li p {
            font-size: 12px;
            width: 100%;
            color: #000;
            text-align: center
        }

        .teacherlist li:hover p {
            color: #2470eb
        }

.question {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
}

    .question li {
        width: 100%;
        margin-bottom: 20px;
    }

        .question li h2 {
            width: 100%;
            font-size: 16px;
            line-height: 30px;
        }

        .question li p {
            font-size: 14px;
            margin-top: 10px;
            line-height: 25px;
            color: #808080
        }

        .question li h2 a {
            color: #000
        }

        .question li h2:hover a {
            color: #2470eb
        }

.mess {
    width: 100%;
    background: #fff;
    padding: 30px 40px;
    box-sizing: border-box;
}

    .mess li {
        width: 100%;
        position: relative;
        margin-bottom: 20px;
        padding-bottom: 20px;
        overflow: hidden;
        border-bottom: 1px solid #cecfd0;
        padding-left: 60px;
        box-sizing: border-box;
    }

        .mess li .messxx {
            width: 100%;
            margin-bottom: 25px;
        }

        .mess li .pic {
            position: relative;
            margin-left: -60px;
            width: 40px;
            float: left
        }

            .mess li .pic img {
                width: 100%
            }

        .mess li .tename {
            position: relative;
        }

            .mess li .tename h2 {
                color: #808080;
                font-size: 14px;
                line-height: 25px;
            }

            .mess li .tename p {
                color: #808080;
                font-size: 14px;
                line-height: 20px;
            }

        .mess li .pj {
            position: absolute;
            right: 0;
            top: 10px;
            height: 15px;
        }

            .mess li .pj span {
                display: inline-block;
                width: 15px;
                height: 15px;
                margin-left: 0px;
                background: url(../images/wjx.png) center no-repeat;
                background-size: 18px auto;
            }

.messtxt {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    color: #000;
}

.tuangoulist {
    display: inline-block;
    margin-left: 30px;
    height: 40px;
    overflow: hidden;
    width: 200px;
    float: right
}

    .tuangoulist li {
        width: 100%;
        position: relative;
        height: 50px;
    }

        .tuangoulist li a {
            border: none !important;
            width: 100%;
            height: 40px;
            line-height: 40px;
            margin: 0;
            display: block
        }

            .tuangoulist li a:hover {
                background: none !important;
            }

        .tuangoulist li img {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #eee;
            float: left;
            border: none;
            overflow: hidden;
            margin-right: 5px;
        }

        .tuangoulist li a > span {
            font-size: 15px;
            color: #000;
            margin-bottom: 0px;
            line-height: 30px;
        }

        .tuangoulist li span span {
            font-size: 12px;
            color: #808080;
            line-height: 30px;
        }

/*通知*/
.news {
    width: 1250px;
    margin: 30px auto 50px auto;
    position: relative;
    overflow: hidden;
    background: #fff;
}

.left {
    width: 860px;
    float: left;
    padding: 20px 30px;
    box-sizing: border-box;
}

.right {
    width: 370px;
    float: right;
    box-sizing: border-box;
}

.line {
    width: 20px;
    position: absolute;
    right: 370px;
    top: 0;
    height: 100%;
    background: #f0f2f5
}

.left .teachmenu {
    margin-bottom: 30px;
}

.teachmenu {
    width: 100%;
    height: 50px;
    position: relative;
    border-bottom: 1px solid #cecfd0;
    margin-bottom: 30px;
}

    .teachmenu ul {
        display: inline-block;
    }

    .teachmenu li {
        line-height: 50px;
        display: inline-block;
        margin-right: 30px;
        position: relative;
    }

        .teachmenu li:last-child {
            border: none
        }

        .teachmenu li span {
            display: block;
            cursor: pointer;
            font-size: 24px;
            color: #000;
        }

        .teachmenu li.teachcurrent span {
            border-bottom: 1px solid #20335b;
            color: #20335b
        }

        .teachmenu li .teachsub {
            position: absolute;
            left: 0;
            display: none;
            top: 60px;
            line-height: 40px;
            width: 1000px;
        }

        .teachmenu li.teachcurrent .teachsub {
            display: block;
        }

        .teachmenu li .teachsub a {
            display: inline-block;
            margin-right: 30px;
            font-size: 16px;
            color: #000
        }

        .teachmenu li:hover span {
            border-bottom: 1px solid #4d8aed;
            color: #2470eb
        }

        .teachmenu li .teachsub a:hover {
            color: #2470eb
        }

.add {
    display: inline-block;
    float: right;
    line-height: 50px;
    font-size: 14px;
}




.newstitle {
    height: 50px;
    font-size: 18px;
    color: #20335b;
    line-height: 50px;
    border-bottom: 1px solid #cecfd0;
    margin: 20px;
    font-weight: bold;
    box-sizing: border-box;
}

.pagemenu {
    width: 100%;
    position: relative;
    border-bottom: 10px solid #f3f3f3;
    padding: 0 20px 50px 20px;
    box-sizing: border-box;
}

    .pagemenu li {
        height: 50px;
        line-height: 50px;
    }

        .pagemenu li h2 {
            font-size: 16px;
            background: url(../images/icon1.png) right 10px center no-repeat;
            line-height: 50px;
            color: #20335b;
        }

        .pagemenu li:hover h2 {
            color: #2470eb;
            background: url(../images/icon2.png) right 10px center no-repeat;
        }

        .pagemenu li.pagecur h2 {
            color: #2470eb;
            background: url(../images/icon2.png) right 10px center no-repeat;
        }

.hotcourse {
    width: 100%;
    padding: 20px;
    padding-top: 0;
    box-sizing: border-box;
}

    .hotcourse li {
        width: 100%;
        margin-bottom: 20px;
        background: #f3f3f3;
        overflow: hidden
    }

        .hotcourse li .pic {
            width: 30%;
            float: left;
        }

            .hotcourse li .pic img {
                transition: all 1s;
                width: 100%;
                height: auto;
                max-height: 60px;
            }

            .hotcourse li .pic:hover img {
                transform: scale(1.2);
            }

        .hotcourse li h2 {
            font-size: 14px;
            line-height: 1.6em;
            padding: 5px 10px;
            box-sizing: border-box;
            color: #000;
            text-overflow: ellipsis;
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            /* Fallback for non-webkit browsers */
            max-height: 3.2em; /* 2 lines of text */
        }

        .hotcourse li:hover h2 {
            color: #2470eb
        }

.newsinfo {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.newsintit {
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #cecfd0;
    padding-top: 20px;
}

    .newsintit h2 {
        font-size: 26px;
        line-height: 40px;
        color: #000;
        margin-bottom: 20px;
    }

    .newsintit p {
        font-size: 14px;
    }

        .newsintit p span {
            margin-right: 2em;
        }

.newsinbox {
    width: 100%;
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #000;
    font-weight: lighter
}

    .newsinbox img {
        max-width: 100%;
        height: auto
    }

.newsnear {
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin: 20px 0
}

    .newsnear a {
        display: block;
        margin-bottom: 15px
    }

.other {
    width: 100%;
    margin-top: 50px;
}

.othertit {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #cecfd0;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}

    .othertit span {
        padding-left: 10px;
        border-left: 5px solid #00a0e9
    }

.other ul li {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}

    .other ul li h2 {
        width: 80%;
        float: left;
        padding-left: 15px;
        background: url(../images/icon6.png) left center no-repeat;
        color: #000;
        font-size: 16px;
        line-height: 30px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .other ul li span {
        display: block;
        float: right;
        width: 18%;
        font-size: 16px;
        text-align: right;
        line-height: 30px;
    }

    .other ul li:hover h2 {
        color: #2470eb
    }

/*资料*/
.download {
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .download li {
        border-bottom: 1px solid #cecfd0;
        padding: 20px 0;
        overflow: hidden;
        position: relative;
        width: 100%;
        font-weight: lighter
    }

        .download li h2 {
            width: 80%;
            position: relative;
            color: #3b3b3b;
            line-height: 30px;
            font-size: 18px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-weight: lighter
        }

        .download li p {
            width: 80%;
            position: relative;
            color: #808080;
            line-height: 24px;
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .download li span {
            position: absolute;
            right: 10px;
            top: 50%;
            margin-top: -15px;
            display: block;
            width: 90px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            cursor: pointer;
            border: 1px solid #425478;
            color: #425478;
            font-size: 14px;
            border-radius: 20px;
            overflow: hidden;
        }

            .download li span:hover {
                background: #425478;
                color: #fff;
            }

        .download li:hover h2 {
            color: #2470eb
        }

/*教师*/
.teacher {
    width: 100%;
    position: relative;
}

    .teacher li {
        width: 49%;
        padding: 20px;
        box-sizing: border-box;
        position: relative;
        float: left;
        margin-right: 2%;
        margin-bottom: 4%;
        background: #fff;
        transition: all 0.6s;
        height: 270px
    }

        .teacher li:nth-child(2n) {
            margin-right: 0
        }

        .teacher li .pic {
            width: 235px;
            float: left;
        }

            .teacher li .pic img {
                width: 100%;
                height: 230px
            }

.intro {
    margin-left: 235px;
    padding: 20px;
}

    .intro h2 {
        color: #000;
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .intro .teachbox {
        font-size: 14px;
        line-height: 24px;
        font-weight: lighter;
        margin-bottom: 40px;
        max-height: 140px;
        overflow: hidden;
    }

.teacher li .item {
    font-size: 14px;
    width: 100%;
    padding: 0 20px 0 275px;
    box-sizing: border-box;
    position: absolute;
    right: 0px;
    bottom: 20px;
}

    .teacher li .item a.teachermore {
        float: right;
        padding-right: 20px;
        background: url(../images/icon2.png) right center no-repeat;
        color: #2470eb
    }

        .teacher li .item a.teachermore:hover {
            color: #fb575d
        }

.teacher li:hover {
    box-shadow: 5px 5px 5px #ccc;
}

.ban {
    width: 100%;
    height: 400px;
    position: relative;
    background: #3558bf url(../images/ban.jpg) center no-repeat;
    background-size: auto 400px;
}

    .ban ul li img {
        height: 400px;
    }

.teach {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 400px;
}

    .teach .teachpic {
        width: 300px;
        height: 300px;
        float: left;
        margin-top: 80px
    }

        .teach .teachpic img {
            height: 300px;
            margin: 20px auto 0 auto;
            display: block;
        }

.teachbx {
    margin-left: 350px;
    height: 400px;
    box-sizing: border-box;
    position: relative;
    color: #fff;
    width: 800px;
    padding: 110px 100px 50px 100px;
}

.icon1 {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/yh.png) center no-repeat;
    position: absolute;
    left: 0px;
    top: 80px;
}

.icon2 {
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/yh.png) center no-repeat;
    position: absolute;
    right: 80px;
    bottom: 40px;
    transform: rotate(180deg)
}

.teachname {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 50px;
}

    .teachname span {
        border-bottom: 2px solid #fff;
        padding-bottom: 5px;
    }

.boxintro {
    font-size: 16px;
    line-height: 26px;
}

.techtit {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    color: #000;
    background: #fff;
    margin-top: 25px;
    padding: 0 40px;
    box-sizing: border-box;
}

/*我们*/


.yslist {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

    .yslist li {
        width: 100%;
        line-height: 50px;
        height: 50px;
        padding-left: 40px;
        box-sizing: border-box;
        background: url(../images/icon7.png) left center no-repeat;
    }

        .yslist li h2 {
            font-size: 16px;
            color: #20335b
        }

        .yslist li:nth-child(1) {
            background-position: 0 5px;
        }

        .yslist li:nth-child(2) {
            background-position: 0 -50px;
        }

        .yslist li:nth-child(3) {
            background-position: 0 -105px;
        }

        .yslist li:nth-child(5) {
            background-position: 0 -220px;
        }

        .yslist li:nth-child(6) {
            background-position: 0 -265px;
        }

        .yslist li:nth-child(7) {
            background-position: 0 -325px;
        }


.dangjian, .newslist {
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .dangjian li, .newslist li {
        border-bottom: 1px solid #cecfd0;
        padding: 20px 0;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .dangjian li .dangjian-right, .newslist li .newsbox {
            margin-left: 200px
        }

        .dangjian li img, .newslist li img {
            float: left;
            width: 180px;
            height: 115px;
        }

        .dangjian li h2, .newslist li h2 {
            position: relative;
            color: #3b3b3b;
            line-height: 30px;
            font-size: 18px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 10px;
        }

        .dangjian li p, .newslist li p {
            width: 100%;
            position: relative;
            color: #808080;
            line-height: 1.8em;
            font-size: 14px;
            text-overflow: ellipsis;
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            /* Fallback for non-webkit browsers */
            max-height: 3.6em; /* 2 lines of text */
        }


        .dangjian li span, .newslist li span {
            color: #999;
            display: block;
            font-size: 14px;
            margin-top: 5px
        }


/*基地*/
.base-type {
    width: 100%;
    height: 40px;
    margin: 15px 0;
    font-size: 21px;
}

    .base-type a {
        margin: 0 15px;
    }

        .base-type a.basecur {
            color: #20335b
        }

.baselist {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #d9dce3;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.jidi {
    width: 100%;
    position: relative;
    background: #fff;
    margin-bottom: 20px;
    overflow: hidden;
    height: 252px;
}

    .jidi .map {
        width: 390px;
        float: left;
        border: 1px solid #ccc;
        box-sizing: border-box;
    }

        .jidi .map img {
            width: 100%;
            height:
        }

    .jidi .basebox {
        padding: 20px 30px 20px 420px;
        position: relative;
    }

        .jidi .basebox .jidiname {
            width: 100%;
            position: relative;
            font-size: 21px;
            color: #20335b;
            margin-bottom: 15px;
        }

            .jidi .basebox .jidiname h2 {
                font-size: 21px;
                line-height: 30px;
            }

            .jidi .basebox .jidiname a {
                margin-left: 10px;
            }

            .jidi .basebox .jidiname img {
                height: 30px;
            }

.jiditext {
    width: 100%;
    line-height: 30px;
    color: #000;
}

.jidilist {
    width: 100%;
    position: relative;
}

    .jidilist .jdtit {
        width: 100%;
        margin-bottom: 10px;
        font-size: 21px;
        color: #20335b
    }

    .jidilist ul {
        width: 100%;
        position: relative;
        overflow: hidden;
    }

        .jidilist ul li {
            width: 305px;
            float: left;
            margin-right: 10px;
            background: #fff;
            transition: all 0.6s;
        }

            .jidilist ul li .pic {
                width: 100%;
                height: 210px;
                overflow: hidden;
            }

                .jidilist ul li .pic img {
                    width: 100%;
                    height: 210px;
                }
    /*.jidilist li:nth-child(4n){ margin-right:0}*/
    .jidilist li h2 {
        width: 100%;
        height: 60px;
        padding: 0px 20px;
        line-height: 60px;
        box-sizing: border-box;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 18px;
        color: #000
    }

.jidilistbox {
    width: 100%;
    position: relative;
}

    .jidilistbox ul.flex-direction-nav {
        overflow: inherit;
        position: initial
    }

    .jidilistbox .flex-direction-nav a {
        display: block;
        width: 40px;
        height: 40px;
        text-indent: -999em;
        border-radius: 50%;
        overflow: hidden;
        position: absolute;
        top: 100px;
        z-index: 33
    }

        .jidilistbox .flex-direction-nav a.flex-prev {
            background: url(../images/right.png) center no-repeat;
            left: 15px;
            background-size: 40px auto;
            transform: rotate(180deg);
        }

        .jidilistbox .flex-direction-nav a.flex-next {
            background: url(../images/right.png) center no-repeat;
            right: 15px;
            background-size: 40px auto;
        }


/*登录注册*/
.login {
    width: 100%;
    position: relative;
    height: auto;
    background: url(../images/login.jpg) #f3f3f3 center no-repeat;
    overflow: hidden;
    min-height: 500px
}

.query-content {
    width: 400px;
    float: right;
    margin-right: 60px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    margin-top: 30px;
    background: #fff;
    padding: 20px 30px;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 0px 0px 10px #fff;
}

.login .querytit {
    margin-top: 0;
}

.logintit {
    width: 100%;
}

    .logintit h2 {
        line-height: 40px;
        width: 100%;
        font-size: 16px;
        color: #1375c6;
        text-align: center;
        margin-bottom: 20px;
    }

    .logintit ul {
        width: 100%;
        text-align: center;
        line-height: 40px;
    }

        .logintit ul li {
            display: inline-block;
            width: 48%;
            text-align: center;
            display: inline-block;
            font-size: 16px;
            height: 40px;
            line-height: 40px;
        }

            .logintit ul li a {
                color: #ee2c2c;
            }

            .logintit ul li.locur a {
                color: #337df7;
                font-size: 21px;
                font-weight: bold;
                line-height: 40px;
            }

.regtit {
    width: 100%;
}

    .regtit ul li {
        display: inline-block;
        margin-right: 20px;
        font-size: 18px;
        line-height: 40px;
    }

        .regtit ul li a {
            color: #000;
        }

        .regtit ul li.locur a {
            color: #337df7;
            font-weight: bold
        }

.loginbox {
    width: 100%;
    position: relative;
    margin-top: 15px;
}

    .loginbox li {
        width: 100%;
        margin-bottom: 10px;
        position: relative;
        font-size: 16px;
        line-height: 30px;
    }

        .loginbox li label {
            display: inline-block;
            width: 120px;
            text-align: right
        }

        .loginbox li a { /*float:right;*/
            color: #1375c6
        }

            .loginbox li a:hover {
                color: red
            }

        .loginbox li span input {
            margin-right: 5px;
            width: 20px;
        }

    .loginbox input[type='text'] {
        width: 200px;
        position: relative;
        height: 40px;
        line-height: 40px;
        border: 1px solid #cecfd0;
        font-size: 16px;
        text-indent: 10px;
        border-radius: 2px;
    }

    .loginbox input[type='Password'] {
        width: 200px;
        position: relative;
        height: 40px;
        line-height: 40px;
        border: 1px solid #cecfd0;
        font-size: 16px;
        text-indent: 10px;
        border-radius: 2px;
    }

    .loginbox input[type='button'] {
        width: 90%;
        height: 40px;
        margin: 20px auto;
        display: inline-block;
        border: 1px solid #337df7;
        background: #1375c6;
        text-align: center;
        color: #fff;
        line-height: 40px;
        font-size: 16px;
        cursor: pointer;
        box-shadow: 0px 0px 5px #337df7
    }

    .loginbox li.sjyzm input[type='text'] {
        width: 70px;
        display: inline-block;
    }

    .loginbox li.sjyzm a {
        display: inline-block;
        color: #1375c6;
        font-size: 14px;
    }

        .loginbox li.sjyzm a img {
            width: auto;
            height: 42px;
            vertical-align: middle
        }

    .loginbox li.sjyzm span {
        font-size: 18px;
        font-weight: bold;
        color: #f00;
        margin: 0 5px
    }



    .loginbox li span.tishi {
        display: block;
        width: 100%;
        line-height: 20px;
        font-size: 12px;
        color: red;
    }

.qita {
    width: 100%;
    position: relative;
    margin-top: 25px;
}

.qitatit {
    width: 100%;
    position: relative;
    height: 30px;
}

    .qitatit h2 {
        width: 100px;
        font-size: 14px;
        background: #fff;
        line-height: 30px;
        height: 30px;
        position: relative;
        z-index: 22;
        margin: 0 auto;
        text-align: center;
    }

    .qitatit span {
        width: 100%;
        position: absolute;
        left: 0;
        top: 15px;
        height: 1px;
        background: #cecfd0
    }

.loginweixin {
    width: 100%;
    height: 40px;
    border: 1px solid #2aa515;
    box-sizing: border-box;
    text-align: center;
    line-height: 40px;
    color: #2aa515;
    font-size: 14px;
    margin-top: 15px;
    cursor: pointer;
}

    .loginweixin span {
        padding-left: 35px;
        background: url(../images/wx.png) left center no-repeat
    }

input::-webkit-input-placeholder {
    color: #999999;
    font-size: 16px;
}

/*问卷*/
#question {
    width: 60%;
    margin: 0px auto;
    position: relative;
    padding-top: 30px;
    margin-bottom: 30px
}

    #question .qrcode {
        font-size: 11px;
        width: 50px;
        height: 50px;
        position: absolute;
        right: 0px;
        top: 0px;
    }

        #question .qrcode
        img {
            max-width: 100%;
            height: auto
        }

    #question .qrcodebig {
        width: 150px;
        height: 150px;
        top: 0px;
        left: -15px;
        position: absolute;
        display: none
    }

    #question .qrcode p {
        display: none
    }

    #question .qrcode:hover .qrcodebig {
        display: block
    }


    #question h1 {
        text-align: center;
        color: #333;
        margin-bottom: 30px;
        font-weight: bold;
        line-height: 1.8em
    }

    #question #divDesc {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px dashed #ccc
    }

    #question .must {
        color: #f00
    }

    #question .form-inline {
        margin-top: 30px
    }

    #question .form-control {
        width: 70%;
        box-sizing: border-box;
        background-color: #f7f7f7;
        border: 1px solid #ccc;
        padding: 11px 10px;
        font-size: 14px;
        display: inline-block;
        margin-top: 10px;
        -webkit-appearance: none;
        resize: none;
    }

    #question select.form-control {
        width: 73%;
    }

    #question input[type="radio" ] {
        width: 20px;
        height: 20px;
        margin-right: 5px;
        margin-top: 15px;
    }

input[type="radio" ]:last-child {
    margin-left: 20px
}

#question button.btn {
    width: 300px;
    display: block;
    margin: 0 auto;
    outline: 0;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    padding: 10px 0;
    font-weight: 500;
    border-radius: 2px;
}
/**组合课程**/


.coursegroup_info img {
    max-width: 100%;
    height: auto
}

.coursegroup {
    background: #f7f7f7;
    padding: 20px;
    margin-top: 30px;
    padding-top: 0px
}

    .coursegroup ul li {
        line-height: 40px;
        overflow: hidden;
        box-sizing: border-box;
        padding: 20px;
        border-bottom: 1px dashed #ccc
    }

        .coursegroup ul li:first-child {
            font-size: 15px;
            font-weight: bold
        }

        .coursegroup ul li:hover {
            background: #f7f7f7
        }

    .coursegroup .course-no, .coursegroup .course-title, .coursegroup .course-price, .coursegroup .course-select, .coursegroup .course-date, .coursegroup .course-checkbox {
        float: left;
        text-align: center
    }

    .coursegroup .course-checkbox {
        width: 5%;
        text-align: left !important;
        padding-left: 5%;
    }

    .coursegroup .course-no {
        width: 15%
    }

    .coursegroup .course-title {
        width: 50%;
        text-align: left;
        text-decoration: underline
    }

    .coursegroup ul li:first-child .course-title {
        text-align: center;
        text-decoration: none
    }

    .coursegroup .course-price {
        width: 20%
    }

    .coursegroup .course-date {
        width: 20%
    }


.loginmodal {
    display: block;
    width: 200px;
    text-align: center;
    border-radius: 10px;
    padding: 10px 0;
    border: 1px solid #c30;
    color: #fff;
    background: #c30;
}

a.loginmodal:hover {
    color: #fff;
    background: #fb5d44;
}


.coursegroup .course-total {
    text-align: center;
    font-size: 16px;
    margin: 30px 0
}

    .coursegroup .course-total p {
        display: inline;
        margin-right: 20px;
    }

    .coursegroup .course-total span {
        color: #f00;
        font-size: 18px;
    }

    .coursegroup .course-total a {
        width: 200px;
        padding: 10px 0;
        color: #fff;
        background: #ff5833;
        border: 1px solid #f86442;
        margin: 30px auto
    }

.coursegroup .course-date select {
    padding: 0 10px;
    border: 1px solid #ccc;
    width: 80%;
    height: 40px;
}

.bm-box.bm-box1 .bm-name h2, .bm-box.bm-box2 .bm-name h2 {
    background: none !important;
    font-weight: bold;
    padding-left: 0
}



@media( max-width:1000px) {

    .coursegroup {
        padding: 10px;
    }

        .coursegroup ul li {
            padding: 0 10px
        }

        .coursegroup .course-checkbox label {
            display: none
        }

        .coursegroup .course-total p {
            display: block;
            margin-right: 0px;
        }

    .xianxitishi {
        height: auto
    }

    #question {
        width: auto;
        margin: 20px;
        padding: 0px;
    }

        #question .form-control, #question select.form-control, #question button.btn {
            width: 100%;
        }

        #question .qrcode {
            display: none
        }

    .casetittlemore {
        display: block
    }
}



/*荣誉榜*/
.honor {
    position: relative;
}

.fenlei {
    width: 220px;
    height: 40px;
    background: #fdf6d9;
    position: absolute;
    left: 35px;
    top: 50px;
    z-index: 33;
    border-radius: 20px;
    overflow: hidden;
    text-align: center;
}

    .fenlei li {
        width: 95px;
        height: 40px;
        display: inline-block;
        line-height: 40px;
        font-weight: bold;
        color: #20335b;
        cursor: pointer;
    }

        .fenlei li.fenleicur {
            color: #dd3831
        }

.bandan {
    width: 755px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 495px;
}

.bdtit {
    width: 100%;
    text-align: center;
    height: 45px;
    line-height: 45px;
    font-size: 36px;
    color: #f6be73;
    font-weight: bold;
    margin-bottom: 15px;
    text-shadow: 2px 2px 2px #c11a12
}

.bdbox {
    width: 100%;
    border: 1px solid #707070;
    background: #fbefd2
}

    .bdbox table {
        width: 100% !important;
        position: relative;
        overflow: hidden;
        border-collapse: collapse;
    }

        .bdbox table tr:nth-child(1) td {
            font-weight: bold;
            font-size: 20px;
        }

        .bdbox table td {
            border: 1px solid #707070;
            height: 50px;
            padding: 5px;
            box-sizing: border-box;
            text-align: center;
            color: #000;
            font-size: 16px;
        }

    .bdbox dt {
        width: 100%;
        height: 60px;
        border-bottom: 1px solid #707070;
        font-size: 20px;
        font-weight: bold;
        color: #3f5682;
        line-height: 60px;
        text-align: center;
    }

    .bdbox div {
        float: left;
        box-sizing: border-box;
        border-right: 1px solid #707070;
        height: 60px;
    }

    .bdbox dt div {
        height: 60px;
    }

    .bdbox .kemu {
        width: 205px
    }

    .bdbox .paimian {
        width: 125px
    }

    .bdbox .fenshu {
        width: 125px
    }

    .bdbox .xianmian {
        width: 140px
    }

    .bdbox .chengji {
        width: 160px;
        border-right: none;
    }

    .bdbox dd {
        width: 100%;
        overflow: hidden;
    }

        .bdbox dd div {
            border-bottom: 1px solid #707070;
            height: 150px;
            line-height: 150px;
            text-align: center;
            font-size: 18px;
            color: #000
        }

            .bdbox dd div li {
                border-bottom: 1px solid #707070;
                height: 50px;
                text-align: center;
                line-height: 50px;
            }

                .bdbox dd div li:last-child {
                    border-bottom: none;
                }

.bandan.bd2 {
    top: 1080px
}


.pagination {
    width: 100%;
    position: relative;
    text-align: center;
    overflow: hidden;
    margin-top: 30px;
}

    .pagination li {
        width: auto;
        float: none;
        background: none;
        display: inline-block;
        border: none;
        margin: 0 5px !important;
        line-height: 45px;
        box-shadow: none;
    }

        .pagination li a {
            padding: 2px 10px;
            border: 1px solid #bbb;
            border-radius: 2px;
            box-shadow: 0 0 5px #bbb;
        }

            .pagination li a:hover {
                color: #2470eb;
                border: 1px solid #2470eb;
                box-shadow: 0 0 5px #ccc;
            }

        .pagination li:hover {
            box-shadow: none;
        }

        .pagination li.active a {
            color: #2470eb;
            border: 1px solid #2470eb;
        }

.hide {
    display: none;
}


.user-left {
    width: 190px;
    float: left;
    padding: 20px 0px;
    box-sizing: border-box;
}

.user-right {
    width: 1020px;
    float: right;
    box-sizing: border-box;
    padding-bottom: 50px;
}

.userline {
    width: 20px;
    position: absolute;
    left: 190px;
    top: 0;
    height: 100%;
    background: #f0f2f5
}

.user-left dl {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

    .user-left dl dt {
        font-size: 16px;
        line-height: 40px;
        color: #000;
        padding-left: 55px;
        font-weight: bold
    }

    .user-left dl dd {
        font-size: 14px;
        line-height: 30px;
        padding-left: 55px;
        position: relative;
    }

        .user-left dl dd a {
            display: block;
            width: 100%;
            height: 30px;
            color: #333
        }

        .user-left dl dd i {
            width: 4px;
            height: 100%;
            display: none;
            position: absolute;
            left: 0;
            top: 0;
            background: #6a9cee
        }

        .user-left dl dd.user-cur {
            background: #eaf3ff
        }

            .user-left dl dd.user-cur a {
                color: #6a7590
            }

            .user-left dl dd.user-cur i {
                display: block;
            }

        .user-left dl dd a:hover {
            color: #F00
        }

.title {
    margin: 30px 45px 0 45px;
    height: 40px;
    position: relative;
    border-bottom: 1px solid #eeeeee;
}

    .title h2 {
        display: inline-block;
        line-height: 40px;
        font-size: 24px;
        color: #000;
        border-bottom: 1px solid #425581;
        margin-right: 20px;
    }

        .title h2.sel a {
            color: #333;
            font-weight: bold
        }

.user-box {
    padding: 20px 0;
    border-bottom: 3px solid #e7eaec
}

.user-tit {
    height: 30px;
    line-height: 30px;
    position: relative;
    overflow: hidden;
    padding: 0 45px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 10px;
}

.user-box .user-tit h2 {
    font-size: 18px;
    line-height: 30px;
    display: inline-block;
    color: #273b6b
}

.user-box .user-tit a {
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
    float: right;
}

.user-course-list {
    padding: 0 45px;
    position: relative;
    overflow: hidden;
}

    .user-course-list li {
        width: 32%;
        float: left;
        position: relative;
        margin-bottom: 2%;
        margin-right: 2%;
        background: #f4f4f4;
        padding-bottom: 10px;
    }

        .user-course-list li:nth-child(3n) {
            margin-right: 0
        }

        .user-course-list li h2 {
            padding: 10px 15px 0 15px;
            font-size: 18px;
            color: #000;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .user-course-list li span {
            padding-left: 15px;
            font-size: 14px;
            margin-top: 10px;
            display: inline-block;
        }

        .user-course-list li i {
            padding-right: 15px;
            font-size: 14px;
            margin-top: 10px;
            float: right;
            font-style: normal
        }

.no-border {
    border: none;
}

.user-content {
    width: 100%;
    padding: 0 45px;
    overflow: hidden;
    box-sizing: border-box;
    padding-right: 0
}

    .user-content .ourselist ul li {
        background: #f4f4f4;
        width: 290px;
    }

        .user-content .ourselist ul li:nth-child(4n) {
            margin-right: 10px
        }

        .user-content .ourselist ul li:nth-child(3n) {
            margin-right: 0
        }

    .user-content .ourselist li .personicon a {
        margin-right: 5px;
    }

.user-cert-list {
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .user-cert-list li {
        width: 100%;
        height: 40px;
        border-bottom: 1px solid #eee;
        position: relative;
        overflow: hidden;
        padding: 0 45px;
        box-sizing: border-box;
    }

.user-course-list li .pic img {
    height: 160px
}

.user-cert-list li div {
    float: left;
    height: 40px;
    line-height: 40px;
}

.user-cert-list li .mc {
    width: 75%;
    text-align: center;
    font-size: 16px;
    color: #3f5277
}

.user-cert-list li .shijian {
    width: 20%;
    margin-left: 5%;
    text-align: right;
}

.user-cert-list li.cert-tit .mc {
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

.user-cert-list li.cert-tit .shijian {
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

.form-group, .input-group {
    display: inline-block;
    margin-bottom: 10px;
}

.control-label {
    display: inline-block
}

.form-group input, .form-group select, .input-group input {
    border: 1px solid #ccc;
    height: 24px;
    border-radius: 2px;
    color: #333;
}

    .input-group input[type="submit"] {
        padding: 0px 10px;
        cursor: pointer;
        border: none;
        background: #20335b;
        border: 1px solid #20335b;
        color: #fff
    }



.usermessage {
    padding: 30px 45px;
    position: relative;
    overflow: hidden;
}

.usermessage-box {
    width: 100%;
    margin-bottom: 50px;
}

.mess-tit {
    width: 100%;
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 10px;
    color: #000
}

.mess-list {
    width: 600px;
    position: relative;
    overflow: hidden;
}

    .mess-list li {
        width: 100%;
        line-height: 32px;
        margin-bottom: 10px;
        position: relative;
        overflow: hidden;
    }

.fenxiao, .tuiguang {
    border: 1px solid #ccc;
}

    .fenxiao li, .tuiguang li {
        border-bottom: 1px solid #ccc;
        margin-bottom: 0px;
    }

.mess-list li .mess-name {
    display: block;
    float: left;
    width: 85px;
    text-align: right;
    line-height: 35px;
    height: 35px;
    font-size: 14px;
    color: #000;
}

.mess-list.fenxiao li .mess-name {
    border-right: 1px solid #ccc;
    width: 120px;
    padding: 0 10px;
    box-sizing: border-box
}

.mess-list.tuiguang li .mess-name {
    border-right: 1px solid #ccc;
    width: 180px;
    padding: 0 10px;
    box-sizing: border-box
}

.mess-list li .mess-txt {
    width: 500px;
    float: right;
    overflow: hidden;
}

.field-validation-valid {
    display: block;
    width: 100%;
    line-height: 26px;
    font-size: 13px;
    color: red
}

.mess-list.fenxiao li .mess-txt {
    width: 460px;
    padding: 0 10px;
    box-sizing: border-box
}

.mess-list.tuiguang li .mess-txt {
    width: 500px;
    padding: 0 10px;
    box-sizing: border-box;
    position: relative;
}

    .mess-list.tuiguang li .mess-txt .lianjie {
        width: 440px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

#inru {
    color: #fff !important;
    background: #425581;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 20px;
    border: none;
    display: block;
    margin: 0 auto;
    width: 185px;
    height: 46px;
    cursor: pointer;
}

    #inru:hover {
        background: red
    }

#studentlist li {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle
}

    #studentlist li input {
        vertical-align: middle;
        margin-right: 5px;
    }

.mess-list.tuiguang li .mess-txt .fuzhi {
    color: #fff !important;
    padding: 3px 10px;
    background: #425581;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 2px;
    border: none;
    position: absolute;
    right: 2px;
    top: 3px
}

    .mess-list.tuiguang li .mess-txt .fuzhi:hover {
        background: red
    }

.mess-list li .mess-txt.mess-pic {
    border-left: 1px solid #ccc;
}

.mess-list.tuiguang li .mess-txt.mess-pic img {
    display: block;
    margin: 5px 0;
    border: 1px solid #ccc;
    box-sizing: border-box
}

.mess-list li .mess-txt.mess-pic p {
    width: 300px;
    text-align: center;
    line-height: 30px;
    color: #000
}

.table-bordered {
    margin-top: 20px !important
}

    .table-bordered .btn {
        width: 90px;
        height: 30px;
        background: #425581;
        color: #fff;
        text-align: center;
        line-height: 30px;
        border-radius: 5px;
        overflow: hidden;
        font-size: 14px;
        border: none
    }

        .table-bordered .btn:hover {
            background: red;
        }

.mess-list li .mess-txt a {
    margin-left: 20px;
    color: #dd3831
}

a.tiqu {
    color: #fff !important;
    padding: 3px 10px;
    background: red;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 2px
}

input#tiquprice {
    border: 1px solid #ccc;
    height: 24px;
    margin-right: 10px;
    width: 80px;
    text-indent: 5px
}

button.btn {
    color: #fff !important;
    padding: 3px 10px;
    background: #425581;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 2px;
    border: 1px solid #425581;
    margin-left: 5px
}

    button.btn:hover {
        background: red;
        border: 1px solid red;
    }

.mess-list li .mess-txt input[type="text"] {
    width: 100%;
    height: 32px;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    line-height: 30px;
    padding: 0 10px;
}

.no-kaitong {
    width: 100%;
    padding: 50px 0;
    position: relative;
}

.kaitong {
    font-size: 32px;
    color: red;
    text-align: center;
    line-height: 60px;
    margin-bottom: 30px;
}

.no-kaitong .btn {
    width: 160px;
    height: 42px;
    background: #425581;
    color: #fff;
    text-align: center;
    line-height: 42px;
    border-radius: 5px;
    overflow: hidden;
    font-size: 17px;
    border: none;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}

    .no-kaitong .btn:hover {
        background: red;
    }

.frnxiaojieshao {
    margin: 50px 45px;
    border-top: 1px dashed #ccc;
    padding-top: 30px;
    font-size: 14px;
    line-height: 30px;
}

.mess-list li .mess-txt select {
    width: 100%;
    height: 32px;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    line-height: 30px;
    padding: 0 10px;
}

input::-webkit-input-placeholder {
    color: #808080;
    font-size: 14px;
    line-height: 30px;
}

.mess-list li .mess-txt select.half {
    width: 48%;
    float: left
}

    .mess-list li .mess-txt select.half:nth-child(2) {
        float: right;
    }

.item {
    display: inline-block;
    margin-right: 20px;
    cursor: pointer;
}

.nan {
    background: url(../images/nan1.jpg) center no-repeat;
    padding: 10px;
    margin-right: 5px;
}

.nv {
    background: url(../images/nv1.jpg) center no-repeat;
    padding: 10px;
    margin-right: 5px;
}

.grbutton {
    width: 185px;
    height: 46px;
    background: #425581;
    border-radius: 5px;
    overflow: hidden;
    color: #fff;
    display: block;
    margin-left: 200px;
    font-size: 18px;
    border: none;
    cursor: pointer;
}

    .grbutton:hover {
        background: #F00
    }

.pagename {
    width: 180px;
    margin: 40px auto 0 auto;
    position: relative;
    overflow: hidden;
    height: 45px;
}

    .pagename h2 {
        width: 130px;
        height: 45px;
        text-align: center;
        line-height: 45px;
        color: #425581;
        font-weight: bold;
        font-size: 24px;
        background: #fff;
        position: relative;
        z-index: 22;
        margin: 0 auto;
    }

    .pagename span {
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        top: 23px;
        background: #425581
    }

.baoming {
    padding: 30px 5% 60px 5%;
    position: relative;
    box-sizing: border-box
}

.baomingtitle {
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .baomingtitle li {
        width: 200px;
        float: left;
        margin-right: 62px;
        text-align: center;
        position: relative;
        z-index: 22;
        cursor: pointer;
    }

        .baomingtitle li:nth-child(4n) {
            margin-right: 0
        }

        .baomingtitle li span {
            display: block;
            width: 60px;
            height: 60px;
            text-align: center;
            line-height: 60px;
            background: #425581;
            color: #fff;
            font-size: 18px;
            font-style: italic;
            border-radius: 50%;
            margin: 0 auto;
        }

        .baomingtitle li h2 {
            width: 100%;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-size: 18px;
        }

.bmline {
    width: 80%;
    position: absolute;
    height: 1px;
    background: #ddd;
    left: 7%;
    top: 30px;
}

.baomingtitle li.bm-cur span {
    background: #dd3831
}

.baomingtitle li.bm-cur h2 {
    color: #20335b;
}

.bm-box {
    margin-top: 50px;
    position: relative;
}

.bm-name {
    width: 100%;
    position: relative;
    height: 40px;
    border-bottom: 1px solid #ddd;
    line-height: 40px;
    font-size: 21px;
    color: #425581;
    margin-bottom: 10px;
}

    .bm-name h2 {
        display: inline-block;
        border-bottom: 1px solid #425581;
        font-size: 21px;
        line-height: 40px;
        padding-left: 35px;
    }

.bm-box.bm-box1 .bm-name h2 {
    background: url(../images/bm1.png) left center no-repeat;
}

.bm-box.bm-box2 .bm-name h2 {
    background: url(../images/bm2.png) left center no-repeat;
}

.bm-box.bm-box3 .bm-name h2 {
    background: url(../images/bm3.png) left center no-repeat;
}

.bm-box.bm-box4 .bm-name h2 {
    background: url(../images/bm4.png) left center no-repeat;
}

.bm-box.bm-box5 .bm-name h2 {
    background: url(../images/bm5.png) left center no-repeat;
}

.bm-text {
    width: 90%;
    margin: 30px auto;
    position: relative;
    overflow: hidden;
    font-size: 16px;
    line-height: 28px;
}

.signbtn {
    width: 100%;
    text-align: center;
    position: relative;
    overflow: hidden;
}

    .signbtn input[type="button"].noclick {
        color: rgb(102, 102, 102);
        background: rgb(204, 204, 204);
    }

        .signbtn input[type="button"].noclick:hover {
            background: #F00;
            color: #fff
        }

    .signbtn input[type="button"] {
        width: 155px;
        height: 45px;
        cursor: pointer;
        border: none;
        background: #20335b;
        color: #fff;
        margin: 0 5px;
        border-radius: 3px;
    }

    .signbtn input[type="submit"] {
        width: 155px;
        height: 45px;
        cursor: pointer;
        border: none;
        background: #20335b;
        color: #fff;
        margin: 0 5px;
        border-radius: 3px;
    }

    .signbtn input[type="button"]:hover {
        background: #F00
    }

    .signbtn input[type="submit"]:hover {
        background: #F00
    }

    .signbtn input[disabled] {
        color: rgb(102, 102, 102);
        background: rgb(204, 204, 204);
    }

        .signbtn input[disabled]:hover {
            color: rgb(102, 102, 102);
            background: rgb(204, 204, 204);
        }

.biaomianlist {
    width: 100%;
    position: relative;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding-top: 10px;
}

    .biaomianlist li {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }

        .biaomianlist li:last-child {
            border: none;
        }

.bmtit {
    width: 160px;
    float: left;
    padding-left: 5px;
    white-space: nowrap;
    color: #20335b;
    font-size: 15px;
    text-align: right;
}

.bmboxtext {
    width: 320px;
    float: left;
    margin: 0 10px;
}

.field-validation-error {
    color: #F00
}

.xianxitishi {
    width: 475px;
    float: right;
    height: 30px;
    overflow: hidden;
}

.sigicon {
    background: url(../images/gou.png) center no-repeat;
    display: inline-block;
    width: 26px;
    height: 26px;
    background-size: 26px auto;
}

.biaomianlist li input {
    height: 30px;
    padding: 0 5px;
    width: 310px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 2px;
}

a.hqyzm {
    color: #dd3831;
    text-decoration: underline;
    font-size: 16px;
}

.biaomianlist li input::placeholder {
    font-size: 14px;
    color: #ccc;
}

.biaomianlist li input#province {
    width: 90px;
}

.biaomianlist li input#city {
    width: 90px;
    margin-left: 3px
}

.biaomianlist li input#area {
    width: 90px;
    float: right;
}

.biaomianlist li input#address {
    margin-top: 10px;
}

.biaomianlist li select {
    height: 30px;
    padding: 0 5px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 2px;
}

.imgupfile {
    width: 100%;
    position: relative;
    margin: 40px 0;
}

.shili {
    width: 110px;
    height: 160px;
    display: inline-block;
    margin-right: 40px
}

    .shili img {
        width: 100%;
        height: 135px;
    }

    .shili p {
        width: 100%;
        line-height: 25px;
        text-align: center;
        font-size: 14px;
    }

input[disabled] {
    font-size: 14px;
}

#preview {
    width: 110px;
    display: inline-block;
    height: 160px;
    vertical-align: top
}

    #preview img {
        width: 100%;
    }

.filepic {
    width: 100%;
    height: 50px;
    white-space: nowrap;
    vertical-align: middle;
    display: block;
    position: relative;
    margin-top: 50px;
}

.fileimg {
    width: 100%;
    height: 26px;
    border: 1px solid #ccc;
    cursor: pointer;
    opacity: 0;
    position: relative;
    z-index: 2
}

.filepic a {
    display: inline-block;
    width: 155px;
    text-align: center;
    height: 45px;
    line-height: 45px;
    background: #20335b;
    color: #fff;
    border-radius: 3px;
    cursor: pointer
}

    .filepic a:hover {
        background: #F00
    }

.filepic p {
    display: inline-block;
    line-height: 65px;
    margin-left: 10px;
    vertical-align: top;
}

.TextCss {
    display: inline-block;
    height: 26px;
    padding: 0 5px;
    width: 250px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 2px;
}

.upfilecareful {
    width: 100%;
    margin: 50px auto;
    padding-top: 30px;
    border-top: 1px solid #ccc;
    line-height: 30px;
}

    .upfilecareful h2 {
        color: #20335b;
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 10px;
    }

.baoming-item {
    width: 100%;
    text-align: center;
    border-top: 1px solid #eaecef;
    padding-top: 10px;
    margin-top: 5px;
    height: 36px
}

    .baoming-item .item-btn {
        background: #425581;
        color: #fff;
        padding: 3px 10px;
        margin-left: 8px;
        border-radius: 3px;
        overflow: hidden
    }

        .baoming-item .item-btn:hover {
            background: red
        }

.ke-jiage {
    display: inline-block;
    float: right;
    font-size: 18px;
    color: red;
    width: 100%;
    text-align: center;
}

    .ke-jiage i {
        color: #808080;
        font-size: 14px;
        text-decoration: line-through;
        margin-left: 10px;
        line-height: 35px
    }


.signbtn input[type="button"]#print_btn {
    margin-top: 30px;
}

#studentlist {
    border: 1px solid #ccc;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 10px 0 15px;
    margin-bottom: 20px;
}

    #studentlist li {
        display: inline-block;
        margin-right: 20px;
        margin-bottom: 5px;
        width: 80px
    }

        #studentlist li input {
            margin-right: 5px
        }

.student label {
    font-weight: bold;
    color: #000;
    margin-left: 5px;
}



@media( max-width:1000px) {
    ul {
        margin: 0;
        padding: 0;
    }

    .login {
        background: none;
    }

    .query-content {
        width: 100% !important;
        padding: 20px 15px;
        margin: 20px auto
    }

    .loginbox li {
        font-size: 14px;
    }

        .loginbox li label {
            width: 100px;
            font-size: 14px;
        }

    .loginbox input[type='text'] {
        width: calc(100% - 105px);
        height: 30px;
        line-height: 30px;
        font-size: 13px;
    }

    .loginbox input[type='Password'] {
        width: calc(100% - 105px);
        height: 30px;
        line-height: 30px;
        font-size: 13px;
    }

    .loginbox input[type='button'] {
        height: 35px;
        line-height: 35px;
    }

    .loginbox li.sjyzm input[type='text'] {
        width: 80px;
        display: inline-block;
    }

    .loginbox li.sjyzm a {
        width: auto;
        height: 33px;
        font-size: 13px;
    }

    .loginbox li.sjyzm span {
        margin: 0 3px
    }

    .loginbox li.sjyzm a img {
        width: auto;
        height: 33px;
    }

    #Register_Form .loginbox li.sjyzm a {
        left: 185px;
        width:
    }


    #container {
        margin-top: 30px;
    }

    .casetittle {
        height: 30px;
        margin-bottom: 10px;
        line-height: 30px;
    }

        .casetittle h2 {
            font-size: 18px;
            margin-right: 10px;
        }

        .casetittle .course-btn {
            line-height: 30px;
            font-size: 14px;
        }

    .caselist_title h2 {
        display: block
    }

    .caselist_title li.left {
        border: none
    }

        .caselist_title li.left a {
            display: none
        }

    .coursetop {
        padding: 15px 20px;
        margin-bottom: 20px;
    }

        .coursetop dl {
            margin-bottom: 10px;
            padding-left: 80px;
            line-height: 22px;
            font-size: 14px;
        }

            .coursetop dl:last-child {
                margin-bottom: 0
            }

            .coursetop dl dt {
                margin-left: -80px;
                width: 80px;
                font-size: 13px;
            }

            .coursetop dl dd a {
                padding: 2px 12px;
            }



    .case-select {
        margin-bottom: 10px;
    }

    .casetitle {
        margin-bottom: 10px;
        height: 30px;
    }

        .casetitle li {
            margin-right: 20px;
            height: 30px;
            font-size: 18px;
            line-height: 30px;
        }

    .classlist {
        width: 100%;
        position: relative;
        clear: both;
        margin-top: 15px;
        overflow: hidden;
    }

        .classlist ul {
            clear: both;
        }

            .classlist ul li {
                width: 100%;
                float: none;
                margin-right: 0;
            }

                .classlist ul li img {
                    height: auto;
                    width: 100%
                }

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

    .classbox {
        padding: 10px 10px;
    }

        .classbox h2 {
            font-size: 15px;
            line-height: 22px;
            height: 22px;
            margin-bottom: 10px;
        }

    .nowprice {
        text-align: left;
        height: 30px;
        line-height: 30px;
    }

        .nowprice i {
            float: right;
            font-style: normal;
            font-size: 16px;
            line-height: 25px;
        }

            .nowprice i.mianfei {
                padding-left: 30px;
                background: url(../images/bofan.png) left 5px center no-repeat;
                border: 2px solid #e6403b;
                border-radius: 20px;
                background-size: auto 20px;
            }

        .nowprice span {
            line-height: 25px;
        }

        .nowprice .ke-jiage {
            font-weight: bold;
            text-align: left
        }

        .nowprice i {
            float: left
        }

    .classlist li .item {
        margin-bottom: 0;
        margin-right: 0
    }

    .classlist ul li.biglist {
        width: 100%;
        float: left;
        margin-right: 0;
        height: auto;
    }

    .classlist li.biglist img {
        height: auto;
        min-height: auto;
    }

    .ourselist ul {
        clear: both;
    }

        .ourselist ul li {
            width: 100%;
            float: none;
            margin-right: 0;
            padding: 10px;
        }

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

            .ourselist ul li:hover {
                box-shadow: 5px 5px 5px #ccc;
            }

            .ourselist ul li .label {
                margin-left: -10px;
            }

            .ourselist ul li h2 {
                line-height: 20px;
                width: 100%;
                margin: 5px 0;
                font-size: 14px;
            }

                .ourselist ul li h2 a {
                    color: #000;
                    width: 100%;
                    margin-top: 5px;
                    display: block;
                }

            .ourselist ul li p {
                font-size: 14px;
                line-height: 20px;
                color: #9598a1
            }

            .ourselist ul li .personicon a {
                margin-right: 8px;
            }

                .ourselist ul li .personicon a img {
                    width: 40px;
                    height: 40px;
                    border-radius: 50%;
                    overflow: hidden;
                }

            .ourselist ul li .personicon p {
                font-size: 9px;
                line-height: 20px;
            }

    .personicon a:hover p {
        color: #2470eb
    }

    .label {
        width: 60px;
        font-size: 10px;
        height: 20px;
    }

    .coursebuy {
        padding: 1px;
    }

        .coursebuy .coupic {
            width: 100%;
            float: none;
            margin-bottom: 15px
        }

            .coursebuy .coupic video {
                height: auto
            }

    .shitiannum p {
        display: block;
        float: none
    }

    .buybox {
        margin-left: 0px;
    }

    .shitianbtn {
        height: 150px
    }

    .buybox .neam h2 {
        font-size: 16px;
        line-height: 30px;
        color: #000
    }

    .buybox .neam p {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
    }

    .buybox .share {
        top: 5px;
        display: none;
    }

    .price {
        box-sizing: border-box;
        margin-bottom: 0;
        margin-top: 10px;
        overflow: hidden;
    }

    .price-item label {
        float: none
    }

    .price-item-right {
        margin-left: 0px;
    }


    .price h2 {
        padding: 10px;
        background: #f03c38;
        color: #fff;
        font-size: 28px;
        line-height: 40px;
        height: auto;
        text-align: center
    }

        .price h2 span {
            display: inline-block;
            margin-left: 0;
            color: #fff;
            font-weight: normal
        }

            .price h2 span i {
                display: inline-block;
                margin-right: 8px
            }

    .buybtn {
        width: 100%;
        line-height: 35px;
        overflow: hidden;
        margin: 5px 0
    }

        .buybtn a.goumai {
            width: 43%;
            height: auto;
            line-height: 20px;
            border-radius: 3px;
            float: left;
            font-size: 14px;
            box-sizing: border-box;
            padding: 5px 0;
            margin: 0
        }

        .buybtn a.pingtuan {
            width: 57%;
            float: right;
            margin-right: 0;
        }

        .buybtn .nopt {
            margin-top: 30px !important;
        }

        .buybtn a.goumai.nopt {
            background: #c30;
            width: 100%;
            padding: 15px 0;
            font-size: 18px;
        }

        .buybtn span.nopt {
        }


        .buybtn a.goumai span {
            display: block
        }

    .tuangoulist {
        margin-left: 0px;
        width: 100%;
        margin-top: 20px;
    }

    .pt-list {
        margin-top: 6px;
        margin-left: 15px;
    }

    .pt-num {
        text-align: center;
        top: -1px;
        padding: 20px 10px;
        box-sizing: border-box;
        margin-top: 0;
        overflow: hidden;
        background: #eee
    }

        .pt-num b {
        }

        .pt-num .time {
            width: 100%;
            margin-left: 0;
            margin-top: 10px;
            float: none;
        }

    .buybox .contact .tel, .buybox .contact .wechat {
        float: none;
        width: 100%;
        margin: 10px 0;
        text-align: center
    }

        .buybox .contact .wechat img:last-child {
            margin: 20px auto;
            position: relative;
            bottom: 0;
            display: block
        }

    .news {
        width: 100%;
        margin: 20px auto;
    }

    .left {
        width: 100%;
        float: none;
        padding: 1px;
        border-bottom: 20px solid #f0f2f5;
    }

    .right {
        width: 100%;
        float: none;
    }

    .line {
        display: none;
    }

    .left .teachmenu {
        margin-bottom: 20px;
    }

    .teachmenu {
        height: 30px;
        margin-bottom: 20px;
    }

        .teachmenu ul {
            display: inline-block;
        }

        .teachmenu li {
            line-height: 30px;
            margin-right: 15px;
        }

            .teachmenu li span {
                font-size: 16px;
            }

    .add {
        line-height: 30px;
        font-size: 12px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100%
    }


    .courseintit {
        width: 100%;
        height: 35px;
        margin-bottom: 20px;
    }

        .courseintit li {
            line-height: 35px;
            display: inline-block;
            margin: 0 2px 0 2px;
            width: 30%;
            text-align: center
        }

            .courseintit li span {
                display: block;
                height: 34px;
                font-size: 15px;
                padding: 0
            }


    .coursetext {
        width: 100%;
        font-size: 14px;
        line-height: 28px;
    }

        .coursetext img {
            width: 100%;
        }

    .courselist li {
        padding: 5px;
    }

        .courselist li.lesson {
            padding-left: 20px;
        }

        .courselist li h2 font {
            width: 50px;
        }


    .newstitle {
        height: 30px;
        font-size: 16px;
        line-height: 30px;
        margin: 15px;
    }

    .pagemenu {
        padding: 0 15px 30px 15px;
    }

        .pagemenu li {
            height: 30px;
            line-height: 30px;
        }

            .pagemenu li h2 {
                font-size: 14px;
                line-height: 30px;
                color: #20335b;
            }



    .teacherlist {
        padding: 0 15px;
        margin-bottom: 20px;
        box-sizing: border-box;
    }

        .teacherlist li {
            display: inline-block;
            margin-right: 20px;
        }

            .teacherlist li img {
                width: 60px;
            }

            .teacherlist li p {
                font-size: 12px;
                width: 100%;
                color: #000;
                text-align: center
            }

            .teacherlist li:hover p {
                color: #2470eb
            }

    .question {
        padding: 0 15px;
        margin-bottom: 20px;
        box-sizing: border-box;
    }

        .question li h2 {
            font-size: 14px;
        }

        .question li p {
            font-size: 12px;
            line-height: 20px;
            color: #808080
        }

    .hotcourse {
        padding: 10px 15px;
        box-sizing: border-box;
    }

        .hotcourse li {
            margin-bottom: 10px;
        }




    .newsintit h2 {
        font-size: 16px;
        line-height: 28px;
        color: #000;
        margin-bottom: 10px;
    }

    .newsintit p {
        font-size: 14px;
    }

        .newsintit p span {
            margin-right: 20px;
        }

    .newsinbox {
        font-size: 13px;
        line-height: 2em;
    }

        .newsinbox img {
            max-width: 100% !important;
            height: auto !important
        }

        .newsinbox table {
            width: 100% !important;
            border-collapse: collapse
        }

            .newsinbox table tr th {
                font-size: 13px;
            }

            .newsinbox table tr td {
                font-size: 13px;
            }

    .other {
        width: 100%;
        margin-top: 50px;
    }

    .othertit {
        width: 100%;
        height: 50px;
        line-height: 50px;
        border-bottom: 1px solid #cecfd0;
        color: #000;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 30px;
    }

        .othertit span {
            padding-left: 10px;
            border-left: 5px solid #00a0e9
        }

    .other ul li {
        width: 100%;
        margin-bottom: 10px;
        overflow: hidden;
    }

        .other ul li h2 {
            width: 80%;
            float: left;
            padding-left: 15px;
            background: url(../images/icon6.png) left center no-repeat;
            color: #000;
            font-size: 16px;
            line-height: 30px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .other ul li span {
            display: block;
            float: right;
            width: 18%;
            font-size: 16px;
            text-align: right;
            line-height: 30px;
        }

        .other ul li:hover h2 {
            color: #2470eb
        }





    /*教师*/
    .teacher li {
        width: 100%;
        padding: 5px;
        overflow: hidden;
        height: auto;
        float: none;
        margin-right: 0%;
        margin-bottom: 20px;
    }

        .teacher li .pic {
            width: 100%;
            float: none;
            margin-bottom: 20px;
        }

            .teacher li .pic img {
                max-width: 100%;
                width: auto;
                height: 200px;
                display: block;
                margin: 0 auto;
            }

    .intro {
        margin-left: 0%;
        padding: 15px;
    }

        .intro h2 {
            color: #000;
            font-size: 16px;
            line-height: 25px;
            margin-bottom: 5px;
        }

        .intro .teachbox {
            font-size: 12px;
            line-height: 20px;
            margin-bottom: 10px;
            height: auto;
            max-height: 100%;
        }

    .teacher li .item {
        font-size: 14px;
        width: 100px;
        height: 30px;
        padding: 0;
        box-sizing: border-box;
        position: relative;
        right: autopx;
        bottom: auto;
        display: block;
        margin: 0 auto;
    }

        .teacher li .item a.teachermore {
            float: none;
            color: #2470eb
        }

            .teacher li .item a.teachermore:hover {
                color: #fb575d
            }

    .teacher li:hover {
        box-shadow: 5px 5px 5px #ccc;
    }


    .ban {
        width: 100%;
        padding-top: 20px;
        height: auto;
        position: relative;
        background: #3558bf url(../images/ban.jpg) center no-repeat;
        background-size: cover;
    }

        .ban ul li img {
            height: 200px;
            display: block;
            margin: 0 auto;
            width: auto;
            max-width: 100%
        }

    .teach {
        width: 100%;
        height: auto;
    }

        .teach .teachpic {
            width: 100%;
            height: 200px;
            float: none;
            margin-top: 50px;
        }

            .teach .teachpic img {
                height: 200px;
                display: block;
                margin: 0 auto;
                width: auto;
                max-width: 100%
            }

    .teachbx {
        margin-left: 0px;
        height: auto;
        box-sizing: border-box;
        position: relative;
        color: #fff;
        width: auto;
        padding: 20px;
    }

    .icon1 {
        display: none;
    }

    .icon2 {
        display: none;
    }

    .teachname {
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 25px;
        text-align: center
    }

        .teachname span {
            border-bottom: 1px solid #fff;
            padding-bottom: 5px;
        }

    .boxintro {
        font-size: 12px;
        line-height: 20px;
    }

    .techtit {
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        margin-top: 15px;
        padding: 0 20px;
    }

    /*资料*/
    .download li {
        padding: 10px 0;
    }

        .download li h2 {
            line-height: 25px;
            font-size: 15px;
            width: 75%
        }

        .download li p {
            line-height: 20px;
            font-size: 12px;
            width: 75%
        }

        .download li span {
            right: 5px;
            width: 70px;
            height: 25px;
            line-height: 25px;
            font-size: 13px;
            border-radius: 20px;
        }



    /*基地*/
    .base-type {
        width: 100%;
        height: auto;
        line-height: 30px;
        margin-bottom: 10px;
        font-size: 15px;
        margin-left: 0;
    }

        .base-type a {
            margin: 0 15px;
        }

    .baselist {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .jidi {
        height: auto;
    }

        .jidi .map {
            width: 100%;
            float: none;
        }

            .jidi .map img {
                width: 100%
            }

        .jidi .basebox {
            padding: 15px;
            position: relative;
        }

            .jidi .basebox .jidiname {
                font-size: 15px;
                margin-bottom: 10px;
            }

                .jidi .basebox .jidiname h2 {
                    font-size: 15px;
                    line-height: 25px;
                }

                .jidi .basebox .jidiname a {
                    margin-left: 10px;
                }

                .jidi .basebox .jidiname img {
                    height: 25px;
                }

    .jiditext {
        width: 100%;
        line-height: 22px;
        color: #000;
        font-size: 13px;
    }

    .jidilist .jdtit {
        font-size: 16px;
    }

    .jidilist ul {
        width: 100%;
        position: relative;
        overflow: hidden;
    }

        .jidilist ul li {
            width: 200px;
        }

            .jidilist ul li .pic {
                height: 150px;
            }

                .jidilist ul li .pic img {
                    width: 100%;
                    height: 150px;
                }
    /*.jidilist li:nth-child(4n){ margin-right:0}*/
    .jidilist li h2 {
        height: 30px;
        padding: 0px 15px;
        line-height: 30px;
        font-size: 14px;
    }

    .jidilistbox .flex-direction-nav a {
        top: 50%;
        margin-top: -30px;
        z-index: 33
    }

    .user-content {
        padding: 0 15px;
    }

        .user-content .ourselist ul li {
            background: #f4f4f4;
            width: 100%;
            margin-right: 0%
        }

            .user-content .ourselist ul li:nth-child(3n) {
                margin-right: 0%;
            }

            .user-content .ourselist ul li:nth-child(2n) {
                margin-right: 0;
            }

    .ourselist li .personicon a {
        width: 35px;
        height: 35px;
        margin-right: 0
    }

    .ourselist li .personicon {
        padding: 10px 0;
        height: 35px;
    }

    .user-content input.form-control {
        max-width: 90px;
    }

    .mess {
        width: 100%;
        background: #fff;
        padding: 30px 40px;
        box-sizing: border-box;
    }

        .mess li {
            width: 100%;
            position: relative;
            margin-bottom: 20px;
            padding-bottom: 20px;
            overflow: hidden;
            border-bottom: 1px solid #cecfd0;
            padding-left: 60px;
            box-sizing: border-box;
        }

            .mess li .messxx {
                width: 100%;
                margin-bottom: 25px;
            }

            .mess li .pic {
                position: relative;
                margin-left: -60px;
                width: 40px;
                float: left
            }

                .mess li .pic img {
                    width: 100%
                }

            .mess li .tename {
                position: relative;
            }

                .mess li .tename h2 {
                    color: #808080;
                    font-size: 14px;
                    line-height: 25px;
                }

                .mess li .tename p {
                    color: #808080;
                    font-size: 14px;
                    line-height: 20px;
                }

            .mess li .pj {
                position: absolute;
                right: 0;
                top: 10px;
                height: 15px;
            }

                .mess li .pj span {
                    display: inline-block;
                    width: 15px;
                    height: 15px;
                    margin-left: 0px;
                    background: url(../images/wjx.png) center no-repeat;
                    background-size: 18px auto;
                }

    .messtxt {
        width: 100%;
        font-size: 16px;
        line-height: 28px;
        color: #000;
    }





    .user-left {
        width: 90%;
        float: none;
        padding: 0px;
        margin: 15px auto;
    }

    .user-right {
        width: 90%;
        float: none;
        padding-bottom: 20px;
        margin: 0 auto;
    }

    .userline {
        display: none;
    }

    .user-left {
        height: 80px;
        overflow: hidden;
    }

        .user-left.show {
            height: auto;
        }

        .user-left dl {
            width: 100%;
            position: relative;
            overflow: hidden;
            margin-bottom: 10px;
        }

            .user-left dl dt {
                padding-left: 0;
                border-bottom: 1px solid #ccc;
                margin-bottom: 10px;
                background: url(../images/icon_down.png) no-repeat center right
            }

            .user-left dl dd {
                padding-left: 0;
                margin-right: 1px;
                display: inline-block;
                padding: 0 8px;
            }





    .title {
        margin: 20px 0 0 0;
        height: auto !important;
        margin-bottom: 8px
    }

        .title h2 {
            line-height: 30px;
            font-size: 18px;
        }

    .user-box {
        padding: 10px 0;
    }

    .user-tit {
        padding: 0;
    }

    .user-box .user-tit h2 {
        font-size: 16px;
    }

    .user-course-list {
        padding: 0;
    }

        .user-course-list li {
            width: 49%;
        }

            .user-course-list li:nth-child(3n) {
                margin-right: 2%
            }

            .user-course-list li:nth-child(2n) {
                margin-right: 0
            }

            .user-course-list li h2 {
                padding: 10px 10px 0 10px;
                font-size: 14px;
                color: #000;
            }

            .user-course-list li span {
                padding-left: 10px;
                font-size: 12px;
                margin-top: 10px;
            }

            .user-course-list li i {
                padding-right: 10px;
                font-size: 12px;
                margin-top: 10px;
            }

    .no-border {
        border: none;
    }

    .user-course-list .jiandu {
        margin: 0 10px !important;
    }

        .user-course-list .jiandu progress {
            width: 60% !important;
        }

        .user-course-list .jiandu span {
            padding-left: 0 !important;
            float: right;
        }

    .user-cert-list {
        width: 100%;
        position: relative;
        overflow: hidden;
    }

        .user-cert-list li {
            width: 100%;
            height: 40px;
            border-bottom: 1px solid #eee;
            position: relative;
            overflow: hidden;
            padding: 0 45px;
            box-sizing: border-box;
        }

    .user-course-list li .pic img {
        height: 95px
    }

    .user-cert-list li div {
        float: left;
        height: 40px;
        line-height: 40px;
    }

    .user-cert-list li .mc {
        width: 75%;
        text-align: center;
        font-size: 16px;
        color: #3f5277
    }

    .user-cert-list li .shijian {
        width: 20%;
        margin-left: 5%;
        text-align: right;
    }

    .user-cert-list li.cert-tit .mc {
        color: #000;
        font-size: 18px;
        font-weight: bold;
    }

    .user-cert-list li.cert-tit .shijian {
        color: #000;
        font-size: 18px;
        font-weight: bold;
    }




    .usermessage {
        padding: 20px 0;
    }

    .usermessage-box {
        margin-bottom: 20px;
    }

    .mess-tit {
        ont-size: 16px;
        line-height: 30px;
    }

    .mess-list {
        width: 100%
    }

        .mess-list li {
            line-height: 30px;
            margin-bottom: 10px;
        }

    .userfile-pic img {
        margin: 0 auto !important;
        height: 200px;
        display: block;
    }

    .userfile-pic .userfile {
        display: block;
        margin: 0 auto !important
    }

    .userfile-pic span {
        display: block;
        width: 100%;
        margin: 0 !important;
        text-align: center;
    }

    .mess-list li .mess-name {
        display: block;
        float: none;
        width: 100%;
        text-align: left;
        line-height: 30px;
        height: 30px;
    }

    .mess-list.fenxiao li .mess-name {
        width: 100%;
        height: 30px;
        padding: 0;
    }

    .mess-list.tuiguang li .mess-name {
        width: 100%;
        padding: 0;
    }

    .mess-list li .mess-txt {
        width: 100%;
        float: none;
    }

    .mess-list.fenxiao li .mess-txt {
        width: 100%;
        padding: 0;
    }

    .mess-list.tuiguang li .mess-txt {
        width: 100%;
        padding: 0;
    }

    .usermessage-box .mess-list li .mess-txt {
        width: 100% !important;
        padding: 0;
    }

    .usermessage-box .grbutton {
        display: block;
        margin: 0 auto !important
    }

    .usermessage-box p {
        text-indent: 0 !important;
        text-align: center
    }

    .mess-list.tuiguang li .mess-txt .lianjie {
        width: 80%;
    }

    #inru {
        color: #fff !important;
        background: #425581;
        border-radius: 4px;
        overflow: hidden;
        margin-top: 20px;
        border: none;
        display: block;
        margin: 0 auto;
        width: 185px;
        height: 46px;
        cursor: pointer;
    }

        #inru:hover {
            background: red
        }

    #studentlist li {
        display: inline-block;
        margin-right: 15px;
        vertical-align: middle
    }

        #studentlist li input {
            vertical-align: middle;
            margin-right: 5px;
        }

    .mess-list.tuiguang li .mess-txt .fuzhi {
        color: #fff !important;
        padding: 3px 10px;
        background: #425581;
        border-radius: 4px;
        overflow: hidden;
        margin-top: 2px;
        border: none;
        position: absolute;
        right: 2px;
        top: 3px
    }

        .mess-list.tuiguang li .mess-txt .fuzhi:hover {
            background: red
        }

    .mess-list li .mess-txt.mess-pic {
        border-left: 1px solid #ccc;
    }

    .mess-list.tuiguang li .mess-txt.mess-pic img {
        display: block;
        margin: 5px 0;
        border: 1px solid #ccc;
        box-sizing: border-box
    }

    .mess-list li .mess-txt.mess-pic p {
        width: 300px;
        text-align: center;
        line-height: 30px;
        color: #000
    }

    .table-bordered {
        margin-top: 0px !important
    }

    .table {
        margin: 0 !important;
        width: 100% !important;
    }

    .table-bordered .btn {
        width: 90px;
        height: 30px;
        background: #425581;
        color: #fff;
        text-align: center;
        line-height: 30px;
        border-radius: 5px;
        overflow: hidden;
        font-size: 14px;
        border: none
    }

        .table-bordered .btn:hover {
            background: red;
        }

    .mess-list li .mess-txt a {
        margin-left: 20px;
        color: #dd3831
    }

    a.tiqu {
        color: #fff !important;
        padding: 3px 10px;
        background: red;
        border-radius: 4px;
        overflow: hidden;
        margin-top: 2px
    }

    input#tiquprice {
        border: 1px solid #ccc;
        height: 24px;
        margin-right: 10px;
        width: 80px;
        text-indent: 5px
    }

    button.btn {
        color: #fff !important;
        padding: 3px 10px;
        background: #425581;
        border-radius: 4px;
        overflow: hidden;
        margin-top: 2px;
        border: 1px solid #425581;
        margin-left: 5px
    }

        button.btn:hover {
            background: red;
            border: 1px solid red;
        }

    .mess-list li .mess-txt input[type="text"] {
        width: 100%;
        height: 32px;
        border: 1px solid #dddddd;
        box-sizing: border-box;
        line-height: 30px;
        padding: 0 10px;
    }

    .no-kaitong {
        padding: 20px 0;
    }

    .kaitong {
        font-size: 24px;
        color: red;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .no-kaitong .btn {
        width: 140px;
        height: 38px;
        line-height: 38px;
        border-radius: 3px;
        font-size: 15px;
    }

    .frnxiaojieshao {
        margin: 20px 0;
        padding-top: 20px;
    }

    .mess-list li .mess-txt select {
        width: 100%;
        height: 32px;
        border: 1px solid #dddddd;
        box-sizing: border-box;
        line-height: 30px;
        padding: 0 10px;
    }

    input::-webkit-input-placeholder {
        color: #808080;
        font-size: 14px;
        line-height: 30px;
    }

    .mess-list li .mess-txt select.half {
        width: 48%;
        float: left
    }

        .mess-list li .mess-txt select.half:nth-child(2) {
            float: right;
        }

    .item {
        display: inline-block;
        margin-right: 20px;
        cursor: pointer;
    }

    .nan {
        background: url(../images/nan1.jpg) center no-repeat;
        padding: 10px;
        margin-right: 5px;
    }

    .nv {
        background: url(../images/nv1.jpg) center no-repeat;
        padding: 10px;
        margin-right: 5px;
    }


    .baoming {
        width: 90%;
        padding: 20px 5%;
        position: relative;
    }

    .baomingtitle {
        width: 100%;
        position: relative;
        overflow: hidden;
    }

        .baomingtitle li {
            width: 20%;
            margin-right: 6%;
        }

            .baomingtitle li:nth-child(4n) {
                margin-right: 0
            }

            .baomingtitle li span {
                width: 40px;
                height: 40px;
                line-height: 40px;
                font-size: 16px;
            }

            .baomingtitle li h2 {
                height: 30px;
                line-height: 30px;
                font-size: 15px;
            }

    .bmline {
        left: 7%;
        top: 20px;
    }

    .bm-box {
        margin-top: 20px;
    }

    .bm-name {
        height: 30px;
        line-height: 30px;
        font-size: 17px;
    }

        .bm-name h2 {
            font-size: 17px;
            line-height: 30px;
            padding-left: 15px;
        }


    .bm-text {
        width: 100%;
        margin: 20px auto;
        font-size: 14px;
        line-height: 25px;
    }

    .signbtn input[type="button"] {
        width: 90px;
        height: 35px;
    }

    .signbtn input[type="submit"] {
        width: 90px;
        height: 35px;
    }


    .bmtit {
        width: 94%;
        float: none;
        margin: 0 3%;
        padding-left: 0;
        text-align: left;
    }

    .bmboxtext {
        width: 94% !important;
        float: none;
        margin: 0 3%;
    }

    .field-validation-error {
        width: 94%;
        float: none;
        margin: 0 3%;
        display: block
    }

    .xianxitishi {
        width: 94%;
        float: none;
        margin: 0 3%;
        line-height: 30px;
    }

    .biaomianlist li input {
        padding: 0 5px;
        width: 100%;
        box-sizing: border-box;
    }

    a.hqyzm {
        color: #dd3831;
        text-decoration: underline;
        font-size: 16px;
    }




    .dangjian li, .newslist li {
        border-bottom: 1px solid #cecfd0;
        padding: 20px 0;
        overflow: hidden;
        position: relative;
        width: 100%;
    }
        /**移动端新闻列表**/
        .dangjian li .dangjian-right, .newslist li .newsbox {
            margin-left: 115px
        }

        .dangjian li img, .newslist li img {
            float: left;
            width: 100px;
            height: 75px;
        }

        .dangjian li h2, .newslist li h2 {
            line-height: 1em;
            font-size: 16px;
            margin-bottom: 5px
        }

        .dangjian li p, .newslist li p {
            line-height: 1.4em;
            font-size: 12px;
            -webkit-line-clamp: 2;
            max-height: 2.8em
        }


        .dangjian li span, .newslist li span {
            font-size: 12px;
            margin-top: 0
        }
}


/**优惠券**/
.youhui {
    margin: 30px 3%;
    width: 42%;
    float: left;
    background: #f7f7f7;
    border: 1px solid #ccc;
    padding: 30px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

    .youhui .price {
        font-size: 25px;
        color: #f00;
        font-weight: bold;
        width: 25%;
        float: left;
        text-align: center;
        margin-right: 20px;
        height: 80px;
    }

    .youhui h2 {
        color: #333;
        padding-right: 20px;
        line-height: 1.5em;
        font-size: 14px;
    }

    .youhui .price em {
        font-size: 35px;
        font-weight: bold;
        font-style: normal
    }

    .youhui .price span {
        display: block;
        font-size: 14px;
        font-weight: normal
    }

    .youhui .type {
        position: absolute;
        right: -30px;
        top: 20px;
        width: 120px;
        background: #dd3831;
        color: #fff;
        text-align: center;
        transform: rotate(45deg);
        -ms-transform: rotate(45deg); /* IE 9 */
        -moz-transform: rotate(45deg); /* Firefox */
        -webkit-transform: rotate(45deg)
    }

    .youhui .right {
        position: absolute;
        right: 30px;
        bottom: 30px;
        background: #dd3831;
        color: #fff;
        display: inline-block];
        padding: 5px 20px;
        border-radius: 5px;
        cursor: pointer;
        width: 120px;
        text-align: center;
        cursor: pointer
    }

        .youhui .right.sel {
            background: #2aa515
        }

@media print {
    .noPrintDiv {
        display: none;
    }
}

/**代理记账学习弹窗**/
.xiuxi {
    text-align: center;
    padding-top: 100px
}

    .xiuxi button, .panel-footer button {
        margin: 20px auto;
        display: block;
        color: #fff !important;
        background: #00a3e7;
        border: 1px solid #00a3e7;
        padding: 5px 20px;
        cursor: pointer
    }

.lianxi {
    margin: 0px auto;
    background: #fff;
    padding: 30px
}

    .lianxi .title {
        font-weight: bold;
        font-size: 16px;
        margin: 0
    }

    .lianxi .testpaper-question {
        background: #f7f7f7;
        padding: 20px;
        margin: 20px auto
    }

    .lianxi .testpaper-question-footer-2 {
        margin-top: 15px
    }

    .lianxi .checkbox-inline, .lianxi .radio-inline {
        background: #fff;
        padding: 2px 12px 2px 12px;
        margin-right: 12px;
    }

    .lianxi .radio-inline {
        display: inline-block;
        margin-bottom: 10px
    }

#qresult {
    color: #0a9b3e
}

.error#qresult {
    color: #dd3831
}