/* Minification failed. Returning unminified contents.
(404,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(448,22): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(454,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(458,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(553,22): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(611,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(754,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(762,21): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(792,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(980,28): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(989,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(995,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(1045,22): run-time error CSS1039: Token not allowed after unary operator: '-themeOpacityColor'
(1065,22): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(1101,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(1124,17): run-time error CSS1039: Token not allowed after unary operator: '-calendar1Color'
(1145,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(1146,28): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(1174,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(1185,21): run-time error CSS1039: Token not allowed after unary operator: '-themeOpacityColor'
(1186,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(1200,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(1215,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(1344,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(1422,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(1470,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(1482,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(1490,22): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(4294,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(4337,26): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(4358,26): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(4361,26): run-time error CSS1039: Token not allowed after unary operator: '-themeHoverColor'
(4411,26): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(4485,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(4525,28): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(4542,26): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(4547,26): run-time error CSS1039: Token not allowed after unary operator: '-themeHoverColor'
(4594,26): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(4651,26): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(4665,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(4669,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(4673,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(4682,26): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(4697,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(4700,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(4703,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(4801,22): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(4837,26): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(4845,26): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(4876,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(4982,26): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(5060,22): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(5080,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(5095,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(5292,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(5389,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(5406,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(5495,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar2Color'
(5522,27): run-time error CSS1039: Token not allowed after unary operator: '-calendar2Color'
(5527,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar2Color'
(5539,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(5566,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(5579,26): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(5632,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(5657,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(5676,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(5696,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(5769,33): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(5770,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(5776,33): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(5806,33): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(5807,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(5813,33): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(5949,26): run-time error CSS1039: Token not allowed after unary operator: '-themeHoverColor'
(5956,26): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(6020,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(6032,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(6206,22): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(6209,22): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(6210,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(6218,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(6226,21): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(6248,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(6249,22): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(6254,26): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(6295,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(6311,26): run-time error CSS1039: Token not allowed after unary operator: '-themeHoverColor'
(6329,22): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(6330,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(6363,22): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(6364,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(6374,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(6377,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(6381,22): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(6382,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(6418,22): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(6420,26): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(6457,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(6463,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(6466,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(6478,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(6490,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(6658,20): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(6760,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar1Color'
(6777,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar1Color'
(6793,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(6830,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(6886,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(6919,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(6949,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar1Color'
(6998,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(7021,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(7121,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(7134,26): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(7152,33): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(7162,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(7173,20): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(7215,26): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(7216,22): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(7300,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(7312,26): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(7348,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(7362,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(7372,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(7378,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(7388,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(7396,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(7402,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(7433,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(7450,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(7486,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(7521,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(7569,26): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(7590,15): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(7690,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(7777,22): run-time error CSS1039: Token not allowed after unary operator: '-calendar1Color'
(7781,22): run-time error CSS1039: Token not allowed after unary operator: '-calendar2Color'
(7785,22): run-time error CSS1039: Token not allowed after unary operator: '-calendar3Color'
(7845,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar1Color'
(7848,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar2Color'
(7852,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar3Color'
(7926,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(7931,26): run-time error CSS1039: Token not allowed after unary operator: '-calendarBtnBg2Color'
(7935,26): run-time error CSS1039: Token not allowed after unary operator: '-calendarBtnBg3Color'
(7982,15): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(7987,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar1Color'
(7988,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar1Color'
(7992,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar1Color'
(7996,15): run-time error CSS1039: Token not allowed after unary operator: '-calendar1Color'
(8001,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar1Color'
(8003,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar1Color'
(8007,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar1Color'
(8014,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(8079,28): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8080,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8084,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8120,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(8151,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(8198,24): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8199,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8203,22): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8207,24): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8211,26): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8282,29): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8300,29): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8339,36): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8370,30): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8389,30): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8494,33): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8612,40): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8613,36): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8615,38): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8735,21): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8746,34): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8766,21): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8768,23): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8833,21): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8838,25): run-time error CSS1039: Token not allowed after unary operator: '-calendar2Color'
(8923,25): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8962,25): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8991,30): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8997,30): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(8998,30): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(9340,32): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(9354,23): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(9666,26): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(9697,28): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(9815,30): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(9816,19): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(9836,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(9882,26): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(9884,20): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(9921,21): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(9922,32): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(9929,22): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(10004,26): run-time error CSS1039: Token not allowed after unary operator: '-calendar2Color'
(10052,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(10136,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(10226,17): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(10240,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(10241,28): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(10257,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(10265,28): run-time error CSS1039: Token not allowed after unary operator: '-grayColor'
(10275,22): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(10286,22): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(10294,28): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(10298,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(10503,17): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
(10669,25): run-time error CSS1039: Token not allowed after unary operator: '-themeColor'
 */


/*清除浮动*/
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1; /*IE/7/6*/
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.container1 {
    /*background: #e1e1e1;*/
    width: 100%;
    height: 100%;
    letter-spacing: 0.05em;
    margin-bottom: -80px;
    font-family: "Microsoft YaHei', '微软雅黑', 'PingFang SC', Arial, SimSun, sans-serif";
}

.container1 a {
    color: inherit;
    width: 100%;
    height: 100%;
    display: block;
}

.container1 .main {
    width: 1175px;
    margin: 0 auto;
}

.container1 .main:first-child {
    width: 1182px;
    margin: 0 auto;
}

.container1 .main:first-child .swiper-container {
    padding: 0 20px 0 0;
    width: 1175px;
}

/*.container1 .banner_left .iconfont {
    opacity: 0.6;
}

.container1 .banner_left {
    width: 220px;
    background: var(--themeColor)*/
    /*height: 466px;*/
    /*height: 348px;
    font-size: 16px;
    font-weight: 400;
    color: rgba(255,255,255,1);
}

    .container1 .banner_center {
        height: 348px;
        overflow: hidden;*/
        /*box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;*/
        /*width: 770px;
        margin-left: 221px;*/
        /*width: expression(this.width > 300 ? "300px" : this.width);
        height: e­xpression(this.height>100?"100px":this.height);*/
        
    /*}

    .container1 .banner_center a {
        background-size: cover;
        background-position: center;
        
        background-repeat: no-repeat;
    }

.container1 .banner_right {
    width: 190px;
    height: 348px;
}



.container1 .banner_left ul li {
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
}

.container1 .banner_left ul li a {
    display: block;
}

.container1 .banner_right ul li a img {
    width: 100%;*/
    /*height: 100%;*/
    /*-webkit-filter: blur(2px);
    filter: blur(2px);
}

.container1 .banner_right ul li.current {*/
    /*border: 2px solid #BF2D2D;*/
/*}

.container1 .banner_right ul li.current a img {
    -webkit-filter: blur(0px);
    filter: blur(0px);
}

.container1 .banner_right ul li.current.mask {
    display: none;
}

.container1 .banner_right ul li {
    height: 86.25px;*/
    /*border: 2px solid var(--grayColor);*/
/*}

.container1 .banner_right ul li {
    margin-bottom: 1px;*/

    /*overflow: hidden;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;*/
/*}

.container1 .banner_right ul li a {
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

}

.container1 .banner_right .mask {
    position: absolute;
    display: inline-block;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
}

.container1 .banner_left li.current {
    background: rgba(173,28,28,1);
}

.container1 .banner_center img {
    max-width: 757px;
    width: 100%;*/
    /*height: 100%;*/
    /*_width: expression(this.width > 757 ? "757px" : this.width);*/
        
/*}

.container1 .banner_right ul li:last-child {
    margin-bottom: 0px;
}


.container1 .banner1 .main {
    position: relative;
}*/

