@CHARSET "UTF-8";
/********* 首页轮播图 + 菜单 *************/
.qd-section-wrap {
    background: #fafafa;
    padding: 25px 0;
    transition: all 4s;
    -webkit-transition: all 4s;
    -moz-transition: all 4s;
    -o-transition: all 4s;
}

.qd-section {
    width: 1120px;
    margin: 0 auto;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.qd-banner-menu {
    position: relative;
    overflow: hidden;
}

.qd-menu {
    float: left;
    width: 180px;
    padding: 6px 0;
    background: #0e0f2b;
}

.qd-menu .menu {
    position: relative;
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 58px;
    height: 58px;
    padding: 0 20px;
    cursor: pointer;
}

.qd-menu .menu::after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    vertical-align: middle;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
}

.qd-menu .menu:hover {
    background: #2a2b49;
}

.qd-menu li .qd-menu-content {
    display: none;
    position: absolute;
    left: 180px;
    top: 0;
    z-index: 99;
    width: 720px;
    height: 418px;
    background: #fff;
    color: #333;
}

.qd-menu li:hover .qd-menu-content {
    display: block;
}

.qd-menu-content-hd {
    height: 198px;
    padding: 20px;
}

.qd-menu-content-bd {
    height: 160px;
    padding: 10px 15px;
    background: #f6f6f6;
    overflow: hidden;
}

.qd-menu-content-bd .menu-course-list {
    overflow: hidden;
    float: left;
    width: 325px;
    padding: 12px 10px;
    cursor: pointer;
}

.qd-menu-content-bd .menu-course-list:hover {
    color: #444;
}

.qd-menu-content-bd .menu-course-list-l {
    float: left;
    font-size: 0;
    line-height: 0;
    width: 84px;
    height: 56px;
}

.qd-menu-content-bd .menu-course-list-l img {
    width: 100%;
    border-radius: 5px;
}

.qd-menu-content-bd .menu-course-list-r {
    padding-left: 96px;
}

