@charset "utf-8";
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{
	margin:0;
	padding:0;
}
body,input,textarea,select,button,table{
	font-size:16rem;
	line-height:1.25em;
	font-family:Arial,'microsoft yahei',Verdana,Helvetica,sans-serif;
}
/*取消按钮点击的时候有阴影*/
a,img,button,input,textarea{
	-webkit-tap-highlight-color:rgba(255,255,255,0);
	-ms-tap-highlight-color:rgba(255,255,255,0);
	-moz-tap-highlight-color:rgba(255,255,255,0);
	-o-tap-highlight-color:rgba(255,255,255,0);
}
button, input, textarea, select {
    border: medium none;
    outline: medium none;/*取消chrome下input和textarea的聚焦边框*/
	-webkit-appearance:none;
	-ms-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
}
body{
    min-width:320rem;
    height: 100vh;
	font-size:1em;
	-webkit-text-size-adjust:none; 
	color: #333;
}
h1,h2,h3,h4,h5,h6 {
	font-size: inherit; 
	font-weight: normal;
}
header,footer,section,nav,menu,details,hgroup,figure,figcaption,article,aside{
	margin:0;
	padding:0;
	display:block;
}
img,fieldset{
	border:0;
}
img { 
	vertical-align:middle;
}
ul,ol{
	list-style:none;
}
table{
	border-collapse:collapse; 
	width: 100%;
}
a{
	color:#666;
	text-decoration:none;
}
.cl:after{
	clear:both;
	content:" ";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}