/*.container1 .category_info {
    position: absolute;
    left: 220px;
    line-height: 53px;
    display: none;
}

.container1 .category_info ul {
    width: 472px;
    border: 1px solid var(--themeColor);
    padding: 20px 0px;
    box-sizing: border-box;
    margin-left: 2px;
    background: rgba(255,255,255,1);
    opacity: 0.98;
    height: 348px;
    display: none;
}

.container1 .category_info ul li {
    width: 195px;
    float: left;
}

.container1 .category_info ul li a:hover {
    color: #BF2D2D;
}

.container1 .category_info ul li a {
    padding-left: 40px;
}*/
/* 课程列表开始 */
.container1 .model_one .title {
    margin-top: 61px;
    margin-bottom: 33px;
}
.container1 .model_one .title div.t {
    font-size: 24px;
    font-weight: 400;
    color: rgba(17,17,17,1);
}
.container1 .course_ul li {
    width: 370px;
    height: 303px;
    float: left;
    background: rgba(255,255,255,1);
    margin-right: 30px;
    margin-top: 0px !important;
    border-radius: 2px;
}

    .container1 .course_ul .d_info {
        height: 108px;
        position: relative;
    }

        .container1 .course_ul .d_info .course_title {
            padding: 15px 130px 10px 15px;
            margin: 0;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

        .container1 .course_ul .d_info .course_info {
            padding: 17px 130px 0px 15px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            display: block;
            -webkit-line-clamp: 1;
            box-sizing: border-box;
        }


        .container1 .course_ul .course_status {
            position: absolute;
            right: -12px;
            top: 9px;
            width: 130px;
            height: 35px;
            line-height: 35px;
            border-radius: 7px 0 0 7px;
            color: #fff;
            font-size: 16px;
            text-align: center;
        }

            .container1 .course_ul .course_status .span {
                display: inline-block;
                width: 100%;
                height: 100%;
                border-radius: 7px 0 0 7px;
            }

.gyt_courseProgress {
    display: inline-block;
    font-size: 12px;
    padding: 5px 3px;
    border: 1px solid #fff;
    border-radius: 5px;
    background: #39ce07;
    color: #fff;
    margin: 10px;
    position: absolute;
    top: 0;
}

            /*已经完成*/
            .container1 .course_ul .course_status .span.over{
                background: #2DB200;
            }

            /*进行中*/
            .container1 .course_ul .course_status .span.in_progress {
                background: #B28500;
            }

            /*欢迎报名*/
            .container1 .course_ul .course_status .span.welcome {
                background: #D93600;
            }

            .container1 .course_ul .course_status .fw {
                font-weight: 600;
            }

        .container1 .course_ul .course_status .sanjiao {
            width: 0px;
            height: 0px;
            border-width: 0 9px 9px;
            border-style: solid;
            border-color: transparent transparent #B9B9C8;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            position: absolute;
            right: 0px;
            top: 33px;
            z-index: -2;
        }

.container1 .course_ul .direct_seeding_time {
    position: absolute;
    bottom: 20px;
    /*right: 0;*/
    left: 15px;
    font-size: 13px;
    width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.person_price {
    float: right;
}

.person {
    line-height: 28px;
    display: inline-block;
    margin-top: 12px;
    margin-right: 10px;
}

    .person img {
        width: 20px;
        vertical-align: middle;
        margin-right: -5px;
    }

.person_total {
    font-size: 14px;
    color: #a6adc2;
}

.container1 .course_ul .direct_seeding_time .seeding_time {
    background: #CCCCCC;
    border-radius: 6px;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    width: 27px;
    height: 27px;
    line-height: 27px;
}
        .container1 .swiper-wrapper li .img_zw img {
        cursor: pointer;
        transition: all 0.6s;
    }

.container1 .swiper-wrapper li .img_zw {
    overflow: hidden;
}

.container1 .swiper-wrapper li:hover .img_zw img {
    transform: scale(1.2);
}


.container1 .swiper1_swiper1 .course_ul li:nth-child(1),
.container1 .swiper1_swiper1 .course_ul li:nth-child(2),
.container1 .swiper1_swiper1 .course_ul li:nth-child(3) {
    margin-bottom: 30px;
}

.container1 .swiper2_swiper2 .course_ul li:nth-child(4n) {
    margin-right: 0px;
}

.container1 .swiper1_swiper1 .course_ul li:nth-child(3n) {
    margin-right: 0px;
}

.container1 .swiper1_swiper1 .course_ul li:nth-child(4n) {
    margin-right: 30px;
}

.look_more_a {
    line-height: 50px;
    color: var(--themeColor);
}

    .container1 .course_ul li .img_zw {
        width: 100%;
        height: 195px;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

.container1 .course_ul li .img_zw img {
    width: 100%;
    height: 100%;
}

.container1 .course_title {
    font-size: 16px;
    font-weight: 400;
    color: rgba(17,17,17,1);
    line-height: 24px;
    margin: 15px 0 10px 0;
    padding: 0 15px;
}

    .container1 .course_info {
        font-size: 12px;
        font-weight: 400;
        color: rgba(153,153,153,1);
        line-height: 20px;
        padding: 0 15px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

.container1 .model_one .title span.line {
    width: 50px;
    height: 2px;
    background: var(--themeColor);
    display: inline-block;
}

.container1 .swiper_jt span.iconfont {
    font-size: 46px;
    color: var(--themeColor);
}

.container1 .swiper_jt span.iconfont.swiper-button-disabled {
    color: var(--grayColor);
}

.container1 .swiper_jt {
    position: relative;
}

.container1 .prev1_prev1, .next1_next1 {
    position: absolute;
}

.container1 .prev1_prev1 {
    right: 65px;
}

.container1 .next1_next1 {
    right: 0px;
}

.container1 .prev1_prev1, .prev2_prev2, .prev3_prev3, .next1_next1, .next2_next2, .next3_next3 {
    display: none;
}

.container1 .swiper2_swiper2 .course_ul li, .swiper3_swiper3 .course_ul li {
    width: 270px;
    height: 365px;
}

.container1 .swiper2_swiper2 .course_ul li .img_zw, .swiper3_swiper3 .course_ul li .img_zw {
        height: 190px;
    }

.container1 .swiper2_swiper2 .course_info, .swiper3_swiper3 .course_info {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;
}

.container1 .swiper2_swiper2 .course_title, .swiper3_swiper3 .course_title {
    margin: 15px 0 10px 0;
    height: 48px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.container1 .course_author {
    border-top: 1px solid rgba(225,225,225,1);
    margin-top: 15px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(153,153,153,1);
    padding-left: 15px;
    line-height: 46px;
}

.container1 .course_author img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    vertical-align: middle;
}

.container1 .course_author span {
    margin-left: 10px;
}

    .container1 .course_author .gyt_course_price, .person_price_price {
        font-size: 12px;
        float: right;
        margin-right: 15px;
        display: inline-block;
        border: 1px solid #a6adc2;
        height: 26px;
        color: #a6adc2;
        padding: 0 9px;
        text-align: center;
        margin-top: 12px;
        line-height: 26px;
    }

/* 课程列表结束 */


/* 拥有哪些开始 */
.container1 .bann_center {
    background: var(--themeColor);
    margin-top: 60px;
}

.container1 .bann_ul {
    height: 311px;
    display: flex;
    flex-direction: row
}

.container1 .bann_ul li {
    text-align: center;
    flex: 1;
}

.container1 .circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 60px auto 20px
}

.container1 .circle img {
    width: 80px;
    height: 80px;
}

.container1 .detail_title {
    font-size: 14px;
    font-weight: 500;
    color: rgba(255,255,255,1);
    color: #fff;
    margin-bottom: 10px;
}

.container1 .detail_info {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255,255,255,0.5);
    line-height: 20px;
    width: 130px;
    margin: 0 auto;
}

/* 拥有哪些结束 */


/* 名师荟萃开始 */
.container1 .teacher_main {
    background: #fff;
    text-align: center;
    border-bottom: 1px solid rgba(225,225,225,1);
}

.container1 .teacher_title {
    padding: 81px 0 30px;
    font-size: 36px;
    font-weight: 400;
    color: var(--themeColor);
    line-height: 50px;
}

.container1 .teacher_info {
    width: 630px;
    font-size: 18px;
    font-weight: 300;
    color: rgba(17,17,17,1);
    line-height: 30px;
    margin: 0 auto;
}


    .container1 .teacher_avator {
        margin: 50px auto 25px;
        width: 170px;
        height: 170px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

.container1 .teacher_avator img {
    width: 100%;
    height: 100%;
}

.container1 .teacher_name {
    font-size: 18px;
    font-weight: 600;
    color: rgba(20,20,20,1);
    line-height: 30px;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.container1 .teacher_ul {
    /*display: flex;
    justify-content: center;
    align-items: center;*/
    /*flex-wrap: wrap;*/
    transform-style: preserve-3d;
}

    .container1 .swiper5_swiper5 li .teacher_name {
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 100%;
        /*background: rgba(255,255,255,.5);*/
        background: rgba(0,0,0,.3);
        height: 45px;
        line-height: 45px;
        /*color: #000;*/
        color: #fff;
        margin-bottom: 0;
    }

    .container1 .swiper5_swiper5 .swiper-slide {
        position: relative;
    }

    .container1 .teacher_profile {
        font-size: 14px;
        font-weight: 300;
        color: rgba(85,85,85,1);
        line-height: 24px;
        width: 255px;
        margin: 0 auto;
    }

.container1 .yeneikoubei .swiper5_swiper5 li {
    height: 300px;
    perspective: 1000px;
    /*transition: 4s ease;*/
    /*transform-style: preserve-3d;*/
}

    .container1 .yeneikoubei .swiper5_swiper5 li .ceshi {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform-style: preserve-3d;
        transition: 1s ease;
    }

    .container1 .yeneikoubei .swiper5_swiper5 li:hover .ceshi {
        transform: rotateY(180deg);
    }

    .container1 .swiper5_swiper5 .teacher_avator {
        width: 100%;
        height: 100%;
        margin: 0;
    }

.container1 .yeneikoubei .swiper5_swiper5 .teacher_profile .scroll_div {
    position: absolute;
    top: 20px;
    padding: 0 20px;
}

.container1 .yeneikoubei .swiper5_swiper5 .teacher_profile {
    /*display: none;*/
    /*visibility: hidden;*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*#ccc*/
    /*background: rgba(204, 204, 204, .5);*/
    /*var(--grayColor)*/
    background: rgba(153, 153, 153, .4);
    color: #fff;
    font-weight: 500;
    width: 100%;
    padding: 30px 20px;
    box-sizing: border-box;
    overflow: hidden;
    background: #333;
    backface-visibility: hidden; /*背面是不可见的*/
    -webkit-backface-visibility: hidden; /* Chrome 和 Safari */
    -moz-backface-visibility: hidden; /* Firefox */
    -ms-backface-visibility: hidden; /* Internet Explorer */
    display: flex;
    justify-content: center;
    align-items: center;
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

    /*.str_move.str_origin {
        position: absolute;
    }*/

.prev5_prev5, .next5_next5 {
    font-size: 40px;
    position: absolute;
    top: 50%;
    color: var(--themeColor);
    z-index: 20;
    font-size: 46px !important;
    outline: none;
    margin-top: -25px;
}

    .prev5_prev5.swiper-button-disabled, .next5_next5.swiper-button-disabled {
        color: var(--grayColor);
    }

.container1 .yeneikoubei .swiper5_swiper5 li.active .teacher_profile {
    visibility: visible;
}

.container1 .yeneikoubei .swiper5_swiper5 li.active .teacher_name {
    visibility: hidden;
}

        /* 名师荟萃结束 */
        /* 业内口碑 */
        .container1 .yeneikoubei li {
            width: 370px;
            height: 505px;
            background: rgba(248,248,248,1);
            border-radius: 2px;
            /*border: 1px solid rgba(225,225,225,1);*/
        }

.container1 .yeneikoubei .teacher_profile {
    width: 230px;
}

.container1 .swiper5_swiper5 {
    /*margin-top: 50px;*/
}

.container1 .swiper5_swiper5 .teacher_name {
    color: var(--themeColor);
}


/* 底部 */

.foot-info .foot-link {
    width: 470px;
}

.foot-info .foot-link dd {
    width: 5em;
}
    /*.footer_top {
  background: #2D2D2D;
  height: 120px;
}

.footer_top .fl {
  font-size:36px;
  font-weight:300;
  color:rgba(255,255,255,1);
  line-height:50px;
  letter-spacing:2px;
  line-height: 120px;
}

.footer_top .fr {
  margin-top: 35px;
}

.register_btn {
  width:133px;
  height:50px;
  background:var(--themeColor);
  border-radius:2px;
  color: #fff;
  display: inline-block;
  text-align: center;
  line-height: 50px;
  border-radius: 2px;
}

.email_phone {
  width: 290px;
  height: 50px;
  border-radius: 2px;
  background: transparent;
  border:1px solid rgba(248,248,248,0.5);
  font-size:14px;
  font-weight:300;
  color:rgba(255,255,255,0.5);
  line-height:30px;
  padding-left: 20px;
  box-sizing: border-box;
  margin-right: 40px;
}

.footer_bottom {
  padding-top: 60px;
  box-sizing: border-box;
  height:284px;
  background:rgba(38,36,36,1);
  border:1px solid rgba(17,17,17,1);
}

.footer_bottom .logo_name {
  font-size:16px;
  font-weight:normal;
  color:rgba(255,255,255,1);
  line-height:20px;
}

.footer_bottom .info {
  font-size:14px;
  font-weight:400;
  color:rgba(255,255,255,0.5);
  line-height:30px;
  width: 370px;
  margin: 34px 0 32px 0;
}

.copyright {
  font-size:12px;
  font-weight:400;
  color:rgba(255,255,255,0.3);
  line-height:17px;
  letter-spacing:1px;
}

table th {
  font-size:14px;
  font-weight:500;
  color:rgba(255,255,255,0.8);
  line-height:40px;
  letter-spacing:1px;
  width: 140px;
}

table td {
  width:95px;
  height:40px;
  font-size:14px;
  font-weight:300;
  color:rgba(255,255,255,0.5);
  line-height:40px;
}*/
    /*1920px*480px*/
.banner-swiper a {
    display: block;
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.banner-swiper a img {
    width: 100%;
}
.container1 .swiper1_swiper1 .swiper-container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.container1 .model_one .swiper-button-prev {
    right: 70px;
    left: auto;
}

.container1 .model_one .swiper-button-next, .swiper-button-prev {
    top: 11%;
}

.container1 .swiper-pagination-bullet {
    background: #111;
}

.container1 .swiper-pagination-bullet-active {
    background: #A62323;
}

.container1 .teacher_main .swiper-pagination {
    position: static;
    margin-top: 60px;
    padding-bottom: 80px;
}

.container1 .teacher_main .swiper-pagination span {
        margin-right: 10px;
    }


/*新改版首页样式开始*/
.flex {
    display: flex;
}

.justify-between {
    justify-content: space-between;
}

.direction-column {
    flex-direction: column;
}

.items-center {
    align-items: center;
}

.registrtion_status {
    margin: 30px 0;
    color: #555555;
    line-height: 25px;
    height: 25px;
    overflow: hidden;
}

#content {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    display: inline-block;
    margin-left: 20px;
}

.gyt_system_training_camp {
    border: 1px solid var(--themeColor);
    padding: 15px 30px 30px;
    box-sizing: border-box;
    margin: 30px 0;
}

.container1 .model_one .index_title .title {
    margin-top: 0;
    margin-bottom: 30px;
    color: var(--themeColor);
    font-size: 24px;
}

.index_title .gyt_look_more_a {
    font-size: 18px;
    color: var(--themeColor);
}

.index_title .gyt_look_more_a img {
    margin-left: 5px;
    margin-top: 6px;
}

.index_title .subTitle {
    font-size: 16px;
    color: #555;
    line-height: 32px;
    vertical-align: text-bottom;
    margin-left: 20px;
}

.index_title .title-cont {
    display: inline-block;
}

.index_title span.line {
    margin-bottom: 10px;
}

.gyt_category .cate-cont span {
    font-size: 18px;
    margin-left: 20px;
}

.gyt_category .cate-cont span.span1 {
    color: #4A95D5;
}

.gyt_category .cate-cont span.span2 {
    color: #7DB441;
}

.gyt_category .cate-cont span.span3 {
    color: #D97251;
}

.gyt_category .cate-cont span.span4 {
    color: #65C1AD;
}

.gyt_category_tab {
    margin: 15px 0 15px 0;
}

.gyt_category_tab .tab {
    background: var(--themeOpacityColor);
    width: 184px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #555;
    margin-right: 3px;
}

.gyt_category_tab .tab:last-child {
    margin-right: 0px;
}

.gyt_category_tab .nav-item-trainingplan {
    padding: 0 10px;
    box-sizing: border-box;
}

.gyt_category_tab .tab.current {
    background: var(--themeColor);
    color: #fff;
}

.gyt_category_tab .tab:hover {
    cursor: pointer;
}

.gyt_tab_content {
    padding: 30px;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    margin-top: 20px;
}

.gyt_tab_content .left-half > img {
    width: 55%;
    height: auto;
    cursor: pointer;
}

.gyt_tab_content .left-half .training_info {
    margin-left: 30px;
    width: 100%;
    padding: 30px 0;
}

.gyt_tab_content .left-half .training_info .training_title {
    color: #111;
    font-size: 20px;
    line-height: 28px;
    min-height: 56px;
    cursor: pointer;
}

.gyt_tab_content .left-half .training_info .training_memo {
    color: var(--grayColor);
    margin-bottom: auto;
    max-height: 75px;
    overflow: hidden;
}

.gyt_tab_content .left-half .training_info .training_span {
    margin: 21px 0 46px 0;
}

.gyt_tab_content .left-half .training_info .training_span span {
    font-size: 14px;
    color: #555;
    margin-left: 5px;
}

.gyt_tab_content .left-half .training_info .training_span img {
    vertical-align: bottom;
}

.gyt_tab_content .left-half .training_info .training_btn {
    border-radius: 17px;
    border: 1px solid rgba(53,129,196,1);
    color: var(--calendar1Color);
    text-align: center;
    line-height: 34px;
    height: 34px;
    display: inline-block;
    width: 161px;
    cursor: pointer;
}

.gyt_tab_content .right-half {
    width: 278px;
    border-left: 1px dashed #E1E1E1;
    padding-left: 29px;
    box-sizing: border-box;
}

.gyt_tab_content .right-half ul {
    flex-direction: column;
}

.gyt_tab_content .go_detail_li {
    color: var(--themeColor);
    border: 1px solid var(--themeColor);
    height: 48px;
    width: 99%;
    font-size: 18px;
    margin-top: 30px;
    text-align: center;
    line-height: 48px;
}

.gyt_tab_content .remaining_li {
    border-bottom: 1px dashed rgba(191, 45, 45, 0.3);
}

.gyt_tab_content .remaining_li:nth-child(1) {
    height: 39px;
    line-height: 39px;
}

.gyt_tab_content .remaining_li:nth-child(2) {
    height: 58px;
    line-height: 80px;
}

.gyt_tab_content .remaining_li:nth-child(2)>span {
    position: relative;
}

.gyt_tab_content  .hot {
    color: var(--themeColor);
    font-size: 11px;
    position: absolute;
    right: -30px;
    top: 0px;
    line-height: initial;
}

.gyt_tab_content .right-half .bg_num {
    width:84px;
    height:39px;
    background:var(--themeOpacityColor);
    color: var(--themeColor);
    font-size: 18px;
    line-height: 39px;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    float: right;
}

.gyt_tab_content .right-half .remaining_li:nth-child(2) .bg_num {
    margin-top: 20px;
}

.gyt_tab_content .right-half .remaining_course_hot_flag {
    color: var(--themeColor);
    font-size: 18px;
}

.gyt_tab_content .right-half .remaining_course_load_flag {
    color: #7DCEBC;
    font-size: 18px;
}

.gyt_tab_content .right-half .remaining_course_over_flag {
    color: #333;
    font-size: 18px;
}

.gyt_tab_content .right-half .remaining_course_over_info {
    color: var(--themeColor);
}

.gyt_tab_content .right-half .remaining_course_over_flag img,
.gyt_tab_content .right-half .remaining_course_load_flag img,
.gyt_tab_content .right-half .remaining_course_hot_flag img {
    margin-right: 8px;
    vertical-align: sub;
}

/*.training_swiper {
    pointer-events: none;
}*/
.training_swiper {
    position: relative;
}

.training_swiper li {
    height: 100px;
}

.training_swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    margin-bottom: 19px;
}

.prev_next {
    width: 20px;
    height: 20px;
    background: #FAFAFA;
    position: absolute;
    right: 0;
    top: 0px;
    text-align: center;
    cursor: pointer;
    outline: none;
}

.prev_next.training_prev {
    right: 30px;
}

.swip-cont {
    position: relative;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #E1E1E1;
}

.swip-info {
    position: absolute;
    line-height: 20px;
    color: #555;
    font-size: 14px;
    width: 990px;
}

.training_swiper .swiper-slide span {
    line-height: 20px;
}

.two_ellipsis {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.one_ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

/*自学专题课*/
.self_study_special_course {
    margin: 50px 0;
}

.self_ul {
    flex-wrap: wrap;
    height: 770px;
    overflow: hidden;
}

.self_ul::after {
    content: '';
    width: 370px;
    border: 1px solid transparent;
}

.self_ul li {
    width: 370px;
    height: 368px;
    border: 1px solid rgba(225,225,225,1);
    cursor: pointer;
}

.self_ul li:nth-child(4),
.self_ul li:nth-child(5),
.self_ul li:nth-child(6) {
    margin-top: 30px;
}

.self_ul li img {
    width: 100%;
    height: 195px;
}

.self_ul li .self_info {
    padding: 0 15px;
    box-sizing: border-box;
}

.self_ul li .self_title {
    height: 105px;
    border-bottom: 1px solid #E1E1E1;
}

.self_ul li .self_price_learned {
    line-height: 52px;
}

.self_price {
    color: var(--themeColor);
    font-size: 16px;
}

.self_learned {
    color: #555;
    font-size: 12px;
    vertical-align: top;
}

.self_ul li .self_title .self_span {
    color: #111;
    font-size: 16px;
    margin: 15px 0;
    line-height: 24px;
    height: 48px;
}

.self_ul li .self_title p {
    font-size: 14px;
    color: #555;
}

.excellent_micro_course {
    margin-bottom: 50px;
}

.excellent_micro_course:last-child {
    margin-bottom: 0;
}

/*精品微课程*/
.excellent_ul {
    flex-wrap: wrap;
    height: 322px;
    overflow: hidden;
}

.excellent_ul li {
    width: 270px;
    height: 320px;
    border:1px solid rgba(225,225,225,1);
    cursor: pointer;
}

.excellent_ul::after {
    content: '';
    width: 270px;
    border: 1px solid transparent;
}

.excellent_ul .course_img {
    width: 100%;
    height: 170px;
}

.excellent_ul .excellent_info {
    height: 96px;
    border-bottom: 1px solid #E1E1E1;
    padding: 0 15px;
    box-sizing: border-box;
}

.excellent_ul .avatar_info {
    padding: 0 15px;
    box-sizing: border-box;
    line-height: 53px;
}

.excellent_ul .avatar_info img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    border-radius: 50%;
    vertical-align: middle;
}

.excellent_ul .avatar_info span {
    color: var(--grayColor);
    font-size: 12px;
}

.excellent_ul .excellent_title {
    padding: 20px 0;
}

.excellent_price_learned {
    line-height: 28px;
}

/*限时免费课*/
.limited_time_free_class {
    margin: 30px 0;
}

.limited_ul li {
    width: 270px;
    height: 307px;
    border: 1px solid rgba(225,225,225,1);
    cursor: pointer;
}

.limited_ul img {
    width: 100%;
    height: 170px;
}

.limited_ul .limited_info {
    padding: 0 15px;
    box-sizing: border-box;
}

.limited_ul .limited_title {
    margin: 20px 0;
    line-height: 22px;
    height: 45px;
}

.limited_free_cont {
    line-height: 30px;
}

.limited_free_flag .free_flag {
    background: rgba(215, 76, 69, 0.1);
    width: 44px;
    height: 28px;
    color: var(--themeColor);
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
    font-weight: 600;
}

.index_title .title {
    margin-top: 0;
    margin-bottom: 30px;
    color: var(--themeColor);
    font-size: 24px;
    text-align: left;
}

.title span.line {
    width: 50px;
    height: 2px;
    background: var(--themeColor);
    display: inline-block;
}
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (<none>)
 * Config saved to config.json and <none>
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
/*.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}*/
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}
.btn-primary {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #ffffff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #ffffff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #ffffff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #ffffff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
     transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
     transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
     transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  background-color: #000000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}

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

[class^="red-"], [class*=" red-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'redicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.red-bubble:before {
  content: "\e949";
}
.red-icon_want_f:before {
  content: "\e900";
}
.red-icon_want_v:before {
  content: "\e901";
}
.red-mobile_lock:before {
  content: "\e902";
}
.red-mobile_person:before {
  content: "\e903";
}
.red-mobile_phone:before {
  content: "\e904";
}
.red-star:before {
  content: "\e905";
}
.red-text:before {
  content: "\e906";
}
.red-camera:before {
  content: "\e907";
}
.red-qq:before {
  content: "\e908";
}
.red-search:before {
  content: "\e909";
}
.red-back:before {
  content: "\e90a";
}
.red-share:before {
  content: "\e90b";
}
.red-tab_QA:before {
  content: "\e90c";
}
.red-tab_article:before {
  content: "\e90d";
}
.red-tab_allcourse:before {
  content: "\e90e";
}
.red-tab_home:before {
  content: "\e90f";
}
.red-tab_person:before {
  content: "\e910";
}
.red-hotQA:before {
  content: "\e911";
}
.red-arrow_choose:before {
  content: "\e912";
}
.red-arrow_breadnav:before {
  content: "\e913";
}
.red-author:before {
  content: "\e914";
}
.red-label:before {
  content: "\e915";
}
.red-calendar:before {
  content: "\e916";
}
.red-see:before {
  content: "\e917";
}
.red-like:before {
  content: "\e918";
}
.red-page_pre:before {
  content: "\e919";
}
.red-page_next:before {
  content: "\e91a";
}
.red-feature_teachers:before {
  content: "\e91b";
}
.red-feature_lives:before {
  content: "\e91c";
}
.red-feature_lessons:before {
  content: "\e91d";
}
.red-feature_student:before {
  content: "\e91e";
}
.red-switch_left:before {
  content: "\e91f";
}
.red-switch_right:before {
  content: "\e920";
}
.red-pulldown:before {
  content: "\e921";
}
.red-clock:before {
  content: "\e922";
}
.red-feature4:before {
  content: "\e923";
}
.red-feature3:before {
  content: "\e924";
}
.red-feature2:before {
  content: "\e925";
}
.red-feature1:before {
  content: "\e926";
}
.red-menu:before {
  content: "\e927";
}
.red-add:before {
  content: "\e928";
}
.red-browse:before {
  content: "\e929";
}
.red-choose:before {
  content: "\e92a";
}
.red-close:before {
  content: "\e92b";
}
.red-course:before {
  content: "\e92c";
}
.red-exam:before {
  content: "\e92d";
}
.red-female:before {
  content: "\e92e";
}
.red-finished:before {
  content: "\e92f";
}
.red-forum:before {
  content: "\e930";
}
.red-hotPassage:before {
  content: "\e931";
}
.red-left:before {
  content: "\e932";
}
.red-line:before {
  content: "\e933";
}
.red-male:before {
  content: "\e934";
}
.red-message:before {
  content: "\e935";
}
.red-mobileChoose:before {
  content: "\e936";
}
.red-password:before {
  content: "\e937";
}
.red-phone:before {
  content: "\e938";
}
.red-play-left:before {
  content: "\e939";
}
.red-play:before {
  content: "\e93a";
}
.red-ppt:before {
  content: "\e93b";
}
.red-read:before {
  content: "\e93c";
}
.red-right:before {
  content: "\e93d";
}
.red-safecode:before {
  content: "\e93e";
}
.red-teacher:before {
  content: "\e93f";
}
.red-top:before {
  content: "\e940";
}
.red-unfinished:before {
  content: "\e941";
}
.red-userName:before {
  content: "\e942";
}
.red-video:before {
  content: "\e943";
}
.red-zan:before {
  content: "\e944";
}
.red-sina:before {
  content: "\e945";
}
.red-wecircle:before {
  content: "\e946";
}
.red-wechat:before {
  content: "\e947";
}
.red-hotQuestion:before {
  content: "\e948";
}


@font-face {
    font-family: "iconfont";
    src: url(/statics/theme/css/fonts/iconfont.eot?t=1567418109595); /* IE9 */
    src: url(/statics/theme/css/fonts/iconfont.eot?t=1567418109595#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAQoAAsAAAAACTwAAAPbAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDQAqFIIREATYCJAMYCw4ABCAFhG0HbxsJCCMRJnRtTPbXydOhhd7JSdC0eBPE3yiZoqyeDzpqEZSWTJ987zhqN2pgZV8TAbXfb0/efVNokESjNo+aSN4ZEtMJDWIjEaqF4iX8K//e/UIEVulYNA+TCuS9iCxhlWSZD062cbje2ozmagA0QABz/x4wP/+335x/aoDCRpiinAVW+2BXykEpfbmMChf/ZE110X8qDF7Z1RtCkISKQFZXqAoFOAQPaNzmlxnp9wDPcGECbyegaZYp2qHL7VeNTNgVEO4CTa7GZZRjkKCuKSGnZsIzVOrx0wfgSf/58A/WcRFVCeFOZ377St07sSxAIsQFA8FjeXbcziJhDciEh1DnPdhMrmFofuKxD3yProvil5jSmmbxgJeS9kjeFFFtUV/+4VWSSCgIyjbijlIVX2Iyh8CXFIfMl7QwXmWKHBLfFkaRtaXEyj7wChBGiFs7FGRJlgdSM6aiCAWZuKSQlr842qevYJZS8fdroOYKjXzrUaiwZ4DGogYNxLr7gYn6dInCRqqmoArVC9yFTDGWu0ThIDXAFy/oQ/24jciLVylDfYicRO3C4JMT/PgYOz0lqDNBTlp8D9/g4WI3YUENVSsQK6xGVRj/Jo0KJFHTUNsrh1cjWawqj06e+F5Wgaztrq6TxfDq+qp3srQEzKTMPv39RPmnIQP3kR/msMEp04yXfpCO1yyTzNULciXXjIUfiiJm+BCuTZe5lcKcOxKXUpUSV5eI/aeLSalIzafvg7543s/TDPvIkQei4zL6/DxdkZVd+Si0DzhZp3h4pFg7Gncwzs8ZKOtgPkq5RKsslzclPcWjvMNh3g7gZLNY6Asz4Ls67CvLA8fKJKiXRQk5vDLMxQoSFiop/U1SdAFMOD9gMv5hD0C6pbcD0iODbgzkP3kLjPPd1w6/dUGAz0rOMTAR5Qh3vkpq0VkiStmSvxLBVPK7uVwmoNh2BEVOihHODu/QbVnqqdRxgrpLdIOoZgaSujlUxq1BpWUdirodaFrlenbLSBRYyAdWZAMEfaMQdb1A0reDyrgbqEx7haIfA5rOaTKXbFlojpttGXPBCoovuJJ6LVlkZmTf0TzbnJ0SnfiP7F0EkjD2Zo7YI5dxhH+ZVESDZurgAHfDtiUYmGosJbQiwyaKdNgThSV1asaRMResoPiCK6nX6nSZ+b7/jubZ5hzT9MP9j+zd/JCEcQrUUdmnatqW5f5lUhHN2zRTBwe0YysmCYbwdTWWEtoc8WETUSedVhnWr+6W8gw0CceVSlbUWtpIjv3jHjkzvR/sjJWRt/Ss3ajMXZX3q9IqNvMlWZBmQrB2OhKlAAA=') format('woff2'), url(/statics/theme/css/fonts/iconfont.woff?t=1567418109595) format('woff'), url(/statics/theme/css/fonts/iconfont.ttf?t=1567418109595) format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url(/statics/theme/css/fonts/iconfont.svg?t=1567418109595#iconfont) format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-icon_arrow_right:before {
    content: "\e60d";
}

.icon-shouji:before {
    content: "\e72f";
}

.icon-caidan:before {
    content: "\e62c";
}

.icon-changyongicon-:before {
    content: "\e611";
}

.icon-changyongicon-1:before {
    content: "\e612";
}

@font-face {
    font-family: "iconfont-cart";
    src: url(/statics/theme/css/iconfont-cart.eot?t=1603350917756); /* IE9 */
    src: url(/statics/theme/css/iconfont-cart.eot?t=1603350917756#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAASwAAsAAAAACVAAAARiAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqGDIR+ATYCJAMQCwoABCAFhG0HSBvwBxFVnKXJfhTGzXTgiCLaRxP1DSx/P5pQNVb70p/fli/s0eES8IUTFa+6UVOmX6rw8DTm3r+7qactbXjUplIJSTx0OjUQA/e/Occu6UJiRV6X7uofuIN9eByutFs2JUPU0PyfY6bL5wPLb7O5ZJUNBziK1gF1XyWd6B3ggeIp3jB2cRmXAQKwBZgDOg8Mj4e6QpuFAPRVUpQD9ZhSKcEhdUk1Z2MRoGlgqqcRxlUAmHJ/Hv2DLWIBhkoGbWF0YUA+HMtAlkR1y6/SbQSw+tMDALMNUIA5ACiA3nKNuZD9oDlQmlJ8sQ8ALF2f6KvHTZYkl2P2WoR1/C8PIEkGVUETshHWPkQhA5MCEDI3CmAgS1ICBdEKYlbrsBygbYhVv7+CpDrTt2Aq823ZmK3ISRtb0DMf49GNwPjZRMiC2NtKEE5rW3zYECcukaIeTVh+3XHvTXW4ezc+GXq/G5S2qC1QSlsgWRGcjObS+p1zKak0CS1QW6KGFm8h67aJVRapLKRptNQczYXudUT7yjGVeXR1z9hoTxuW3qf3rqTv3qUZyy4ZcTZIlaRSevn5crx2oThl0TolsmGJhFq8vm0+5ib20AskEoMxs+K53fMIyVhEeDMt4qby4hcexeyseM4BqVZaT/3sfsOyWw4H7mgtvx2//njPibFjKguP5gne7qOZPb39gcYWHNtI3kveEz++PW83z47nv/IafW0l2KHZNtoGsoFp5jXYSnx1zIZQX7n3TnOCqdjKmmhFGMtY3MCD3Rf1xeHJYqa2QWwVHA7EVb+ABb5qWeHK/vBg6whCtXd8ndtcHf4soqEJE8mwpsgt4v2ojXZ2eNbvBZSAU87DD87fys4HX02zcPfidasf6v6Nprk64Uyvp6pbRW6RHWgyZhipPxFvgnZBNXqh8hvccvc3klN0HaXN0BGIfGMFzBRyVHyUBBY4+YjE+IrkCobr2Su0v7jv1Zfn3mPpTR+XDF0OyaReXNPQvPbi5lOuxTGLjSt1HfVB2FQ4s/HFNQ732gvbzeVcs8yjobxXXuQKvkuOtH72XXwVqgEAyF9TuyhdAPmJvI8KBfIb1BEq8BeaxNWx+lUWz/0bq3UNqx4fiB1wHfITyqI+6z9gSawfRl0uri5H5miqUkSWKbqoH1J8+yNSE5qaN50NrUO/PsST2umEukkISc0csrolsmB3oKJlF6rqjqBpW7C9ZUQMRWlgywtA6HtD0vUHWd8HWbBfqJj6Q1U/htD0GKMDW9YiW5wJGsUYwjNkEddkaHThZa4w6UojUY6L36G0mQdcy0lGAqxR+ljSHhJPlYCEK1iC67AsGRrhHCO1UtXGt23K+yQr4qq3cEYgQ6EYCJ2BTITVyK6sFqnvX0GJTsmQkpIS9Q4Srax/4LI4NZCBsK5Vci7DWwcJj1KEpxHBKmAJ9ajUgww0+eNyKKIsaQt/w2ejclRXaI0vrq5wEzRpC0ukyFGiov6UmfpiSFxvpDdLuDt2UYq9HgAA') format('woff2'), url(/statics/theme/css/iconfont-cart.woff?t=1603350917756) format('woff'), url(/statics/theme/css/iconfont-cart.ttf?t=1603350917756) format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url(/statics/theme/css/iconfont-cart.svg?t=1603350917756#iconfont) format('svg'); /* iOS 4.1- */
}

.iconfont-cart {
    font-family: "iconfont-cart" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-dianzan1:before {
  content: "\e600";
}

.icon-dianzan2:before {
  content: "\e63b";
}

.icon-gouwuche:before {
  content: "\e657";
}


/**
 * Swiper 4.2.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 1, 2018
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
.mejs__offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs__container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs__container,.mejs__container *{box-sizing:border-box}.mejs__container video::-webkit-media-controls,.mejs__container video::-webkit-media-controls-panel,.mejs__container video::-webkit-media-controls-panel-container,.mejs__container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs__fill-container,.mejs__fill-container .mejs__container{height:100%;width:100%}.mejs__fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs__container:focus{outline:none}.mejs__iframe-overlay{height:100%;position:absolute;width:100%}.mejs__embed,.mejs__embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs__fullscreen{overflow:hidden!important}.mejs__container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs__container-fullscreen .mejs__mediaelement,.mejs__container-fullscreen video{height:100%!important;width:100%!important}.mejs__background,.mejs__mediaelement{left:0;position:absolute;top:0}.mejs__mediaelement{height:100%;width:100%;z-index:0}.mejs__poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs__poster-img{display:none}.mejs__poster-img{border:0;padding:0}.mejs__overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs__layer{z-index:1}.mejs__overlay-play{cursor:pointer}.mejs__overlay-button{background:url(/statics/theme/js/lab/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs__overlay:hover>.mejs__overlay-button{background-position:-80px -39px}.mejs__overlay-loading{height:80px;width:80px}.mejs__overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url(/statics/theme/js/lab/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs__controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs__controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs__button,.mejs__time,.mejs__time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs__button>button{background:transparent url(/statics/theme/js/lab/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs__button>button:focus{outline:1px dotted #999}.mejs__container-keyboard-inactive [role=slider],.mejs__container-keyboard-inactive [role=slider]:focus,.mejs__container-keyboard-inactive a,.mejs__container-keyboard-inactive a:focus,.mejs__container-keyboard-inactive button,.mejs__container-keyboard-inactive button:focus{outline:0}.mejs__time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs__play>button{background-position:0 0}.mejs__pause>button{background-position:-20px 0}.mejs__replay>button{background-position:-160px 0}.mejs__time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs__time-buffering,.mejs__time-current,.mejs__time-float,.mejs__time-float-corner,.mejs__time-float-current,.mejs__time-hovered,.mejs__time-loaded,.mejs__time-marker,.mejs__time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs__time-total{background:hsla(0,0%,100%,.3);margin:5px 0 0;width:100%}.mejs__time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs__time-loaded{background:hsla(0,0%,100%,.3)}.mejs__time-current,.mejs__time-handle-content{background:hsla(0,0%,100%,.9)}.mejs__time-hovered{background:hsla(0,0%,100%,.5);z-index:10}.mejs__time-hovered.negative{background:rgba(0,0,0,.2)}.mejs__time-buffering,.mejs__time-current,.mejs__time-hovered,.mejs__time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs__time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs__time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs__time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs__time-handle,.mejs__time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs__time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs__time-rail .mejs__time-handle-content:active,.mejs__time-rail .mejs__time-handle-content:focus,.mejs__time-rail:hover .mejs__time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs__time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs__time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs__time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs__long-video .mejs__time-float{margin-left:-23px;width:64px}.mejs__long-video .mejs__time-float-current{width:60px}.mejs__broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs__fullscreen-button>button{background-position:-80px 0}.mejs__unfullscreen>button{background-position:-100px 0}.mejs__mute>button{background-position:-60px 0}.mejs__unmute>button{background-position:-40px 0}.mejs__volume-button{position:relative}.mejs__volume-button>.mejs__volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs__volume-button:hover{border-radius:0 0 4px 4px}.mejs__volume-total{background:hsla(0,0%,100%,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs__volume-current{left:0;margin:0;width:100%}.mejs__volume-current,.mejs__volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs__volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs__horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs__horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs__horizontal-volume-current,.mejs__horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs__horizontal-volume-current{background:hsla(0,0%,100%,.8);height:100%;top:0;width:100%}.mejs__horizontal-volume-handle{display:none}.mejs__captions-button,.mejs__chapters-button{position:relative}.mejs__captions-button>button{background-position:-140px 0}.mejs__chapters-button>button{background-position:-180px 0}.mejs__captions-button>.mejs__captions-selector,.mejs__chapters-button>.mejs__chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs__chapters-button>.mejs__chapters-selector{margin-right:-55px;width:110px}.mejs__captions-selector-list,.mejs__chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs__captions-selector-list-item,.mejs__chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs__captions-selector-list-item:hover,.mejs__chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs__captions-selector-input,.mejs__chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs__captions-selector-label,.mejs__chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs__captions-selected,.mejs__chapters-selected{color:#21f8f8}.mejs__captions-translations{font-size:10px;margin:0 0 5px}.mejs__captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs__captions-layer a{color:#fff;text-decoration:underline}.mejs__captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs__captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs__captions-position-hover{bottom:35px}.mejs__captions-text,.mejs__captions-text *{background:hsla(0,0%,8%,.5);box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{display:none}.mejs__overlay-error{position:relative}.mejs__overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs__cannotplay,.mejs__cannotplay a{color:#fff;font-size:.8em}.mejs__cannotplay{position:relative}.mejs__cannotplay a,.mejs__cannotplay p{display:inline-block;padding:0 15px;width:100%}
/* css reset */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
input,
textarea {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol,
ul {
  list-style-type: none;
}
a {
  color: #39f;
  text-decoration: none;
}
img {
  border: 0;
  vertical-align: top;
}
em, i {
  font-style: normal;
}
input,
textarea,
select,
.icon,
button,
a {
  outline: none;
  resize: none;
}
body {
  font-family: 'Microsoft YaHei', '微软雅黑', 'PingFang SC', Arial, SimSun, sans-serif;
  text-align: justify;
}
input,
textarea,
select,
button {
  font-family: 'Microsoft YaHei', '微软雅黑', 'PingFang SC', Arial, SimSun, sans-serif;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix {
  zoom: 1;
}
.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
  clear: both;
}
.mt5 {
  margin-top: 5px;
}
.mt6 {
  margin-top: 6px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt24 {
  margin-top: 24px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mt55 {
  margin-top: 55px;
}
.mt60 {
  margin-top: 60px;
}
.mt80 {
  margin-top: 80px;
}
.mt100 {
  margin-top: 100px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb6 {
  margin-bottom: 6px;
}
.mb30 {
  margin-bottom: 30px;
}
.ml10 {
  margin-left: 10px;
}
.ml20 {
  margin-left: 20px;
}
.ml30 {
  margin-left: 30px;
}
.mr20 {
  margin-right: 20px;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.tac {
  text-align: center;
}
.fz12 {
  font-size: 12px;
}
.c_red {
  color: var(--themeColor);
}
.hide {
  display: none;
}
.show {
  display: block;
}
.w270 {
  width: 270px;
}
.w370 {
  width: 370px;
}
.w470 {
    width: 470px;
}
.w400 {
  width: 400px;
}
.w585 {
  width: 585px;
  overflow: hidden;
}
.w740 {
  width: 740px;
}
.w670 {
    width: 670px;
}
.w770 {
  width: 770px;
}
.w870 {
  width: 870px;
}
.wrap-w1170 {
  position: relative;
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
.wrap_red {
  background-color: var(--themeColor);
}
.w1170 {
  width: 1170px;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
.button {
  display: inline-block;
  height: 30px;
  padding: 0 20px;
  border: 0;
  border-radius: 2px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}
.button.red {
  color: #fff;
  background-color: var(--themeColor);
}
.button.red:hover {
  background-color: var(--themeHoverColor);
}
.button.black {
  color: #fff;
  background-color: #2d2d2d;
}
.button.black:hover {
  background-color: #111;
}
.button.black {
  color: #fff;
  background-color: #2d2d2d;
}
.button.black:hover {
  background-color: #111;
}
.button.gray {
  color: #333;
  background-color: #F8F8F8;
  cursor: default;
}
.button.gray:hover {
  background-color: #F8F8F8;
}
.button.large {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
}
.button.medium {
  height: 36px;
  line-height: 36px;
}
.button.block {
  width: 100%;
}
.button.disabled,
.button[disabled] {
  opacity: 0.3;
  cursor: default;
}
body {
  font-size: 14px;
  color: #333;
  -webkit-font-smoothing: antialiased;
}
.top {
  line-height: 28px;
  font-size: 12px;
  color: #fff;
  background-color: var(--themeColor);
}
.top .inner {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
.top .tel .icon {
  position: relative;
  top: 1px;
  margin-right: 10px;
}
.top .link {
  height: 28px;
  font-size: 0;
}
.top .link li {
  display: inline-block;
  vertical-align: top;
}
.top .link li:not(:first-child) {
  margin-left: 30px;
}
.top .link a {
  font-size: 12px;
  color: #fff;
}
.top .link a:hover {
  color: #111;
}
.header {
  height: 80px;
  box-shadow: 0px 1px 0px 0px rgba(225,225,225,1);
}
.header .inner {
  width: 1170px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.header .img-logo {
  max-width: 300px;
  max-height: 80px;
}
.header .nav-left {
  display: flex;
  align-items: center;
}
.header .nav-right {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.header .nav {
  font-size: 0;
  margin-left: 25px;
}
.header .nav li {
  display: inline-block;
  margin-left: 25px;
  line-height: 40px;
  font-size: 16px;
  vertical-align: top;
}
.header .nav li:first-child {
  margin-left: 0;
}
.header .nav a {
  color: #111;
  display: inline-block;
}
.header .nav a:hover,
.header .nav a.active {
  color: var(--themeColor);
}
.header .nav .all_course {
    position: relative;
}

.header .nav .all_course a {
    display: block;
    text-align: center;
}

.header .nav .all_course .all-couese-dropdown {
    margin-left: -30px;
    top: 95%;
    width: 120px;
    left: 0;
}
.header .search {
  position: relative;
  /*font-size: 0;*/
}
.header .search .keyword {
  width: 168px;
  height: 38px;
  padding: 0 10px;
  border: 1px solid #e1e1e1;
}
.header .search .mychart {
    position: relative;
}
.header .search .mychart span {
    display: none;
    position: absolute;
    top: -8px;
    left: 26px;
    right: auto;
    padding: 2px 4px;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    background-color: var(--themeColor);
    border-radius: 7px;
    min-width: 12px;
    text-align: center;
    transition: transform .6s ease-in-out;
}
.header .search .mychart span.active {
    transform: scale(2)
}

.header .search button {
  position: relative;
  left: -4px;
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 0;
  background-color: var(--themeColor);
  vertical-align: top;
  cursor: pointer;
}
.header .search button:hover {
  background-color: var(--themeHoverColor);
}
.header .search .red-search {
  font-size: 14px;
  color: #fff;
}
.header .search .avatar {
  width: 36px;
  height: 36px;
  margin-top: 2px;
  cursor: pointer;
}
.header .search .red-menu {
  display: inline-block;
  margin-top: 10px;
  font-size: 20px;
  vertical-align: top;
  cursor: pointer;
}
.header .search .user {
  margin-left: 40px;
  font-size: 14px;
}
.header .search .user a {
  color: #111;
}
.header .search .dropdown-menu,
.header .nav .all-couese-dropdown {
  display: none;
  position: absolute;
  left: auto;
  right: 0;
  top: 50px;
  z-index: 1000;
  width: 150px;
  border: 1px solid #e1e1e1;
  font-size: 14px;
  text-align: center;
  background-color: #fff;
}
.header .search .dropdown-menu a {
  display: block;
  line-height: 50px;
  color: #555;
}
.header .search .dropdown-menu a:hover {
  color: #fff;
  background-color: var(--themeColor);
}
.banner {
  padding-top: 135px;
  height: 425px;
  background: url(/statics/theme/images/banner.jpg) 50% / cover no-repeat;
  color: #fff;
  text-align: center;
}
.banner h1 {
  font-size: 38px;
  line-height: 50px;
  margin-bottom: 40px;
}
.banner p {
  font-size: 16px;
  line-height: 30px;
}
.banner .learnMore {
  display: block;
  width: 198px;
  height: 58px;
  line-height: 58px;
  margin: 95px auto 0;
  border-radius: 2px;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  cursor: pointer;
}
.content {
  position: relative;
}
.title {
  zoom: 1;
  overflow: hidden;
}
.title:after,
.title:before {
  content: "";
  display: table;
  clear: both;
}
.title__hn {
  position: relative;
  float: left;
  height: 40px;
  font-size: 24px;
  color: #111;
}
.title__hn:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 2px;
  background-color: var(--themeColor);
}
.title__sub {
  float: right;
}
.title__tab {
  margin-top: 6px;
  font-size: 0;
}
.title__tab a {
  display: inline-block;
  height: 34px;
  margin-left: 35px;
  font-size: 14px;
  color: var(--grayColor);
  vertical-align: top;
}
.title__tab a:hover {
  color: var(--themeColor);
}
.title__tab .title__tab_active {
  position: relative;
  color: var(--themeColor);
}
.title__tab .title__tab_active:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: var(--themeColor);
}
.title__arrow {
  font-size: 30px;
  font-size: 0;
}
.title__arrow .icon {
  font-size: 30px;
  margin-left: 30px;
  cursor: pointer;
}
.title__arrow .icon:first-child {
  margin-left: 0;
}
.title__arrow .icon:hover {
  color: var(--themeColor);
}
.title__arrow .icon_gray {
  color: var(--grayColor);
}
.title__arrow .icon_gray:hover {
  color: var(--grayColor);
}
.category {
  margin-top: 50px;
  font-size: 0;
}
.category li {
  display: inline-block;
  width: 50%;
  margin-bottom: 20px;
  font-size: 14px;
  vertical-align: top;
}
.category .category__item {
  padding-top: 95px;
  background-repeat: no-repeat;
}
.category .category__item1 {
  background-image: url(/statics/theme/images/icon1.png);
}
.category .category__item2 {
  background-image: url(/statics/theme/images/icon2.png);
}
.category .category__item3 {
  background-image: url(/statics/theme/images/icon3.png);
}
.category .category__item4 {
  background-image: url(/statics/theme/images/icon4.png);
}
.category .category__item5 {
  background-image: url(/statics/theme/images/icon5.png);
}
.category .category__item6 {
  background-image: url(/statics/theme/images/icon6.png);
}
.category .category__item7 {
  background-image: url(/statics/theme/images/icon7.png);
}
.category .category__item8 {
  background-image: url(/statics/theme/images/icon8.png);
}
.category .category__item9 {
  background-image: url(/statics/theme/images/icon9.png);
}
.category .category__item10 {
  background-image: url(/statics/theme/images/icon10.png);
}
.category .category__item11 {
  background-image: url(/statics/theme/images/icon11.png);
}
.category .category__item12 {
  background-image: url(/statics/theme/images/icon12.png);
}
.category .category__item13 {
  background-image: url(/statics/theme/images/icon13.png);
}
.category .category__item14 {
  background-image: url(/statics/theme/images/icon14.png);
}
.category .category__item15 {
  background-image: url(/statics/theme/images/icon15.png);
}
.category .category__item16 {
  background-image: url(/statics/theme/images/icon16.png);
}
.category .inner {
  margin-right: 60px;
}
.category h4 {
  font-size: 18px;
  color: #111;
}
.category p {
  margin-top: 20px;
  line-height: 30px;
  color: #555;
}
.search-box {
  padding: 60px 30px 80px;
  background-color: #f8f8f8;
}
.search-hot {
  margin-top: 30px;
  font-size: 0;
}
.search-hot a {
  display: inline-block;
  height: 28px;
  margin: 0 10px 10px 0;
  padding: 0 14px;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  line-height: 28px;
  font-size: 14px;
  color: #b3b3b3;
  background-color: #fff;
}
.search-hot a:hover {
  border-color: var(--themeColor);
}
.search-form {
  margin-top: 10px;
}
.search-form select {
  height: 50px;
  width: 100%;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  background-color: transparent;
}
.search-form option {
  border-radius: 2px;
}
.search-form .keyword {
  height: 50px;
  width: 300px;
  padding: 0 19px;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
}
.search-form__item {
  margin-bottom: 30px;
  background-color: #fff;
}
.search-form__btn {
  padding-top: 10px;
}
.search-form__btn button {
  width: 100%;
  height: 50px;
  border: 0;
  border-radius: 2px;
  font-size: 16px;
  color: #fff;
  background-color: var(--themeColor);
  cursor: pointer;
}
.introduce {
  padding: 15px 0;
  font-size: 0;
  text-align: center;
  color: #fff;
  background-color: var(--themeColor);
  overflow: hidden;
}
.introduce__item {
  display: inline-block;
  width: 120px;
  margin: 45px 25px;
  font-size: 12px;
  vertical-align: top;
}
.introduce__item h5 {
  margin-bottom: 10px;
  font-size: 14px;
}
.introduce__item p {
  line-height: 20px;
  opacity: 0.5;
}
.introduce__icon {
  display: block;
  width: 80px;
  margin: 0 auto 24px;
}
.introduceImage {
  height: 313px;
}
.txt-block {
  padding: 0 0 55px;
}
.txt-block h2 {
  font-size: 26px;
  color: var(--themeColor);
}
.txt-block p {
  margin-top: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #111;
  opacity: 0.7;
}
.img-txt {
  margin-top: -30px;
  font-size: 0;
}
.img-txt li {
  display: inline-block;
  width: 770px;
  height: 370px;
  margin-top: 30px;
  border-radius: 2px;
  overflow: hidden;
  vertical-align: top;
}
.img-txt li.narrowItem {
  width: 370px;
  margin-right: 30px;
}
.img-txt li.narrowItem .author {
  position: static;
  margin-top: 25px;
}
.img-txt li.narrowItem .info2 {
  width: auto;
}
.img-txt li.narrowItem.rightItem {
  margin-left: 30px;
  margin-right: 0;
}
.img-txt.new-package-layout li {
    width: 570px;
    height: 273px;
}
.img-txt.new-package-layout li img {
    max-width: 100%;
    max-height: 100%;
}
.img-txt.new-package-layout li:nth-child(even) {
    margin-left: 30px;
}
.img-txt a {
  display: block;
  position: relative;
  color: #fff;
  max-height: 100%;
}
.img-txt a:hover .info {
  bottom: 0;
}
.img-txt .info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -180px;
  padding: 35px 30px;
  border-radius: 2px;
  transition: bottom 0.5s;
}
.img-txt .info .info-txt {
  position: relative;
  z-index: 2;
  font-size: 12px;
}
.img-txt .info .info-txt h3 {
  line-height: 1;
  font-size: 20px;
  color: #fff;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.img-txt .info .author {
  position: absolute;
  right: 0;
  top: -5px;
  height: 30px;
  line-height: 30px;
}
.img-txt .info .author img {
  margin-right: 10px;
}
.img-txt .info .info2 {
  width: 450px;
  height: 60px;
  margin: 20px 0;
  line-height: 30px;
}
.img-txt .info .btn {
  padding: 10px 0;
}
.img-txt .info .btn button {
  width: 210px;
  height: 50px;
  border: 0;
  border-radius: 2px;
  font-size: 16px;
  color: #fff;
  background-color: var(--themeColor);
  cursor: pointer;
}
.img-txt .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 2px;
  z-index: 1;
  background-color: #000;
  opacity: 0.6;
}
body .praise {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0 50px;
  text-align: center;
  color: #fff;
}
body .praise .txt {
  display: inline-block;
  width: 750px;
  font-size: 20px;
  padding: 20px 63px 0;
  background: url(/statics/theme/images/quotation.png) no-repeat;
}
body .praise .author {
  margin-top: 35px;
}
body .praise .author .inner {
  position: relative;
  display: inline-block;
  height: 50px;
  padding-left: 70px;
  text-align: left;
}
body .praise .author .inner img {
  position: absolute;
  left: 0;
  top: 0;
}
body .praise .author .inner em {
  display: block;
  margin: 5px 0;
  line-height: 1;
  font-size: 16px;
  opacity: 0.9;
}
body .praise .author .inner span {
  display: inline-block;
  line-height: 1;
  font-size: 14px;
  opacity: 0.7;
}
body .praise .praise-pagination {
  position: relative;
  bottom: -20px;
}
body .course {
  text-align: left;
  font-size: 0;
}
body .course.mt50 {
  margin-top: 50px;
}
body .course .course__inner {
  margin-top: -30px;
}
body .course .course__item {
  margin-top: 20px;
}
body .course .course__item a {
  display: block;
}
body .course .course__item a:hover .info {
  border-color: var(--themeColor);
}
body .course .course__item .info {
  padding: 15px 14px 0;
  border: 1px solid #e1e1e1;
  border-top: 0;
}
body .course .course__item h3 {
  height: 40px;
  line-height: 20px;
  font-size: 14px;
  color: #111;
  overflow: hidden;
}
body .course .course__item p {
  height: 40px;
  margin-top: 10px;
  margin-bottom: 20px;
  line-height: 20px;
  font-size: 12px;
  color: var(--grayColor);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
body .course .course__item .author {
  position: relative;
  height: 24px;
  margin: 0 -14px;
  padding: 12px 14px;
  line-height: 24px;
  border-top: 1px solid #e1e1e1;
  font-size: 12px;
  color: var(--grayColor);
}
body .course .course__item .author img {
  width: 24px !important;
  height: 24px !important;
  margin-right: 10px;
}
body .course .course__item .author .sub {
  position: absolute;
  right: 0;
  top: 0;
}
body .course .course__item.col4 {
  display: inline-block;
  width: 270px;
  margin-right: 30px;
  vertical-align: top;
}
body .course .course__item.col4:nth-child(4n) {
  margin-right: 0;
}
/*body .course .course__item.col4:nth-child(1),
body .course .course__item.col4:nth-child(2),
body .course .course__item.col4:nth-child(3),
body .course .course__item.col4:nth-child(4) {
    margin-top: 0;
}*/
body .course .course__item.col4 img {
  width: 270px;
  height: 170px;
}
body .course .course__item.col2 {
  display: inline-block;
  width: 570px;
  margin-left: 30px;
  vertical-align: top;
}
body .course .course__item.col2 a {
  display: block;
  height: 170px;
}
body .course .course__item.col2:nth-child(2n + 1) {
  margin-left: 0;
}
/*body .course .course__item.col2:nth-child(1),
body .course .course__item.col2:nth-child(2) {
    margin-top: 0;
}*/
body .course .course__item.col2 img {
  float: left;
  width: 270px;
  height: 170px;
}
body .course .course__item.col2 .info {
  float: right;
  width: 259px;
  padding: 20px 20px 0;
  border: 1px solid #e1e1e1;
  border-left: 0;
}
body .course .course__item.col2 p {
  height: 40px;
  margin-bottom: 9px;
  -webkit-line-clamp: 3;
}
body .course .course__item.col2 .author {
  margin: 0 -20px;
  padding: 12px 20px;
}
body .course .course__item.col2 .author .sub {
  right: 20px;
  top: 12px;
}
body .course .course__item.col2.course__live:after {
  right: 300px;
}
body .course .course__item.col2.course__live:before {
  right: 296px;
}
body .course .course__item .status {
  position: absolute;
  right: 14px;
  top: 10px;
  height: 26px;
  padding: 0 9px;
  border: 1px solid #ffb300;
  border-radius: 2px;
  line-height: 26px;
  color: #ffb300;
}
body .course .course__item .status .icon {
  margin-right: 5px;
  font-size: 14px;
  vertical-align: middle;
}
body .course .course__item .status_gray {
  border-color: #a6adc2;
  color: #a6adc2;
}
body .course .course__item .live__status {
  display: inline-block;
  font-weight: normal;
  height: 18px;
  line-height: 16px;
  padding: 0 4px;
  border: 1px solid #a6adc2;
  border-radius: 2px;
  color: #a6adc2;
  margin-right: 5px;
  font-size: 12px;
  box-sizing: border-box;
}
body .course .course__item .live__status.live__time,
body .course .course__item .live__status.living {
  border-color: #ffb300;
  color: #ffb300;
}
body .course .course__item .live__status .icon {
  margin-right: 5px;
  font-size: 12px;
}
body .course .course__live {
  position: relative;
}
body .course .course__live:after {
  content: "直播课";
  color: #111;
}
body .course .course__offline:after {
  content: "线下课";
  color: #fff;
}
body .course .course__live:after,
body .course .course__offline:after {
  position: absolute;
  right: 0;
  top: 11px;
  width: 67px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
}
body .course .course__live:before {
  background-image: url(/statics/theme/images/mark1.png);
}
body .course .course__offline:before {
  background-image: url(/statics/theme/images/mark1-blue.png);
}

body .course .course__live:before,
body .course .course__offline:before {
  content: "";
  position: absolute;
  right: -4px;
  top: 8px;
  width: 71px;
  height: 34px;
}
.statistics {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 55px 0 50px;
  font-size: 0;
  text-align: center;
  color: #fff;
}
.statistics li {
  display: inline-block;
  width: 25%;
  font-size: 12px;
}
.statistics .icon {
  font-size: 50px;
}
.statistics em {
  display: block;
  margin-top: 10px;
  font-size: 36px;
}
.statistics strong {
  display: block;
  margin: 5px 0;
  line-height: 30px;
  font-size: 14px;
  opacity: 0.9;
}
.statistics p {
  margin: 0 45px;
  line-height: 20px;
  opacity: 0.5;
}
.top-teacher__header {
  padding: 0 0 55px;
}
.top-teacher__header h2 {
  font-size: 26px;
  color: var(--themeColor);
}
.top-teacher__header p {
  margin-top: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #111;
  opacity: 0.7;
}
.top-teacher__list li {
  display: inline-block;
  width: 46%;
  margin: 35px 0;
}
.top-teacher__list li a {
  display: flex;
  width: 100%;
  color: initial;
  justify-content: space-between;
}

.top-teacher__list li:nth-child(odd) {
    margin-right: 15px;
}
.top-teacher__list li a > span {
    flex: 1
}
.top-teacher__list li a > span span {
    overflow: hidden;
    display: block;
    color: #666;
    width: 408px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.top-teacher__list img {
  width: 100px;
  border-radius: 50%;
  margin-right: 30px;
  height: 100px;
}
.top-teacher__list em {
  display: block;
  font-size: 22px;
  color: #666;
  margin-bottom: 20px;
}
.top-teacher__list p {
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  text-overflow: ellipsis;
  color: #666;
}
.hot-article {
  margin-top: 50px;
  font-size: 0;
}
.hot-article__wrap {
  margin: -30px -15px 0;
}
.hot-article__item {
  display: inline-block;
  width: 50%;
  margin-top: 30px;
  font-size: 14px;
}
.hot-article__item:nth-child(4n) .hot-article__img,
.hot-article__item:nth-child(4n-1) .hot-article__img {
  float: left;
}
.hot-article__item:nth-child(4n) .hot-article__info,
.hot-article__item:nth-child(4n-1) .hot-article__info {
  float: right;
  width: 270px;
  text-align: left;
}
.hot-article__inner {
  padding: 0 15px;
}
.hot-article__img {
  float: right;
  width: 270px;
  height: 270px;
}
.hot-article__info {
  float: left;
  width: 270px;
  text-align: right;
}
.hot-article__date {
  margin-top: 10px;
  font-size: 36px;
  color: #ccc;
}
.hot-article__date__day {
  color: var(--themeColor);
}
.hot-article__title {
  margin: 20px 0 10px;
  line-height: 30px;
  font-size: 18px;
  font-weight: 700;
  color: #111;
}
.hot-article__author {
  font-size: 18px;
  color: #555;
}
.hot-article__link {
  margin-top: 50px;
}
.hot-article__link a {
  color: var(--themeColor);
}
.forenotice__title {
  position: absolute;
  left: 0;
  top: -6px;
  z-index: 10;
  width: 160px;
  height: 50px;
  padding-left: 5px;
  line-height: 50px;
  font-size: 18px;
  text-align: center;
  color: #111;
  background-image: url(/statics/theme/images/mark2.png);
}
.forenotice {
  position: relative;
}
.forenotice .swiper-wrapper {
  z-index: 2;
}
.forenotice .swiper-slide {
  height: 530px;
  background: url(/statics/theme/images/img8.png) 50% no-repeat;
  background-color: rgba(0, 0, 0, 0.5);
}
.forenotice .swiper-slide:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  height: 530px;
  border-left: 470px solid rgba(20, 20, 20, 0.7);
  border-right: 700px solid rgba(40, 40, 40, 0.5);
  background-color: rgba(0, 0, 0, 0.5);
}
.forenotice__item {
  position: relative;
  z-index: 4;
  padding-left: 470px;
  padding-top: 80px;
  text-align: center;
  color: #fff;
}
.forenotice__item__title {
  line-height: 50px;
  font-size: 36px;
}
.forenotice__item__teacher {
  margin: 15px 0 25px;
  line-height: 30px;
  font-size: 14px;
}
.forenotice__item__teacher em {
  margin-right: 10px;
  font-size: 16px;
}
.forenotice__countdown {
  font-size: 0;
}
.forenotice__countdown span {
  display: inline-block;
  margin: 0 10px;
  width: 90px;
  height: 110px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 2px;
  font-size: 14px;
  background-color: rgba(255, 198, 65, 0.18);
}
.forenotice__countdown em {
  display: block;
  margin: 23px 0 5px;
  font-size: 28px;
  font-weight: 700;
}
.forenotice__countdown p {
  margin: 20px 0 30px;
  font-size: 16px;
}
.forenotice__btn button {
  width: 200px;
  height: 60px;
  border: 0;
  border-radius: 2px;
  font-size: 16px;
  color: #111;
  background-color: var(--calendar2Color);
  cursor: pointer;
}
.catalogue {
  position: absolute;
  left: -3px;
  top: 50px;
  z-index: 3;
}
.catalogue__list {
  width: 400px;
}
.catalogue__list li {
  height: 60px;
  margin-top: 10px;
  padding: 5px 0 5px 25px;
  border-left: 3px solid transparent;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  line-height: 30px;
  cursor: pointer;
}
.catalogue__list li:first-child {
  margin-top: 0;
}
.catalogue__list li.active,
.catalogue__list li:hover {
  border-left-color: var(--calendar2Color);
  background-color: rgba(17, 17, 17, 0.76);
}
.catalogue__list p {
  font-size: 14px;
  color: var(--calendar2Color);
}
.catalogue__list h5 {
  font-size: 16px;
  color: #fff;
}
.praise2 {
  padding: 0 0 55px;
  text-align: center;
}
.praise2 h2 {
  font-size: 26px;
  color: var(--themeColor);
}
.praise2 p {
  margin-top: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #111;
  opacity: 0.7;
}
body .praise2-focus .swiper-slide {
  background-color: #f8f8f8;
  text-align: center;
}
body .praise2-focus .swiper-slide .inner {
  padding: 50px 70px;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  overflow: hidden;
}
body .praise2-focus .swiper-slide img {
  border-radius: 2px;
}
body .praise2-focus .swiper-slide em {
  display: block;
  margin: 30px 0 15px;
  font-size: 20px;
  font-weight: 700;
  color: var(--themeColor);
}
body .praise2-focus .swiper-slide p {
  height: 210px;
  line-height: 30px;
  font-size: 14px;
  overflow: hidden;
}
.praise2-pagination {
  margin-top: 60px;
  text-align: center;
}
.praise2-pagination .swiper-pagination-bullet-active {
  background-color: var(--themeColor);
}
.course__bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
  height: 410px;
  background: url(/statics/theme/images/img11.png) center no-repeat;
}
.course__main {
  position: relative;
  z-index: 4;
  overflow: hidden;
}
.course__head {
  height: 240px;
  margin: 60px 0 40px;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
}
.course__name {
  padding: 50px 0 30px;
  line-height: 50px;
  font-size: 38px;
}
.course__intro {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 30px;
  font-size: 16px;
}
.course__info {
  position: relative;
  height: 300px;
  padding: 10px 10px 10px 670px;
  border: 1px solid #e1e1e1;
  background-color: #fff;
}
.course__info img {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 590px;
    height: 310px
}
.course__info p.price {
  padding-top: 10px;
  font-size: 36px;
  line-height: 50px;
  color: var(--themeColor);
  font-weight: 500;
}
.course__info p.price .originPrice {
  color: #555;
  font-size: 16px;
  font-weight: normal;
  vertical-align: 2px;
  text-decoration: line-through;
  margin-right: 10px;
}
.course__info p.summary {
  height: 50px;
  line-height: 50px;
  font-size: 22px;
  color: #111;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.course__info p.memo {
  height: 60px;
  /*margin: 0px 0 15px;*/
  line-height: 30px;
  font-size: 14px;
  color: var(--grayColor);
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

    .course__info .gyt_entry_url {
        height: 60px;
        padding-top: 15px;
        box-sizing: border-box;
    }

.gyt_link_url {
    display: inline-block;
    background: rgb(235, 232, 232);
    padding: 6px 8px;
    border-radius: 5px;
    color: var(--themeColor);
    font-size: 20px;
    font-weight: 600;
}

.course__info .button {
  /* width: 340px; */
  height: 50px;
}

.course__info .buy-cart-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 20px;
    width: inherit;
}

.course__info .buy-cart-btn-wrap .red-icon_want_f {
    color: var(--themeColor);
}

.course__info .buy-cart-btn-wrap span {
    margin-right: 10px;
    cursor: pointer;
}

.course__info .buy-cart-btn-wrap .btns {
  display: inline-flex;
  align-items: center;
}

.course__info .buy-cart-btn-wrap .btns a + a {
  margin-left: 5px;
}

.course__info .shareFun {
  /*position: absolute;
  top: 20px;
  right: 20px;*/
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-left: 10px;
}
.course__info .shareFun:hover .shareImage {
  display: block;
}
.course__info .shareFun .shareIcon {
  width: 40px ;
  height: 40px ;
  line-height: 40px ;
  display: block ;
  text-align: center ;
  border-radius: 100% ;
  font-size: 40px ;
  color: #09BB07;
}
.course__info .shareFun .shareImage {
  background: #fff;
  z-index: 10;
  position: absolute ;
  right: 0 ;
  bottom: 100% ;
  display: none ;
  margin-bottom: 10px ;
  width: 160px ;
  height: 160px ;
  padding: 20px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.course__info .shareFun .shareImage img {
  width: 160px;
  height: 160px;
  position: static;
}
.tab__nav {
  height: 60px;
  font-size: 0;
  background-color: #f8f8f8;
}
.tab__nav a {
  position: relative;
  z-index: 2;
  display: inline-block;
  height: 58px;
  margin-left: 50px;
  line-height: 58px;
  font-size: 18px;
  color: #111;
}
.tab__nav a.active {
  border-bottom: 2px solid var(--themeColor);
  color: var(--themeColor);
}
.tab__nav a:first-child {
  margin-left: 40px;
}
.tab__nav a:hover {
  border-bottom: 2px solid var(--themeColor);
}
.tab__nav__lucency {
  font-size: 0;
  position: relative;
  height: 48px;
  background-color: #fff;
}
.tab__nav__lucency:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: 2px;
  background-color: #f1f1f1;
}
.tab__nav__lucency a {
  position: relative;
  z-index: 2;
  display: inline-block;
  height: 46px;
  line-height: 46px;
  font-size: 14px;
  color: #111;
  padding: 0 30px;
  margin-left: 0 !important;
}
.tab__nav__lucency a.active {
  border-bottom: 2px solid var(--themeColor);
  color: var(--themeColor);
}
.tab__nav__lucency a:first-child {
  margin-left: 40px;
}
.tab__nav__lucency a:hover {
  border-bottom: 2px solid var(--themeColor);
}
.course__txt {
  width: 730px;
  line-height: 20px;
  font-size: 14px;
}
.course__txt .packageItems {
  margin-bottom: 20px;
}
.course__txt .packageItems.withBorder {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 20px;
}
.course__txt p {
  margin-top: 20px;
}
.course__txt img {
  max-width: 100%;
  margin-top: 20px;
}
.course__txt__swiper h4 {
  margin-top: 30px;
  line-height: 30px;
  font-size: 20px;
  font-weight: 700;
  color: #111;
  /*margin-bottom: 30px;*/
}
.course__txt__swiper h4:first-child {
  margin-top: 0;
}

.clearfix::after {
    content: '';
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
}

.clearfix {
    *zoom: 1;
}

.ul_questions > li {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 20px;
}

.ul_questions > li:last-child {
    border-bottom: none;
}

.gyt_pic_list {
    margin: 20px 0;
}

.gyt_pic_list .pic_img {
    float: left;
    border: 1px solid #e2e2e2;
    margin-right: 6px;
    width: 52px;
    height: 52px;
    text-align: center;
    display: flex;
    align-items: center;
}

.gyt_pic_list .pic_img img {
    max-width: 100%;
    max-height: 100%;
    padding: 1px;
    box-sizing: border-box;
}

.gyt_pic_list .pic_img.current {
    border: 2px solid #e53e41;
    width: 50px;
    height: 50px;
}

.gyt_pic_list .pic_img.current img {
    padding: 0;
}

.gyt_pic_list .pic_img1 {
    max-width: 50%;
    margin-bottom: 10px;
}

.gyt_pic_list .pic_img1:last-child {
    margin-bottom: 0;
}

.gyt_pic_list .pic_img1 img {
    max-width: 100%;
}

.gyt_pic_view_wrap1 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
    width: 100%;
    height: 100%;
    display: none;
}

.gyt_pic_view {
    border: 1px solid #e3e3e3;
    margin-bottom: 20px;
    float: left;
    display: none;
    max-width: 370px;
    max-height: 478px;
}

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

.course-feature {
  font-size: 0;
}
.course-feature li {
  position: relative;
  display: inline-block;
  width: 50%;
  font-size: 1px;
  color: #fff;
  background-color: var(--themeHoverColor);
  vertical-align: top;
  padding: 40px 0 40px 118px;
  box-sizing: border-box;
}
.course-feature li:nth-child(4n),
.course-feature li:nth-child(4n-3) {
  background-color: var(--themeColor);
}
.course-feature .icon {
  position: absolute;
  left: 34px;
  top: 45px;
  font-size: 50px;
}
.course-feature p {
  line-height: 30px;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 10px;
}
.course-feature div {
  font-size: 14px;
  line-height: 24px;
  padding-right: 34px;
}
.side {
  width: 330px;
  padding: 20px;
  background-color: #f8f8f8;
}
.side__title {
  line-height: 25px;
  font-size: 18px;
  color: #111;
}
.side__hr {
  margin: 20px 0;
  height: 1px;
  overflow: hidden;
  background-color: #ccc;
}
.price__list {
  padding: 20px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.price__list li {
  position: relative;
  height: 30px;
  margin-top: 10px;
  line-height: 30px;
}
.price__list li:first-child {
  margin-top: 0;
}
.price__list li:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 14px;
  z-index: 1;
  height: 0;
  border-bottom: 1px dashed #ccc;
}
.price__list span {
  position: relative;
  z-index: 2;
  float: left;
  padding-right: 30px;
  color: var(--grayColor);
  background-color: #fff;
}
.price__list strong {
  position: relative;
  z-index: 2;
  float: right;
  padding-left: 30px;
  font-weight: 400;
  background-color: #fff;
}
.price__list .o_price {
  color: var(--grayColor);
  text-decoration: line-through;
  font-size: 12px;
}
.price__list .c_red {
  padding-left: 10px;
}
.price__list .price__list__btn {
  height: 50px;
  margin-bottom: 30px;
}
.price__list .price__list__btn .button {
  display: block;
  height: 50px;
  border-radius: 2px;
}
.price__list .price__list__btn:after {
  display: none;
}
.price__list .qrcodeImage {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.price__list .qrcodeImage p {
  font-size: 12px;
  color: #666;
  position: relative;
  top: -8px;
}
.price__list .qrcodeImage img {
  width: 248px;
  height: 248px;
}
.teacher__list li {
  margin-top: 20px;
}
.teacher__list li:first-child {
  margin-top: 0;
}
.teacher__list__head {
  position: relative;
  min-height: 66px;
  padding-left: 86px;
}
.teacher__list__head > a {
  position: absolute;
  left: 0;
  top: 0;
  width: 66px;
  height: 66px;
  text-align: center;
}
.teacher__list__head > a img {
  max-width: 100%;
  max-height: 100%;
}
.teacher__list__head em {
  display: block;
  line-height: 30px;
  font-size: 18px;
}
.teacher__list__head em a {
  color: #111;
}
.teacher__list__head span {
  display: block;
  line-height: 24px;
  font-size: 14px;
  color: #555;
}
.teacher__list__intro {
  margin-top: 10px;
  line-height: 24px;
  font-size: 14px;
  color: #555;
}
.teacher__list__say {
  width: 294px;
  height: 167px;
  margin-top: 5px;
  padding: 28px 20px 0;
  background-image: url(/statics/theme/images/bg1.png);
}
.teacher__list__say strong {
  color: #111;
}
.teacher__list__say p {
  height: 120px;
  margin-top: 5px;
  line-height: 30px;
  color: #555;
  overflow: hidden;
}
.banner2 {
  position: relative;
  height: 130px;
  background: url(/statics/theme/images/img14.png) 50% no-repeat;
  background-size: cover;
  color: #fff;
}
.banner2 .w1170 {
  position: relative;
}
.banner2 h2 {
  height: 50px;
  padding-top: 40px;
  font-size: 36px;
}
.banner2 h2 span {
  margin-left: 15px;
  font-size: 20px;
  opacity: 0.65;
}
.banner2 .crumb {
  position: absolute;
  right: 0;
  top: 60px;
  line-height: 30px;
  font-size: 0;
}
.banner2 .crumb a {
  font-size: 14px;
  color: #fff;
}
.banner2 .crumb a:hover {
  color: #e1e1e1;
}
.banner2 .crumb span {
  margin: 0 15px;
  font-size: 14px;
}
.skew_up10 {
  position: relative;
  top: -11px;
}
.filtrate__main {
  border: 1px solid #e1e1e1;
  background-color: #f8f8f8;
}
.filtrate__item {
  position: relative;
  margin: 0 25px;
  padding: 15px 0 15px 60px;
  border-top: 1px solid #e1e1e1;
  line-height: 30px;
  font-size: 16px;
  text-align: left;
}
.filtrate__item:first-child {
  border: 0;
}
.filtrate__item strong {
  position: absolute;
  left: 0;
  top: 15px;
  font-weight: 400;
  color: #2d2d2d;
}
.filtrate__item a {
  display: inline-block;
  margin-left: 20px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 15px;
  line-height: 28px;
  color: #555;
}
.filtrate__item a:hover {
  border-color: var(--themeColor);
}
.filtrate__item .active {
  border-color: var(--themeColor);
  color: var(--themeColor);
}
.filtrate__sub {
  font-size: 0;
}
.filtrate__sub a {
  margin-left: 40px;
  font-size: 16px;
  color: var(--grayColor);
}

    .filtrate__sub gyt_sort_icon {
        width: 20px;
    }
    .filtrate__sub a.active,
    .filtrate__sub a:hover {
        color: var(--themeColor);
    }
.filtrate__sub a:first-child {
  margin-left: 0;
}
.filtrate__bar {
  height: 60px;
  border: 1px solid #e1e1e1;
}
.filtrate__bar a {
  display: inline-block;
  margin-left: 50px;
  line-height: 58px;
  border-bottom: 2px solid transparent;
  font-size: 18px;
  color: #111;
}
.filtrate__bar a:first-child {
  margin-left: 40px;
}
.filtrate__bar a.active,
.filtrate__bar a:hover {
  color: var(--themeColor);
  border-color: var(--themeColor);
}
.search__bar {
  position: relative;
  padding: 25px 220px 25px 30px;
  background-color: var(--themeColor);
}
.search__bar input {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  border: 0;
  font-size: 18px;
  background-color: #fff;
}
.search__bar button {
  position: absolute;
  right: 30px;
  top: 25px;
  width: 150px;
  border-radius: 0;
}
.search__bar .search-drop {
  position: absolute;
  right: 180px;
  top: 25px;
  z-index: 1000;
  width: 198px;
  background-color: #fff;
}
.search__bar .search-drop strong {
  position: relative;
  display: block;
  padding: 0 20px;
  line-height: 50px;
  border-left: 1px solid #e1e1e1;
  color: #555;
  cursor: pointer;
}
.search__bar .search-drop strong:after {
  position: absolute;
  right: 20px;
  top: 0;
  content: "\e921";
  font-size: 12px;
  font-family: 'redicon' !important;
  color: var(--grayColor);
}
.search__bar .search-drop .inner {
  display: none;
  border: 1px solid #e1e1e1;
  border-top: 0;
}
.search__bar .search-drop a {
  display: block;
  padding: 0 20px;
  line-height: 50px;
  border-top: 1px solid #e1e1e1;
  color: #555;
}
.search__bar .search-drop a:hover {
  color: #fff;
  background-color: var(--themeHoverColor);
}
.page {
  line-height: 28px;
  font-size: 0;
  text-align: center;
}
.page a {
  display: inline-block;
  margin: 0 10px;
  padding: 0 10px;
  border: 1px solid #555;
  font-size: 16px;
  color: #555;
  vertical-align: top;
}
.page a.active,
.page a:hover {
  border-color: var(--themeColor);
  color: var(--themeColor);
}
.page .page__ellipsis {
  padding: 0 10px;
  font-size: 16px;
}
.page .page__prev,
.page .page__next {
  padding: 7px 0;
  border: 0;
  line-height: 1;
  vertical-align: top;
}
.pagination-container {
  line-height: 28px;
  font-size: 0;
  text-align: center;
}
.pagination-container li {
  display: inline-block;
  margin: 0 10px;
}
.pagination-container li a,
.pagination-container li span {
  display: inline-block;
  padding: 0 10px;
  border: 1px solid #555;
  font-size: 16px;
  color: #555;
  vertical-align: top;
}
.pagination-container li a:hover,
.pagination-container li span:hover {
  border-color: var(--themeColor);
  color: var(--themeColor);
}
.pagination-container .PagedList-skipToNext a,
.pagination-container .PagedList-skipToPrevious a,
.pagination-container .PagedList-skipToLast a,
.pagination-container .PagedList-skipToFirst a,
.pagination-container .PagedList-ellipses a {
  border: none !important;
}
.pagination-container .PagedList-ellipses a {
  color: var(--grayColor);
}
.pagination-container .PagedList-ellipses a:hover {
  color: var(--grayColor);
}
.pagination-container .active a,
.pagination-container .active span {
  border-color: var(--themeColor);
  color: var(--themeColor);
}
.filter-bar-1 a {
  margin-left: 20px;
  color: #555;
  cursor: pointer;
  display: inline-block;
  margin-top: 10px;
}
.filter-bar-1 a:first-child,
.filter-bar-1 a.noFilter {
  margin-left: 0;
}
.filter-bar-1 button {
  margin-left: 20px;
  margin-top: 10px;
  font-size: 14px;
}
.filter-bar-2 {
  margin-top: -10px;
  font-size: 0;
  text-align: left;
}
.filter-bar-2 a {
  display: inline-block;
  height: 30px;
  margin: 10px 20px 0 0;
  padding: 0 15px;
  border-radius: 16px;
  line-height: 30px;
  border: 1px solid #e1e1e1;
  font-size: 12px;
  color: #555;
}
.filter-bar-2 a:hover,
.filter-bar-2 a.active {
  border-color: var(--themeColor);
  color: #fff;
  background-color: var(--themeColor);
}
.course-detail__head {
  margin-bottom: 20px;
}
.course-detail__head h2 {
  line-height: 40px;
  font-size: 28px;
  font-weight: 700;
  position: relative;
  top: -5px;
}
.course-detail__head .live__status {
  display: inline-block;
  font-weight: normal;
  height: 18px;
  line-height: 18px;
  padding: 0 4px;
  border: 1px solid #a6adc2;
  border-radius: 2px;
  color: #a6adc2;
  margin-right: 5px;
  font-size: 12px;
  vertical-align: 5px;
}
.course-detail__head .live__status.live__time,
.course-detail__head .live__status.living {
  border-color: #ffb300;
  color: #ffb300;
}
.course-detail__head .live__status .icon {
  margin-right: 5px;
  font-size: 12px;
}
.course-detail__head .detail {
  margin-top: 10px;
  font-size: 0;
  color: var(--grayColor);
  height: 20px;
  line-height: 20px;
}
.course-detail__head .detail > a {
  font-size: 14px;
  color: var(--grayColor);
}
.course-detail__head .detail > a:hover {
  color: var(--themeColor);
}
.course-detail__head .detail > a img {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.course-detail__head .detail > span {
  margin-left: 30px;
  font-size: 14px;
}
.course-detail__head .detail > span:hover {
  color: var(--themeColor);
}
.course-detail__head .detail > span:first-child {
  margin-left: 0;
}
.course-detail__head .detail .icon {
  margin-right: 10px;
}
.course-detail__head .detail .icon:first-child {
  margin-left: 0;
}
.course-detail__head .detail .red-icon_want_f {
  color: var(--themeColor);
}
.course-detail__head .detail .favOper {
  cursor: pointer;
}
.course-detail__head .detail .shareFun {
  vertical-align: top;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: relative;
  margin-left: 30px;
}
.course-detail__head .detail .shareFun:hover .shareImage {
  display: block;
}
.course-detail__head .detail .shareFun .shareIcon {
  width: 20px ;
  height: 20px ;
  line-height: 20px ;
  display: block ;
  text-align: center ;
  border-radius: 100% ;
  font-size: 20px ;
  color: #09BB07;
}
.course-detail__head .detail .shareFun .shareImage {
  background: #fff;
  z-index: 10;
  position: absolute ;
  left: 0 ;
  top: 100% ;
  display: none ;
  margin-top: 10px ;
  width: 160px ;
  height: 160px ;
  padding: 20px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.course-detail__head .detail .shareFun .shareImage img {
  width: 160px;
  height: 160px;
  position: static;
}
.course-detail__body .video {
  width: 770px;
  height: 476px;
}
.course-detail__body .video.course__live,
.course-detail__body .video.course__offline {
  position: relative;
}
.course-detail__body .video.course__live:after,
.course-detail__body .video.course__offline:after {
  position: absolute;
  right: 0;
  top: 11px;
  width: 67px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  z-index: 2;
}
.course-detail__body .video.course__offline:after {
  content: "线下课";
  color: #fff;
}
.course-detail__body .video.course__live:after {
  content: "直播课";
  color: #111;
}

.course-detail__body .video.course__live:before,
.course-detail__body .video.course__offline:before {
  content: "";
  position: absolute;
  right: -4px;
  top: 8px;
  width: 71px;
  height: 34px;
  z-index: 1;
}
.course-detail__body .video.course__live:before {
  background-image: url(/statics/theme/images/mark1.png);
}
.course-detail__body .video.course__offline:before {
  background-image: url(/statics/theme/images/mark1-blue.png);
}
.course-detail__body .video img {
  width: 100%;
  height: 100%;
}
.course-detail__intro {
  font-size: 14px;
  color: #555;
  line-height: 30px;
}
.course-detail__intro > div.withBorder {
  padding-bottom: 15px;
  border-bottom: 1px solid #e1e1e1;
}
.course-detail__intro h3 {
  margin-top: 30px;
  font-size: 18px;
  color: #2d2d2d;
}
.course-detail__intro p {
  margin-top: 15px;
}
.course-detail__intro img {
  margin-top: 15px;
  max-width: 100%;
}
.course-detail__intro ul,
.course-detail__intro ol {
  margin-top: 15px;
}
.course__catalogue.gyt {
    margin-top: 0;
}
.course__catalogue {
  margin-top: 30px;
  padding: 30px 0;
  border: 1px solid #e1e1e1;
}
.course__catalogue dt {
  height: 40px;
  margin-top: 20px;
  padding: 0 50px;
  border-bottom: 1px solid #eee;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.course__catalogue dt:first-child {
  margin-top: 0;
}
.course__catalogue dd {
  position: relative;
  display: block;
  height: 50px;
  padding: 0 50px;
  line-height: 50px;
  color: #4d4d4d;
}
.course__catalogue dd > a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.course__catalogue dd .unfinishedLink {
  cursor: default;
}
.course__catalogue dd .unfinishedLink .button {
  cursor: default;
}
.course__catalogue dd .freeLesson {
  float: none;
  margin-top: 16px;
  min-width: 10px;
  padding: 3px 7px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  border-radius: 10px;
  background: var(--themeColor);
  color: #fff;
  font-size: 12px;
  vertical-align: 1px;
}
.course__catalogue dd .title {
  float: left;
  font-weight: 400;
  color: #4d4d4d;
  white-space: nowrap;
  max-width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.course__catalogue dd .time {
  float: right;
  color: #b3b3b3;
}
.course__catalogue dd .time .red-video {
  position: relative;
  top: 1px;
  margin-right: 10px;
}
.course__catalogue dd .button {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 170px;
  border-radius: 0;
}
.course__catalogue dd:after {
  content: "";
  position: absolute;
  left: 50px;
  right: 50px;
  bottom: 0;
  height: 1px;
  background-color: #eee;
}
.course__catalogue dd:hover {
  color: #fff;
  background-color: #2d2d2d;
}
.course__catalogue dd:hover .title {
  color: #fff;
}
.course__catalogue dd:hover .button {
  display: block;
}
.course__catalogue dd:hover:after {
  z-index: -1;
}
.course__catalogue dd:hover .time {
  display: none;
}
.course__catalogue dd.unfinished:hover {
  color: #4d4d4d;
  background-color: transparent;
}
.course__catalogue dd.unfinished:hover .title {
  color: #4d4d4d;
}
.course__catalogue dd.unfinished:hover .button {
  display: block;
}
.course__catalogue dd.unfinished:hover .time {
  display: block;
}
.course__catalogue dd .size {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  color: #b3b3b3;
}
.course__catalogue dd.lessonAttr .title {
  max-width: 48%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.course__catalogue dd.lessonAttr .time {
  max-width: 40%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list li {
  margin-top: 20px;
  border: 1px solid #e1e1e1;
  font-size: 16px;
}
.list li:first-child {
  margin-top: 0;
}
.list .head {
  height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid #e1e1e1;
  line-height: 50px;
  color: var(--calendar1Color);
  background-color: #f9fafa;
}
.list .head_transparent {
  border-bottom: 0;
  font-size: 18px;
  background-color: transparent;
}
.list .body {
  padding: 20px;
}
.list .foot {
  position: relative;
  height: 50px;
  padding: 0 120px 0 20px;
  border-top: 1px solid #e1e1e1;
  line-height: 50px;
  color: var(--calendar1Color);
  background-color: #f9fafa;
  overflow: hidden;
}
.list .foot a span {
  margin-left: 10px;
}
.list .foot small {
  color: #666;
}
.list .read {
  position: absolute;
  right: 20px;
  top: 0;
  width: 145px;
  font-size: 12px;
  color: var(--grayColor);
  text-align: right;
}
.list .read .icon {
  margin-left: 10px;
}
.list .read .icon.red-icon_want_f,
.list .read .icon.red-icon_want_v {
    font-size: 13px;
}
.list .read .icon.red-see {
    font-size: 14px;
}
/*.list .read .icon:first-child {
  margin-left: 0;
  font-size: 14px;
}*/
.list .read .icon:before {
  margin-right: 5px;
  vertical-align: -1px;
}
.list .txt {
  line-height: 30px;
  color: #111;
  word-wrap: break-word;
  word-break: break-all;
}
.list .txt a {
  color: #111;
}
.list .txt a:hover {
  color: #39f;
}
.list .from {
  margin-top: 10px;
  line-height: 30px;
  font-size: 14px;
  color: var(--grayColor);
}
.list .imageContainer {
  margin-bottom: 10px;
}
.list .imageContainer img {
  max-width: 100%;
  max-height: 150px;
}
.reply,
.ask-detail {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #e1e1e1;
  background-color: #f9fafa;
}
.reply .txt,
.ask-detail .txt {
  color: #555;
  word-wrap: break-word;
  word-break: break-all;
}
.reply .replyText,
.ask-detail .replyText {
  color: #555;
}
.reply .imageContainer img,
.ask-detail .imageContainer img {
  max-width: 100%;
  margin-bottom: 15px;
}
.reply__head {
  margin-bottom: 10px;
  line-height: 30px;
  font-size: 14px;
}
.reply__head img {
  width: 30px;
  margin-right: 15px;
}
.reply__head em {
  font-weight: 700;
  color: #111;
}
.reply__head .operBtn {
  margin-right: 15px;
  /*color: #333;*/
  cursor: pointer;
}
/*.reply__head .operBtn:hover {
  color: var(--themeColor);
}*/
.reply__foot {
  margin-top: 10px;
  line-height: 30px;
  font-size: 14px;
  color: var(--grayColor);
}
.reply__foot .icon {
  margin-left: 10px;
  margin-right: 6px;
}
.list2 li {
  margin-top: 20px;
}
.list2 li:first-child {
  margin-top: 0;
}
.list2 li a {
  display: block;
  position: relative;
  height: 90px;
  padding-left: 163px;
}
.list2 img {
  position: absolute;
  left: 0;
  top: 0;
  width: 143px;
  height: 90px;
}
.list2 em {
  display: block;
  max-height: 60px;
  margin-bottom: 10px;
  color: #111;
  overflow: hidden;
}
.list2 span {
  color: var(--grayColor);
}
.list2.squareList li a {
  padding-left: 110px;
}
.list2.squareList img {
  width: 90px;
}
.side-search .to-ask {
  width: 100%;
}
.side-search h3 {
  margin-bottom: 15px;
  font-size: 18px;
  color: #111;
}
.side-search input {
  display: block;
  width: 298px;
  height: 50px;
  padding: 0 15px;
  border: 1px solid #e1e1e1;
  font-size: 14px;
  background-color: #fff;
}
.ask-from {
  height: 50px;
  padding: 0 20px;
  border: 1px solid #e1e1e1;
  line-height: 50px;
  color: var(--calendar1Color);
  background-color: #f9fafa;
}
.reply-box {
  margin-top: 50px;
  padding: 20px;
  border: 1px solid #eee;
}
.reply-box .my-info {
  line-height: 30px;
}
.reply-box .my-info img {
  width: 30px;
  height: 30px;
  margin-right: 15px;
}
.reply-box textarea {
  display: block;
  height: 90px;
  margin-top: 20px;
  border: 0;
  width: 100%;
  line-height: 30px;
  font-size: 14px;
}
.reply-box .button {
  padding: 0 40px;
}
.article-list {
  margin-top: -30px;
  font-size: 0;
}
.article-list li {
  display: inline-block;
  margin: 30px 0 0 30px;
  vertical-align: top;
}
.article-list li:nth-child(2n-1) {
  margin-left: 0;
}
.article-list li a {
  position: relative;
  display: block;
  width: 300px;
  padding-left: 70px;
  font-size: 14px;
  color: #111;
}
.article-list li a:hover {
  color: var(--themeColor);
}
.article-list li img {
  display: block;
  width: 300px;
  height: 300px;
}
.article-list li h4 {
  height: 60px;
  margin-top: 20px;
  line-height: 30px;
  font-size: 18px;
  overflow: hidden;
}
.article-list li em {
  display: block;
  margin: 10px 0;
  line-height: 20px;
  color: #555;
}
.article-list li p {
  height: 72px;
  line-height: 24px;
  color: var(--grayColor);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.article-list .like {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
}
.article-list .like .icon {
  display: block;
  height: 50px;
  margin-bottom: 5px;
  padding-top: 10px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background-color: #2d2d2d;
}
.article-list .like em {
  display: block;
  margin: 0;
  font-size: 12px;
  color: #fff;
}
.article-detail__main {
  line-height: 30px;
  font-size: 14px;
  color: #555;
}
.article-detail__main p {
  margin-top: 30px;
}
.article-detail__main img {
  max-width: 100%;
}
.search-result .img-txt {
  margin-top: 0;
}
.search-result .article-list li:nth-child(2n-1) {
  margin-left: 30px;
}
.search-result .article-list li:nth-child(3n+1) {
  margin-left: 0;
}
.teacher-detail {
  position: relative;
  min-height: 320px;
  padding: 0 360px 0 0;
}
.teacher-detail .avatar {
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
  height: 300px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.teacher-detail .avatar:after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  top: 10px;
  bottom: 10px;
  border: 1px solid #fff;
}
.teacher-detail h2 {
  margin-bottom: 30px;
  font-size: 36px;
  color: #111;
}
.teacher-detail h2 span {
  margin-left: 30px;
  font-size: 24px;
  color: #555;
}
.teacher-detail p {
  line-height: 40px;
  font-size: 18px;
}
.my-menu a {
  position: relative;
  z-index: 1;
  display: block;
  height: 80px;
  margin-top: -1px;
  line-height: 80px;
  border: 1px solid #e1e1e1;
  font-size: 18px;
  text-align: center;
  color: #111;
}
.my-menu a:hover {
  color: var(--themeColor);
}
.my-menu a.active {
  background-color: #f8f8f8;
}
.my-menu a.active:after {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  bottom: -1px;
  z-index: 2;
  width: 5px;
  background-color: var(--themeColor);
}
.my-title {
  height: 60px;
  border: 1px solid #e1e1e1;
}
.my-title .hgroup {
  font-size: 0;
}
.my-title h3 {
  display: inline-block;
  margin-left: 40px;
  line-height: 60px;
  font-size: 18px;
  vertical-align: top;
}
.my-title h3.active {
  line-height: 58px;
  border-bottom: 2px solid var(--themeColor);
}
.my-title h3 a {
  color: #111;
}
.my-title .titleStatus {
  line-height: 60px;
  margin-right: 20px;
}
.my-title .titleStatus.uncomplete {
  color: var(--themeColor);
}
.my-title .titleStatus.complete {
  color: #7ED321;
}
.my-title .btn.upload-btn {
  margin-top: 9px; 
  padding: 5px 20px; 
  margin-right: 15px;
}
.my-title .btn.upload-btn:hover { 
  background: var(--themeColor);
  color: #fff;
}
/* 上传证书的弹窗 */
.modal-cert .modal-body .form-item {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.modal-cert .modal-body .form-item.items-start {
  align-items: flex-start;
}
.modal-cert .modal-body .cont {
  width: 100%;
}
.modal-cert .modal-body .label {
  font-weight: 600;
  width: 70px;
  text-align: right;
  margin-right: 10px;
  flex: none;
}
.modal-cert .modal-body #CertName,
.modal-cert .modal-body .form-control {
  width: 100%;
  height: 40px;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  padding: 0 12px;
  box-sizing: border-box;
}
.modal-cert .modal-body .uploaderImage {
  padding: 5px 20px;
}
.modal-cert .modal-body .red-label,
.modal-cert .modal-body .redtext {
  color: red;
}
.red-btn-focus.btn-primary:focus,
.red-btn-focus.btn-primary.focus,
.red-btn-focus.btn-primary:active:hover,
.red-btn-focus.btn-primary.active:hover {
  background-color: var(--themeColor);
  border-color: var(--themeColor);
  outline: none;
}
/* 个人中心的查看学习数据 */
.study-data-filters .btn {
  padding: 3px 20px;
}
.my-course {
  margin-top: 30px;
}
.my-course li {
  margin-top: 20px;
  border: 1px solid #e1e1e1;
  position: relative;
}
.my-course.favouite-packages li {
    display: flex;
}
.my-course.favouite-packages li .gyt-info {
    margin: 0 20px 0 30px;
    width: 540px;
    color: #111;
}
.my-course.favouite-packages li .gyt-info h3 {
    line-height: 40px;
}
.my-course.favouite-packages li .gyt-info .price-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    bottom: 10px;
}
.my-course.favouite-packages li .gyt-info .buy-cart-btn-wrap {
    position: absolute;
    bottom: 10px;
}
.my-course li:first-child {
  margin-top: 0;
}
.my-course img {
  width: 270px;
  height: 200px;
}
.my-course .info {
  width: 548px;
  padding: 20px 20px 20px 0;
}
.my-course h4 {
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.my-course h4 a {
  color: #111;
}
.my-course .live__status {
  display: inline-block;
  font-weight: normal;
  height: 18px;
  line-height: 16px;
  padding: 0 4px;
  border: 1px solid #a6adc2;
  border-radius: 2px;
  color: #a6adc2;
  margin-right: 5px;
  font-size: 12px;
  box-sizing: border-box;
  vertical-align: 1px;
}
.my-course .live__status.live__time,
.my-course .live__status.living {
  border-color: #ffb300;
  color: #ffb300;
}
.my-course .live__status .icon {
  margin-right: 5px;
  font-size: 12px;
}
.my-course .progress-wrap {
  color: var(--grayColor);
}
.my-course .progress-wrap span {
  margin-right: 30px;
}
.my-course .progress-bar {
  height: 4px;
  background-color: #e1e1e1;
}
.my-course .progress-bar span {
  display: block;
  height: 4px;
  background-color: var(--themeColor);
}
.my-course .author {
  position: relative;
  height: 40px;
  padding-left: 50px;
  line-height: 20px;
  overflow: hidden;
}
.my-course .author img {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
}
.my-course .author em {
  display: block;
  font-size: 16px;
  color: #111;
}
.my-course .author span {
  font-size: 12px;
  color: #555;
}
.my-course .percent {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 20px;
  line-height: 20px;
}
.my-course .price {
  margin-right: 100px;
  line-height: 51px;
  font-size: 18px;
  color: var(--themeColor);
}

.my-course .price .originPrice {
    color: #555;
    font-size: 16px;
    font-weight: normal;
    vertical-align: 2px;
    text-decoration: line-through;
    margin-right: 10px;
}
.my-course .info-list {
  margin-top: 30px;
  line-height: 20px;
  color: var(--grayColor);
}
.my-course .info-list li {
  margin-top: 5px;
  border: 0;
}
.my-course .info-list li:first-child {
  margin-top: 0;
}
.my-course .info-list li i.expired_date {
    color: var(--themeColor);
}
.my-course .foot {
  line-height: 50px;
}
.my-course .foot .count {
  color: var(--grayColor);
  text-align: left;
}
.my-course .foot .count span {
  margin-right: 30px;
}
.my-course .foot .favorite {
  font-size: 14px;
}
.my-course .foot .favorite a {
  color: var(--grayColor);
  cursor: pointer;
}
.my-course .foot .favorite .icon {
  margin-right: 10px;
  vertical-align: -1px;
}
.my-course .foot .favorite .red-icon_want_f {
  color: var(--themeColor);
}
.my-course .foot i {
  font-style: normal;
}
.my-course .foot .expired_date {
  color: var(--themeColor);
}
.my-course .course__live {
  position: relative;
}
.my-course .course__live:after {
  content: "直播课";
  position: absolute;
  right: 0;
  top: 11px;
  width: 67px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  color: #111;
}
.my-course .course__live:before {
  content: "";
  position: absolute;
  right: -4px;
  top: 8px;
  width: 71px;
  height: 34px;
  background-image: url(/statics/theme/images/mark1.png);
}
.my-course .text__tip {
  line-height: 24px;
  margin-top: -10px;
}
.gyt-wechat-market {
    text-align: center;
    color: var(--grayColor);
}
.gyt-wechat-market img {
    width: 270px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: auto;
}
.my-post li {
  margin-top: 20px;
  border: 1px solid #e1e1e1;
}
.my-post li:first-child {
  margin-top: 0;
}
.my-post .head {
  padding: 15px 30px;
  color: var(--grayColor);
}
.my-post .head .fr {
  font-size: 12px;
}
.my-post .head .fr a {
  /*color: #666;*/
  cursor: pointer;
  margin-left: 10px;
}
/*.my-post .head .fr a:hover {
  color: #39f;
}*/
.my-post .content {
  padding: 0 30px 15px;
}
.my-post .content p {
  margin-top: 15px;
  word-wrap: break-word;
  word-break: break-all;
}
.my-post .content p:first-child {
  margin-top: 0;
}
.my-post .content .class {
  font-weight: 700;
}
.my-post .from {
  padding: 10px 30px;
  border-top: 1px solid #e1e1e1;
  background-color: #f8f8f8;
}
.my-post .from a {
  line-height: 28px;
}
.my-post .from small {
  color: var(--grayColor);
}
.my-post .from .time {
  display: inline-block;
  height: 20px;
  padding: 3px 10px;
  border: 1px solid #e1e1e1;
  color: #555;
  background-color: #fffafa;
  vertical-align: top;
  overflow: hidden;
}
.my-post .from .time .icon {
  margin-right: 5px;
  font-size: 12px;
}
.my-post .imageContainer img {
  max-width: 100%;
}
.my-overview {
  padding: 30px 40px;
  border: 1px solid #e1e1e1;
  border-top: 0;
}
.my-overview .title h4 {
  font-size: 16px;
}
.my-overview .overview-all {
  margin-top: 40px;
  font-size: 0;
}
.my-overview .overview-all li {
  display: inline-block;
  width: 33.33%;
  font-size: 12px;
  color: var(--grayColor);
  text-align: center;
  vertical-align: top;
}
.my-overview .overview-all li em {
  display: block;
  font-size: 24px;
  color: #111;
}
.footer {
  margin-top: 80px;
  background-color: #262424;
}
.footer .inner {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
.foot-reg {
  height: 50px;
  padding: 35px 0;
  background-color: #2d2d2d;
}
.foot-reg .reg-txt {
  font-size: 36px;
  color: #fff;
}
.foot-reg .reg-form {
  font-size: 0;
}
.foot-reg .reg-form input {
  width: 248px;
  height: 48px;
  padding: 0 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  font-size: 14px;
  color: #fff;
  background-color: transparent;
}
.foot-reg .reg-form button {
  width: 120px;
  height: 50px;
  margin-left: 40px;
  border: 0;
  border-radius: 2px;
  font-size: 16px;
  color: #fff;
  background-color: var(--themeColor);
  cursor: pointer;
}
.foot-info {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 0;
}
.foot-info .foot-copy {
  width: 370px;
}
.foot-info .foot-copy .logo {
  color: #fff;
  font-size: 16px;
}
.foot-info .foot-copy .logo .icon {
  position: relative;
  top: 5px;
  margin-right: 10px;
  font-size: 24px;
  color: var(--themeColor);
}
.foot-info .foot-copy p {
  color: #fff;
}
.foot-info .foot-copy p:nth-child(2) {
  margin: 28px 0 32px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  opacity: 0.5;
}
.foot-info .foot-copy p:nth-child(3) {
  font-size: 12px;
  opacity: 0.3;
}
.foot-info .foot-link {
  width: 410px;
}
.foot-info .foot-link dl {
  line-height: 40px;
  font-size: 0;
}
.foot-info .foot-link dt {
  display: inline-block;
  width: 4em;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.foot-info .foot-link dd {
  display: inline-block;
  width: 4em;
  margin-left: 30px;
  font-size: 14px;
  color: #fff;
}
.foot-info .foot-link dd a {
  color: #fff;
  opacity: 0.5;
}
.foot-info .foot-link dd a:hover {
  opacity: 1;
}
.package-plan-date {
  margin-top: 50px;
  font-size: 24px;
}
.package-plan-date:first-child {
  margin-top: 20px;
}
.package-plan-date .fold {
  display: inline-block;
  width: 86px;
  height: 30px;
  border: 1px solid #ccc;
  line-height: 30px;
  border-radius: 16px;
  text-align: center;
  font-size: 16px;
  vertical-align: top;
}
.package-plan-calendar th,
.package-plan-calendar td {
  width: 69px;
  border: 1px solid #e1e1e1;
}
.package-plan-calendar th {
    height: 34px;
    text-align: center;
    background-color: #f8f8f8;
    color: #555;
    font-weight: normal;
}
.package-plan-calendar td {
  position: relative;
  height: 75px;
  /*vertical-align: top;*/
}

    .package-plan-calendar td div {
        position: relative;
        width: 100%;
        height: 100%;
    }

.package-plan-calendar .num {
    position: absolute;
    left: 4px;
    top: 4px;
    z-index: 1;
    color: #111;
    font-size: 12px;
}
.package-plan-calendar .num:only-child,
.package-plan-calendar .num.num-t {
  color: #111;
}

.package-plan-calendar .num.other_month {
    color: var(--grayColor)
}

/*.package-plan-calendar .t {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-style: solid;
  border-width: 38px 33px 38px 33px;
  z-index: 1;
}
.package-plan-calendar .t:nth-of-type(3) {
  border-top-color: transparent;
  border-left-color: transparent;
}*/
/*.package-plan-calendar .t1 {
  border-color: var(--calendar1Color);
}
.package-plan-calendar .t2 {
  border-color: var(--calendar2Color);
}
.package-plan-calendar .t3 {
  border-color: var(--calendar3Color);
}*/

.package-plan-calendar .t {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    height: 22px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    letter-spacing: 0.05em;
    transition: .8s;
    cursor: pointer;
    display: flex;
    justify-content: space-around;
    align-items:center;
}

    .package-plan-calendar .t.current {
        line-height: 17px;
        height: 53px;
        overflow: hidden;
        /*display: -webkit-box;*/ /*这个样式会将没有三行的标题不居中，而是靠上，但是三行的标题完美显示超出显示省略号的效果*/
        display: grid; /*这个样式会将三行的标题超出的没有显示出省略号，但是两行的标题依旧居中 text-overflow: ellipsis;*/
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

/*ul只有一个子元素的样式*/
.package-plan-calendar .ele_num span:nth-last-child(2):first-child,
/* ~ 选择位于li:nth-last-child(2):first-child 即 第一个子元素之后的元素*/
.package-plan-calendar .ele_num span:nth-last-child(2):first-child ~ span {
    bottom: 0;
}
    /*span:nth-last-child(1):first-child{
           
        }*/
    /*ul有2个子元素的样式*/
    /*li:nth-last-child(2):first-child,  是倒数第二个元素，又是第一个元素，说明li的父元素ul有2个子元素（起到了 判断某父元素下有几个子元素 的作用）*/
    

/*ul有3个子元素的样式*/
/*第一个元素宽度为1/3，字体颜色为蓝色*/
/*span:nth-last-child(3):first-child{
            
        }*/
/*第一个元素之后的第一个元素（即 有3个子元素的ul 的 第 3 个元素）*/
.package-plan-calendar .ele_num span:nth-last-child(3):first-child ~ span:nth-last-child(1) {
    bottom: 0;
}
/*第一个元素之后的第一个元素（即 有3个子元素的ul 的 第 2 个元素）*/
.package-plan-calendar .ele_num span:nth-last-child(3):first-child ~ span:nth-last-child(2) {
    bottom: 22px;
    border-bottom: 1px solid #fff;
}



.package-plan-calendar .t1 {
    background: var(--calendar1Color);
}

.package-plan-calendar .t2 {
    background: var(--calendar2Color);
}

.package-plan-calendar .t3 {
    background: var(--calendar3Color);
}

/*.package-plan-calendar .today {
  position: absolute;
  right: 4px;
  bottom: 4px;
  z-index: 3;
  width: 20px;
  height: 20px;
  background-image: url(/statics/theme/images/today.png);
  background-size: contain;
}*/
.package-plan-list {
  padding: 15px;
  background-color: #f8f8f8;
}
.package-plan-list dl {
  position: relative;
  /*padding-left: 105px;*/
  /*border-bottom: 1px solid #e1e1e1;*/
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #e1e1e1;
}
.package-plan-list dl:last-child {
  border-bottom: 0;
}
.package-plan-list dt {
  position: absolute;
  left: 10px;
  top: 15px;
  line-height: 25px;
}
.package-plan-list .package-plan-title {
  position: relative;
  padding: 0 0px 0 67px;
}
.package-plan-list .package-plan-title .type {
  position: absolute;
  left: 0;
  top: 0;
}
.package-plan-list .package-plan-title h5 {
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #111;
  width: 440px;
}
.package-plan-list .type {
  width: 52px;
  height: 25px;
  border-radius: 2px;
  line-height: 25px;
  text-align: center;
  color: #fff;
}
.package-plan-list .t1 {
  background-color: var(--calendar1Color);
}
.package-plan-list .t2 {
  background-color: var(--calendar2Color);
}

.package-plan-list .t3 {
  background-color: var(--calendar3Color);
}

.package-plan-list .fl strong {
  font-size: 18px;
  font-weight: 400;
}
.package-plan-list .fl .type {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}
.package-plan-list dd {
  position: relative;
  padding: 0 15px;
  /*padding: 15px 0;*/
  /*border-bottom: 1px dashed #e1e1e1;*/
}
/*.package-plan-list dd:last-child {
  border-bottom: 0;
}*/

.package-plan-list dd .div2 {
    /*border-bottom: 1px dashed #e1e1e1;*/
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #e1e1e1;
}

.package-plan-list dd:last-child > div {
    border-bottom-color: transparent;
}

.package-plan-list .dd_ele {
    display: flex;
    cursor: pointer;
}

.package-plan-list .dd_ele.active {
    background: #fff;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
    border-radius: 2px;
}

.package-plan-list .dd_ele.active .div2 {
    border-bottom: 1px solid #fff;
}

.package-plan-list dd .info {
  position: absolute;
  right: 15px;
  bottom: 16px;
  font-size: 0;
}
.package-plan-list dd .info span {
  display: inline-block;
  margin-left: 10px;
  line-height: 17px;
  font-size: 12px;
  vertical-align: top;
}
.package-plan-list dd .s1 {
  margin-left: 0;
}
.package-plan-list dd .s2 {
  display: inline-block;
  height: 17px;
  padding: 0 6px;
  border-radius: 8px;
  line-height: 17px;
}
.package-plan-list dd .s2-1 {
  height: 15px;
  line-height: 15px !important;
  color: var(--grayColor);
  border: 1px solid #ccc;
}
.package-plan-list dd .s2-2 {
  color: #fff;
  background-color: var(--calendarBtnBg2Color);
}
.package-plan-list dd .s2-3 {
  color: #fff;
  background-color: var(--calendarBtnBg3Color);
}
.package-plan-list dd .s3 {
  display: inline-block;
  width: 21px;
  height: 17px;
  background-image: url(/statics/theme/images/icon17.png);
  background-size: 21px 17px;
  cursor: pointer;
}
.package-plan-list dd .s4 {
  display: inline-block;
  width: 25px;
  height: 17px;
  background-image: url(/statics/theme/images/icon18.png);
  background-size: 25px 17px;
  cursor: pointer;
}
.package-plan-list dd .intro {
  position: relative;
  margin: 0 -15px;
  padding: 20px 20px 20px 117px;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}
.package-plan-list dd .intro .img1 {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 82px;
  height: 50px;
}
.package-plan-list dd .intro .img2 {
  width: 20px;
  height: 20px;
}
.package-plan-list dd .intro .status {
  display: inline-block;
  padding: 0 6px;
  border: 1px solid #ccc;
  border-radius: 9px;
  line-height: 16px;
  font-size: 12px;
}
.package-plan-list dd .intro .txt {
  font-size: 12px;
  color: var(--grayColor);
}
.package-plan-list dd .btn-coursedetails-close {
  height: 36px;
  line-height: 36px;
  border: 1px solid var(--calendar1Color);
  color: var(--calendar1Color);
  background-color: #fff;
}
.package-plan-list dd .btn-coursedetails-close:hover {
  color: var(--calendar1Color);
  background-color: #fff;
}
.package-plan-list dd .btn-coursedetails-close a {
  color: var(--calendar1Color);
}
.package-plan-list dd .btn-enter {
  height: 36px;
  line-height: 36px;
  border: 1px solid var(--calendar1Color);
  color: #fff;
  background-color: var(--calendar1Color);
}
.package-plan-list dd .btn-enter:hover {
  color: #fff;
  background-color: var(--calendar1Color);
}
.package-plan-list dd .btn-enter a {
  color: #fff;
}

.package-plan-list .sub_info {
    color: var(--grayColor);
    font-size: 14px;
    padding-left: 67px;
    margin-top: 10px;
}

.package-plan-list .sub_info span:nth-last-child(2):first-child  {
    display: inline-block;
    width: 110px;
}

body .course .course__item.gyt_course h3 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    height: auto;
    padding: 20px 0;
}

.gyt_course .gyt_div {
    height: 28px;
    line-height: 28px;
    padding: 4px 0 8px 0;
    display: flex;
    justify-content: space-between;
}

.gyt_course .limited_free_flag {
    line-height: 28px;
}

.gyt_course .author img {
    border-radius: 50%;
}

body .course .course__item.gyt_course .info {
    padding: 0 15px;
}

.lesson_plan_tab span {
    display: inline-block;
    height: 40px;
    border: 1px solid #E1E1E1;
    cursor: pointer;
    color: #555;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    margin-right: 20px;
    float: left;
    margin-bottom: 5px;
}

.lesson_plan_tab span a {
    color: #555;
    display: inline-block;
    padding: 0 34px;
}

.lesson_plan_tab span:last-child {
    margin-right: 0;
}

.lesson_plan_tab span.tab_current {
    border: 1px solid var(--themeColor);
    color: var(--themeColor);
}

.lesson_plan_tab span.tab_current a {
    color: var(--themeColor);
}

/*.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    color: initial;
    background-color: initial;
    border-color: initial;
}*/

.reply-style {
    cursor: pointer;
    /*color: var(--grayColor);*/
}

/*.reply-style:hover {
    color: var(--themeColor);
}*/

.my-post .postItem {
    position: relative;
}

.iconInfo {
    position: absolute;
    right: 20px;
    bottom: 0;
    width: 130px;
    font-size: 12px;
    color: var(--grayColor);
    text-align: right;
    line-height: 49px;
}

.iconInfo .icon {
    margin-left: 10px;
}

.iconInfo .icon:before {
    margin-right: 5px;
    vertical-align: -1px;
}

.iconInfo .btn-toggle-like {
    font-size: 13px;
}

.iconInfo .red-see {
    font-size: 14px;
}

.iconfont-cart.icon-dianzan2:before,
.iconfont-cart.icon-dianzan1:before {
    margin-right: 5px;
}

.iconfont-cart.icon-dianzan2,
.iconfont-cart.icon-dianzan1 {
    font-size: 14px;
    text-align: right;
    color: var(--grayColor);
}
@charset "UTF-8";
body > .alert, .askQuestion .filesContainer .uploaderInputBox .inputBox:before,
.editQuestion .filesContainer .uploaderInputBox .inputBox:before,
.editReply .filesContainer .uploaderInputBox .inputBox:before, .prism-player .prism-big-play-btn {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

#lessonTip {
  display: block;
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
  border-radius: 8px; }

body > .alert {
  position: fixed;
  left: 50%;
  top: 50%;
  min-width: 100px;
  z-index: 1100; }

body > .alert.top-alert {
    top: 15%;
}

  body > .alert.zoomTip {
    position: static;
    width: 100%;
    text-align: center;
    transform: none;
    margin: 0;
    padding: 10px 0; }

body .mejs__container {
  background: rgba(0, 0, 0, 0.7); }

body .mejs__controls:not([style*="display: none"]) {
  background: none; }

.btn {
  font-size: 14px;
  line-height: 30px;
  padding: 10px 40px; }
  .btn.btn-default {
    border-color: var(--themeColor);
    color: var(--themeColor);
    padding: 9px 40px; }
  .btn.btn-primary {
    color: #fff;
    background: var(--themeColor);
    border: none;
    box-shadow: 0 0 10px 0 rgba(109, 130, 195, 0.3); }
    .btn.btn-primary.disabled, .btn.btn-primary.focus {
      background: var(--themeColor);
      border: none;
      box-shadow: 0 0 10px 0 rgba(109, 130, 195, 0.3); }
      .btn.btn-primary.disabled:hover, .btn.btn-primary.focus:hover {
        background: var(--themeColor);
        border: none; }

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  opacity: .3;
  cursor: default; }

.courseLearnContainer {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }
  .courseLearnContainer.learnBarOpend {
    padding-right: 300px; }
    .courseLearnContainer.learnBarOpend .learnHeader,
    .courseLearnContainer.learnBarOpend .learnFooter {
      right: 300px; }

#classworkpage, #learnContent {
    position: relative;
    padding-top: 70px;
    padding-bottom: 80px;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}
    #classworkpage .learnHeader,
    #learnContent .learnHeader {
        height: 70px;
        line-height: 70px;
        color: #fff;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        text-align: center;
        font-size: 12px;
        background-color: #000;
    }
        #classworkpage .learnHeader .lessonTitle,
        #learnContent .learnHeader .lessonTitle {
            display: inline-block;
            color: #B3B3B3;
            max-width: 40%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            font-size: 16px;
            font-weight: bold;
            color: #fff;
        }
        #classworkpage .learnHeader .courseTitle,
        #learnContent .learnHeader .courseTitle {
            position: absolute;
            left: 35px;
            top: 0;
            color: #979797;
            max-width: 25%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            font-size: 16px;
            font-weight: bold;
            color: #fff;
            cursor: pointer;
        }
            #classworkpage .learnHeader .courseTitle:hover,
            #learnContent .learnHeader .courseTitle:hover {
                color: var(--themeColor);
            }
            #classworkpage .learnHeader .courseTitle > .icons,
            #learnContent .learnHeader .courseTitle > .icons {
                margin-right: 10px;
            }
        #classworkpage .learnHeader .switchIcon,
        #learnContent .learnHeader .switchIcon {
            position: absolute;
            right: 20px;
            top: 0;
            padding: 0 20px;
            font-size: 14px;
            color: #979797;
            cursor: pointer;
        }
            #classworkpage .learnHeader .switchIcon:hover,
            #learnContent .learnHeader .switchIcon:hover {
                color: var(--themeColor);
            }
            #classworkpage .learnHeader .switchIcon > .redicon,
            #learnContent .learnHeader .switchIcon > .redicon {
                font-size: 28px;
            }

    #classworkpage .btn-toggle-analysis,
    #learnContent .btn-toggle-analysis {
        cursor: pointer;
        text-decoration: underline;
    }
    #classworkpage .learnFooter,
    #learnContent .learnFooter {
        height: 80px;
        line-height: 80px;
        color: #fff;
        /*position: absolute;*/
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        text-align: center;
        font-size: 12px;
        z-index: 99;
        background-color: #333333;
    }
        #classworkpage .learnFooter .progress,
        #learnContent .learnFooter .progress {
            margin: 0;
            height: 4px;
            border-radius: 0;
            box-shadow: none;
            background-color: white;
        }
        #classworkpage .learnFooter .progress .progress-bar,
        #learnContent .learnFooter .progress .progress-bar {
            box-shadow: none;
            height: 100%;
            background-color: var(--themeColor);
        }
        #classworkpage .learnFooter .progress .sr-only,
        #learnContent .learnFooter .progress .sr-only {
            display: none;
        }
        #classworkpage .learnFooter .footerContent,
        #learnContent .learnFooter .footerContent {
            text-align: right;
            position: relative;
            height: 76px;
            line-height: 76px;
            padding: 0 15px;
        }
        #classworkpage .learnFooter .footerContent .cPage,
        #learnContent .learnFooter .footerContent .cPage {
            position: absolute;
            left: 30px;
            top: 0;
            color: #B3B3B3;
        }
        #classworkpage .learnFooter .footerContent > .iconButton,
        #learnContent .learnFooter .footerContent > .iconButton {
            height: 40px;
            width: 40px;
            border-radius: 100%;
            padding: 0;
            text-align: center;
            line-height: 40px;
            margin: 0 15px;
            display: inline-block;
            background: var(--themeColor);
            color: #fff;
        }
        #classworkpage .learnFooter .footerContent > .iconButton.disabled,
        #learnContent .learnFooter .footerContent > .iconButton.disabled {
            background: #3C4455;
            color: #B3B3B3;
            box-shadow: none;
            opacity: 1;
        }
        #classworkpage .learnFooter .footerContent > .textButton,
        #learnContent .learnFooter .footerContent > .textButton {
            height: 40px;
            border-radius: 25px;
            padding: 0 30px;
            text-align: center;
            line-height: 40px;
            margin: 0 15px;
            display: inline-block;
            background: var(--themeColor);
            color: #fff;
            cursor: pointer;
        }
            #classworkpage .learnFooter .footerContent > .textButton.disabled,
            #learnContent .learnFooter .footerContent > .textButton.disabled {
                background-color: #3C4455;
                color: #B3B3B3;
            }
        #classworkpage .learnFooter .footerContent .text-btn,
        #learnContent .learnFooter .footerContent .text-btn {
            border-radius: 25px;
            padding: 5px 36px;
            margin: 0 15px 0 25px;
        }
    #classworkpage .learnContent,
    #learnContent .learnContent {
        width: 100%;
        height: 100%;
    }
        #classworkpage .learnContent .pageContent,
        #learnContent .learnContent .pageContent {
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            position: relative;
        }
        #classworkpage .learnContent .soundContent,
        #learnContent .learnContent .soundContent {
            padding-bottom: 40px;
        }
            #classworkpage .learnContent .soundContent .audioFileContainer,
            #learnContent .learnContent .soundContent .audioFileContainer {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 40px;
                line-height: 40px;
                width: 100%;
            }
        #classworkpage .learnContent .imageContent,
        #learnContent .learnContent .imageContent {
            text-align: center;
            height: 100%;
            width: 100%;
            padding: 0 35px;
        }
        #classworkpage .learnContent .paperImage,
        #learnContent .learnContent .paperImage {
            max-width: 100%;
            max-height: 100%;
            text-align: center;
        }
        #classworkpage .learnContent .markdown-body,
        #learnContent .learnContent .markdown-body {
            max-height: 100%;
            overflow-y: scroll;
            font-size: 16px;
            padding: 35px;
        }
        #classworkpage .learnContent .paperDetailInfo,
        #learnContent .learnContent .paperDetailInfo {
            height: 100%;
            width: 100%;
            overflow: auto;
            padding: 35px;
            font-size: 16px;
            box-sizing: border-box;
        }
            #classworkpage .learnContent .paperDetailInfo .paperTtitle,
            #learnContent .learnContent .paperDetailInfo .paperTtitle {
                font-size: 36px;
                line-height: 60px;
                font-weight: 300;
                margin-bottom: 20px;
            }
            #classworkpage .learnContent .paperDetailInfo .paperInfo .tipText,
            #learnContent .learnContent .paperDetailInfo .paperInfo .tipText {
                line-height: 30px;
                color: #979797;
            }
                #classworkpage .learnContent .paperDetailInfo .paperInfo .tipText > span,
                #learnContent .learnContent .paperDetailInfo .paperInfo .tipText > span {
                    color: #6D82C3;
                }
            #classworkpage .learnContent .paperDetailInfo .paperMemo,
            #learnContent .learnContent .paperDetailInfo .paperMemo {
                line-height: 30px;
                color: #979797;
                margin-bottom: 15px;
            }
            #classworkpage .learnContent .paperDetailInfo .resultDetail,
            #learnContent .learnContent .paperDetailInfo .resultDetail {
                margin-top: 20px;
            }
            #classworkpage .learnContent .paperDetailInfo .paperScore,
            #learnContent .learnContent .paperDetailInfo .paperScore {
                text-align: right;
                height: 80px;
                line-height: 80px;
                font-size: 20px;
            }
                #classworkpage .learnContent .paperDetailInfo .paperScore > span,
                #learnContent .learnContent .paperDetailInfo .paperScore > span {
                    color: var(--themeColor);
                    font-weight: 500;
                    font-size: 40px;
                }
            #classworkpage .learnContent .paperDetailInfo .paperResultsList .tipText,
            #learnContent .learnContent .paperDetailInfo .paperResultsList .tipText {
                margin: 20px 0 10px;
            }