.qd-menu-content-bd .menu-course-list-r h2 {
    font-size: 14px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qd-menu-content-bd .menu-course-list-r span {
    color: #999;
    font-size: 12px;
    line-height: 20px;
    padding-top: 5px;
}

.qd-menu-content h1 {
    font-size: 18px;
    font-weight: bolder;
    padding-bottom: 10px;
}

.qd-menu-content .list {
    padding: 3px 0;
    font-size: 14px;
    overflow: hidden;
}

.qd-menu-content .header {
    float: left;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 8px;
}

.qd-menu-content .item {
    float: left;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 8px;
}

.qd-menu-content .more {
    float: left;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 8px;
    color: #999;
}

.qd-menu-content .more:hover {
    color: #3565ee;
}

.qd-menu-content .item:hover {
    background: none;
}

.qd-banner {
    float: left;
    width: 940px;
}

.qd-service-wrap {
    overflow: hidden;
    background: #fff;
    padding: 25px 11px;
}

.qd-service-wrap a {
    float: left;
    width: 183px;
    cursor: pointer;
}

.qd-service-wrap img {
    width: 44px;
    height: 44px;
    margin-right: 8px;
    vertical-align: middle;
}

.qd-service-wrap span {
    display: inline-block;
    line-height: 24px;
    font-size: 16px;
    vertical-align: middle;
}

/********* 主要内容区域 *************/
.qd-container {
    width: 1120px;
    margin: 0 auto;
    text-align: center;
}

.qd-course-wrap {
    padding: 10px 0;
}

.qd-course-clear {
    clear: both;
}

.qd-course {
    width: 760px;
    float: left;
}

.qd-exam-paper {
    width: 320px;
    float: right;
}

.qd-container-title {
    overflow: hidden;
    line-height: 36px;
    padding: 10px 0;
}

.qd-container-title .title-hd {
    float: left;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

.qd-container-title .title-hd img {
    padding: 6px 0;
    height: 24px;
    float: left;
}
.qd-container-title .title-hd span {
    padding: 6px;
    float: left;
    font-size: 16px;
    font-weight: bolder;
    line-height: 24px;
}
.qd-container-title .title-bd {
    float: left;
    overflow: hidden;
    font-size: 15px;
    padding-left: 20px;
}

.qd-container-title .title-bd a {
    float: left;
    height: 34px;
    margin: 0 10px;
    border-bottom: 2px solid #fff;

}

.qd-container-title .title-bd a.active {
    font-weight: bolder;
    color: #ff4500;
    border-bottom-color: #ff4500;
}

.qd-container-title .title-ft {
    float: right;
    font-size: 14px;
    color: #999;
    cursor: pointer;
}

.qd-container-title .title-ft:hover {
    color: #ff4500;
}

.course-list-wrap {
    margin: 0 -10px;
}

.course-list {
    float: left;
    width: 236px;
    margin: 12px;
    overflow: hidden;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    cursor: pointer;
}

.course-list-hd {
    font-size: 0;
    line-height: 0;
    width: 236px;
    height: 156px;
    overflow: hidden;
    position: relative;
    background: #000;
}

.course-list-hd img {
    width: 100%;
    height: 156px;
    transition: All 0.1s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.course-list-hd span {
    display: none;
    width: 54px;
    height: 54px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    background: url(../img/ico_play.png) no-repeat;
    margin-top: -27px;
    margin-left: -27px;
}

.course-list-hd:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.course-list-hd:hover span {
    display: block;
}

.course-list-bd {
    font-size: 15px;
    text-align: justify;
    line-height: 22px;
    height: 44px;
    padding: 0 10px;
    margin: 8px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.course-list-ft {
    overflow: hidden;
    padding: 0 8px;
}

.course-list-ft .view {
    float: left;
    font-size: 12px;
    color: #999;
}

.course-list-ft .like {
    float: right;
    font-size: 12px;
    color: #999;
}

.exam-paper-wrap {
    padding: 10px 0;
}

.exam-paper-list {
    text-align: left;
    display: block;
    font-size: 15px;
    padding: 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 24px;
    cursor: pointer;
}

.qd-notice-wrap {
    overflow: hidden;
    text-align: left;
    font-size: 15px;
}
.qd-notice{
    padding: 8px 0;
}
.qd-notice-l {
    float: left;
    width: 48%;
}

.qd-notice-r {
    float: right;
    width: 48%;
}

.qd-notice-list {
    display: block;
    padding: 4px 0;
}

.qd-notice-list .text {
    line-height: 24px;
    padding-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qd-notice-list .point {
    float: left;
    width: 12px;
    height: 12px;
    margin: 6px 0;
    background: #e6e6e6;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.qd-notice-list:first-child .point {
    background: #ed4300;
}

.qd-notice-list:nth-child(2) .point {
    background: #fd7418;
}

.qd-notice-list:nth-child(3) .point {
    background: #fd9c01;
}

.qd-schedule {
    position: relative;
}

.qd-schedule-line {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 80px;
    z-index: 1;
    border-left: 1px dotted #ccc;

}

.qd-schedule-list {
    display: block;
    position: relative;
    z-index: 2;
    padding: 10px 0;
}

.qd-schedule-list .datetime {
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 2;
    width: 60px;
    height: 60px;
    background-image: linear-gradient(45deg, #4f75e1, #9ab4ff);
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.qd-schedule-list .day {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: bolder;
    padding-top: 8px;
}

.qd-schedule-list .month {
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 8px;
}

.qd-schedule-list .circle {
    position: absolute;
    left: 77px;
    top: 38px;
    z-index: 2;
    width: 5px;
    height: 5px;
    border: 1px solid #999;
    border-radius: 10px;
    background: #fff;
}

.qd-schedule-list .text {
    padding-left: 100px;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 44px;
    line-height: 24px;
}

/*********video-list导航条*************/
.navbar {
    overflow: hidden;
    line-height: 20px;
    padding: 12px 0; /*background:url(../../img/navbar.png) no-repeat;*/
    border-bottom: 1px solid #ddd;
}

.navbar h1 {
    font-size: 18px;
    font-weight: bold;
    float: left;
    border-left: 10px solid #3570cc;
    padding-left: 8px;
}

.navbar ul {
    float: right;
    display: block;
}

.navbar ul li {
    float: left;
    padding: 0 16px;
}

.navbar ul li a {
    font-size: 14px;
    cursor: pointer;
}

/*********video-list广告/新闻*************/
.content {
    width: 1120px;
    overflow: hidden;
}

.content .ad {
    float: left;
    width: 220px;
    height: 410px;
}

.content .ad img {
    display: block;
    vertical-align: middle;
    width: 220px;
    height: 410px;
}

.content .content-r {
    float: left;
    width: 900px;
}

.content .content-r .msg {
    position: relative;
}

.content .content-r .news {
    width: 580px;
    margin-left: 20px;
}

.content .content-r .news ul {
    float: left;
    width: 270px;
    padding: 12px 0 5px;
    margin-right: 20px;
}

.content .content-r .news ul li {
    line-height: 26px;
}

.content .content-r .news ul li a {
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.content .content-r .bbs {
    width: 288px;
    height: 222px;
    position: absolute;
    right: 0;
    top: 10px;
    padding-left: 11px;
    border-left: 1px solid #ddd;
}

.content .content-r .bbs h1 {
    padding: 0 0 10px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

.content .content-r .bbs h1 span {
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 10px;
    border-bottom: 1px solid #3570cc;
}

.content .content-r .bbs ul {
    padding: 10px 0 5px;
}

.content .content-r .bbs ul li {
    line-height: 26px;
    position: relative;
}

.content .content-r .bbs ul li a {
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    padding-left: 20px;
}

.content .content-r .bbs ul li span {
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background: #bcbcbc;
    color: #fff;
}

.content .content-r .bbs ul li:nth-child(1) span {
    background: #ed4300;
}

.content .content-r .bbs ul li:nth-child(2) span {
    background: #fd7418;
}

.content .content-r .bbs ul li:nth-child(3) span {
    background: #fd9c01;
}

.content .content-r .exam-date {
    width: 288px;
    height: 222px;
    position: absolute;
    right: 0;
    top: 10px;
    padding-left: 11px;
    border-left: 1px solid #ddd;
}

.content .content-r .exam-date-title {
    height: 36px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

.content .content-r .exam-date-title span {
    float: left;
    font-size: 18px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #3570cc;
}

.content .content-r .exam-date-title ul {
    float: right;
}

.content .content-r .exam-date-title ul li {
    float: left;
    height: 36px;
    line-height: 36px;
    padding: 0 5px;
    margin: 0 5px;
    font-size: 14px;
    cursor: pointer;
}

.content .content-r .exam-date-title ul li.on {
    color: #3570cc;
    font-weight: bold;
}

.content .content-r .exam-date-content {
    margin: 15px 0;
}

.content .content-r .exam-date-content .item {
    display: none;
}

.content .content-r .exam-date-content .item p {
    text-align: center;
    font-size: 15px;
    line-height: 32px;
}

.content .content-r .exam-date-content .item p:last-child {
    color: #999;
    font-size: 13px;
    text-align: center;
}

.content .content-r .exam-date-content .item.on {
    display: block;
}

/*********video-list首页课程轮播*************/
.content-r .video {
    width: 830px;
    position: relative;
    margin-bottom: 10px;
    padding: 0 35px;
}

.content-r .video ul {
    overflow: hidden;
}

.content-r .video li {
    float: left;
    width: 200px;
    margin-right: 10px;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;;
}

.content-r .video li:hover {
}

.content-r .video li .video-img {
    width: 198px;
    height: 133px;
    overflow: hidden;
    position: relative;
    display: block;
    background: #000;
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
}

.content-r .video li .video-img img {
    width: 198px;
    height: 133px;
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    transition: All 0.1s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.content-r .video li .video-img span.ico-play {
    position: absolute;
    display: none;
    width: 54px;
    height: 54px;
    left: 40%;
    top: 35%;
    z-index: 999;
    background: url(../img/ico_play.png) no-repeat;
}

.content-r .video li:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.content-r .video li .video-img:hover span.ico-play {
    display: block;
}

.content-r .video li .video-info {
    padding: 8px;
}

.content-r .video li .video-info p span.like {
    padding-left: 16px;
    cursor: pointer;
    background: url(../img/like_ico.png) no-repeat;
}

.content-r .video li .video-info p span.buy {
    padding-left: 16px;
    padding-right: 10px;
    background: url(../img/buy_ico.png) no-repeat;
}

.content-r .video li .video-info p span.like.on {
    background: url(../img/like_ico_on.png) no-repeat;
}

.content-r .video .picbox {
    width: 830px;
    height: 168px;
    overflow: hidden;
}

.content-r .video .scroll_prev, .content-r .video .scroll_next {
    width: 16px;
    height: 24px;
    background-color: #cde5ff;
    padding: 10px 6px;
    background-position: 6px 10px;
    border-radius: 2px;
    margin-top: -22px;
    position: absolute;
    top: 50%;
    z-index: 99;
    cursor: pointer;
}

.content-r .video .scroll_prev:hover, .content-r .video .scroll_next:hover {
    background-color: #b2d7ff;
}

.content-r .video .scroll_prev {
    background-image: url(../img/ico_pre.png);
    background-repeat: no-repeat;
    left: 4px;
}

.content-r .video .scroll_next {
    background-image: url(../img/ico_next.png);
    background-repeat: no-repeat;
    right: 4px;
}

/*********video-list课程列表*************/
.video-box {
    width: 1120px;
    position: relative;
    margin-bottom: 10px;
}

.video-box ul {
    overflow: hidden;
}

.video-box li {
    float: left;
    width: 254px;
    margin: 12px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;;
}

.video-box li:hover {
    -webkit-box-shadow: 0 0 6px #ccc;
    box-shadow: 0 0 15px #ccc;
    -moz-box-shadow: 0 0 15px #ccc;
    -ms-box-shadow: 0 0 15px #ccc;
    -o-box-shadow: 0 0 15px #ccc;
}

.video-box li .video-img {
    width: 254px;
    height: 169px;
    overflow: hidden;
    position: relative;
    display: block;
    background: #000;
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
}

.video-box li .video-img .course-thumb {
    width: 254px;
    height: 169px;
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    transition: All 0.1s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

.video-box li .video-img span.ico-play {
    position: absolute;
    display: none;
    width: 54px;
    height: 54px;
    left: 40%;
    top: 35%;
    z-index: 999;
    background: url(../img/ico_play.png) no-repeat;
}

.video-box li .video-img:hover .course-thumb {
    opacity: 0.7;
    filter: alpha(opacity=70);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.video-box li .video-img:hover span.ico-play {
    display: block;
}

.video-box li .video-info {
    padding: 5px 8px;
    overflow: hidden;
}

.video-box li .video-info .video-activity {
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}

.video-box li .video-info .activity-name {
    background-image: linear-gradient(135deg, #7330ef, #00b3ff);
    color: #fff;
    font-size: 12px;
    padding: 2px 4px;
    margin-right: 2px;
    border-radius: 2px;
}

.video-box li .video-info .course-name {
    font-size: 16px;
}

.video-box li .video-info p {
    color: #999;
    padding-top: 8px;
}

.video-box li .video-info p span.like {
    padding-left: 20px;
    cursor: pointer;
    background: url(../img/like_ico.png) no-repeat;
}

.video-box li .video-info p span.buy {
    padding-left: 20px;
    padding-right: 20px;
    background: url(../img/buy_ico.png) no-repeat;
}

.video-box li .video-info p span.like.on {
    background: url(../img/like_ico_on.png) no-repeat;
}

.video-box li .video-info .video-price {
    float: left;
    color: #f00;
    line-height: 32px;
    padding-right: 4px;
    font-size: 16px;
}

.video-box li .video-info .original-price {
    float: left;
    color: #999;
    line-height: 32px;
    text-decoration: line-through;
}

.video-box li .video-info a.online-view-btn, .video-box li .video-info a.online-view-btn:link, .video-box li .video-info a.online-view-btn:visited {
    float: right;
    width: 84px;
    height: 32px;
    background: #ff7327;
    color: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.video-box li .video-info a.online-view-btn:hover {
    background: #ff5a00;
}

.video-box li .video-info a.online-view-btn-no, .video-box li .video-info a.online-view-btn-no:link, .video-box li .video-info a.online-view-btn-no:visited {
    background: #ccc
}

/*********video-list视频筛选选项卡*************/
.video-filter {
    width: 1070px;
    margin: 0 auto;
    background: #fff;
    border-radius: 6px;
    padding: 15px 25px;
}

.video-filter ul {
    text-align: left;
}

.video-filter ul li {
    display: inline-block;
    padding: 4px 0;
}

.video-filter ul li span {
    font-size: 16px;
    font-weight: bold;
    padding-right: 10px;
}

.video-filter ul li a {
    font-size: 16px;
    cursor: pointer;
    display: block;
    line-height: 14px;
    padding: 9px 0px;
    margin: 0 10px;
    color: #333;
}

.video-filter ul li a:hover {
    color: #ff4500;
}

.video-filter ul li.on a {
    color: #ff4500;
    font-weight: bold;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

/*********video-list书籍展示*************/
.book-list {
    overflow: hidden;
}

.book-list li {
    width: 258px;
    float: left;
    margin: 10px;
    background: #fff;
    position: relative;
    padding-bottom: 26px;
    border: 1px solid #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.book-list li:hover {
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 15px #ddd;
}

.book-list .book-img {
    width: 258px;
    height: 258px;
}

.book-list .book-img img {
    width: 258px;
    height: 258px;
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
}

.book-list .book-fee {
    padding: 0 10px;
}

.book-list .book-fee .view-price {
    color: #f00;
    line-height: 32px;
    padding-right: 4px;
    font-size: 18px;
}

.book-list .book-fee .original-price {
    color: #999;
    line-height: 32px;
    text-decoration: line-through;
}

.book-list .book-people {
    color: #999;
    padding: 0 10px;
}

.book-list .book-people span {
    color: #3570cc;
}

.book-list .book-article {
    padding: 0 8px;
    line-height: 36px;
    display: block;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.book-list .book-publish-msg {
    display: block;
    visibility: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 238px;
    padding: 6px 10px;
    background: #ededed;
    color: #666;
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.book-list li:hover .book-publish-msg {
    visibility: visible;
}

/*********video-list合作伙伴*************/
.cooperation-box {
    width: 100%;
    margin-top: 20px;
    background: #fafafa;
}

.cooperation-box h1 {
    text-align: center;
    font-size: 24px;
    color: #555;
    font-weight: bold;
    padding: 30px 0 20px;
}

.cooperation {
    width: 1120px;
    margin: 0 auto;
    position: relative;
    padding: 30px 0 80px;
}

.cooperation .cooper {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    height: 124px;
}

.cooperation .cooper a {
    padding: 0 10px;
    float: left;
    text-align: center;
    width: 140px;
}

.cooperation .cooper a p {
    padding-top: 6px;
    line-height: 24px;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.cooperation img {
    vertical-align: middle;
    width: 100px;
    border-radius: 50px;
}

.cooperation .left-btn, .cooperation .right-btn {
    width: 42px;
    height: 84px;
    display: none;
    padding: 10px 6px;
    background-position: 6px 10px;
    border-radius: 2px;
    position: absolute;
    top: 43px;
    z-index: 99;
    cursor: pointer;
}

.cooperation:hover .left-btn, .cooperation:hover .right-btn {
    display: block;
}

.cooperation .left-btn {
    background-image: url(../img/left_btn.png);
    background-repeat: no-repeat;
    left: 4px;
}

.cooperation .right-btn {
    background-image: url(../img/right_btn.png);
    background-repeat: no-repeat;
    right: 4px;
}

/*********视频中心活动样式*************/
.activity_bg {
    width: 100%;
    height: 200px;
    background-image: linear-gradient(90deg, #292eed, #ff439b);
}

.activity_img {
    width: 100%;
    height: 200px;
    background: url(../img/banner_course_activity.jpg) center center no-repeat;
}

/*分页*/
.course-pagination {
    padding: 20px 0 15px;
    text-align: center;
}

.course-pagination .course-page {
    display: inline-flex;
    /*overflow: hidden;*/
}

.course-page a {
    margin: 0 5px;
    font-size: 15px;
    line-height: 30px;
    background: #fff;
    color: #888;
    padding: 0 10px;
    border-radius: 4px;
    box-shadow: 0 0 15px #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
}

.course-page a:hover {
    background: #3565ee;
    box-shadow: 0 0 15px #acc2ff;
    color: #fff;
}

.course-page a.current {
    background: #3565ee;
    box-shadow: 0 0 15px #acc2ff;
    color: #fff;
}