.cl{
	zoom:1
}
.rel{
    position: relative;
}
.abs{
	position: absolute;
}
.dis{
    display: block;
}
.hide{
    display: none;
}
.hr_gray {
    border: none;
    border-top: 1rem solid #ccc;
}
/*arrow*/
.arr_right:after,.arr_left:after{
  content: "";
  width: 0.4rem;
  height:0.4rem;
  border-right: 2rem solid #ccc;
  border-bottom: 2rem solid #ccc;
  top: 50%;
  right:15rem;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top:-0.25rem;
  }
  .arr_down:after{
  content: "";
  width: 8rem;
  height:8rem;
  border-right: 1rem solid #666;
  border-bottom: 1rem solid #666;
  top: 48%;
  right:-0.85rem;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top:-0.25rem;
  }
  .arr_up:after{
  content: "";
  width: 8rem;
  height:8rem;
  border-right: 1rem solid #666;
  border-bottom: 1rem solid #666;
  top: 50%;
  right:-0.85rem;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top:-0.15rem; 
}
*{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
body {
	background-color: #fff;
}
.flex {
    display: flex;
}
.flex-row {
    display: flex;
    flex-direction: row;
}
.flex-col{
    display: flex;
    flex-direction: column;
}
.flex-grow-0{
    flex-grow: 0;
}
.flex-grow-1{
    flex-grow: 1;
}
.flex-x-center{
    display: flex;
    justify-content: center;
}
.flex-y-center{
    display: flex;
    align-items: center;
}
.flex-y-start{
   display: flex;
   align-items: flex-start;
}
.flex-y-end{
    display: flex;
    align-items: flex-end;
}
.flex-x-between{
   display: flex;
   justify-content: space-between;
}
.flex-wrap{
    display: flex;
    flex-wrap: wrap;
}
/*index*/
.originalEducation{
    padding-bottom: 25rem;
}
.originalEducation .topBox{
    position: relative;
    width: 100%;
    height: 760rem;
    margin-bottom: 70rem;
}
.topBox .header{
   width: 100%;
   height: 82rem;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 100;
}
.topBox .header::before{
    content: '';
    width: 100%;
    height: 150rem;
    background: linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0));
    background: -webkit-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
    background: -moz-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
    background: -ms-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
    background: -o-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
    position: absolute;
    left: 0;
    top: 0;
}
.topBox .header .logo{
    height: 100%;
    position: relative;
    z-index: 100;
}
.topBox .header .logo img{
    height: 100%;
}
.topBox .header .inputBox{
    width: 370rem;
    height: 50rem;
    border: 1rem solid #b52629;
    border-radius: 30rem;
    position: absolute;
    right: 50rem;
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden;
}
.topBox .header .inputBox input{
    width: 100%;
    height: 50rem;
    background: none;
    padding: 0 60rem 0 20rem;
    font-size: 16rem;
    color: #121212;
}
.topBox .header .inputBox input::-webkit-input-placeholder{
    color: #4c4c4c;
}
.topBox .header .inputBox .searchBtn{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 60rem;
    height: 50rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    padding-right: 20rem;
    border-radius: 0 30rem 30rem 0;
}
.topBox .header .inputBox .searchBtn img{
    width: 22rem;
    height: 22rem;
    display: block;
}
.moduleBox{
    width: 80%;
    margin: 0 auto 40rem;
}
.sub_titleBox{
    width: 100%;
    position: relative;
}
.sub_titleBox .sub_title{
    width: 300rem;
}
.sub_titleBox .sub_title img{
    width: 100%;
}
.sub_titleBox .filterPlace{
    width: calc(100% - 300rem - 25rem);
    margin-left: 25rem;
    position: relative;
}
.sub_titleBox .filterPlace .mySwiper1{
    width: calc(100% - 145rem);
    height: 50rem;
    margin-right: 145rem;
    padding-right: 15rem;
    position: relative;
}
.mySwiper1::after{
    content: '';
    width: 35rem;
    height: 35rem;
    border-radius: 50%;
    filter: blur(10rem);
    background: rgba(0,0,0,.4);
    position: absolute;
    right: -30rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.sub_titleBox .filterPlace .mySwiper1 .swiper-slide{
    display: block;
    font-size: 18rem;
    color: #2b2b2b;
    padding: 0 20rem;
    width: auto;
    height: 50rem;
    line-height: 50rem;
    border: 1rem solid #2b2b2b;
    background-color: #ffffff;
    border-radius: 30rem;
    cursor: pointer;
    min-width: 100rem;
    text-align: center;
}
.selected{
    background-color: #c02425!important;
    color: #fff!important;
    border: 1rem solid #c02425!important;
}
.swiperBtns{
    width: 155rem;
    height: 50rem;
    position: absolute;
    right: -10rem;
    top: 0;
    background-color: #fff;
}
.swiperBtns::before{
    content: '';
    width: 1rem;
    height: 60rem;
    background: linear-gradient(to bottom,#ffffff,#c2c2c2,#ffffff);
    background: -webkit-linear-gradient(top,#ffffff,#c2c2c2,#ffffff);
    background: -moz-linear-gradient(top,#ffffff,#c2c2c2,#ffffff);
    background: -ms-linear-gradient(top,#ffffff,#c2c2c2,#ffffff);
    background: -o-linear-gradient(top,#ffffff,#c2c2c2,#ffffff);
    position: absolute;
    left: 0;
    top: -5rem;
}

.swiperBtns .shadow{
    width: 25rem;
    position: absolute;
    left: -25rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.swiperBtns .swiper-button-prev::after,.swiperBtns .swiper-button-next::after{
    display: none;
}
.swiperBtns .swiper-button-prev,.swiperBtns .swiper-button-next{
    width: 45rem;
    height: 45rem;
}
.swiperBtns .swiper-button-prev{
    left: 30rem;
}
.swiperBtns .swiper-button-prev img,.swiperBtns .swiper-button-next img{
    width: 100%;
    height: 100%;
}
.topicsBox{
    margin-top: 60rem;
}
.topicsBox .topics_box .topics_list{
    width: calc((100% - 120rem) / 3);
    height: 230rem;
    overflow: hidden;
    position: relative;
    margin-right: 60rem;
    margin-bottom: 50rem;
    border-radius: 10rem;
    cursor: pointer;
}
.topicsBox .topics_box .topics_list:hover{
    box-shadow: 0 5rem 12rem rgba(105,70,70,.6);
}
.topicsBox .topics_box .topics_list:nth-child(3n){
    margin-right: 0;
}
.topicsBox .topics_box .topics_list .topic_pic{
    width: 100%;
    height: 100%;
}
.topicsBox .topics_box .topics_list .topic_text{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50rem;
}
.topicsBox .topics_box .topics_list .topic_text::before{
    content: '';
    width: 100%;
    height: 80rem;
    background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.6));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.6));
    background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.6));
    background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.6));
    background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.6));
    position: absolute;
    left: 0;
    bottom: 0;
}
.topicsBox .topics_box .topics_list .topic_text p{
    font-size: 18rem;
    color: #ffffff;
    padding: 0 15rem;
    line-height: 50rem;
    position: relative;
    z-index: 10;
}
.topicsBox .topics_box .topics_list:hover .topic_text p{
    padding: 0 50rem 0 15rem;
}
.topicsBox .topics_box .topics_list .more{
    width: 36rem;
    height: 36rem;
    position: absolute;
    right: 7rem;
    bottom: 7rem;
    display: none;
}
.topicsBox .topics_box .topics_list:hover .more{
    display: block;
}
.topicsBox .topics_box .topics_list .labelBox{
    position: absolute;
    right: 12rem;
    top: 0;
    background: linear-gradient(to right,#fee9cf,#f3bc7f);
    background: -webkit-linear-gradient(left,#fee9cf,#f3bc7f);
    background: -moz-linear-gradient(left,#fee9cf,#f3bc7f);
    background: -ms-linear-gradient(left,#fee9cf,#f3bc7f);
    background: -o-linear-gradient(left,#fee9cf,#f3bc7f);
    height: 23rem;
    font-size: 13rem;
    color: #793600;
    font-weight: bold;
    line-height: 23rem;
}
.topicsBox .topics_box .topics_list .labelBox .label_left{
    width: 19rem;
    position: absolute;
    left: -19rem;
    top: 0;
}
.topicsBox .topics_box .topics_list .labelBox .label_right{
    width: 12rem;
    position: absolute;
    right: -12rem;
    top: 0;
}
.topicsBox .topics_box .s_topics_list{
    width: calc((100% - 120rem) / 3);
    margin-right: 60rem;
    margin-bottom: 40rem;
    cursor: pointer;
}
.topicsBox .topics_box .s_topics_list:nth-child(3n){
    margin-right: 0;
}
.topicsBox .topics_box .s_topics_list .s_topic_pic{
    width: 145rem;
    height: 108rem;
    border-radius: 10rem;
}
.topicsBox .topics_box .s_topics_list .s_topics_info{
    width: calc(100% - 145rem - 15rem);
    height: 108rem;
    margin-right: 15rem;
    border-bottom: 1rem solid #e4e4e4;
}
.topicsBox .topics_box .s_topics_list .s_topics_info .labelBox2{
    font-size: 12rem;
    color: #1745a1;
    background-color: #e0f0ff;
    height: 28rem;
    line-height: 28rem;
    border-radius: 2rem;
    padding: 0 10rem;
}
.topicsBox .topics_box .s_topics_list .s_topics_info h1{
    font-size: 18rem;
    color: #121212;
    line-height: 1.5;
    margin-top: 10rem;
}
.topicsBox .topics_box .s_topics_list:hover .s_topics_info h1{
    color: #992427;
}
.sub_titleBox .changeBtn{
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 16rem;
    color: #2b2b2b;
    cursor: pointer;
}
.sub_titleBox .changeBtn img{
    width: 45rem;
    height: 45rem;
    margin-right: 15rem;
}
.coursesBox{
    margin-top: 60rem;
}
.coursesBox .course_swipers{ 
    width: calc(50% - 7.5rem + 20rem);
    height: 540rem;
    margin-left: -10rem;
}
.coursesBox .coursesList{
    width: calc(50% - 7.5rem);
    margin-left: 5rem;
}
.coursesBox .coursesList .courses_list{
    width: calc(50% - 6rem);
    margin-right: 12rem;
    cursor: pointer;
}
.coursesBox .coursesList .courses_list:nth-child(2n){
    margin-right: 0;
}
.coursesBox .coursesList .courses_list .selectedCourses{
    width: 100%;
    height: 190rem;
    border-radius: 10rem;
}
.coursesBox .coursesList .courses_list:hover .selectedCourses{
    box-shadow: 0 5rem 12rem rgba(105,70,70,.6);
}
.coursesBox .coursesList .courses_list:nth-child(2) .selectedCourses{
    border-radius: 10rem 45rem 10rem 10rem!important;
}
.coursesBox .coursesList .courses_list .courses_list_info{
    width: 100%;
    height: 80rem;
    padding: 0 5rem;
    position: relative;
}
.coursesBox .coursesList .courses_list:hover .courses_list_info{
    padding: 0 55rem 0 5rem;
}
.coursesBox .coursesList .courses_list h1{
    font-size: 18rem;
    color: #121212;
    line-height: 1.5;
    margin-top: 10rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.coursesBox .coursesList .courses_list:hover h1{
    color: #992427;
}
.coursesBox .coursesList .courses_list p{
    font-size: 14rem;
    color: #838383;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 3rem;
}
.coursesBox .coursesList .courses_list .courses_list_info .more2{
    width: 35rem;
    height: 35rem;
    position: absolute;
    right: 8rem;
    top: 10rem;
    display: none;
}
.coursesBox .coursesList .courses_list:hover .courses_list_info .more2{
    display: block;
}
.course_box{
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 10rem 10rem 0 0;
    position: relative;
    cursor: pointer;
    padding: 0 10rem;
}
.course_box .swiper_course_pic{
    width: 100%;
    height: 460rem;
    border-radius: 10rem 10rem 10rem 45rem;
}
.course_box:hover .swiper_course_pic{
    box-shadow: 0 5rem 10rem rgba(105,70,70,.6);
}
.course_box .course_box_info{
    width: 100%;
    height: 80rem;
    padding: 0 5rem;
    position: relative;
}
.course_box:hover .course_box_info{
    padding: 0 55rem 0 5rem;
}
.course_box .course_box_info h1{
    font-size: 18rem;
    color: #121212;
    line-height: 1.5;
    margin-top: 10rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.course_box:hover .course_box_info h1{
    color: #992427;
}
.course_box .course_box_info p{
    font-size: 14rem;
    color: #838383;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 3rem;
}
.course_box .course_box_info .more2{
    width: 35rem;
    height: 35rem;
    position: absolute;
    right: 8rem;
    top: 10rem;
    display: none;
}
.course_box:hover .course_box_info .more2{
    display: block;
}
.broadcast_state .broadcast_label{
    width: 125rem;
    position: absolute;
    top: -1rem;
    right: 10rem;
}
.broadcast_state .course_box_info p{
    color: #121212;
}
.broadcast_state .course_box_info p img{
     width: 20rem;
     margin-right: 5rem;
}
.mySwiper2 .swiper-pagination{
    bottom: 100rem!important;
    top: auto!important;
    left: auto!important;
    width: auto!important;
    right: 30rem!important;
}
.mySwiper2 .swiper-pagination-bullet{
    width: 10rem!important;
    height: 10rem!important;
    border-radius: 50%!important;
    background-color: rgba(255,255,255,1)!important;
}
.mySwiper2 .swiper-pagination-bullet-active{
    width: 30rem!important;
    height: 10rem!important;
    border-radius: 5rem!important;
    background-color: #ffffff!important;
}

.footer {
    width: 92.7%;
    height: 180rem;
    background-color: #992427;
    margin: 0 auto;
    border-radius: 35rem;
}
.bw {
    width: 80%;
    margin: 0 auto;
}
.footer .inner_footer p {
    font-size: 14rem;
    color: #fff;
    line-height: 1;
}
.footer .inner_footer ul li {
    margin-bottom: 20rem;
    line-height: 1;
}
.footer .inner_footer ul li:last-child {
    margin-bottom: 0;
}
.footer .inner_footer .footer_text .ico1 {
    width: 40rem;
    margin-right: 16rem;
}
.footer .inner_footer .footer_text .ico2 {
    width: 26rem;
    margin-right: 8rem;
}
/*头部轮播图*/
.topBannerBox{
    width: 100%;
    height: 100%;
}
.topBannerBox .mySwiper3 {
    width: 100%;
    height: 100%;
}
.topBannerBox .mySwiper4 {
    width: 555rem;
    height: 280rem;
    position: absolute;
    right: 0;
    bottom: 0;
}
.topBannerBox .swiper-slide{
    width: 100%;
    height: 100%;
}
.swiperBox1{
    width: 100%;
    height: 100%;
    position: relative;
}
.swiperBox1 .swiper_pic1{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.swiperBox1 .video_functionBox{
    position: absolute;
    left: 60rem;
    bottom: 200rem;
}
.swiperBox1 .video_functionBox .playBtn{
    width: 175rem;
    height: 60rem;
    background: linear-gradient(to bottom,#fff6db,#cda187);
    background: -webkit-linear-gradient(top,#fff6db,#cda187);
    background: -moz-linear-gradient(top,#fff6db,#cda187);
    background: -ms-linear-gradient(top,#fff6db,#cda187);
    background: -o-linear-gradient(top,#fff6db,#cda187);
    border-radius: 30rem;
    font-size: 18rem;
    color: #7b461c;
    cursor: pointer;
}
.swiperBox1 .video_functionBox .playBtn img{
    width: 12rem;
    margin-right: 10rem;
}
.video_functionBox #muteButton{
    width: 42rem;
    height: 42rem;
    margin-left: 15rem;
    cursor: pointer;
    display: none;
    position: relative;
}
.video_functionBox #muteButton img{
    width: 100%;
    height: 100%;
}
video::-webkit-media-controls {
    display: none !important;
}
.video_functionBox #muteButton p{
    font-size: 12rem;
    color: #333;
    background-color: #ffffff;
    width: 65rem;
    height: 30rem;
    line-height: 30rem;
    position: absolute;
    right: -60rem;
    top: 40rem;
    text-align: center;
    display: none;
}
.video_functionBox #muteButton:hover p{
    display: block;
}



.swiperBox2{
    width: 100%;
    padding: 5rem 7.5rem;
    margin-top: 70rem;
    cursor: pointer;
}
.swiperBox2 .swiper_pic2{
    width: 100%;
    height: 135rem;
    border-radius: 25rem;
}
.swiperBox2 .swiper_pic2 .inner_pic{
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    border-radius: 25rem;
}
.swiperBox2 .swiper_pic2 .inner_pic img{
    height: 100%;
}
.swiperBox2 p{
    font-size: 16rem;
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 10rem;
    padding: 0 10rem;
    display: none;
}
.swiperBox2:hover,.swiper-slide-active .swiperBox2{
    margin-top: 20rem!important;
}
.swiperBox2:hover .swiper_pic2,.swiper-slide-active .swiperBox2 .swiper_pic2{
    box-shadow: 0 5rem 8rem rgba(125,88,88,.85);
}
.swiperBox2:hover p,.swiper-slide-active .swiperBox2 p{
    display: block!important;
}
.mySwiper4 .swiper-pagination{
    bottom: 25rem!important;
    top: auto!important;
    width: calc(100% - 50rem)!important;
    left: 25rem!important;
    border-radius: 5rem;
    overflow: hidden;
}
.mySwiper4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background: #ffdf96!important;
    border-radius: 5rem;
}
.navBox{
    width: calc(100% - 520rem);
    position: absolute;
    left: 0;
    bottom: -58rem;
    z-index: 10;
}
.navBox .nav_bg{
    width: 100%;
    height: 185rem;
}
.navBox .nav_box{
    width: 85%;
    position: absolute;
    left: 30rem;
    top: 0;
}
.navBox .nav_box a{
    font-size: 20rem;
    color: #130000;
    margin-left: 30rem;
    margin-top: 40rem;
    cursor: pointer;
}
.navBox .nav_box a.active{
    font-size: 24rem;
    color: #b52629;
    font-weight: bold;
    position: relative;
}
.navBox .nav_box a.active::before{
    content: '';
    width: 100%;
    height: 3rem;
    background-color: #c02425;
    border-radius: 2rem;
    position: absolute;
    left: 50%;
    bottom: -15rem;
    transform: translateX(-50%);
}
.swiperBox1 video{
    width: 100%;
    height: 100%;
}
#voice2{
    display: none;
}

/*专题详情*/
.header2{
    width: 100%;
    height: 80rem;
    padding: 0 30rem;
}
.header2 .logo {
    height: 100%;
    font-size: 18rem;
    color: #130000;
    font-weight: bold;
    line-height: 1;
}
.header2 .logo img {
    width: 30rem;
    display: block;
    margin-right: 5rem;
}
.main {
    min-height: calc(100vh - 80rem - 185rem);
    position: relative;
}
.footer2{
    width: 100%;
    border-radius: 0;
}
.topic_topBox{
    width: 100%;
    position: relative;
}
.topic_topBox::before{
    content: '';
    width: 100%;
    height: 285rem;
    background: linear-gradient(to bottom,#ffefdb,#ffffff);
    background: -webkit-linear-gradient(top,#ffefdb,#ffffff);
    background: -moz-linear-gradient(top,#ffefdb,#ffffff);
    background: -ms-linear-gradient(top,#ffefdb,#ffffff);
    background: -o-linear-gradient(top,#ffefdb,#ffffff);
    position: absolute;
    left: 0;
    top: 450rem;
    z-index: -1;
}
.topic_topBox .topic_top_pic{
    width: 100%;
    height: 550rem;
}
.topic_topBox .topic_top_pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 55rem;
}
.topic_topBox .topic_top_box{
    width: 92%;
    min-height: 170rem;
    background-color: #ffffff;
    border-radius: 45rem;
    margin: -85rem auto 0;
    position: relative;
    padding: 25rem 40rem;
}
.topic_topBox .topic_top_box .topic_sub_title{
    position: relative;
}
.topic_topBox .topic_top_box .topic_sub_title .sub_title4{
    width: 110rem;
}
.topic_topBox .topic_top_box .topic_sub_title .shareBtn{
    cursor: pointer;
    width: 140rem;
    height: 44rem;
    background-color: #c02425;
    border-radius: 35rem;
    font-size: 15rem;
    color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.topic_topBox .topic_top_box .topic_sub_title .shareBtn img{
    width: 20rem;
    margin-right: 8rem;
}
.topic_topBox .topic_top_box p{
    font-size: 15rem;
    color: #303030;
    line-height: 1.5;
    margin-top: 20rem;
}
.courseListBox{
    width: 87.2%;
    margin: 0 auto;
}
.courseListBox .courseList_title{
    position: relative;
}
.courseListBox .courseList_title h1 img{
    width: 200rem;
    margin: 25rem 0;
}
.courseListBox .courseList_title h1 span{
    font-size: 26rem;
    color: #130000;
    margin-left: 15rem;
}
.courseList_title .courseList_title_right{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.courseList_title .courseList_title_right .searchBox{
    width: 395rem;
    height: 50rem;
    border: 1rem solid #b52629;
    border-radius: 25rem;
    overflow: hidden;
    position: relative;
}
.courseList_title .courseList_title_right .searchBox input{
    width: 100%;
    height: 100%;
    background: none;
    padding: 0 60rem 0 20rem;
    font-size: 16rem;
    color: #121212;
}
.courseList_title .courseList_title_right .searchBox .searchBtn{
    display: block;
    width: 22rem;
    height: 22rem;
    position: absolute;
    right: 20rem;
    top: 50%;
    transform: translateY(-50%);
}
.courseList_title .courseList_title_right .searchBox .searchBtn img{
    width: 100%;
    height: 100%;
}
.courseList_title .courseList_title_right .exchangeBtn2{
    cursor: pointer;
    font-size: 16rem;
    color: #2b2b2b;
    margin-left: 50rem;
}
.courseList_title .courseList_title_right .exchangeBtn2 img{
    width: 45rem;
    height: 45rem;
    margin-right: 12rem;
}
.courseContent .course_content.hide{
    display: none;
}
.course_ul .course_li{
    width: calc((100% - 75rem) / 4);
    margin-right: 25rem;
    margin-top: 50rem;
}
.course_ul .course_li:nth-child(-n + 4){
    margin-top: 0;
}
.course_ul .course_li:nth-child(4n){
    margin-right: 0;
}
.course_ul .course_li .course_topic_pic{
    width: 100%;
    height: 190rem;
    border-radius: 10rem;
    object-fit: cover;
}
.course_ul .course_li .course_li_info h1{
    font-size: 18rem;
    color: #130000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 15rem;
    line-height: 1.4;
}
.course_ul .course_li .course_li_info p{
    font-size: 15rem;
    color: #808080;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5rem;
    line-height: 1.4;
}
.course_ul2{
    width: 100%;
}
.course_ul2 .course_li2{
    width: 100%;
    height: 165rem;
    margin-bottom: 35rem;
}
.course_ul2 .course_li2 .course_topic_pic2{
    width: 305rem;
    height: 165rem;
    border-radius: 10rem;
    margin-right: 25rem;
}
.course_ul2 .course_li2 .course_li_info2{
    width: calc(100% - 330rem);
    height: 100%;
    border-bottom: 1rem solid #cfcfcf;
}
.course_ul2 .course_li2 .course_li_info2 .h1Box{
    height: 120rem;
}
.course_ul2 .course_li2 .course_li_info2 h1{
    font-size: 18rem;
    color: #130000;
    font-weight: bold;
    line-height: 1.5;
}
.course_ul2 .course_li2 .course_li_info2 p{
    font-size: 17rem;
    color: #6d6d6d;
    line-height: 1.5;
}
.course_ul2 .course_li2 .course_li_info2 p span{
    color: #a9a9a9;
}

/*分享专题*/
.page_code{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_code .shareBox .share_code{
    background-color: #ffffff;
    height: 296rem;
    width: 296rem;
    margin: 0 auto;
    display: block;
}
.page_code .shareBox p{
    text-align: center;
    width: 100%;
    font-size: 18rem;
    color: #ffffff;
    margin-top: 40rem;
}

/*2025-12-3*/
.liveBox{
    width: 750rem;
    position: absolute;
    left: 50%;
    top: 210rem;
    transform: translateX(-50%);
}
.liveBox .live_title{
    width: 100%;
}
.liveBox .liveBtn{
    width: 350rem;
    height: 65rem;
    background: linear-gradient(to bottom,#fff6db,#cea288);
    background: -webkit-linear-gradient(top,#fff6db,#cea288);
    background: -moz-linear-gradient(top,#fff6db,#cea288);
    background: -ms-linear-gradient(top,#fff6db,#cea288);
    background: -o-linear-gradient(top,#fff6db,#cea288);
    border-radius: 35rem;
    box-shadow: 0 0 15rem rgba(179,18,39,.55);
    font-size: 30rem;
    color: #a70313;
    font-weight: bold;
    letter-spacing: 4rem;
    cursor: pointer;
    margin: 150rem auto 0;
}
.liveBox .liveBtn img{
    width: 40rem;
    margin-right: 20rem;
}
.liveBox2{
    width: 85%;
    top: 90rem;
}
.liveBox2 .liveBtn{
    width: 300rem;
    height: 55rem;
    margin: 120rem auto 0;
    font-size: 28rem;
}
.liveBox2 .liveBtn img{
    width: 35rem;
}
/* 视频 */
.videoPlay{
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.videoPlay .time{
    font-size: 14rem;
    color: #ffffff;
    position: absolute;
    right: 5rem;
    bottom: 5rem;
    z-index: 10;
}
.videoPlay .hover_video{
    opacity: 0;
    transition: all .3s;
    position: relative;
    z-index: 1;
}
.videoPlay .hover_video.hover{
    opacity: 1;
}
.videoPlay>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}
.videoPlay>video{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/*2025-12-4*/
.navBox .nav_box a:hover{
    color: #b52629;
}
.course_ul .course_li .course_li_info h1,.course_ul2 .course_li2 .course_li_info2 h1{
    font-weight: bold;
    cursor: pointer;
}
.course_ul .course_li .course_li_info:hover h1,.course_ul2 .course_li2 .course_li_info2:hover h1{
    color: #b52629;
}

/*2026-04-01*/
.footer .inner_footer .footer_text .ico1{
    width: 50rem;
    margin-right: 30rem;
}
.footer .inner_footer .footer_text .ico2{
    width: 15rem;
    margin-right: 8rem;
}


/*2026-04-22*/
.swiperBox2 p:hover{
    color: #ffdf96;
}
/* 2026/04/22 专题详情 */
.titpd{
    padding: 10rem 0;
}
.specialFeature{
    padding-bottom: 70rem;
}
.swiperMain{
    width: 100%;
    position: relative;
}
.swiperMain .swiperBox{
    width: calc(100% - 230rem);
    margin: 0 auto;
}
.swiper-container,
.swiper-wrapper {
    width: 100%;
}
.swiperMain .swiper-slide{
    display: block;
}
.swiperMain .swpic{
    width: 100%;
    height: 215rem;
    border-radius: 10rem;
    overflow: hidden;
}
.swpic img{
    width: 100%;
    height: 100%;
    display: block;
    /* object-fit: cover; */
}
.swiperMain .swiper-slide p{
    font-size: 22rem;
    color: #130000;
    padding: 20rem 5rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.5;
}
.swiperMain .prevbtn{
    width: 30rem;
    height: 75rem;
    display: block;
    position: absolute;
    left: 0;
    top: 70rem;
    cursor: pointer;
}
.swiperMain .nextbtn{
    width: 30rem;
    height: 75rem;
    display: block;
    position: absolute;
    right: 0;
    top: 70rem;
    cursor: pointer;
}
.swiperMain .prevbtn.swiper-button-disabled,
.swiperMain .nextbtn.swiper-button-disabled{
    opacity: .4;
}

/*2026-04-23*/
.courseContent{
    margin-bottom: 50px;
}
.courseListBox{
    min-height: 500rem;
}

/*2026-04-24*/
.swiper_pic2 .inner_pic{
    position: relative;
}
.swiper_pic2 .inner_pic .broadcast_labelBox{
    width: 85rem;
    height: 30rem;
    background: rgba(0,0,0,.6);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 0 15rem 0;
    font-size: 12rem;
    color: #ef382f;
    font-weight: bold;
    box-shadow: 0 0 4rem rgba(0,0,0,.5);
}
.swiper_pic2 .inner_pic .broadcast_labelBox img{
    width: 15rem;
    height: auto;
    margin-right: 5rem;
}

/*2026-04-27*/
.course_ul .course_li .course_topic_pic{
    height: 220rem;
}
.courseList_title_left .searchBox{
    width: 360rem;
    height: 50rem;
    border: 1rem solid #b52629;
    border-radius: 25rem;
    overflow: hidden;
    position: relative;
    margin-left: 30rem;
}
.courseList_title_left .searchBox input{
    width: 100%;
    height: 100%;
    background: none;
    padding: 0 60rem 0 20rem;
    font-size: 16rem;
    color: #121212;
}
.courseList_title_left .searchBox .searchBtn{
    width: 22rem;
    height: 22rem;
    position: absolute;
    right: 20rem;
    top: 50%;
    transform: translateY(-50%);
}
.courseList_title_left .searchBox .searchBtn img{
    width: 100%;
    height: 100%;
}
.topic_topBox .topic_top_box p{
    font-size: 17rem;
}
.shareBtn_no{
    width: 280rem;
    height: 120rem;
    position: absolute;
    right: 0;
    bottom: 0;
}
.shareBtn_no .share_bg{
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
}
.shareBtn_no .shareBtn{
    cursor: pointer;
    width: 140rem;
    height: 44rem;
    background-color: #c02425;
    border-radius: 35rem;
    font-size: 15rem;
    color: #fff;
    position: absolute;
    right: 60rem;
    top: 70rem;
    box-shadow: 0 0 15rem rgba(183,52,53,.6);
}
.shareBtn_no .shareBtn img{
    width: 20rem;
    margin-right: 8rem;
}
.course_li_info{
    position: relative;
}
.course_li_info:hover{
    padding: 0 55rem 0 0;
}
.course_li_info .more2{
    width: 35rem;
    height: 35rem;
    position: absolute;
    right: 8rem;
    top: 10rem;
    display: none;
}
.course_li_info:hover .more2{
    display: block;
}
.loadMore{
    width: calc((100% - 60rem) / 4 * 2 + 20rem);
    height: 50rem;
    margin: 50rem auto 0;
    border: 1rem solid #d9d9d9;
    background-color: #ffffff;
    border-radius: 10rem;
    font-size: 16rem;
    color: #777777;
    cursor: pointer;
}
.loadMore img{
    width: 15rem;
    display: block;
    margin-left: 12rem;
}
.courseContent{
    margin-bottom: 0;
}
.course_ul .course_li{
    margin-top: 20rem;
}
.course_ul .course_li .course_li_info{
    height: 75rem;
}
.courseList_title_left .searchBox{
    height: 44rem;
}

/*2026-04-30*/
.topBox .header .inputBox{
    position: relative;
    right: auto;
    top: auto;
    transform: none;
}
.system_word{
    font-size: 16rem;
    color: #d9001b;
    margin-left: 15px;
    position: relative;
    margin-right: 50rem;
    cursor: pointer;
}