.questionContent {
  width: 100%;
  height: 100%;
  padding: 20px 80px;
  box-sizing: border-box;
  position: relative; }
  .questionContent .questionDesc {
    float: left;
    width: 40%;
    height: 100%; }
    .questionContent .questionDesc .paperDetail {
      width: 100%;
      height: 100%;
      overflow-y: scroll; }
    .questionContent .questionDesc .questionDetail {
      border: 0;
      margin: 0;
      padding: 0 50px 0 0;
      height: 100%;
      overflow: auto; }
    .questionContent .questionDesc .paperTitle {
      font-size: 36px;
      line-height: 60px;
      font-weight: 300;
      margin-bottom: 40px; }
      .questionContent .questionDesc .paperTitle > h3 {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 10px; }
    .questionContent .questionDesc .titleImageContainer {
      width: 100%;
      background-color: #F1F4FA;
      position: relative; }
      .questionContent .questionDesc .titleImageContainer > div {
        width: 100%;
        height: 100%;
        position: relative;
        padding-top: 75%; }
        .questionContent .questionDesc .titleImageContainer > div > img {
          display: block;
          object-fit: contain;
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          border: 1px solid #E1E1E1; }
  .questionContent .questionAnswer {
    float: right;
    width: 60%;
    height: 100%;
    position: relative; }
    .questionContent .questionAnswer.determineType .qAnswerInfo .infoItem label.checked {
      box-shadow: 0 0 0 1px rgba(191, 45, 45, 0.5);
      border: 1px solid rgba(191, 45, 45, 0.5); }
    .questionContent .questionAnswer.determineType .qAnswerInfo .infoItem label.checked th {
      background-color: rgba(191, 45, 45, 0.5); }
    .questionContent .questionAnswer.determineType .qTypeSign {
      background: url(/red/images/determineTypeSign@2x.png);
      background-repeat: no-repeat;
      background-position: left center;
      background-image: -webkit-image-set(url(/red/images/determineTypeSign@2x.png) 2x, url(/red/images/determineTypeSign@3x.png) 3x);
      background-image: -moz-image-set(url(/red/images/determineTypeSign@2x.png) 2x, url(/red/images/determineTypeSign@3x.png) 3x);
      background-image: -o-image-set(url(/red/images/determineTypeSign@2x.png) 2x, url(/red/images/determineTypeSign@3x.png) 3x);
      background-image: -ms-image-set(url(/red/images/determineTypeSign@2x.png) 2x, url(/red/images/determineTypeSign@3x.png) 3x);
      background-repeat: no-repeat;
      background-size: contain; }
    .questionContent .questionAnswer.choiceType .qAnswerInfo .infoItem label.checked {
      box-shadow: 0 0 0 1px rgba(191, 45, 45, 0.75);
      border: 1px solid rgba(191, 45, 45, 0.75); }
    .questionContent .questionAnswer.choiceType .qAnswerInfo .infoItem label.checked th {
      background-color: rgba(191, 45, 45, 0.75); }
    .questionContent .questionAnswer.choiceType .qTypeSign {
      background: url(/red/images/choiceTypeSign@2x.png);
      background-repeat: no-repeat;
      background-position: left center;
      background-image: -webkit-image-set(url(/red/images/choiceTypeSign@2x.png) 2x, url(/red/images/choiceTypeSign@3x.png) 3x);
      background-image: -moz-image-set(url(/red/images/choiceTypeSign@2x.png) 2x, url(/red/images/choiceTypeSign@3x.png) 3x);
      background-image: -o-image-set(url(/red/images/choiceTypeSign@2x.png) 2x, url(/red/images/choiceTypeSign@3x.png) 3x);
      background-image: -ms-image-set(url(/red/images/choiceTypeSign@2x.png) 2x, url(/red/images/choiceTypeSign@3x.png) 3x);
      background-repeat: no-repeat;
      background-size: contain; }
    .questionContent .questionAnswer .qAnswerInfo {
      height: 100%;
      overflow: auto;
      font-size: 0; }
      .questionContent .questionAnswer .qAnswerInfo .infoItem {
        width: 50%;
        padding: 10px;
        display: inline-block;
        font-size: 14px;
        vertical-align: top;
        background-color: #fff;
        box-sizing: border-box; }
        .questionContent .questionAnswer .qAnswerInfo .infoItem.textInfoItem {
          float: none;
          width: 100%; }
          .questionContent .questionAnswer .qAnswerInfo .infoItem.textInfoItem th,
          .questionContent .questionAnswer .qAnswerInfo .infoItem.textInfoItem td {
            min-height: 70px;
            line-height: 70px; }
        .questionContent .questionAnswer .qAnswerInfo .infoItem label {
          font-weight: normal;
          border: 1px solid #EEEEEE;
          display: block;
          margin: 0; }
          .questionContent .questionAnswer .qAnswerInfo .infoItem label.checked {
            box-shadow: 0 0 0 1px var(--themeColor);
            border: 1px solid var(--themeColor); }
            .questionContent .questionAnswer .qAnswerInfo .infoItem label.checked th {
              background-color: var(--themeColor); }
              .questionContent .questionAnswer .qAnswerInfo .infoItem label.checked th > .code {
                color: #fff; }
          .questionContent .questionAnswer .qAnswerInfo .infoItem label > table {
            width: 100%; }
        .questionContent .questionAnswer .qAnswerInfo .infoItem th,
        .questionContent .questionAnswer .qAnswerInfo .infoItem td {
          min-height: 200px;
          line-height: 200px; }
        .questionContent .questionAnswer .qAnswerInfo .infoItem th {
          position: relative;
          background-color: #EEEEEE;
          width: 50px;
          text-align: center; }
          .questionContent .questionAnswer .qAnswerInfo .infoItem th > .code {
            font-size: 30px;
            color: #383838; }
          .questionContent .questionAnswer .qAnswerInfo .infoItem th > input {
            position: absolute;
            left: 0;
            top: 0;
            visibility: hidden; }
        .questionContent .questionAnswer .qAnswerInfo .infoItem td {
          min-height: 200px;
          line-height: 200px; }
          .questionContent .questionAnswer .qAnswerInfo .infoItem td > .optionText {
            padding: 10px 12px;
            line-height: 25px;
            font-size: 18px; }
          .questionContent .questionAnswer .qAnswerInfo .infoItem td > .optionImageFile {
            padding-top: 75%;
            position: relative; }
            .questionContent .questionAnswer .qAnswerInfo .infoItem td > .optionImageFile > img {
              display: block;
              object-fit: contain;
              width: 100%;
              height: 100%;
              position: absolute;
              left: 0;
              right: 0;
              top: 0;
              bottom: 0; }
    .questionContent .questionAnswer .qTypeSign {
      position: absolute;
      bottom: -20px;
      left: 50%;
      width: 120px;
      height: 75px;
      font-size: 16px;
      font-weight: bold;
      line-height: 100px;
      margin-left: -60px;
      color: #fff;
      text-align: center;
      background: url(/red/images/qTypeSign@2x.png);
      background-repeat: no-repeat;
      background-position: left center;
      background-image: -webkit-image-set(url(/red/images/qTypeSign@2x.png) 2x, url(/red/images/qTypeSign@3x.png) 3x);
      background-image: -moz-image-set(url(/red/images/qTypeSign@2x.png) 2x, url(/red/images/qTypeSign@3x.png) 3x);
      background-image: -o-image-set(url(/red/images/qTypeSign@2x.png) 2x, url(/red/images/qTypeSign@3x.png) 3x);
      background-image: -ms-image-set(url(/red/images/qTypeSign@2x.png) 2x, url(/red/images/qTypeSign@3x.png) 3x);
      background-repeat: no-repeat;
      background-size: contain;
      z-index: 100; }
  .questionContent .myQuestionAnswer {
    color: #4D4D4D; }
    .questionContent .myQuestionAnswer > .tip {
      margin-left: 15px; }
  .questionContent .questionResultSign {
    position: fixed;
    left: 0;
    bottom: 100px;
    height: 56px;
    line-height: 56px;
    color: #fff; }
    .questionContent .questionResultSign .wrongAnswerSign {
      border-radius: 0 100px 100px 0;
      background-color: #DB3030;
      padding: 0 60px 0 40px; }
    .questionContent .questionResultSign .rightAnswerSign {
      border-radius: 0 100px 100px 0;
      background-color: #7ED321;
      padding: 0 60px 0 40px; }

#learnBar {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  /* display: none; */
  visibility: hidden;
  width: 300px;
  padding-top: 126px;
  background-color: #2A2A2A; }
  #learnBar.noPadding {
    padding-top: 0; }
  #learnBar.navPadding {
    padding-top: 56px; }
    #learnBar.navPadding > nav {
      top: 0; }
  #learnBar > nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 70px;
    font-size: 0;
    height: 56px;
    line-height: 56px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000; }
    #learnBar > nav.noQuestions > a {
      width: 50%; }
    #learnBar > nav > a {
      font-size: 14px;
      width: 33.33%;
      display: inline-block;
      text-align: center;
      color: #fff;
      cursor: pointer; }
      #learnBar > nav > a:hover {
        color: var(--themeColor); }
      #learnBar > nav > a.active {
        position: relative; }
        #learnBar > nav > a.active:before {
          content: ' ';
          position: absolute;
          bottom: 0;
          left: 50%;
          width: 24px;
          margin-left: -12px;
          height: 4px;
          background-color: var(--themeColor); }
  #learnBar .addContainer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 70px;
    line-height: 70px;
    font-size: 0;
    display: flex; }
    #learnBar .addContainer > a {
      flex: 1;
      height: 100%;
      display: inline-block;
      text-align: center;
      color: #fff;
      font-size: 14px;
      font-weight: 500;
      cursor: pointer; }
      #learnBar .addContainer > a:hover {
        color: var(--themeColor); }
        #learnBar .addContainer > a:hover > span {
          color: var(--themeColor); }
      #learnBar .addContainer > a > span {
        color: #979797;
        margin-right: 10px;
        font-size: 10px;
        vertical-align: 1px; }
      #learnBar .addContainer > a:last-child {
        position: relative; }
        #learnBar .addContainer > a:last-child:before {
          content: ' ';
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          width: 1px;
          background-color: #000; }

