/* 课程中心css */
 /* header css */
 
 li {
     list-style: none;
 }
 
 .kc_content {
     /* background: url(../img/study_center.png); */
     width: 1400px;
     height: 1180px;
     margin: 0 auto;
     position: relative;
     background-repeat: no-repeat;
 }
 
 .cont_h {
     overflow: hidden;
 }
 
 .c_header {
     width: 74%;
     height: 80px;
     /* padding: 50px 0; */
     position: absolute;
     margin: 124px auto;
 }
 
 .c_nav ul {
     width: 1036px;
     position: relative;
     margin: 12px 0 0 11px;
 }
 
 .c_nav ul li:nth-of-type(1) {
     margin-left: 22px !important;
 }
 
 .hover {
     background: #4371A2;
     border-radius: 20px;
     color: #ffffff !important;
     cursor: pointer;
     display: inline-block;
 }
 
 .c_header .c_nav ul li {
     font-family: MicrosoftYaHei;
     font-size: 18px;
     color: #151515;
     text-align: center;
     line-height: 30px;
     float: left;
     padding-left: 11px;
     padding-right: 11px;
     margin: 0px 0 0 5px;
     position: relative;
     cursor: pointer;
 }
 /* .c_header .c_nav ul li:hover {
     background: #4371A2;
     border-radius: 20px;
     color: #ffffff !important;
     cursor: pointer;
     display: inline-block;
 } */
 /* main css */
 
 .kc_main {
     width: 100%;
     height: 500px;
     position: absolute;
     margin: 197px auto;
 }
 
 .kc_list {
     width: 335px;
     height: 191.7px;
     margin: 0 0 0 19px;
     background-image: linear-gradient(#B6DCFE, #FFFFFF);
 }
 
 .kc_list img {
     width: 303px;
     height: 180px;
     margin: 19px 0 0 16px;
 }
 
 .kc_title {
     width: 335px;
     height: 29px;
     margin: 0 0 0 19px;
     background: #fff;
 }
 
 .kc_title span {
     margin: 14px 0 0 15px;
     position: absolute;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     width: 303px;
     font-size: 14px;
 }
 
 .kc_detail span:nth-of-type(1) {
     margin: 9px 0 0 15px;
     color: #666666;
     position: absolute;
     font-size: 14px;
 }
 
 .kc_detail span:nth-of-type(2) {
     margin: 9px 0 0 101px;
     color: #c0a8a8;
     position: absolute;
 }
 
 .kc_detail span:nth-of-type(3) {
     margin: 9px 0 0 193px;
     color: #c0a8a8;
     position: absolute;
 }
 
 .kc_detail {
     width: 335px;
     height: 29px;
     margin: 0 0 0 19px;
     background: #fff;
     font-size: 14px;
 }
 
 .kc_score_quantity {
     width: 335px;
     height: 38.5px;
     margin: 0 0 0 19px;
     background: #fff;
 }
 
 .kc_score_quantity span img {
     width: 14px;
     height: 14px;
     margin: 10px 0 0 0;
 }
 
 .kc_score_quantity span:nth-of-type(1) {
     margin: 0 0 0 11px;
 }
 
 .kc_score_quantity span:nth-of-type(6) {
     margin: 4px 0 0 -11px;
     position: absolute;
 }
 
 .kc_score_quantity span:nth-of-type(7) {
     margin: -5px 0 0 127px;
     position: absolute;
 }
 
 .kc_score_quantity span:nth-of-type(8) {
     margin: 1px 0 0 147px;
     position: absolute;
     width: 53px;
     overflow: hidden;
     white-space: normal;
     text-overflow: ellipsis;
     text-align: center;
 }
 
 .kc_score_quantity span {
     color: #FA6400;
     padding: 3px;
 }
 
 .kczx_cont {
     width: 335px;
     float: left;
     cursor: pointer;
     position: relative;
     padding-top: 36px;
     top: -31px;
     left: -42px;
     margin: -5px 0 0 23px;
 }
 
 .kc_left {
     width: 78%;
     height: 996px;
     overflow: hidden;
     position: relative;
 }
 
 .kc_right {
     width: 335px;
     height: 926px;
     float: right;
     overflow: scroll;
     background-color: rgba(255, 255, 255, 0.3);
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
     margin: -995px 0 0 0;
 }
 
 .kc_right ul {
     height: 915px;
 }
 
 .kc_right ul li {
     height: 117px;
     width: 272px;
     line-height: 36px;
     cursor: pointer;
     border-bottom: 1.5px solid rgba(255, 255, 255, 0.20);
     display: flex;
     align-items: center;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     font-family: MicrosoftYaHei;
     font-size: 22px;
     letter-spacing: 2px;
     text-align: justify;
     flex-wrap: wrap;
     box-sizing: border-box;
     margin: 0 0 0 31px;
 }
 /* .kc_right ul li:hover {
     color: red;
 } */
 /* 三组推荐位css */
 
 .slideBox2 li .cont_g_img {
     width: 436px;
     height: 244px;
 }
 
 .cont_g .b_a .cont_b_img a img {
     display: block;
     width: 100%;
     height: 100%;
 }
 
 .cont_g {
     margin-top: 30px;
     overflow: hidden;
 }
 
 .slideBox2 .cont_g_img a div,
 .cont_g .b_a .cont_g_img a p,
 .cont_c .b_a .cont_g_img a p {
     position: relative;
     white-space: nowrap;
     text-overflow: ellipsis;
     width: 100%;
     height: 30px;
     background-color: rgba(0, 0, 0, 0.6);
     color: rgb(255, 255, 255);
     text-align: left;
     position: absolute;
     bottom: 0px;
     left: 0px;
     overflow: hidden;
     box-sizing: border-box;
     padding: 0 70px 0 12px;
     font: 16px / 30px 微软雅黑;
 }
 
 .slideBox2 .cont_g_img a div span i {
     font-style: normal;
     font-size: 20px;
     color: #e02020;
     letter-spacing: 1px;
 }
 
 .slideBox2 .cont_g_img a div span {
     position: absolute;
     right: 20px;
 }
 
 .tw_list li h5 {
     text-overflow: ellipsis;
     white-space: nowrap;
     font: 16px / 36px "Microsoft YaHei";
     overflow: hidden;
     padding: 0 5px;
 }
 
 @media screen and (max-width: 1366px) {
     .c_header .c_nav ul li {
         font-size: 12px;
         margin: 0px 0 0 0px;
     }
     .kc_content {
         width: 1000px;
         background-size: 1000px !important;
     }
     .c_header {
         margin: 73px 0 0 0;
     }
     .kc_detail span:nth-of-type(1) {
         font-size: 12px;
         margin: 21px 0px 0 14px;
     }
     .kc_right ul {
         height: 676px;
     }
     .kc_main {
         margin: 140px 0 0 0;
     }
     .cont_h {
         height: 846px;
     }
     .kc_list {
         width: 247px;
         height: 180px;
     }
     .kc_list img {
         width: 215px;
         height: 127px;
         margin: 16px 0 0 16px;
     }
     .kc_title {
         width: 247px;
     }
     .kc_detail {
         width: 247px;
         margin: -55px 0 0 19px;
     }
     .kc_right {
         width: 220px;
         height: 678px;
         margin: -818px 0 0 0px;
     }
     .kc_left {
         height: 818px;
     }
     .kc_score_quantity {
         width: 247px;
     }
     .kczx_cont {
         width: 237px !important;
         margin: -2px 0 0 23px;
         height: 198px;
     }
     .kc_title span {
         width: 237px;
         height: 18px;
         margin: -24px 0 0 15px;
         font-size: 12px;
     }
     .kc_right ul li {
         width: 171px;
         font-size: 14px;
     }
     .slideBox2 li .cont_g_img {
         width: 313px !important;
         height: 178px !important;
     }
     .tw_list li h5 {
         font-size: 12px !important;
         margin: -13px 0 0 -6px;
     }
     .c_nav ul {
         width: 776px;
     }
     .kc_score_quantity span img {
         width: 11px;
         height: 11px;
         margin: 16px 0 0 0;
     }
     .kc_score_quantity span:nth-of-type(6) {
         margin: 8px 0 0 -11px;
         font-size: 11px;
     }
     .kc_score_quantity span:nth-of-type(7) {
         margin: -1px 0 0 81px;
     }
     .kc_score_quantity span:nth-of-type(8) {
         margin: 9px 0 0 86px;
         font-size: 12px;
     }
     .kc_right ul li {
         height: 85px;
     }
 }
 
 .kc_right::-webkit-scrollbar {
     display: none;
 }