@charset "utf-8";
/* CSS Document */

* {
padding: 0;
margin: 0
}

ul,
ol {
list-style-type: none
}

a {
text-decoration: none
}

img {
border: 0
}

.qingchu {
clear: both
}



.ov{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
color: #ffffff;
font-family: "思源黑体 CN";
font-size: 24px;
}
.ov2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000000;
    font-family: "思源黑体 CN";
    font-size: 16px;
    margin-top: 5px;
    line-height: 28px;
}


.bt {
    font-family: "思源黑体 CN";
    font-size: 30px;
    color: #c2080a;
}

.btpc {
width: 1063px;
margin: auto
}

.sp {
width: 930px;
margin: auto;
height: 500px;
position: relative
}

h2 .da {
text-align: left;
margin-bottom: 50px;
}

body {

}
/* 头部s */
.lywtab{ width: 100%; height: 90px; background: url(https://jxpub.nntv.cn/static/nnlyw/img/tabbg.png) repeat-x;}
.headtab{ width: 1400px; height: 90px; margin: auto;}
.headtab .logo{ float: left; height: 90px; display: grid; place-items: center;}
.headtab .nav{float: right; height: 90px;display: flex; align-items: center;}
.headtab .nav ul{ float: left;}
.headtab .nav ul li{ float: left; margin-right: 20px; height: 90px; line-height: 88px;}
.headtab .nav ul li a{ color: #ffffff; font-family: "思源黑体 CN"; font-size: 16px;}
.headtab .nav .sousuo { float: right ;}
.headtab .nav .sousuo .search{ width: 270px; height: 30px; background-color: #ffffff; border-radius: 6px; overflow: hidden}
.headtab .nav .sousuo .search .searchInput{ float: left; height: 30px; border: none; width: 225px; margin-left: 5px;}
.headtab .nav .sousuo .search .searchInput:focus{border: none; outline: none}
.headtab .nav .sousuo .search .search-btn {float: right;}
/* 头部e */

/* 尾部s */
.lywfooter{ width: 100%; margin-top: 140px;}
.footer{ width: 1400px; margin: auto; overflow: hidden; border-top: solid 2px #e1e0e0}
.footer .my-flex{ display: flex; align-items: center; }
.footer .f-link-wrap{ padding: 0 15%; margin-bottom: 10px; justify-content: center; margin-top: 50px;}
.footer .f-link{ font-size: 18px; color: #000000;}
.footer .f-link::after { content: ""; display: inline-block; width: 1px; height: 20px;background: #333; margin: 0 10px;}
.footer .f-info{ text-align: center;}
.footer .f-info a{ font-size: 18px;  color: #000000; margin-bottom: 10px}
.footer .f-info p{ font-size: 18px;  color: #000000; margin-bottom: 10px}
/* 尾部e */

/* 首页s */
.lywindex{ width: 100%; margin: auto;}
.lyw{ width: 1400px; margin: auto; min-width: 1400px; margin-top: 60px;}

/* 热点s */
.lywrd{ width: 1400px; margin: auto}
.lywrd .rdleft{ float: left; width: 826px; height: 556px; overflow: hidden;}
.lywrd .rdleft .slider { display: flex; align-items: center; width: 100%; overflow: hidden; border-radius: 6px; position: relative; height: 556px}
.lywrd .rdleft .slider-images { width: 826px; height: 556px; position: relative;}
.lywrd .rdleft .slider-images img { width: 100%; height: 556px; display: none; object-fit: cover; position: absolute; top: 0; left: 0; display: none;}
.lywrd .rdleft .slider-images .dots { position: absolute; bottom: 20px; left: 45%; z-index: 4;}
.lywrd .rdleft .slider-images .dots span { display: inline-block; width: 10px; height: 10px; border-radius: 50%;
 margin: 0 6px; cursor: pointer; border: solid 1px #ffffff;}
.lywrd .rdleft .slider-images .dots span.active { background-color: #ffffff;}
.lywrd .rdleft .slider-content {  width: 826px; height: 160px; position: absolute; left: 0; bottom: 0; z-index: 3; }
.lywrd .rdleft .slider-content ul{ width: 100%; margin: auto; margin-top: 70px}
.lywrd .rdleft .slider-content ul li {  width: 686px;  margin: auto;}
.slider-content h2{ display: none; width: 686px}
.lywrd .rdleft .slider .rdlbbg{ width: 826px; height: 160px; background: linear-gradient(to bottom, transparent, black); position: absolute; bottom: 0; left: 0; opacity: 0.6; z-index: 2;}
.lywrd .rdleft .slider .rdplay{ position: absolute; left: 20px; bottom: 47px; z-index: 4;}

.lywrd .reright{ float: right; width: 542px; height: 556px; overflow: hidden;}
.lywrd .reright ul{ width: 580px;}
.lywrd .reright ul li{ width: 256px; height: 306px; overflow: hidden; float: left; margin-right: 28px; display: inline;}
.lywrd .reright ul li img{ width: 256px; height: 184px; border-radius: 6px}

/* 热点e */

/* 看南宁s */
.knn{ width: 1400px; margin: auto; margin-top: 103px; overflow: hidden;}
.knn .tab-nav-wrapper { display: flex; align-items: center; border-bottom: solid 1px #e1e0e0;}
.knn .tab-nav-btn {  border: none; cursor: pointer; color: #e6e6e6; font-family: "思源黑体 CN"; font-size: 26px; background:none;}
.knn .tab-nav-left{ margin-right: 34px;}
.knn .tab-nav-btn:hover {  color: #000000}
.knn .tab-nav {  display: flex; overflow-x: auto; flex-grow: 1; -webkit-overflow-scrolling: touch}
.knn .tab-nav-wrapper .bt{ width: 135px;}
.knn .tab-nav::-webkit-scrollbar { height: 6px;}
.knn .tab-btn {  border: none;  padding: 10px 20px 0px 11px;  cursor: pointer; white-space: nowrap; background: none; color: #868686;}
.knn .tab-btn.active { color:#000000;}
.knn .tab-pane {  display: none; width: 1400px; margin: auto; overflow: hidde;}
.knn .tab-pane.active { display: block;}
.knn .tab-pane ul{ width: 1440px; margin-top: 30px;}
.knn .tab-pane ul li{ width: 258px; height: 223px; float: left; margin-right: 27px; display: inline;}
.knn .tab-pane ul li img{ width: 258px; height: 144px; border-radius: 6px}
/* 看南宁e */

/* 听广播s */
.tgb{ width: 1400px; margin: auto; height: 166px; margin-top: 90px;}
.tgb img{ width: 1400px; margin: auto; height: 166px;}
/* 听广播e */

/* 老友视频s */
.lysp{ width: 1400px; margin: auto; margin-top: 90px; overflow: hidden;}
.lyspbt{ width: 1400px; margin: auto; border-bottom: solid 1px #e1e0e0;}
.lyspbt .bt{ float: left;}
.lyspbt .more{ float: right; color: #e6e6e6; font-family: "思源黑体 CN"; font-size: 16px; margin-top: 12px;}
.lysp .lysplist{ width: 1400px; margin: auto; margin-top: 26px;}
.lysp .lysplist ul{ width: 1450px;}
.lysp .lysplist ul li{ float: left; width:258px; margin-right: 27px; display: inline; height: 210px;}
.lysp .lysplist ul li img{ width: 258px; height: 144px; border-radius: 6px}
/* 老友视频e */

/* 直播南宁s */
.zbnn{ width: 1400px; margin: auto; margin-top: 90px; overflow: hidden;}
.zbnnbt{ width: 1400px; margin: auto; border-bottom: solid 1px #e1e0e0;}
.zbnnbt .bt{ float: left;}
.zbnnbt .more{ float: right; color: #e6e6e6; font-family: "思源黑体 CN"; font-size: 16px; margin-top: 12px;}
.zbnn .zbnnlist{ width: 1400px; margin: auto; margin-top: 26px;}
.zbnn .zbnnlist .zbnnlistleft{ float: left; width: 543px; height: 426px;}
.zbnn .zbnnlist .zbnnlistleft img{ width: 543px; height: 374px; border-radius: 6px}
.zbnn .zbnnlist .zbnnlistright{ float: right; width: 826px; overflow: hidden;}
.zbnn .zbnnlist .zbnnlistright  ul{ width: 860px;}
.zbnn .zbnnlist .zbnnlistright  ul li{ float: left; width:258px; margin-right: 27px; display: inline; height: 230px;}
.zbnn .zbnnlist .zbnnlistright  ul li img{ width: 258px; height: 144px; border-radius: 6px}
/* 直播南宁e */

/* 视听精品s */
.stjp{ width: 1400px; margin: auto; height: 166px; margin-top: 90px;}
.stjp img{ width: 1400px; margin: auto; height: 166px;}
/* 视听精品e */

/* 老友说s */
.lysh{ width: 1400px; margin: auto; margin-top: 90px; overflow: hidden;}
.lyshbt{ width: 1400px; margin: auto; border-bottom: solid 1px #e1e0e0;}
.lyshbt .bt{ float: left;}
.lyshbt .more{ float: right; color: #e6e6e6; font-family: "思源黑体 CN"; font-size: 16px; margin-top: 12px;}
.lysh .lyshlist{ width: 1400px; margin: auto; margin-top: 26px;}
.lysh .lyshlist ul{ width: 1450px;}
.lysh .lyshlist ul li{ float: left; width:258px; margin-right: 27px; display: inline; height: 520px;}
.lysh .lyshlist ul li img{ width: 258px; height: 452px; border-radius: 6px}
/* 老友说e */

/* 公益广告s */
.gygg{ width: 1400px; margin: auto; margin-top: 90px; overflow: hidden;}
.gyggbt{ width: 1400px; margin: auto; border-bottom: solid 1px #e1e0e0;}
.gyggbt .bt{ float: left;}
.gyggbt .more{ float: right; color: #e6e6e6; font-family: "思源黑体 CN"; font-size: 16px; margin-top: 12px;}
.gygg .gygglist{ width: 1400px; margin: auto; margin-top: 26px; overflow: hidden; display:inline-flex;
    align-items: center;}

.gygg .gygglist_left{ width: 446px; height: 690px; overflow: hidden; margin-right: 32px;}
.gygg .gygglist_left ul{ width: 500px;}
.gygg .gygglist_left ul li{ float: left; width:208px; margin-right: 27px; display: inline; height: 354px;}
.gygg .gygglist_left ul li img{ width: 208px; height: 272px; border-radius: 6px}
.gygg .gygglist_left ul li{ width: 208px;}

.gygg .gygglist_middle{ width: 446px; height: 690px; overflow: hidden; position: relative; margin-right: 32px;}
.gygg .gygglist_middle img{ width: 446px; height: 690px; position: absolute; left: 0; top: 0; border-radius: 6px}
.gygg .gygglist_middle h2{ width: 446px; height: 36px; position: absolute; left: 0; bottom: 0; color: #ffffff; line-height: 36px; z-index: 2; text-align: center;}
.gygg .gygglist_middle span{ width: 446px; height: 36px; position: absolute; left: 0; bottom: 0; background-color: black; opacity: 0.5; z-index: 1;}

.gygg .gygglist_right{ width: 446px; height: 690px; overflow: hidden}
.gygg .gygglist_right ul{ width: 500px;}
.gygg .gygglist_right ul li{ float: left; width:208px; margin-right: 27px; display: inline; height: 354px;}
.gygg .gygglist_right ul li img{ width: 208px; height: 272px; border-radius: 6px}
.gygg .gygglist_right ul li h2{ width: 208px;}
/* 公益广告e */

/* 首页e */


/* 列表s */
.lywlie{ width: 1400px; margin: auto; margin-top: 25px;}
.lywlie .liewz{ border-bottom: solid 4px #e9e9e9; padding-bottom: 16px;}
.lywlie .liewz a,span{ color: #959595; font-family: "思源黑体 CN"; font-size: 16px;}
.lywlie .lie{ width: 1400px; padding-top: 38px; overflow: hidden; margin: auto;}
.lywlie .lie ul{ width: 1450px; margin-top: 38px;}
.lywlie .lie ul li{ float: left; width:256px; margin-right: 30px; display: inline; height: 250px;}
.lywlie .lie ul li img{ width: 256px; height: 144px; border-radius: 6px}
.lywlie .lie ul li h2{ width: 256px;}
/* 列表e */

/* 看南宁列表s */
.zb-video{ width: 1400px; margin: auto; margin-top: 40px; position: relative; height: 634px; background: #323232;}
.video-box{ width: 1126px; height: 634px; position: absolute; left: 0; top: 0;}
.tv-item-tab-wrap{ width: 272px; height: 634px; position: absolute; right: 0; top: 0}
.tv-item-tab-wrap .tv-item-tab{ width: 233px; height: 126px; margin: auto; display:flex; align-items: center; justify-content: center; margin-top: 25px;}
.tv-item-tab-wrap .tv-item-tab img{ margin: auto;}
.vjs-button>.vjs-icon-placeholder:before{ line-height: 1!important;}
.tv-item-tab-ac{ width: 233px; height: 126px; background: url(https://jxpub.nntv.cn/static/nnlyw/img/zhiboz.png) no-repeat;}
.kds{ width: 1400px; margin: auto; margin-top: 40px;}
.kds-container { display: flex; align-items: center; border-bottom: solid 1px #959595; padding-bottom: 20px;}
.kds-buttons { display: flex;}
.kds-button { padding: 10px 20px 0px 20px; cursor: pointer;}
.kds-button.active { color: #c2080a;}
.kds-content { margin-top: 40px;}
.kds-pane { display: none; width: 1400px; margin: auto;}
.kds-pane.active { display: block;}
.kds-pane .xwzh_top{ width: 1400px; margin: auto; display: flex; align-items: flex-start;}
.kds-pane .xwzh_top .xwzh_left{ width: 534px; height: 388px; margin-right: 50px;}
.kds-pane .xwzh_top .xwzh_left img{ width: 534px;height: 388px;}
.xwzh_right{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.xwzh_right .xwzh_right_lie{ width: 245px; margin-bottom: 50px;}
.xwzh_right .xwzh_right_lie img{ width: 245px; height: 150px;}
.kds-pane .xwzh_down{  width: 1400px; display: flex; justify-content: space-between; }
.kds-pane .xw_lie{ width: 245px}
.kds-pane .xw_lie img{ width: 245px; height: 150px;}
.kds-pane img{ border-radius: 15px}
.kds-pane .kds_lie{ display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;gap: 43px;}
/* 看南宁列表e */

/* 看电视s */
.xwlb-wrap{ display: flex; justify-content: space-between;  padding: 25px 0 50px 0;}
.xwlb-l{ width: 970px;}
.xwlb-l-t{ display: flex ;}
.xwlb-l-t-img {  width: 406px; height: 266px; object-fit: cover; border-radius: 10px;}
.xwlb-l-t-info {  margin-left: 40px;}
.xwlb-l-t-info .title {  font-size: 30px; font-weight: bold; margin-bottom: 30px;}
.marb20 {  margin-bottom: 18px;}
.lh26 { line-height: 26px;}
.xwlb-l-m {  display: flex; margin: 30px 0;}
.xwlb-l-m select { width: 118px; height: 45px; padding: 0 15px; border: 1px solid #bcbbbb; margin-right: 30px; border-radius: 10px; outline: none;}
#monthSelector {  display: flex;  flex-wrap: wrap;}
#monthSelector div {  width: 80px; height: 36px; line-height: 36px; text-align: center; border-radius: 8px; border: 1px solid #d9d9d9;  margin: 5px 0 8px 12px; cursor: pointer;}
.xwlb-list-wrap { display: flex; flex-wrap: wrap; justify-content: space-between;}
.xwlb-list-item { width: 406px; height: 60px; line-height: 60px; background: #efefef; text-align: center; margin-bottom: 20px; border-radius: 8px; padding: 0 8px;}
.p-n-page-wrap { margin: 10px 0; justify-content: center; display: flex; align-items: center;}
.p-page,.n-page { border: 1px solid #9b9b9b; padding: 10px 20px; border-radius: 5px; color: #6c6a6a; margin-right: 15px; cursor: pointer;}
.empty-img img {  width: 180px; object-fit: cover;  margin: 20px auto;}
.empty-list-txt { text-align: center; color: #9b9b9b; font-size: 18px;}
.lmtj-text {  font-size: 24px;  font-weight: 300; padding: 0 0 20px 20px;}
.lmtj-box {  border: 1px solid #e8e8e8; padding: 20px; border-radius: 10px;}
.lmtj-item { display: flex; margin-bottom: 24px;}
.lmtj-item img { width: 190px;  height: 106px; object-fit: cover; border-radius: 6px; margin-right: 14px;}
.lmtj-z-txt { margin: 10px 0 12px 0; color: #000000; font-family: "思源黑体 CN"; font-size: 16px;}
.xwlb-list-item a{ color: #000000; font-family: "思源黑体 CN"; font-size: 16px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.lmtj-f-txt { font-weight: 300;}
.op-ac { background: #bd1f21; color: #fff;}
/* 看电视e */

/* 广播s */
.gb-video{ width: 100%; height: auto;background: url(https://jxpub.nntv.cn/static/nnlyw/img/guangbo-img.png) no-repeat;
background-size: cover; padding: 50px 0;}
.gbo{ position: relative; padding-top: 30px; width: 1280px; margin: auto;}
.gbo-text{ display: flex; align-items: center;}
.gbo-text span{  font-size: 18px; color: #464646; position: absolute;  top: -10px;}
.gbo-text span:nth-child(1) { left: 220px;}
.gbo-text span:nth-child(2) { left: 475px;}
.gbo-text span:nth-child(3) { left: 740px;}
.gbo-text span:nth-child(4) { left: 1004px;}
.gbo-top-box{display: flex; border-top: 1px solid #464646; padding-top: 12px;}
.gbo-top-box i{ display: block; width: 2px; height: 14px; background: #464646; margin-right: 24px;}
.gbo-top-box i:nth-child(1),.gbo-top-box i:nth-child(11),.gbo-top-box i:nth-child(21),.gbo-top-box i:nth-child(31),.gbo-top-box i:nth-child(41),.gbo-top-box i:last-child { width: 4px; height: 20px;}
.gbo-mid-box{ display: flex; margin: 150px 0; justify-content: center;}
.gb-tab{ position: absolute; top: 54%; transform: translateY(-50%); z-index: 2;}
.gb-tab1{ left: 170px;}
.gb-tab2{ left: 430px;}
.gb-tab3{ left: 691px;}
.gb-tab4{ left: 951px;}
.gb-tab img{ border: none;}
.gb-play-wrap{ display: flex; align-items: center; position: absolute; left: 0;  top: 0; width: 177px; height: 177px; border-radius: 50%; background: rgba(0, 0, 0, 0.6); justify-content: center;  z-index: 3; display: none;}
.gb-play-wrap img{ margin: 56px 60px;}
.gbo-bot-box{ display: flex; border-bottom: 1px solid #464646; padding-bottom: 12px;}
.gbo-bot-box i{ display: block; width: 2px; height: 14px; background: #464646; margin-right: 24px;}
.gbo-bot-box i:nth-child(1),.gbo-bot-box i:nth-child(11),.gbo-bot-box i:nth-child(21),.gbo-bot-box i:nth-child(31),.gbo-bot-box i:nth-child(41),.gbo-bot-box i:last-child { width: 4px; height: 20px;}
.gb-play-wrap::before { content: ' '; position: absolute; width: 4px; height: 105px; background: #bc0e10; left: 52%; transform: translateX(-50%); top: -105px;}
.gb-play-wrap::after { content: ' '; position: absolute; width: 4px; height: 105px; background: #bc0e10ed; left: 52%; transform: translateX(-50%); bottom: -105px;}
/* 广播e */

/* 通用分页s */
.el-pagination{ display: flex; align-items: center; justify-content: center;}
.el-pagination ul{ display: flex; align-items: center; justify-content: center;}
.el-pagination ul li{ border: solid 1px; margin-right: 16px; padding: 5px 10px; color: #959595; cursor: pointer;}
.el-pagination ul li.active{ background-color: #bc0e10; color: #ffffff;}
.el-pagination ul li:hover{ background-color: #bc0e10; color: #ffffff;}
.el-pagination span{ display: flex; align-items: center; justify-content: center; padding: 5px 10px;}
.btn-quickprev,.btn-quicknext{ display: none;}
.el-pagination .btn-prev{ margin-right: 10px;}
.el-pagination button{ cursor: pointer;}
/* 通用分页e */

/* 详情s */
.video_title{ margin-top: 20px; margin-bottom: 20px;}
.video_title span{ font-size: 32px;}
.editor_in_charge_content_web {  font-size: 14px; font-weight: 400; text-align: left; color: #222222; margin: 0 0 72px 0; padding-left: 13px;}
.editor_in_charge_title { display: block;  margin-bottom: 5px;}
.video_sub_summary{ margin-top: 20px;  margin-bottom: 20px;}
/* 详情e */