.barContent {
  height: 100%; }
  .barContent .barInner {
    padding-top: 70px;
    height: 100%;
    position: relative;
    box-sizing: border-box; }
  .barContent .courseMenu {
    height: 100%;
    overflow-y: scroll; }
    .barContent .courseMenu .chapter {
      height: 30px;
      line-height: 30px;
      margin: 15px 0;
      padding: 0 20px;
      color: #fff;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1; }
    .barContent .courseMenu .lesson {
      margin: 5px 0;
      font-size: 12px;
      position: relative; }
      .barContent .courseMenu .lesson:hover {
        background-color: #000; }
      .barContent .courseMenu .lesson > a {
        padding: 0 70px 0 20px;
        color: #B3B3B3;
        height: 40px;
        line-height: 40px;
        position: relative;
        display: block;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1; }
      .barContent .courseMenu .lesson .time,
      .barContent .courseMenu .lesson .type {
        position: absolute;
        right: 20px;
        top: 0; }
      .barContent .courseMenu .lesson .redicon,
      .course__catalogue dd .title .redicon {
        font-size: 13px;
        margin-right: 8px;
        color: var(--themeColor); }
        .barContent .courseMenu .lesson .redicon {
            font-size: 12px;
        }
        .barContent .courseMenu .lesson .redicon.red-play {
            color: var(--calendar2Color);
        }
        .barContent .courseMenu .lesson .redicon.empty,
        .course__catalogue dd .title .redicon.empty {
            display: inline-block;
            width: 11px;
            height: 11px;
            border: 1px solid #bbb;
            margin-right: 8px;
            border-radius: 100%;
        }

        .barContent .courseMenu .lesson .redicon.empty {
            width: 10px; 
            height: 10px;
        }

  .barContent .labelContainer {
    height: 55px;
    line-height: 55px;
    margin: 0 20px;
    border-bottom: 1px dashed #4D4D4D;
    position: absolute;
    left: 0;
    right: 0;
    top: 0; }
    .barContent .labelContainer > label {
      display: inline-block;
      margin-right: 15px;
      color: #979797;
      font-weight: normal;
      font-size: 12px; }
      .barContent .labelContainer > label > input {
        margin-right: 10px;
        background: none;
        width: 16px;
        height: 16px;
        vertical-align: -2px; }
  .barContent .noteContainer {
    padding: 0 20px;
    height: 100%;
    overflow-y: scroll; }
    .barContent .noteContainer > li {
      padding-bottom: 15px;
      border-bottom: 1px dashed #4D4D4D;
      margin-bottom: 15px; }
      .barContent .noteContainer > li .imageContainer {
        margin-top: 10px; }
        .barContent .noteContainer > li .imageContainer img {
          max-width: 100%; }
      .barContent .noteContainer > li .lessonTime {
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        color: #4D4D4D;
        margin-bottom: 10px; }
        .barContent .noteContainer > li .lessonTime > span {
          display: inline-block;
          padding: 0 8px;
          background-color: #EEEEEE;
          border-radius: 2px; }
        .barContent .noteContainer > li .lessonTime .icons {
          margin-right: 4px; }
      .barContent .noteContainer > li > p {
        color: #B3B3B3;
        font-size: 12px;
        line-height: 30px;
        margin: 6px 0;
        word-wrap: break-word;
        word-break: break-all; }
        .barContent .noteContainer > li > p.bookmarkContent {
          height: 30px;
          line-height: 30px; }
        .barContent .noteContainer > li > p .bookmark {
          height: 24px;
          line-height: 24px;
          display: inline-block;
          padding: 0 18px;
          color: #6D82C3;
          font-size: 12px;
          background: #F1F4FA;
          border-radius: 2px; }
        .barContent .noteContainer > li > p > a {
          color: #B3B3B3; }
          .barContent .noteContainer > li > p > a:hover {
            color: var(--themeColor); }
      .barContent .noteContainer > li .pubInfo {
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        text-align: right;
        color: #979797; }
        .barContent .noteContainer > li .pubInfo > .time {
          float: left; }
        .barContent .noteContainer > li .pubInfo .browseCount {
          margin-left: 15px; }
        .barContent .noteContainer > li .pubInfo .redicon {
          margin-right: 8px; }
      .barContent .noteContainer > li .userInfo {
        height: 20px;
        line-height: 20px;
        color: #979797;
        font-size: 12px; }
        .barContent .noteContainer > li .userInfo .name {
          display: inline-block;
          vertical-align: top; }
        .barContent .noteContainer > li .userInfo .icon {
          display: inline-block;
          width: 20px;
          height: 20px;
          border-radius: 100%;
          overflow: hidden;
          margin-right: 8px; }
          .barContent .noteContainer > li .userInfo .icon > img {
            width: 100%;
            height: 100%;
            vertical-align: top; }
        .barContent .noteContainer > li .userInfo .operItem {
          float: right;
          margin-right: -10px;
          color: #979797;
          padding: 0 10px;
          cursor: pointer; }
          .barContent .noteContainer > li .userInfo .operItem:hover {
            color: var(--themeColor); }
      .barContent .noteContainer > li:last-child {
        border: none;
        padding-bottom: 0; }

.questionListBar {
  height: 100%; }
  .questionListBar .listTitle {
    height: 50px;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    font-weight: 300;
    padding: 10px 12px; }
  .questionListBar .listContainer {
    font-size: 0;
    padding: 0 6px; }
  .questionListBar .listItem {
    height: 36px;
    width: 36px;
    border-radius: 2px;
    color: #979797;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
    margin: 6px;
    border: 1px solid #4D4D4D; }
    .questionListBar .listItem.answered {
      border: 1px solid var(--themeColor); }
    .questionListBar .listItem.wrongItem > a {
      color: #DB3030; }
    .questionListBar .listItem.rightItem > a {
      color: #7ED321; }
    .questionListBar .listItem:hover, .questionListBar .listItem.selected {
      background-color: var(--themeColor);
      border: 1px solid var(--themeColor); }
      .questionListBar .listItem:hover > a, .questionListBar .listItem.selected > a {
        color: #fff; }
    .questionListBar .listItem > a {
      display: block;
      color: #979797; }

#lessonTip {
  position: absolute;
  right: 0;
  bottom: 80px;
  background: #fff;
  padding: 10px;
  z-index: 100;
  min-width: 180px; }
  #lessonTip > span {
    color: #B3B3B3;
    font-size: 12px;
    line-height: 18px; }

.markdown-body {
  color: #4D4D4D;
  font-size: 14px;
  line-height: 30px;
  box-sizing: border-box; }
  .markdown-body .article-tit {
    padding-bottom: 20px;
    border-bottom: 0.5px dotted #E1E1E1; }
  .markdown-body hr {
    border: none;
    border-bottom: 0.5px solid #E1E1E1;
    padding: 0;
    height: 0;
    margin: 30px 0; }
  .markdown-body img {
    max-width: 100%; }
  .markdown-body h1,
  .markdown-body h2,
  .markdown-body h3,
  .markdown-body h4,
  .markdown-body h5,
  .markdown-body h6 {
    font-family: inherit;
    font-weight: bolder;
    line-height: 1.5;
    margin-top: 1.2em;
    margin-bottom: 0.6em; }
  .markdown-body h1 {
    font-size: 22px; }
  .markdown-body h2 {
    font-size: 20px; }
  .markdown-body h3 {
    font-size: 18px; }
  .markdown-body h4 {
    font-size: 16px; }
  .markdown-body h5,
  .markdown-body h6 {
    font-size: 14px; }
  .markdown-body b,
  .markdown-body strong {
    font-weight: 700;
    color: #383838; }
  .markdown-body p {
    margin: 15px 0; }
  .markdown-body blockquote {
    font-size: 14px;
    margin: 6px 0;
    color: #666;
    border-left: 5px solid #E1E1E1;
    padding-left: 0;
    font-weight: 300; }
    .markdown-body blockquote p {
      padding-left: 5px; }
  .markdown-body p a {
    color: #B3B3B3; }
  .markdown-body p.editing-tag {
    margin: 15px 5px 0 8px;
    float: left;
    font-weight: 500;
    color: #777;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1px 5px;
    vertical-align: 2px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    line-height: 1.4; }
  .markdown-body p.editing-p, .markdown-body p.超强提示 {
    border-left: 5px solid #ff0000;
    padding-left: 5px; }
  .markdown-body p.超强提示标签 {
    color: #ff0000;
    border-color: #ff0000;
    background-color: #f3f3f3; }
  .markdown-body p.提示 {
    border-left: 5px solid #009900;
    padding-left: 5px; }
  .markdown-body p.提示标签 {
    color: #009900;
    border-color: #009900;
    background-color: #f3f3f3; }
  .markdown-body p.强提示 {
    border-left: 5px solid #ff8800;
    padding-left: 5px; }
  .markdown-body p.强提示标签 {
    color: #ff8800;
    border-color: #ff8800;
    background-color: #f3f3f3; }
  .markdown-body p.表头单元格, .markdown-body p.表格单元格 {
    margin: 5px 0; }
  .markdown-body p + p.editing-tag {
    margin-top: 0; }
  .markdown-body .注释编号,
  .markdown-body .注释编号下 {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -0.5em;
    font-weight: bold; }
  .markdown-body .注释内容 {
    border-left: 5px solid #777;
    padding-left: 5px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px; }
  .markdown-body .图 {
    text-align: center; }
  .markdown-body .图题 {
    text-align: center;
    font-size: 90%; }
  .markdown-body .表题 {
    text-align: center;
    font-size: 90%;
    font-weight: 500; }
  .markdown-body .代码清单标题 {
    text-align: right;
    font-size: 90%; }
  .markdown-body .strong-code-line {
    font-weight: 500;
    background-color: #c7daf2; }
  .markdown-body table {
    margin: 0 auto;
    border-collapse: collapse;
    border-spacing: 0; }
    .markdown-body table th,
    .markdown-body table td {
      border: 1px solid #ddd;
      padding: 0.5em 1em; }
    .markdown-body table th {
      background-color: #f1f1f1; }
  .markdown-body acronym {
    color: #009900;
    font-weight: bold; }
  .markdown-body ul {
    list-style-type: disc;
    margin-left: 1.3em;
    margin-bottom: 1.2px; }
    .markdown-body ul li {
      list-style-type: disc; }
    .markdown-body ul ul {
      list-style-type: circle; }
      .markdown-body ul ul li {
        list-style-type: circle; }
      .markdown-body ul ul ul {
        list-style-type: square; }
        .markdown-body ul ul ul li {
          list-style-type: square; }
        .markdown-body ul ul ul ul {
          list-style-type: disc; }
          .markdown-body ul ul ul ul li {
            list-style-type: disc; }
  .markdown-body ol {
    list-style-type: decimal-leading-zero;
    margin-left: 1.3em;
    margin-bottom: 1.2px; }
    .markdown-body ol li {
      list-style-type: decimal-leading-zero; }
    .markdown-body ol ol {
      list-style-type: lower-alpha; }
      .markdown-body ol ol li {
        list-style-type: lower-alpha; }
      .markdown-body ol ol ol {
        list-style-type: lower-roman; }
        .markdown-body ol ol ol li {
          list-style-type: lower-roman; }
        .markdown-body ol ol ol ol {
          list-style-type: lower-greek; }
          .markdown-body ol ol ol ol li {
            list-style-type: lower-greek; }
  .markdown-body pre,
  .markdown-body code {
    font-family: Courier, 'Courier New', monospace; }
  .markdown-body pre {
    margin: 10px 0;
    background: #f8f8f8;
    border: 1px solid #ddd;
    padding: 1em 1.5em;
    display: block;
    word-break: break-all;
    word-wrap: break-word;
    border-radius: 4px; }
    .markdown-body pre.prettyprint {
      padding: 5px 5px 5px 30px; }
    .markdown-body pre code {
      padding: 0;
      font-size: inherit;
      color: inherit;
      white-space: pre-wrap;
      background-color: transparent;
      border-radius: 0; }
  .markdown-body .代码编号分隔,
  .markdown-body .列表编号分隔 {
    display: none; }
  .markdown-body .编注 {
    color: #fff;
    background-color: #890707; }

.modal-sm {
  width: 370px !important; }

.modal-content {
  border-radius: 4px;
  padding: 15px 30px;
  border: none;
  box-shadow: none;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
  .modal-content .modal-header {
    padding: 10px 0;
    border-bottom: 1px solid #E1E1E1; }
    .modal-content .modal-header.noBorder {
      border-bottom: none; }
    .modal-content .modal-header > h4 {
      height: 30px;
      line-height: 30px; }
      .modal-content .modal-header > h4 > a {
        font-weight: normal;
        margin-right: 30px;
        font-size: 14px;
        display: inline-block;
        color: #383838;
        position: relative; }
        .modal-content .modal-header > h4 > a.active:after {
          content: ' ';
          position: absolute;
          left: 0;
          right: 0;
          bottom: -10px;
          height: 2px;
          background: #6D82C3; }

.askQuestion,
.editQuestion,
.editReply {
  padding: 20px 0 0; }
  .askQuestion .focus-textarea,
  .editQuestion .focus-textarea,
  .editReply .focus-textarea {
    width: 100%;
    height: 162px; }
  .askQuestion .textarea,
  .editQuestion .textarea,
  .editReply .textarea {
    width: 100%;
    height: 160px;
    resize: none;
    padding: 15px;
    font-size: 12px;
    margin-bottom: 15px;
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid #E1E1E1; }
  .askQuestion .filesContainer,
  .editQuestion .filesContainer,
  .editReply .filesContainer {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #E1E1E1;
    font-size: 0;
    padding: 5px;
    box-sizing: border-box; }
    .askQuestion .filesContainer > li,
    .editQuestion .filesContainer > li,
    .editReply .filesContainer > li {
      width: 25%;
      padding-top: 25%;
      display: inline-block;
      overflow: hidden;
      position: relative; }
      .askQuestion .filesContainer > li > a,
      .editQuestion .filesContainer > li > a,
      .editReply .filesContainer > li > a {
        position: absolute;
        left: 5px;
        right: 5px;
        top: 5px;
        bottom: 5px;
        text-align: center;
        font-size: 1.428rem;
        color: #6D82C3;
        border: 1px solid #5367A3;
        background-size: contain;
        background-repeat: no-repeat; }
      .askQuestion .filesContainer > li .delImage,
      .editQuestion .filesContainer > li .delImage,
      .editReply .filesContainer > li .delImage {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        border: none;
        left: auto;
        bottom: auto;
        right: 0;
        top: 0;
        background-color: #6D82C3;
        color: #fff;
        line-height: 30px;
        text-align: center; }
        .askQuestion .filesContainer > li .delImage > i,
        .editQuestion .filesContainer > li .delImage > i,
        .editReply .filesContainer > li .delImage > i {
          font-size: 12px;
          vertical-align: 3px; }
    .askQuestion .filesContainer .uploaderInputBox,
    .editQuestion .filesContainer .uploaderInputBox,
    .editReply .filesContainer .uploaderInputBox {
      width: 25%;
      padding-top: 25%;
      display: inline-block;
      overflow: hidden;
      position: relative; }
      .askQuestion .filesContainer .uploaderInputBox .inputBox,
      .editQuestion .filesContainer .uploaderInputBox .inputBox,
      .editReply .filesContainer .uploaderInputBox .inputBox {
        position: absolute;
        left: 5px;
        right: 5px;
        top: 5px;
        bottom: 5px;
        border: 1px solid var(--themeColor); }
        .askQuestion .filesContainer .uploaderInputBox .inputBox:before,
        .editQuestion .filesContainer .uploaderInputBox .inputBox:before,
        .editReply .filesContainer .uploaderInputBox .inputBox:before {
          font-family: 'redicon' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          content: "\e928";
          font-size: 1.428rem;
          color: var(--themeColor);
          position: absolute;
          left: 50%;
          top: 50%; }
      .askQuestion .filesContainer .uploaderInputBox .uploaderInput,
      .editQuestion .filesContainer .uploaderInputBox .uploaderInput,
      .editReply .filesContainer .uploaderInputBox .uploaderInput {
        height: 100%;
        width: 100%;
        opacity: 0;
        z-index: 100; }
  .askQuestion .labelList,
  .editQuestion .labelList,
  .editReply .labelList {
    width: 100%;
    padding: 15px 7.5px 5px;
    margin-bottom: 15px;
    border-radius: 4px;
    border: 1px solid #E1E1E1;
    font-size: 0; }
    .askQuestion .labelList > p,
    .editQuestion .labelList > p,
    .editReply .labelList > p {
      font-size: 12px;
      line-height: 30px;
      color: #979797; }
    .askQuestion .labelList > li,
    .editQuestion .labelList > li,
    .editReply .labelList > li {
      margin: 0 7.5px;
      height: 30px;
      line-height: 30px;
      font-size: 12px;
      padding: 0 8px;
      color: #4D4D4D;
      display: inline-block;
      background: #F1F4FA;
      border-radius: 2px;
      margin-bottom: 10px; }
  .askQuestion .btn-primary,
  .editQuestion .btn-primary,
  .editReply .btn-primary {
    margin: 15px 0;
    padding: 6px 0;
    width: 100%; }

.loginContainer {
  padding: 30px 0 0; }
  .loginContainer .loginHeader {
    text-align: center; }
  .loginContainer .loginForm {
    padding: 0; }
    .loginContainer .loginForm .inputItem {
      height: 48px;
      margin-bottom: 20px;
      border: 1px solid #E1E1E1;
      border-radius: 4px;
      padding: 0 15px 0 50px;
      position: relative;
      overflow: hidden; }
      .loginContainer .loginForm .inputItem.codeInput {
        padding-right: 110px; }
        .loginContainer .loginForm .inputItem.codeInput .btn-primary {
          padding: 4px 20px;
          position: absolute;
          right: 5px;
          top: 4px;
          font-size: 12px; }
      .loginContainer .loginForm .inputItem.authInput {
        padding: 0;
        background: #F1F4FA;
        border: none; }
        .loginContainer .loginForm .inputItem.authInput > input {
          text-align: center;
          background: #F1F4FA; }
          .loginContainer .loginForm .inputItem.authInput > input::-webkit-input-placeholder {
            color: #B3B3B3; }
      .loginContainer .loginForm .inputItem > .redicon {
        position: absolute;
        left: 18px;
        top: 10px;
        font-size: 14px;
        color: #B3B3B3; }
        .loginContainer .loginForm .inputItem > .redicon.red-phone {
          top: 16px; }
      .loginContainer .loginForm .inputItem > input {
        height: 100%;
        border: none;
        width: 100%;
        font-size: 14px; }
        .loginContainer .loginForm .inputItem > input::-webkit-input-placeholder {
          color: #B3B3B3; }
    .loginContainer .loginForm .labelItem {
      height: 20px;
      line-height: 20px;
      margin-bottom: 20px;
      margin-top: -10px;
      position: relative;
      font-size: 14px; }
      .loginContainer .loginForm .labelItem > label {
        display: inline-block;
        color: #383838;
        margin-right: 5px;
        font-weight: normal; }
        .loginContainer .loginForm .labelItem > label > input {
          width: 16px;
          height: 16px;
          margin-right: 10px;
          vertical-align: -2px; }
      .loginContainer .loginForm .labelItem > a {
        display: inline-block;
        color: #6D82C3; }
      .loginContainer .loginForm .labelItem .passwordLink {
        position: absolute;
        top: 0;
        right: 0; }
    .loginContainer .loginForm .buttonItem {
      margin-bottom: 20px; }
      .loginContainer .loginForm .buttonItem > button {
        height: 45px;
        width: 100%; }
  .loginContainer .thirdLogin {
    padding: 8px 16px 15px; }
    .loginContainer .thirdLogin .loginText {
      height: 18px;
      line-height: 18px;
      border-top: 1px solid #E1E1E1;
      text-align: center;
      margin: 8px 0 10px;
      font-size: 0; }
      .loginContainer .thirdLogin .loginText > span {
        font-size: 12px;
        line-height: 18px;
        padding: 0 16px;
        display: inline-block;
        background: #fff;
        color: #B3B3B3;
        position: relative;
        top: -50%; }
    .loginContainer .thirdLogin > ul {
      font-size: 0;
      text-align: center;
      padding: 0 22px; }
      .loginContainer .thirdLogin > ul > li {
        display: inline-block;
        width: 33.33%; }
        .loginContainer .thirdLogin > ul > li > a {
          display: block;
          margin: 0 auto;
          height: 40px;
          width: 40px;
          border-radius: 100%; }
          .loginContainer .thirdLogin > ul > li > a > img {
            width: 100%;
            height: 100%; }
  .loginContainer .authText {
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #979797;
    margin-bottom: 30px; }
    .loginContainer .authText > p > span {
      color: #6D82C3;
      padding: 0 5px; }
    .loginContainer .authText .successText {
      color: #383838;
      padding: 30px 0 15px;
      font-size: 18px;
      line-height: 30px; }
  .loginContainer .modifyAccount {
    font-size: 12px;
    color: #979797;
    text-align: center;
    margin-bottom: 15px; }
    .loginContainer .modifyAccount > .icons {
      margin-right: 6px; }

.addNoteLayer {
  padding: 15px 0; }
  .addNoteLayer .btn-primary {
    padding: 8px 0;
    width: 100%; }
  .addNoteLayer .addCourseContainer {
    position: relative;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
    padding: 20px 20px 60px;
    margin-bottom: 20px; }
    .addNoteLayer .addCourseContainer .focus-textarea,
    .addNoteLayer .addCourseContainer .textarea {
      border: none;
      resize: none;
      width: 100%;
      height: 150px;
      line-height: 30px;
      font-size: 12px; }
    .addNoteLayer .addCourseContainer > p {
      position: absolute;
      left: 20px;
      right: 20px;
      bottom: 20px;
      height: 30px;
      line-height: 30px;
      font-size: 12px; }
      .addNoteLayer .addCourseContainer > p > label {
        font-weight: normal; }
        .addNoteLayer .addCourseContainer > p > label > input {
          margin-right: 4px; }
      .addNoteLayer .addCourseContainer > p > span {
        float: right;
        color: #979797; }

.packageIntroLayer .introContent {
  padding: 15px 0; }

#confirmModal .modal-body {
  padding: 15px 0 0;
  min-height: 100px; }

#confirmModal .modal-footer {
  padding: 15px 0; }
  #confirmModal .modal-footer > button,
  #confirmModal .modal-footer > a {
    margin-left: 15px; }

#submitPaperModal .modal-body {
  padding: 15px 0 0;
  min-height: 100px; }

#submitPaperModal .modal-body {
  padding: 30px 0 10px 0; }

#submitPaperModal .modal-footer {
  padding: 15px 0; }
  #submitPaperModal .modal-footer > button {
    padding: 4px 30px;
    margin-left: 10px; }

.myInfoContent {
  padding-bottom: 30px;
  border-bottom: 1px solid #E1E1E1; }
  .myInfoContent:last-child {
    border-bottom: none; }
  .myInfoContent:first-child > .title {
    margin-top: 0; }
  .myInfoContent > .title {
    height: 30px;
    line-height: 30px;
    margin: 30px 0;
    color: #4D4D4D; }
    .myInfoContent > .title > span {
      float: right;
      color: #6D82C3; }
  .myInfoContent .numContent {
    font-size: 0; }
    .myInfoContent .numContent > li {
      width: 33.33%;
      display: inline-block;
      text-align: center; }
      .myInfoContent .numContent > li > span {
        color: #B3B3B3;
        font-size: 12px;
        line-height: 30px;
        display: block; }
      .myInfoContent .numContent > li .mainNum {
        font-size: 24px;
        line-height: 40px;
        color: #383838; }
  .myInfoContent .textTip {
    margin: 20px 0;
    color: #979797; }
    .myInfoContent .textTip.textRed {
      color: #DB3030; }
    .myInfoContent .textTip > .icons {
      color: #6D82C3;
      margin-right: 10px; }
    .myInfoContent .textTip .promoCode {
      margin: 0 5px; }

.baseInfo {
  text-align: left; }
  .baseInfo .iconInfo {
    float: right;
    height: 110px;
    width: 110px;
    border-radius: 100%;
    overflow: hidden;
    position: relative; }
    .baseInfo .iconInfo > img {
      width: 100%;
      height: 100%; }
    .baseInfo .iconInfo > .changeIcon {
      text-align: center;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      color: #fff;
      height: 25px;
      line-height: 25px;
      font-size: 12px;
      background: rgba(0, 0, 0, 0.3);
      cursor: pointer; }
      .baseInfo .iconInfo > .changeIcon > input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 1; }
      .baseInfo .iconInfo > .changeIcon:hover {
        background: var(--themeColor); }
  .baseInfo .infoItem {
    height: 48px;
    line-height: 48px;
    border-radius: 4px;
    border: 1px solid #E1E1E1;
    width: 220px;
    padding-left: 68px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-right: 50px;
    margin-bottom: 10px;
    text-align: center; }
    .baseInfo .infoItem:nth-child(2n+1) {
      margin-right: 0; }
    .baseInfo .infoItem .btn-group {
      width: 100%;
      height: 46px;
      vertical-align: top; }
      .baseInfo .infoItem .btn-group > label {
        height: 40px;
        line-height: 40px;
        margin: 3px 10px;
        padding: 0 21px;
        border-radius: 4px !important;
        font-weight: normal;
        background: none;
        box-shadow: none;
        color: #383838; }
        .baseInfo .infoItem .btn-group > label:hover, .baseInfo .infoItem .btn-group > label.active {
          background: var(--themeColor);
          border-radius: 4px;
          color: #fff; }
        .baseInfo .infoItem .btn-group > label > .redicon {
          margin-right: 10px; }
        .baseInfo .infoItem .btn-group > label > input {
          display: none; }
    .baseInfo .infoItem > input {
      width: 100%;
      border: none;
      padding: 0 20px;
      box-sizing: border-box;
      font-size: 14px; }
      .baseInfo .infoItem > input[disabled] {
        background: none; }
    .baseInfo .infoItem > span {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 67px;
      border-right: 1px solid #E1E1E1;
      text-align: center;
      color: #979797;
      background: #FAFAFA;
      border-radius: 4px; }

.accountSetting > div {
  height: 30px;
  line-height: 30px;
  padding: 0 68px;
  position: relative;
  margin-bottom: 10px; }
  .accountSetting > div .type {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    text-align: right;
    color: #979797; }
  .accountSetting > div > a {
    margin-left: 15px; }

.saveMyInfo {
  margin-top: 20px; }

.centerForm {
  padding-top: 30px; }
  .centerForm .text-danger {
    color: #DB3030; }
  .centerForm > .form-group {
    height: 48px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    margin-bottom: 25px; }
    .centerForm > .form-group > div {
      height: 100%; }
    .centerForm > .form-group.textAreaForm {
      height: 96px; }
      .centerForm > .form-group.textAreaForm textarea {
        resize: none;
        padding: 8px 6px;
        line-height: 26px; }
    .centerForm > .form-group .control-label {
      text-align: right;
      color: #979797;
      padding: 0;
      line-height: 48px;
      font-weight: normal; }
      .centerForm > .form-group .control-label.codeLabel {
        text-align: left;
        width: 50px; }
      .centerForm > .form-group .control-label > label {
        margin: 0;
        font-weight: normal;
        line-height: 40px; }
        .centerForm > .form-group .control-label > label > .sup {
          color: #6D82C3; }
    .centerForm > .form-group .form-control,
    .centerForm > .form-group .text-box {
      border: 1px solid #E1E1E1;
      height: 100%;
      width: 100%;
      box-shadow: none;
      border-radius: 4px;
      box-sizing: border-box;
      padding: 0 10px;
      font-size: 14px; }

    #InvoiceCategory {
        width: 100%;
        height: 100%;
        border: 1px solid #EEEEEE;
        border-radius: 4px;
        padding: 6px 12px;
        outline: none;
    }

    .centerForm > .form-group .codeMd {
      padding: 0; }
    .centerForm > .form-group .codeText {
      display: tabel-cell;
      vertical-align: middle;
      height: 48px;
      line-height: 48px; }
      .centerForm > .form-group .codeText > p {
        font-size: 12px;
        line-height: 20px;
        display: block; }
    .centerForm > .form-group .getCaptcha {
      padding: 7px 10px;
      position: relative; }
    .centerForm > .form-group .useCouponCode {
      padding: 7px 20px; }
    .centerForm > .form-group .submitButton {
      padding: 8px 40px; }
    .centerForm > .form-group .lineButton {
      border: 1px solid var(--themeColor);
      color: var(--themeColor);
      padding: 7px 40px;
      margin-left: 15px; }
    .centerForm > .form-group .textForm {
      line-height: 48px; }
    .centerForm > .form-group .radioLabel {
      font-weight: normal;
      margin: 0;
      margin-left: 10px; }
    .centerForm > .form-group .typeRadio {
      margin: 0; }

.orderPrice {
  border-top: 1px solid #E1E1E1;
  text-align: right;
  padding-top: 15px; }
  .orderPrice > div {
    height: 30px;
    line-height: 30px; }
  .orderPrice .price {
    color: var(--themeColor);
    font-size: 18px;
    font-weight: 500;
    margin-right: 0;
    line-height: 30px; }

.orderAgreement {
  text-align: right;
  height: 30px;
  line-height: 30px;
  margin-bottom: 20px; }
  .orderAgreement > label {
    font-weight: normal;
    margin: 0;
    vertical-align: middle; }
  .orderAgreement .agreeInput {
    margin: 0;
    margin-right: 2px;
    width: 14px;
    height: 14px;
    vertical-align: middle; }

.saveOrderInfo {
  text-align: right;
  margin-top: -10px; }

.payTypeContainer .nav-tabs {
  border: none;
  font-size: 0;
  padding: 30px 0; }

.payTypeContainer .nav-tabs > li {
  display: inline-block;
  margin-right: 20px; }

.payTypeContainer .nav-tabs > li > a {
  border-radius: 4px;
  line-height: 30px;
  font-size: 14px; }

.payTypeContainer .nav-tabs > li > a:hover,
.payTypeContainer .nav-tabs > li.active > a,
.payTypeContainer .nav-tabs > li.active > a:hover,
.payTypeContainer .nav-tabs > li.active > a:focus,
.payTypeContainer .nav-tabs > li.active > a.focus,
.payTypeContainer .nav-tabs > li.active > a:visited {
  border: 1px solid var(--themeColor);
  color: #fff;
  background: var(--themeColor); }

.payTypeContainer .tab-content .tab-pane {
  display: none; }
  .payTypeContainer .tab-content .tab-pane.active {
    display: block; }

.payTypeContainer .qrCode {
  text-align: center;
  margin-bottom: 15px;
  border-top: 1px solid #E1E1E1; }
  .payTypeContainer .qrCode > img {
    width: 140px;
    height: 140px;
    margin: 30px 0 20px; }
  .payTypeContainer .qrCode > p {
    color: #B3B3B3;
    font-size: 12px;
    line-height: 18px; }

.payTypeContainer .bankList {
  margin-bottom: 15px;
  padding-top: 20px;
  border-top: 1px solid #E1E1E1;
  font-size: 0; }
  .payTypeContainer .bankList li {
    display: inline-block; }
    .payTypeContainer .bankList li a {
      border: 1px solid #EEEEEE;
      display: block;
      font-size: 14px;
      padding: 5px 10px;
      margin-bottom: 15px;
      margin-right: 15px;
      border-radius: 2px;
      color: #383838; }
      .payTypeContainer .bankList li a:hover {
        color: var(--themeColor);
        border: 1px solid var(--themeColor); }

.btn.creatInvoice {
  padding: 5px 20px;
  margin-top: 10px;
  margin-right: 15px; }
  .btn.creatInvoice:hover {
    background: var(--themeColor);
    color: #fff; }

.myInvoices {
  padding: 0 40px 30px;
  border: 1px solid #E1E1E1;
  border-top: 0; }
  .myInvoices .validation-summary-errors {
    color: #DB3030; }

.invoicelist .textTip {
    line-height: 30px;
    margin: 20px 0;
    font-weight: bold;
}

.invoiceContent {
  padding: 30px 40px;
  border: 1px solid #E1E1E1;
  border-top: 0; }
  .invoiceContent > dl > dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
    line-height: 40px;
    color: #B3B3B3; }
  .invoiceContent > dl > dd {
    margin-left: 180px;
    line-height: 40px; }

.prism-player .prism-big-play-btn {
  left: 50% !important;
  top: 50% !important;
  bottom: auto !important; }
  .prism-player .prism-big-play-btn .outter {
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15) !important; }

.prism-player .prism-controlbar .prism-controlbar-bg {
  background: rgba(0, 0, 0, 0.4) !important; }

.prism-player .prism-play-btn {
  background-position: center center !important;
  background-size: 24px 24px !important; }

.prism-player .prism-volume .volume-icon {
  background-position: center center !important;
  background-size: 24px 24px !important; }

.prism-player .prism-fullscreen-btn {
  background-position: center center !important;
  background-size: 24px 24px !important; }

.prism-player .prism-setting-btn {
  display: none !important; }

.prism-player .prism-cc-btn {
  display: none !important; }

.prism-player .prism-volume {
  margin-right: 15px !important; }

.prism-player .prism-setting-list .prism-setting-cc,
.prism-player .prism-setting-list .prism-setting-audio,
.prism-player .prism-setting-list .prism-setting-quality {
  display: none !important; }

.prism-player .prism-progress .prism-progress-cursor {
  background-size: 24px 24px !important; }

.prism-player .prism-progress .prism-progress-played {
  background-color: var(--calendar2Color) !important; }

.prism-player .prism-setting-list {
  float: right !important;
  margin-right: 15px !important;
  margin-top: 8px !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: bold !important;
  position: relative !important;
  display: block !important;
  bottom: auto !important;
  right: auto !important;
  background: none !important;
  width: auto !important; }
  .prism-player .prism-setting-list .prism-setting-speed {
    color: #fff !important; }
    .prism-player .prism-setting-list .prism-setting-speed .setting-title,
    .prism-player .prism-setting-list .prism-setting-speed .current-setting {
      margin-left: 0 !important;
      font-size: 14px !important; }
    .prism-player .prism-setting-list .prism-setting-speed .array {
      display: none !important; }

.prism-player .prism-setting-selector .header {
  display: none !important; }

/*1:0.75X, 2:1X, 3:1.25X, 4:1.5X, 5:2X*/
/*
.prism-player .prism-setting-selector .selector-list li:nth-child(4),
.prism-player .prism-setting-selector .selector-list li:nth-child(5),
.prism-player .prism-setting-selector .selector-list li:nth-child(1),*/
.prism-player .prism-setting-selector .selector-list li:nth-child(3) {
    display: none;
}

.course-detail__body .prism-player .prism-fullscreen-btn,
.course-detail__body .prism-player .prism-setting-btn,
.course-detail__body .prism-player .prism-setting-speed {
  display: none !important; }

.video-ad-component {
  z-index: 2147483647; }
  .video-ad-component .video-ad-link {
    display: none !important; }
  .video-ad-component .video-ad-close .icon-close {
    display: none !important; }
  .video-ad-component .video-ad-close #video-ad-duration {
    color: var(--themeColor) !important; }
    .video-ad-component .video-ad-close #video-ad-duration::after {
      background: none !important;
      position: absolute;
      content: 's' !important;
      right: -5px !important;
      top: 0 !important;
      bottom: auto !important;
      color: #ffffff; }
  .video-ad-component .video-ad-close label {
    cursor: default;
    padding-left: 20px;
    position: relative; }
    .video-ad-component .video-ad-close label::before {
      background-color: #fff;
      position: absolute;
      content: '';
      left: 18px;
      top: 8px;
      bottom: 8px;
      width: 1px; }
  .video-ad-component .video-ad-close .video-ad-close-text {
    cursor: default; }
  .video-ad-component .video-ad-detail {
    display: none !important; }
  .video-ad-component .autoplay-video-ad {
    margin-left: 0 !important;
    margin-top: 0 !important;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important; }
    .video-ad-component .autoplay-video-ad span {
      display: none !important; }

/* 作业 */
.learnContent.gyt {
    padding: 20px 80px;
    box-sizing: border-box;
}

.learnContent.gyt .col-md-1.label-col-md-1 {
    text-align: right;
    padding-right: 0;
    float: left;
    padding-left: 0;
}

.learnContent.gyt .gyt-label {
    font-weight: 600;
}

.learnContent.gyt .row {
    line-height: 35px;
    margin-left: 0;
    margin-right: 0;
}

.learnContent.gyt .gyt-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.learnContent.gyt .questionContent {
    padding: 0;
}

.learnContent.gyt .gyt-bt {
    border-top: 1px solid #7a7a7a;
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
    font-weight: 600;
    font-size: 16px;
}

.learnContent.gyt .attachments {
    margin-bottom: 10px;
}

.learnContent.gyt .attachment.gyt-mtb {
    margin: 5px 0;
}

.learnContent.gyt .attachment a {
    color: var(--themeColor);
    cursor: pointer;
}

.learnContent.gyt .gyt-btn {
    text-decoration: underline;
    color: #0857f5;
    margin-left: 15px;
}

.learnContent.gyt .row.textCenter {
    text-align: center;
}

.learnContent.gyt .displayInlineBlock {
    display: inline-block;
}

.learnContent.gyt .k-dropzone {
    padding: .8em 0 .8em 0;
}

@media (min-width: 992px) {
    .learnContent.gyt .col-md-1 {
        width: 8%;
    }
}

.div-analysis table {
    border: 1px solid #ccc;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 15px 0;
}

.div-analysis table thead {
    background-color: #f9f9f9;
}

.div-analysis table td,
.div-analysis table th {
    min-width: 40px;
    height: 30px;
    border: 1px solid #ccc;
    vertical-align: top;
    padding: 2px 4px;
    text-align: left;
    box-sizing: border-box;
}

.btn.btn-default.gyt-studyCardPayBtn {
    margin-top: 5px;
}

.btn.btn-default.gyt-rechargePayBtn {
    margin: 5px 10px 0 10px;
}


/* 购物车 */
.cartPage_ul li {
    border: 1px solid #e1e1e1;
    position: relative;
    margin-top: 30px;
}

.cartPage_ul .cont {
    position: relative;
    border-bottom: 1px solid #e1e1e1;
}

.cartPage_ul li img {
    width: 270px;
    height: 200px;
}

.cartPage_ul li .info {
    width: 548px;
    padding: 20px 20px 20px 0;
}

.cartPage_ul li .info .course-title {
    font-size: 18px;
    color: #111;
    margin-bottom: 30px;
}

.cartPage_ul li .info p {
    color: var(--grayColor);
    font-size: 14px;
    line-height: 23px;
}

.cartPage_ul .btn.btn-remove-cart {
    position: absolute;
    right: 15px;
    bottom: 15px;
    /*padding: 9px 29px;*/
    /*font-size: 16px;*/
    padding: 0 15px;
    font-size: 14px;
    background: transparent;
    color: var(--themeColor);
    border: 1px solid var(--themeColor);
}

.cartPage_ul .favourable-cont {
    padding: 0 20px;
    display: none;
}

.cartPage_ul .favourable-cont .box1 {
    /*line-height: 70px;*/
    line-height: 50px;
}

.cartPage_ul .favourable-cont .coupon-tip {
    line-height: 26px;
    margin-top: -10px;
    color: var(--themeColor);
}

.cartPage_ul .favourable-cont input {
    line-height: 32px;
    margin-right: 10px;
    padding-left: 8px;
    border-radius: 4px;
    border: 1px solid var(--grayColor);
}

.cartPage_ul .favourable-cont a.btn {
    padding: 1px 20px;
    vertical-align: initial;
}


.btn.hoverRed:hover {
    background: var(--themeColor);
    color: #fff;
}

.isShowCouponCont {
    line-height: 70px;
    padding: 0 20px;
}

/*我的订单*/
#order-list .order-btn-pay {
    background: var(--themeColor);
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 4px;
}

#order-list .order-btn-cancel {
    border: 1px solid var(--themeColor);
    padding: 4px 20px;
    border-radius: 4px;
    display: inline-block;
    color: var(--themeColor);
    cursor: pointer;
    margin-right: 5px;
}

/*开发票*/

.gyt-invoice-cont .lh28 {
    line-height: 28px;
}

.gyt-invoice-cont .info-list {
    width: 50%;
}

.gyt-invoice-cont .info-list span {
    display: inline-block;
    width: 70px;
    text-align: right;
}

.btn.btn-default.gyt-default-btn {
    padding: 0px 20px;
    margin-right: 15px;
}

.btn.btn-default.gyt-default-btn:hover {
    background-color: transparent;
}

#btn-pay-all-orders {
    float: right;
    margin-top: 14px;
}

.btn.btn-default.gyt-default-btn.btn-canncel-order {
    position: absolute;
    right: 0;
    bottom: 15px;
}

#filters select {
    height: 35px;
    margin: 15px 10px 15px 0;
    padding: 0 5px;
    border: 1px solid #ddd;
}
.qq-service {
    display: block;
    position: fixed;
    bottom: 20%;
    right: 0;
    z-index: 99;
    background: #f8f8f8;
    border: 1px solid #bfbfbf;
    border-right: 0;
    border-radius: 5px 0 0 5px;
}

    .qq-service img {
        width: 55px;
        border: 0;
    }

.service-info {
    /*color: #b3b3b3;*/
    /*color: var(--themeColor)*/
    color: #000;
    font-size: 14px;
    padding: 0 10px 10px 10px;
}

.ewm {
    position: absolute;
    top: -83px;
    left: -173px;
    display: none;
}

#wechat_btn {
    border-top: 1px solid #bfbfbf;
    cursor: pointer;
    position: relative;
    text-align: center;
}

    #wechat_btn img {
        width: 50px;
    }

#gotoTop {
    border-top: 1px solid #bfbfbf;
    cursor: pointer;
    text-align: center;
}

    #gotoTop img {
        width: 45px;
    }

.foot-info .foot-copy p:nth-child(3) {
    line-height: 30px;
}

/*定制培训*/
.customized-solutions {
    border: 1px solid #e1e1e1;
    border-top: none;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.solutions-wrap {
    width: 545px;
    padding-left: 20px;
}

    .solutions-wrap h1 {
        color: #4F78DD;
        font-size: 44px;
        line-height: 70px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .solutions-wrap span,
    .customized .form-wrap > div {
        line-height: 25px;
        margin-bottom: 10px;
        text-align: left;
    }

.customized .form-wrap {
    border: 1px solid #e1e1e1;
    padding: 15px;
    box-sizing: border-box;
    width: 510px;
}

.showForm {
    display: none;
}

    .showForm .form-wrap {
        margin: 50px auto 10px;
    }

.customized .form-wrap .form-group:first-child {
    margin-top: 15px;
}

.customized .form-wrap input {
    height: 36px;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 0 10px;
    box-sizing: border-box;
}

.customized .form-wrap .form-group {
    margin-bottom: 10px;
}

    .customized .form-wrap .form-group:last-child {
        margin-bottom: 0;
    }

.customized .form-wrap .two {
    display: flex;
    justify-content: space-between;
}

    .customized .form-wrap .two input:first-child {
        width: 30%;
    }

    .customized .form-wrap .two input:last-child {
        width: 67%;
    }

    .customized .form-wrap .two div {
        display: flex;
        width: 67%;
        justify-content: space-between;
    }

        .customized .form-wrap .two div .btn.btn-primary {
            height: 36px;
            padding: 0 10px;
            line-height: 36px;
            margin-right: 10px;
        }

.customized .form-wrap .form-group textarea {
    width: 100%;
    height: 80px;
    padding: 7px;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
}

.customized .form-wrap .validation-summary-errors {
    margin-bottom: 10px;
    color: var(--themeColor);
    text-align: left;
    line-height: 20px;
}

    .customized .form-wrap .validation-summary-errors ul li {
        display: inline-block;
        margin-right: 6px;
    }

        .customized .form-wrap .validation-summary-errors ul li:after {
            content: ';';
        }

.customize-section .customize-title {
    font-size: 36px;
    color: #4F78DD;
    text-align: center;
    margin: 35px 0;
    font-weight: bold;
}

.customize-section .customize-cont {
    border: 1px solid #e1e1e1;
    padding: 30px 40px;
}

    .customize-section .customize-cont .cont-top {
        display: flex;
        justify-content: space-between;
        margin-bottom: 35px;
    }

        .customize-section .customize-cont .cont-top > div {
            width: 50%;
            display: flex;
            align-items: center;
        }

            .customize-section .customize-cont .cont-top > div > div {
                width: 175px;
                margin-left: 40px;
                line-height: 25px;
            }

                .customize-section .customize-cont .cont-top > div > div:last-child .cont-title {
                    width: 265px;
                }

                .customize-section .customize-cont .cont-top > div > div .cont-title {
                    font-weight: bold;
                    font-size: 24px;
                    margin-bottom: 20px;
                }

.customize-section .customize-content ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.customize-section .customize-content li {
    width: 32%;
    display: inline-block;
    min-height: 130px;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
    line-height: 25px;
}

    .customize-section .customize-content li .content-title {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
    }

.customize-section .customize-content .red {
    border: 1px solid #864949;
}

.customize-section .customize-content .purple {
    border: 1px solid #76709c;
}

.customize-section .customize-content .green {
    border: 1px solid #185d1d;
}

.customize-section .customize-content .purple-red {
    border: 1px solid #da93d8;
}

.customize-section .customize-content .blue-green {
    border: 1px solid #09C6E6;
}

.customize-section .customize-cont.customize-content2 > img {
    width: 60%;
    margin-left: 0px;
}

.customize-section .customize-content2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

    .customize-section .customize-content2 li {
        border: 1px solid #e1e1e1;
        padding: 20px;
        box-sizing: border-box;
        text-align: center;
        width: 49%;
        margin-bottom: 15px;
        min-height: 350px;
    }

        .customize-section .customize-content2 li .content2-title {
            font-size: 20px;
            font-weight: bold;
            margin: 20px 0;
        }

    .customize-section .customize-content2 p {
        line-height: 30px;
        width: 36%;
        margin-right: 10px;
    }

    .customize-section .customize-content2.safeguard p {
        margin-right: 0;
        width: 100%;
    }

    .customize-section .customize-content2.teacher p {
        width: auto;
        text-align: left;
        margin-right: 0;
    }

    .customize-section .customize-content2.teacher li {
        width: 32%;
    }

    .customize-section .customize-content2.teacher {
        flex-wrap: nowrap;
    }

.customize-section {
    position: relative;
}

    .customize-section .customize-more {
        text-align: right;
        font-size: 18px;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 53px;
    }

        .customize-section .customize-more a {
            font-size: 18px;
            color: var(--themeColor);
        }

            .customize-section .customize-more a img {
                vertical-align: baseline;
                margin-left: 5px;
            }

    .customize-section .training-programs .contact-btn {
        margin: 35px 0 10px;
        display: flex;
        justify-content: space-around;
    }

    .customize-section .training-programs {
        padding: 0 20px 20px;
        border: 1px solid #e1e1e1;
        margin-top: 70px;
        text-align: center;
    }

.filtrate__item a {
    margin-left: 15px;
}

.gotoDetails {
    cursor: pointer;
}

.package-progress {
    padding: 0;
    border: none;
}

.overview-course {
    margin-top: 40px;
    padding: 0 50px;
}

    .overview-course li:not(:first-child) {
        margin-top: 20px;
    }

    .overview-course li .info {
        display: flex;
        justify-content: space-between;
        color: #666;
    }

        .overview-course li .info a {
            color: #666;
        }

            .overview-course li .info a:hover {
                color: #39f;
            }

    .overview-course .progress-bar {
        margin-top: 5px;
        height: 4px;
        background-color: #e1e1e1;
    }

        .overview-course .progress-bar span {
            display: block;
            height: 4px;
            background-color: #215ac5;
        }

.my-overview .overview-all.item-4 li {
    width: 25% !important;
}

.my-overview .overview-all.item-5 li {
    width: 20% !important;
}