html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,input,textarea,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,i,em{margin:0;padding:0;}
ul,ol,dl,dt,dd{list-style:none;}
/*body{font-family:\5b8b\4f53,arial,sans-serif;font-size:12px;color:#333;-webkit-font-smoothing:subpixel-antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0)}*/
body{font-family:"微软雅黑",arial,sans-serif;font-size:12px;color:#333;-webkit-font-smoothing:subpixel-antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body {
background-color: #f7f8fa;
}
img { border:0 none;}
/* flex */
.flex {
display: -webkit-box;
/* chrome 4 , safari 3.1, ios safari 3.2 */
display: -moz-box;
/* firefox 17- */
display: -webkit-flex;
/* chrome 21 , safari 6.1 , ios safari 7 , opera 15/16 */
display: -moz-flex;
/* firefox 18 */
display: -ms-flexbox;
/* ie 10 */
display: flex;
/* chrome 29 , firefox 22 , ie 11 , opera 12.1/17/18, android 4.4 */
}
.retol{
direction: rtl;
unicode-bidi: bidi-override;
}
.align-center {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.justify-bet {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.flex-column {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.flex_1 {
width: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
}
a {
text-decoration: none;
}
ul,
ol {
list-style: none;
}
i {
font-style: normal;
}
.fr {
float: right;
}
.fl {
float: left;
}
.clear::after {
content: "";
display: block;
clear: both;
}
.box {
width: 1200px;
margin: 0 auto;
}
.swiperbox {
overflow: hidden;
}
.over-txt1 {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.over-txt2 {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.over-txt6 {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
}
.mr4 {
margin-right: 4px;
}
.mt4 {
margin-top: 4px;
}
.mt40 {
margin-top: 40px;
}
.mb20 {
margin-bottom: 20px;
}
.mt20 {
margin-top: 20px;
}
.ml20 {
margin-left: 20px;
}
.mt12 {
margin-top: 12px;
}
.mt10 {
margin-top: 10px;
}
.mt40 {
margin-top: 40px;
}
/* 头部 */
.header {
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
z-index: 8888;
}
.header .top {
width: 100%;
height: 44px;
background-color: #111111;
}
.header .top .content {
height: 100%;
}
.header .top a {
font-size: 12px;
color: #ffffff;
line-height: 16px;
margin-top: 14px;
transition: all 0.1s;
}
.header .top a:hover {
color: #ff1534;
}
.header .top .left a:nth-child(1),
.header .top .right a:nth-child(1) {
padding-right: 20px;
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.header .top .left a:nth-child(2),
.header .top .right a:nth-child(2) {
padding-left: 20px;
}
.header .top .right a:nth-child(1) {
padding-left: 24px;
background: url(/uploads/image/ipc/ic_home.png) no-repeat center left;
background-size: 18px 18px;
}
.header .top .right a:nth-child(1):hover {
background: url(/uploads/image/ipc/ic_home_s.png) no-repeat center left;
background-size: 18px 18px;
}
.header .top .right a:nth-child(2) {
margin-left: 20px;
padding-left: 24px;
background: url(/uploads/image/ipc/ic_collect.png) no-repeat center left;
background-size: 18px 18px;
}
.header .top .right a:nth-child(2):hover {
background: url(/uploads/image/ipc/ic_collect_s.png) no-repeat center left;
background-size: 18px 18px;
}
.header .bottom {
width: 100%;
height: 80px;
background: #ffffff;
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.08);
}
.header .bottom .content {
height: 100%;
}
.header .bottom .logo {
width: 195px;
height: 42px;
margin-top: 19px;
}
.header .bottom .searchbox {
margin-left: 50px;
height: 40px;
width: 450px;
background: #ffffff;
border-radius: 20px;
border: 2px solid #ff1534;
box-sizing: border-box;
margin-top: 20px;
line-height: 36px;
position: relative;
}
.header .bottom .searchbox .resultbox {
position: absolute;
bottom: -225px;
left: 15px;
width: 318px;
height: 219px;
background: #ffffff;
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
border: 1px solid #eeeeee;
box-sizing: border-box;
padding: 15px 0;
z-index: 1000;
}
.header .bottom .searchbox .resultbox .item {
font-size: 14px;
font-family: microsoftyahei;
color: #111111;
line-height: 32px;
height: 32px;
cursor: pointer;
box-sizing: border-box;
padding: 0 10px;
}
.header .bottom .searchbox .resultbox .item:hover {
background-color: #fff7f7;
}
.header .bottom .searchbox input {
border: none;
outline: none;
width: 335px;
height: 100%;
box-sizing: border-box;
padding-left: 15px;
font-size: 14px;
color: #111111;
border-radius: 20px;
}
.header .bottom .searchbox input::-webkit-input-placeholder {
/* webkit browsers */
font-size: 14px;
color: #cccccc;
}
.header .bottom .searchbox input::-moz-placeholder {
/* mozilla firefox 19 */
font-size: 14px;
color: #cccccc;
}
.header .bottom .searchbox input:-ms-input-placeholder {
/* internet explorer 10 */
font-size: 14px;
color: #cccccc;
}
.header .bottom .searchbox .btn {
width: 111px;
height: 100%;
box-sizing: border-box;
padding-left: 55px;
font-size: 14px;
color: #ffffff;
background: url(/uploads/image/ipc/ic_search.png) no-repeat 26px center;
background-size: 22px 22px;
background-color: #ff1534;
cursor: pointer;
border-radius: 0 20px 20px 0;
}
.header .bottom .weatherbox {
margin-top: 16px;
}
.header .bottom .weatherbox .icon {
width: 48px;
height: 48px;
}
.header .bottom .weatherbox .info {
margin-left: 10px;
}
.header .bottom .weatherbox .info .local {
font-size: 16px;
font-weight: bold;
color: #111111;
}
.header .bottom .weatherbox .info .number {
font-size: 14px;
color: #111111;
margin-left: 10px;
border-right: 1px solid rgba(0, 0, 0, 0.08);
padding-right: 10px;
}
.header .bottom .weatherbox .info .mass span:nth-child(1) {
font-size: 14px;
color: #111111;
line-height: 20px;
margin-left: 10px;
}
.header .bottom .weatherbox .info .mass span:nth-child(2) {
font-size: 14px;
color: #ffffff;
width: 64px;
height: 20px;
line-height: 20px;
text-align: center;
border-radius: 4px;
overflow: hidden;
background-color: #9ac805;
margin-left: 2px;
}
.header .bottom .weatherbox .info .date {
margin-top: 10px;
}
.header .bottom .weatherbox .info .date span {
font-size: 12px;
color: #111111;
}
.header .bottom .weatherbox .info .date > span:not(:last-child) {
margin-right: 10px;
}
.header .bottom .weatherbox .infotxt{
position: relative;
/* width: 250px; */
z-index: 2;
font-size: 13px;
padding-left: 74px;
padding-top: 16px;
}
.header .bottom .weatherbox .infotxt2{
position: absolute;
/* width: 250px; */
z-index: 2;
font-size: 13px;
padding-left: 104px;
padding-top: 8px;
}
/* 广告 */
.banner {
background: #f7f8fa; width: 1200px; margin: 144px auto 0;
}
.banner .item {
height: 90px;
object-fit: cover;
display: block;
margin-top: 8px;
}
.banner .item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.contentbox {
position: relative;
}
/* 主内容 */
.main-content {
padding-top: 20px;
position: relative; background: #f7f8fa;
}
.main-content .aside {
width: 130px;
height: auto;
background-color: #fff;
border: 1px solid #eeeeee;
box-sizing: border-box;
margin-top: 20px;
}
.main-content .aside .menus {
box-sizing: border-box;
padding: 10px 10px 0 10px;
height: 500px;
overflow: hidden;
}
.main-content .aside .menus > a:last-child {
margin: 0 !important;
}
.main-content .aside .menus a {
display: block;
width: 100%;
height: 40px;
text-align: center;
line-height: 40px;
border-radius: 4px;
margin-bottom: 9px;
font-size: 14px;
color: #111111;
}
.main-content .aside .menus a:hover {
background-color: #fff7f7;
}
.main-content .aside .menus a.active {
background-color: #ff1534;
color: #fff;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #ffffff;
}
.main-content .aside .more {
display: block;
width: 100%;
height: 50px;
line-height: 50px;
box-sizing: border-box;
border-top: 1px solid #f2f2f2;
font-size: 14px;
color: #111111;
padding-left: 60px;
background: url(/uploads/image/ipc/ic_more.png) no-repeat 40px center;
background-size: 18px 18px;
}
.main-content .aside .more.active {
background: url(/uploads/image/ipc/ic_hide.png) no-repeat 40px center;
background-size: 18px 18px;
}
.main-content .aside .more:hover {
background-color: #f8f8f8;
}
.main-content .l_content {
width: 1050px;
margin-left: 20px;
}
.main-content .l_content .lead_news {
width: 100%;
height: 100px;
line-height: 72px;
box-sizing: border-box;
padding: 6px 0;
background-color: #fff;
border: 1px solid #eeeeee;
}
.main-content .l_content .lead_news .logo {
width: 100px;
padding-right: 5px;
box-sizing: border-box;
text-align: center;
background: url(/uploads/image/ipc/ic_lead_news.png) no-repeat center right;
background-size: 4px 56px;
font-size: 30px;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #ff1534;
}
.main-content .l_content .lead_news .more {
width: 56px;
height: 90px;
box-sizing: border-box;
border-left: 1px solid #f7f8fa;
padding: 5px 15px;
background: url(/uploads/image/ipc/ic_more2.png) no-repeat right 25px top 75px;
background-size: 14px 14px;
font-size: 14px;
color: #111111;
line-height: 16px;
}
.main-content .l_content .lead_news .more:hover {
color: #ff1534;
background: url(/uploads/image/ipc/ic_more2.png) no-repeat right 25px top 75px;
background-size: 14px 14px;
}
.main-content .l_content .lead_news .swiper-lead {
display: flex;
justify-content: left;
align-items: center;
width: 95%;
height: 100%;
overflow: hidden;
box-sizing: border-box;
padding: 0 5px 0 5px;
}
.main-content .l_content .lead_news .swiper-lead a {
font-size: 33px;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color:#ff1534; /*ff1534 */
display: block;/* 20210309 添加 */
display: -webkit-box;
/* overflow: hidden; */
/* text-overflow: ellipsis; */
word-break: break-all;
-webkit-box-orient: vertical;
/* -webkit-line-clamp: 1; */
text-align: -webkit-center;
word-break: break-all;
line-height: 36px;
text-align: center;
}
.main-content .l_content .lead_news .swiper-lead a:hover {
color:#ff1534; /*#ff1534 */
}
.main-content .l_content .newsbox {
width: 100%;
margin-top: 20px;
}
.main-content .l_content .newsbox .center {
width: 760px;
border: 0px solid #eeeeee;
box-sizing: border-box;
}
.main-content .l_content .newsbox .center .recommend {
background-color: #fff;
}
.main-content .l_content .newsbox .center .swiperbox {
width: 760px;
height: 280px;
overflow: hidden;
position: relative;
}
.main-content .l_content .newsbox .center .swiper-banner {
width: 100%;
height: 100%;
}
.main-content .l_content .newsbox .center .swiper-banner .swiper-slide,
.main-content .l_content .newsbox .center .swiper-banner a,
.main-content .l_content .newsbox .center .swiper-banner img {
width: 500px;
/*height: 100%;
display: block;*/
}
.main-content .l_content .newsbox .center .swiper-banner img {
object-fit: cover; height: 100%;
}
.main-content .l_content .newsbox .center .textbox {
width: 258px;
height: 280px;
box-sizing: border-box;
padding: 20px;
position: relative;
}
.main-content .l_content .newsbox .center .textbox .title {
font-size: 20px;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #111111;
line-height: 30px;
width: 100%;
height: 60px;
display: block !important;
overflow: hidden;
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.main-content .l_content .newsbox .center .textbox .title:hover {
color: #ff1534;
}
.main-content .l_content .newsbox .center .textbox .main {
font-size: 14px;
font-family: microsoftyahei;
color: #989fa5;
line-height: 24px;
margin-top: 8px;
}
.main-content .l_content .newsbox .center .textbox .info {
line-height: 22px;
position: absolute;
bottom: 20px;
left: 0;
width: 100%;
height: 22px;
box-sizing: border-box;
padding: 0 20px;
}
.main-content .l_content .newsbox .center .textbox .time {
font-size: 12px;
color: #989fa5;
margin-left: 10px;
}
.main-content .l_content .newsbox .center .textbox .count {
font-size: 12px;
font-family: arialmt;
color: #989fa5;
padding-left: 21px;
background: url(/uploads/image/ipc/ic_eyes.png) no-repeat center left;
background-size: 16px 16px;
}
.main-content .l_content .newsbox .center .textbox .command {
padding: 0 5px;
height: 22px;
text-align: center;
background-color: #ff1534;
border-radius: 2px;
font-size: 12px;
color: #ffffff;
}
.main-content .l_content .newsbox .center .channel {
width: 100%;
height: auto;
margin-top: 20px;
}
.main-content .l_content .newsbox .center .channel a {
display: block;
position: relative;
overflow: hidden;
}
.main-content .l_content .newsbox .center .channel a:hover .bg {
transform: scale(1.2);
-webkit-transform: scale(1.2);
/* for chrome || safari */
-moz-transform: scale(1.2);
/* for firefox */
-ms-transform: scale(1.2);
/* for ie */
-o-transform: scale(1.2);
/* for opera */
transition: all 0.3s;
}
.main-content .l_content .newsbox .center .channel a .bg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 500;
transition: all 0.3s;
}
.main-content .l_content .newsbox .center .channel a span {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
text-align: center;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
font-size: 18px;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #ffffff;
z-index: 600;
}
.main-content .l_content .newsbox .center .channel .item {
width: 120px;
height: 120px;
}
.main-content .l_content .newsbox .center .channel .item2 {
width: 254px;
height: 58px;
}
.main-content .l_content .newsbox .center .channel .item3 {
width: 125px;
height: 58px;
}
.main-content .l_content .newsbox .center .channel .channel3 {
text-align: center;
line-height: 58px;
}
.main-content .l_content .newsbox .center .channel .channel3 .c_img {
width: 117px;
height: 48px;
position: absolute;
top: 50%;
left: 50%;
z-index: 600;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.main-content .l_content .newsbox .center .channel .channel6 {
line-height: 146px;
text-align: center;
}
.main-content .l_content .newsbox .center .channel .channel6 .c_img {
width: 102px;
height: 36px;
position: absolute;
top: 50%;
left: 50%;
z-index: 600;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.main-content .l_content .newsbox .center .lead_news2 {
width: 100%;
height: auto;
box-sizing: border-box;
background: #ffffff;
border: 1px solid #cecece;
padding: 28px 5px;
margin-top: 27px;
position: relative;
overflow: visible;
}
.main-content .l_content .newsbox .center .lead_news2 a {
font-size: 24px;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #111111;
text-align: center;
line-height: 34px;
width: 100%;
height: 100%;
display:block;
}
.main-content .l_content .newsbox .center .lead_news2 a:hover {
color: #ff1534;
}
.main-content .l_content .newsbox .center .lead_news2 i {
position: absolute;
top: -8px;
left: 0;
width: 100%;
height: 30px;
background: url(/uploads/image/ipc/ic_head_bg.png) no-repeat;
background-size: 100% 100%;
}
.main-content .l_content .newsbox .right {
width: 270px;
margin-left: 20px;
}
.main-content .l_content .newslist {
width: 100%;
height: auto;
box-sizing: border-box;
border: 1px solid #eeeeee;
background-color: #fff;
margin-top: 20px;
}
.main-content .l_content .tabmenu {
position: relative;
height: 51px;
border-bottom: 1px solid #f2f2f2;
box-sizing: border-box;
}
.main-content .l_content .tabmenu .item {
float: left;
position: relative;
margin-left: 20px;
line-height: 50px;
}
.main-content .l_content .tabmenu .item a {
display: block;
font-size: 16px;
color: #111111;
}
.main-content .l_content .tabmenu .item a:hover {
color: #ff1534;
}
.main-content .l_content .tabmenu .item.active a{
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #ff1534;
border-bottom:3px solid #ff1534;
}
/*.main-content .l_content .tabmenu .item i {*/
/* position: absolute;*/
/* left: 50%;*/
/* bottom: 0;*/
/* margin-left: -15px;*/
/* width: 30px;*/
/* height: 3px;*/
/* border-radius: 100px;*/
/* background-color: #ff1534;*/
/* display: none;*/
/*}*/
.main-content .l_content .tabmenu .more {
display: block;
float: right;
width: 80px;
height: 100%;
line-height: 28px;
font-size: 12px;
color: #111111;
box-sizing: border-box;
padding: 11px 20px;
border-left: 1px solid #eee;
background: url(/uploads/image/ipc/ic_more3.png) no-repeat right 20px top 18px;
background-size: 14px 14px;
}
.main-content .l_content .content .item {
height: 140px;
width: 100%;
box-sizing: border-box;
padding: 20px;
display: block;
border-bottom: 1px solid #f2f2f2;
}
.main-content .l_content .content .item:hover {
background-color: #f7f8fa;
}
.main-content .l_content .content .item:hover .title {
/*font-size: 20px;*/
color: #ff1534;
}
.main-content .l_content .content .img {
width: 150px;
height: 100px;
object-fit: cover;
}
.main-content .l_content .content .intro {
box-sizing: border-box;
padding-left: 20px;
width: 566px;
height: 100%;
position: relative;
}
.main-content .l_content .content .intro2 {
box-sizing: border-box;
padding-left: 20px;
width: 100%;
height: 100%;
position: relative;
}
.main-content .l_content .content .title {
font-size: 20px;
color: #111111;
line-height: 26px;
}
.main-content .l_content .content .bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 20px;
line-height: 20px;
box-sizing: border-box;
padding-left: 20px;
}
.main-content .l_content .content .bottom .local {
width: auto;
padding: 0 6px;
height: 20px;
line-height: 18px;
font-size: 12px;
color: #ff1534;
box-sizing: border-box;
border: 1px solid #ff1534;
border-radius: 4px;
margin-right: 10px;
}
.main-content .l_content .content .bottom .date,
.main-content .l_content .content .bottom .count {
font-size: 12px;
font-family: arialmt;
color: #989fa5;
}
.main-content .l_content .content .bottom .count {
background: url(/uploads/image/ipc/ic_eyes.png) no-repeat center left;
background-size: 16px 16px;
padding-left: 21px;
}
.main-content .l_content .content .item2 {
height: auto;
width: 100%;
box-sizing: border-box;
padding: 20px 20px 50px;
display: block;
border-bottom: 1px solid #f2f2f2;
position: relative;
}
.main-content .l_content .content .item2:hover {
background-color: #f7f8fa;
}
.main-content .l_content .content .item2:hover .title {
font-size: 20px;
color: #ff1534;
}
.main-content .l_content .content .item2 .img2 {
width: 100%;
height: 180px;
object-fit: cover;
margin-top: 10px;
display: block;
}
.main-content .l_content .content .item2 .bottom {
padding-right: 20px;
bottom: 20px;
}
.main-content .l_content .adv img {
display: block;
width: 100%;
height: 100px;
object-fit: cover;
}
.main-content .l_content .adv a {
display: block;
margin-bottom: 20px;
}
.main-content .l_content .r_title {
width: 100%;
height: 35px;
line-height: 35px;
}
.main-content .l_content .r_title p {
font-size: 26px;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #111111;
}
.main-content .l_content .r_title a {
font-size: 12px;
font-family: microsoftyahei;
color: #111111;
background: url(/uploads/image/ipc/ic_more4.png) no-repeat center right;
padding-right: 16px;
background-size: 14px 14px;
}
.main-content .l_content .r_title a:hover {
color: #ff1534;
background: url(/uploads/image/ipc/ic_next_s.png) no-repeat center right;
background-size: 14px 14px;
}
.main-content .l_content .goodvideo .item {
position: relative;
width: 100%;
height: 152px;
margin-top: 20px;
display: block;
}
.main-content .l_content .goodvideo .item:hover i {
background: url(/uploads/image/ipc/ic_play_s.png) no-repeat;
background-size: 38px 38px;
}
.main-content .l_content .goodvideo .item img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.main-content .l_content .goodvideo .item i {
position: absolute;
width: 38px;
height: 38px;
top: 50%;
left: 50%;
margin-left: -19px;
margin-top: -19px;
background: url(/uploads/image/ipc/ic_play.png) no-repeat;
background-size: 100% 100%;
transition: all 0.1s;
}
.main-content .l_content .goodvideo .item span {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40px;
line-height: 40px;
box-sizing: border-box;
padding: 0 15px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
font-size: 14px;
font-family: microsoftyahei;
color: #ffffff;
}
.main-content .l_content .goodvideo .item .living {
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 24px;
background: url(/uploads/image/ipc/ic_living.png) no-repeat;
background-size: 100% 100%;
}
.main-content .l_content .hot_topic .item {
display: block;
width: 100%;
height: 100px;
margin-top: 20px;
}
.main-content .l_content .hot_topic .item img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.main-content .l_content .good_server .item {
background-color: #fff;
width: 90px;
height: 90px;
box-sizing: border-box;
border: 1px solid #f2f2f2;
text-align: center;
}
.main-content .l_content .good_server .item:hover {
background-color: #fff7f7;
}
.main-content .l_content .good_server .item:hover span {
color: #ff1534;
}
.main-content .l_content .good_server .item img {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
margin-top: 15px;
}
.main-content .l_content .good_server .item span {
display: block;
margin: 0 auto;
margin-top: 10px;
font-size: 12px;
color: #111111;
}
.main-content .l_content .weibo .card {
width: 100%;
height: 120px;
background: url(/uploads/image/ipc/ic_weibo_bg.png) no-repeat;
background-size: 100% 100%;
box-sizing: border-box;
padding: 20px;
}
.main-content .l_content .weibo .card img {
width: 70px;
height: 70px;
object-fit: cover;
border-radius: 50%;
overflow: hidden;
margin-right: 20px;
}
.main-content .l_content .weibo .card .name {
height: 20px;
line-height: 20px;
}
.main-content .l_content .weibo .card .name span {
font-size: 14px;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #ffffff;
}
.main-content .l_content .weibo .card .name i {
width: 10px;
height: 10px;
background: url(/uploads/image/ipc/ic_vip.png) no-repeat;
background-size: 100% 100%;
margin-top: 5px;
margin-left: 4px;
}
.main-content .l_content .weibo .card .local {
display: block;
font-size: 12px;
font-family: microsoftyahei;
color: #ffffff;
margin-top: 6px;
}
.main-content .l_content .weibo .card .focus {
display: block;
width: 62px;
height: 26px;
line-height: 26px;
border-radius: 2px;
background: url(/uploads/image/ipc/ic_more5.png) no-repeat 12px center;
background-size: 10px 10px;
background-color: #ffffff;
box-sizing: border-box;
padding-left: 26px;
font-size: 12px;
color: #111111;
margin-top: 12px;
cursor: pointer;
}
.main-content .l_content .weibo .card .focus:hover {
background-color: #f2f2f2;
}
.main-content .l_content .weibo .content {
box-sizing: border-box;
padding: 10px 20px;
background-color: #fff;
}
.main-content .l_content .weibo .content .txt {
font-size: 12px;
font-family: microsoftyahei;
color: #666666;
line-height: 22px;
}
.main-content .l_content .weibo .content .txt a {
color: #6097d6;
}
.main-content .l_content .weibo .content img {
display: block;
width: 108px;
height: 72px;
object-fit: cover;
margin: 10px 0;
}
.main-content .l_content .weibo .content .option span {
font-size: 12px;
font-family: microsoftyahei;
color: #989fa5;
}
.main-content .l_content .weibo .content .option span:hover {
color: #ff1534;
}
.main-content .l_content .weibo .content .option > span:nth-child(2) {
padding-left: 10px;
border-left: 1px solid #eee;
cursor: pointer;
}
.main-content .l_content .weibo .content .option > span:nth-child(3) {
padding-right: 10px;
cursor: pointer;
}
.main-content .l_content .hot_news {
width: 100%;
height: auto;
}
.main-content .l_content .hot_news .newlist {
width: 100%;
height: auto;
margin-top: 20px;
}
.main-content .l_content .hot_news .newlist li {
width: 100%;
position: relative;
}
.main-content .l_content .hot_news .newlist li a {
width: 100%;
font-size: 14px;
font-family: microsoftyahei;
color: #111111;
box-sizing: border-box;
padding-left: 16px;
height: 20px;
line-height: 20px;
}
.main-content .l_content .hot_news .newlist li a::after {
content: "";
position: absolute;
top: 50%;
left: 0;
margin-top: -3px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #ff1534;
}
.main-content .l_content .hot_news .newlist li a:hover {
color: #ff1534;
}
.main-content .l_content .hot_news .newlist > li:not(:last-child) {
margin-bottom: 16px;
}
.swiperbox .swiper-button-next {
background: url(/uploads/image/ipc/ic_right_arrow.png) no-repeat center center;
background-size: 100% 100%;
}
.swiperbox .swiper-button-next:hover {
background: url(/uploads/image/ipc/ic_right_arrow_s.png) no-repeat center center;
background-size: 100% 100%;
}
.swiperbox .swiper-button-prev {
background: url(/uploads/image/ipc/ic_left_arrow.png) no-repeat center center;
background-size: 100% 100%;
}
.swiperbox .swiper-button-prev:hover {
background: url(/uploads/image/ipc/ic_left_arrow_s.png) no-repeat center center;
background-size: 100% 100%;
}
.swiperbox .swiper-button-next,
.swiperbox .swiper-button-prev {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.3);
}
.swiperbox .swiper-pagination-bullets {
right: 290px;
bottom: 15px;
}
.swiperbox .swiper-pagination-bullet {
width: 7px;
height: 5px;
border-radius: 100px;
background-color: #fff;
margin: 0 4px;
opacity: 1;
transition: all 0.1s;
}
.swiperbox .swiper-pagination-bullet-active {
width: 12px;
height: 5px;
background: #ff1534;
border-radius: 100px;
}
.loading_more {
width: 100%;
height: 74px;
line-height: 74px;
text-align: center;
cursor: pointer;
background-color: #fff;
}
.loading_more i {
display: inline-block;
width: 24px;
height: 24px;
background: url(/uploads/image/ipc/ic_loading.png) no-repeat;
background-size: 100% 100%;
margin: 0 4px;
}
.loading_more span {
font-size: 14px;
font-family: microsoftyahei;
color: #111111;
}
.loading_more:hover i {
background: url(/uploads/image/ipc/ic_loading_s.png) no-repeat;
background-size: 100% 100%;
}
.loading_more:hover span {
color: #ff1534;
}
.loading_more i.active {
background: url(/uploads/image/ipc/ic_now_load.png) no-repeat;
background-size: 100% 100%;
}
.loading_video {
height: 54px;
border: 1px solid #eeeeee;
}
.tabmorebtn:hover {
background-color: #f8f8f8 !important;
}
.tabmorebtn.active {
background: url(/uploads/image/ipc/ic_gotop_s.png) no-repeat right 20px top 18px !important;
background-size: 14px 14px !important;
color: #ff1534 !important;
}
/* 图观天下 */
.img_worldbox {
padding-bottom: 40px;
background: no-repeat;
background-size: 100% 100%;
background-color: #f7f8fa;
}
.img_world {
margin-top: 40px;
box-sizing: border-box;
padding-left: 150px;
}
.img_world .r_title {
width: 100%;
height: 35px;
line-height: 35px;
}
.img_world .r_title p {
font-size: 26px;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #111111;
}
.img_world .r_title a {
font-size: 12px;
font-family: microsoftyahei;
color: #111111;
background: url(/uploads/image/ipc/ic_more4.png) no-repeat center right;
padding-right: 16px;
background-size: 14px 14px;
}
.img_world .r_title a:hover {
color: #ff1534;
background: url(/uploads/image/ipc/ic_next_s.png) no-repeat center right;
background-size: 14px 14px;
}
.img_world a {
position: relative;
display: block;
overflow: hidden;
}
.img_world a img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
transition: all 0.3s;
}
.img_world a img:hover {
transform: scale(1.2);
-webkit-transform: scale(1.2);
/* for chrome || safari */
-moz-transform: scale(1.2);
/* for firefox */
-ms-transform: scale(1.2);
/* for ie */
-o-transform: scale(1.2);
/* for opera */
transition: all 0.3s;
}
.img_world a span {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40px;
line-height: 40px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
box-sizing: border-box;
padding: 0 10px;
font-size: 14px;
font-family: microsoftyahei;
color: #ffffff;
}
.img_world .item {
width: 243px;
height: 160px;
margin-bottom: 4px;
}
.img_world .item2 {
width: 435px;
height: 244px;
}
.img_world .item3 {
width: 215px;
height: 240px;
}
.img_world .item4 {
width: 180px;
height: 119px;
margin-left: 4px;
margin-bottom: 4px;
}
.img_world .right {
width: 435px;
}
/* 二维码 */
.pub_codebox {
width: 100%;
height: 215px;
background-color: #fff;
margin-top: 35px;
}
.pub_codebox .box {
box-sizing: border-box;
padding: 20px 20px 20px 300px;
}
.pub_codebox .conn a {
display: block;
font-size: 14px;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #111111;
margin-bottom: 30px;
}
.pub_codebox .conn a:hover {
color: #ff1534;
}
.pub_codebox .codebox {
margin-left: 100px;
}
.pub_codebox .codebox .item {
margin-right: 50px;
}
.pub_codebox .codebox .item span {
display: block;
font-size: 14px;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #111111;
}
.pub_codebox .codebox .item img {
display: block;
width: 115px;
height: 115px;
margin-top: 20px;
}
/* 底部 */
.footer {
width: 100%;
padding: 30px 0 44px 0;
}
.footer .item {
text-align: center;
margin-top: 8px;
}
.footer .item p {
font-size: 12px;
font-weight: 400;
color: #989fa5;
}
.footer .item:nth-child(1) {
margin-bottom: 16px;
}
/* 回到顶部 */
.gotop {
position: absolute;
right: -94px;
bottom: 0px;
width: 74px;
height: 376px;
}
.gotop .item {
width: 100%;
height: auto;
background: #ffffff;
box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 10%);
border: 1px solid #eeeeee;
box-sizing: border-box;
padding: 10px 5px;
margin-top: 5px;
}
.gotop .item p {
font-size: 12px;
font-family: microsoftyahei;
color: #111111;
}
.gotop .item p span {
color: #ff1534;
}
.gotop .item img {
margin-top: 3px;
display: block;
width: 64px;
height: 64px;
}
.gotop .item:nth-child(2) {
border-bottom: 1px solid #f2f2f2;
}
.gotop .top {
box-sizing: border-box;
padding: 14px 0 2px 0;
text-align: center;
background-color: #fff;
cursor: pointer;
}
.gotop .top i {
width: 24px;
height: 24px;
background: url(/uploads/image/ipc/ic_gotop.png) no-repeat;
background-size: 100% 100%;
display: block;
margin: 0 auto;
}
.gotop .top span {
font-size: 12px;
font-family: microsoftyahei;
color: #666666;
}
.gotop .top:hover span {
color: #ff1534;
}
.gotop .top:hover i {
background: url(/uploads/image/ipc/ic_gotop_s.png) no-repeat;
background-size: 100% 100%;
}
/* 视频列表 */
.videolistbox {
width: 100%;
margin-left: 10px;
margin-top: 18px;
}
.videolistbox .item {
float: left;
width: 200px;
height: 180px;
background-color: #fff;
border: 1px solid #eee;
box-sizing: border-box;
margin-bottom: 30px;
transition: all 0.3s;
}
.videolistbox .item .cover_img {
width: 100%;
height: 135px;
position: relative;
}
.videolistbox .item .cover_img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.videolistbox .item .cover_img span {
position: absolute;
left: 10px;
bottom: 10px;
width: auto;
height: 22px;
line-height: 22px;
padding-left: 28px;
padding-right: 8px;
background: no-repeat 8px center;
background-size: 16px 16px;
border-radius: 16px;
background-color: rgba(0, 0, 0, 0.4);
font-size: 14px;
font-family: arialmt;
color: #ffffff;
}
.videolistbox .item .intro {
width: 100%;
height: 63px;
box-sizing: border-box;
padding: 11px 10px;
font-size: 14px;
font-family: microsoftyahei;
color: #111111;
line-height: 16px;
overflow: hidden;
}
.videolistbox .item:hover {
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
.videolistbox .item:not(:nth-child(4n)) {
margin-right: 30px;
}
/* 文章详情 */
.article_d {
width: 100%;
height: auto;
background: #ffffff;
border: 1px solid #eeeeee;
background-color: #f7f8fa;
}
.article_d .main {
background-color: #fff;
box-sizing: border-box;
padding: 30px 60px 40px 60px;
}
.article_d .main .title {
font-size: 32px;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #111111;
line-height: 42px;
}
.article_d .main .date {
margin-top: 15px;
width: 100%;
height: 20px;
line-height: 20px;
padding-bottom: 20px;
}
.article_d .main .date .local {
width: auto;
padding: 0 6px;
height: 20px;
line-height: 18px;
font-size: 12px;
color: #ff1534;
box-sizing: border-box;
border: 1px solid #ff1534;
border-radius: 4px;
margin-right: 10px;
}
.article_d .main .date .time,
.article_d .main .date .count {
font-size: 12px;
font-family: arialmt;
color: #989fa5;
}
.article_d .main .date .count {
background: url(/uploads/image/ipc/ic_eyes.png) no-repeat center left;
background-size: 16px 16px;
padding-left: 21px;
}
.article_d .main .content {
padding-top: 20px;
border-top: 1px solid #f2f2f2;
word-break:break-all;
}
.article_d .main .content p {
font-size: 18px;
font-family: microsoftyahei;
color: #666666;
line-height: 28px;
}
.article_d .main .content img {
display: block;
width: 100%;
height: auto;
margin: 0px 0;
}
.article_d .else {
box-sizing: border-box;
padding: 20px 30px;
}
.article_d .else a {
font-size: 16px;
font-weight: 400;
color: #111111;
display: block;
}
.article_d .else a:hover {
color: #ff1534;
}
.sharetext {
font-size: 14px;
font-family: microsoftyahei;
color: #666666;
}
.sharebox {
margin-top: 30px;
}
.sharebox .item {
margin-bottom: 20px;
width: 100%;
height: 40px;
line-height: 40px;
cursor: pointer;
}
.sharebox .item:hover span {
color: #ff1534;
}
.sharebox .item i {
float: left;
width: 40px;
height: 40px;
}
.sharebox .item span {
float: left;
font-size: 16px;
font-family: microsoftyahei;
color: #111111;
margin-left: 12px;
}
.sharebox .item:nth-child(1) {
background: url(/uploads/image/ipc/share_weibo.png) no-repeat;
background-size: 40px 40px;
}
.sharebox .item:nth-child(2) {
background: url(/uploads/image/ipc/share_qq.png) no-repeat;
background-size: 40px 40px;
}
.sharebox .item:nth-child(3) {
background: url(/uploads/image/ipc/share_weixin.png) no-repeat;
background-size: 40px 40px;
}
.aside_art {
border: none !important;
background-color: #f7f8fa !important;
}
.titl_art {
width: 100%;
height: 65px;
border-bottom: 1px solid #eee;
box-sizing: border-box;
padding-left: 20px;
line-height: 65px;
font-size: 26px;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #111111;
}
.art_menu {
height: 20px;
margin-top: 30px;
line-height: 20px;
margin-left: 30px;
}
.art_menu li {
min-width: 50px;
margin-left: 20px;
float: left;
}
.art_menu li a {
display: block;
width: 100%;
height: 100%;
font-size: 14px;
font-family: microsoftyahei;
color: #333333;
text-align: center;
}
.art_menu li a.active {
color: #ff1534;
}
.art_menu li a:hover {
color: #ff1534;
}
.downappbtn {
width: 265px;
height: 50px;
border-radius: 25px;
line-height: 50px;
box-sizing: border-box;
padding-left: 80px;
background: url(/uploads/image/ipc/ic_btn_logo.png) no-repeat 40px center;
background-color: #ff1534;
background-size: 30px 30px;
font-size: 16px;
font-weight: 400;
color: #ffffff;
margin: 0 auto;
margin-top: 40px;
cursor: pointer;
transition: all 0.2s;
}
.downappbtn:hover {
background-color: #f30020;
}
.downappbtn a{
color: #ffffff;
width: 265px;
height: 50px;
}
/* 直播页 */
.live_color {
background-color: #18171a !important;
}
.live_color li a {
color: #fff;
}
.livebox {
background-color: #000;
}
.livebox .box {
box-sizing: border-box;
padding: 40px 0;
height: 650px;
}
.livebox .live_player_box {
width: 930px;
height: 524px;
box-sizing: border-box;
position: relative;
overflow: hidden;
}
.livebox .live_list_box {
width: 270px;
height: 524px;
background-color: #18171a;
}
.livebox .live_list_box .date {
width: 100%;
height: 80px;
box-sizing: border-box;
border-bottom: 1px solid #000;
padding: 20px 0;
}
.livebox .live_list_box .date .item {
padding: 0 9px;
float: left;
color: #989fa5;
cursor: pointer;
}
.livebox .live_list_box .date .item.active {
color: #ff1534 !important;
}
.livebox .live_list_box .date .item:hover {
color: #fff;
}
.livebox .live_list_box .date .item span {
display: block;
text-align: center;
}
.livebox .live_list_box .date .item > span:nth-child(1) {
font-size: 12px;
font-family: microsoftyahei;
}
.livebox .live_list_box .date .item > span:nth-child(2) {
font-size: 18px;
font-family: arial-boldmt, arial;
font-weight: normal;
margin-top: 5px;
}
.livebox .live_list_box .listbox {
width: 100%;
height: 394px;
overflow-y: scroll;
box-sizing: border-box;
padding-bottom: 20px;
}
.livebox .live_list_box .listbox li {
width: 100%;
height: 26px;
line-height: 26px;
box-sizing: border-box;
padding: 0 20px;
margin-top: 10px;
}
.livebox .live_list_box .listbox li:hover {
background-color: #000;
}
.livebox .live_list_box .listbox li.active {
background-color: #ff1534;
}
.livebox .live_list_box .listbox li.active a {
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #ffffff;
}
.livebox .live_list_box .listbox li a span:nth-child(2) {
margin-left: 10px;
}
.livebox .live_list_box .listbox a {
display: block;
width: 100%;
height: 100%;
font-size: 12px;
font-family: microsoftyahei;
color: #ffffff;
}
.livebox .live_list_box .listbox a > :nth-child(2) {
max-width: 180px;
}
.livebox .live_list_box .listbox a.active {
color: #989fa5;
}
.livebox .live_list_box .channel {
height: 50px;
line-height: 50px;
width: 100%;
position: relative;
border-top: 1px solid #000;
box-sizing: border-box;
padding: 0 24px;
}
.livebox .live_list_box .channel .prev,
.livebox .live_list_box .channel .next {
position: absolute;
width: 24px;
height: 100%;
background-color: #29282c !important;
cursor: pointer;
z-index: 2000;
}
.livebox .live_list_box .channel .prev {
top: 0;
left: 0;
background: url(/uploads/image/ipc/ic_prev.png) no-repeat center center;
background-size: 14px 14px;
box-shadow: 7px 0px 5px 0px #1f1e21;
}
.livebox .live_list_box .channel .prev:hover {
background: url(/uploads/image/ipc/ic_prev_s.png) no-repeat center center;
background-size: 14px 14px;
}
.livebox .live_list_box .channel .next {
top: 0;
right: 0;
background: url(/uploads/image/ipc/ic_next.png) no-repeat center center;
background-size: 14px 14px;
box-shadow: -7px 0px 5px 0px #1f1e21;
}
.livebox .live_list_box .channel .next:hover {
background: url(/uploads/image/ipc/ic_next_s.png) no-repeat center center;
background-size: 14px 14px;
}
.livebox .live_list_box .title {
width: 100%;
height: 66px;
line-height: 66px;
box-sizing: border-box;
padding: 0 15px;
}
.livebox .live_list_box .title p {
font-size: 20px;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #ffffff;
}
.livebox .live_list_box .title a {
font-size: 12px;
font-family: microsoftyahei;
color: #fff;
background: url(/uploads/image/ipc/ic_next.png) no-repeat center right;
padding-right: 16px;
background-size: 14px 14px;
}
.livebox .live_list_box .title a:hover {
color: #ff1534;
background: url(/uploads/image/ipc/ic_next_s.png) no-repeat center right;
background-size: 14px 14px;
}
.livebox .info {
margin-top: 20px;
font-size: 20px;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #cccccc;
width: 930px;
box-sizing: border-box;
}
.swiper-channel {
overflow: hidden;
width: 100%;
height: 100%;
background-color: #242326;
box-sizing: border-box;
padding: 0 19px;
}
.swiper-channel .swiper-slide {
width: auto;
}
.swiper-channel .swiper-slide:not(:last-child) {
margin-right: 15px;
}
.swiper-channel .item:not(:last-child) {
margin-right: 24px;
}
.swiper-channel .item {
height: 100%;
float: left;
font-size: 12px;
font-family: microsoftyahei;
color: #ffffff;
position: relative;
}
.swiper-channel .item.active {
color: #ff1534;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
}
.swiper-channel .item.active::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
height: 3px;
width: 30px;
margin-left: -15px;
background-color: #ff1534;
border-radius: 100px 100px 0px 0px;
}
.conn_news {
background: #ffffff;
border: 1px solid #eeeeee;
box-sizing: border-box;
margin-top: 20px;
}
.conn_news .title {
height: 65px;
box-sizing: border-box;
padding: 0 20px;
border-bottom: 1px solid #eee;
font-size: 26px;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #111111;
line-height: 65px;
}
.conn_news .listbox {
box-sizing: border-box;
padding: 20px 50px 0 50px;
}
.conn_news .listbox .item {
float: left;
width: 240px;
height: 200px;
background-color: #fff;
border: 1px solid #eee;
box-sizing: border-box;
transition: all 0.3s;
margin-bottom: 30px;
}
.conn_news .listbox .item .cover_img {
width: 100%;
height: 135px;
position: relative;
}
.conn_news .listbox .item .cover_img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.conn_news .listbox .item .cover_img span {
position: absolute;
left: 10px;
bottom: 10px;
width: auto;
height: 22px;
line-height: 22px;
padding-left: 28px;
padding-right: 8px;
background: no-repeat 8px center;
background-size: 16px 16px;
border-radius: 16px;
background-color: rgba(0, 0, 0, 0.4);
font-size: 14px;
font-family: arialmt;
color: #ffffff;
}
.conn_news .listbox .item .intro {
width: 100%;
height: 63px;
box-sizing: border-box;
padding: 11px 10px;
font-size: 14px;
font-family: microsoftyahei;
color: #111111;
line-height: 22px;
overflow: hidden;
}
.conn_news .listbox .item:hover {
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
.conn_news .listbox .item:not(:nth-child(4n)) {
margin-right: 46px;
}
/* 视频详情页 */
.commendlist {
background: #18171a;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 0 15px;
overflow-y: scroll;
}
.commendlist .item {
float: left;
width: 240px;
height: 200px;
background: #18171a;
box-sizing: border-box;
transition: all 0.3s;
margin-bottom: 30px;
}
.commendlist .item:hover p {
color: #fff;
}
.commendlist .item .cover_img {
width: 100%;
height: 135px;
position: relative;
}
.commendlist .item .cover_img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.commendlist .item .cover_img span {
position: absolute;
left: 10px;
bottom: 10px;
width: auto;
height: 22px;
line-height: 22px;
padding-left: 28px;
padding-right: 8px;
background: no-repeat 8px center;
background-size: 16px 16px;
border-radius: 16px;
background-color: rgba(0, 0, 0, 0.4);
font-size: 14px;
font-family: arialmt;
color: #ffffff;
}
.commendlist .item .intro {
width: 100%;
height: 63px;
box-sizing: border-box;
padding: 11px 10px;
font-size: 14px;
font-family: microsoftyahei;
color: #989fa5;
line-height: 22px;
overflow: hidden;
}
.info_det {
margin-top: 20px;
width: 930px;
box-sizing: border-box;
}
.info_det > p:nth-child(1) {
font-size: 20px;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #cccccc;
}
.info_det > p:nth-child(2) {
margin-top: 10px;
font-size: 16px;
font-family: microsoftyahei;
color: #999999;
line-height: 25px;
}
.video_share {
position: absolute;
top: 0;
left: -150px;
width: 130px;
height: auto;
}
.video_share .sharebox {
margin-top: 20px !important;
}
.video_share .sharebox .item:hover span {
color: #ff1534;
}
.video_share .sharebox .item span {
color: #fff;
}
.video_share .text {
padding: 10px 0;
font-size: 14px;
font-family: microsoftyahei;
color: #666666;
border-bottom: 1px solid #333333;
}
/* 栏目专题页 */
.col_banner {
width: 100%;
height: 257px;
margin-top: 124px;
}
.col_banner a,
.col_banner img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.col_video {
width: 100%;
height: 513px;
box-sizing: border-box;
}
.datebox {
position: relative;
z-index: 1;
margin: 1.5em auto;
width: 100%;
height: 330px;
border: 1px solid #eee;
overflow: hidden;
}
.coldate {
position: relative;
z-index: 1;
float: left;
width: 100%;
height: 100%;
box-sizing: border-box;
overflow: hidden;
}
.else_videobox {
margin-top: 40px;
width: 100%;
height: 100%;
background-color: #fff;
box-sizing: border-box;
border: 1px solid #eeeeee;
}
.else_videobox .title {
width: 100%;
height: 75px;
line-height: 75px;
border-bottom: 1px solid #f2f2f2;
box-sizing: border-box;
padding: 0 20px;
font-size: 26px;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #111111;
}
.else_videobox .else_videolist {
box-sizing: border-box;
padding: 20px;
}
.else_videobox .else_videolist .item {
/*height: 22px;*/
width: 100%;
line-height: 22px;
font-size: 16px;
font-family: microsoftyahei;
color: #111111;
margin-bottom: 20px;
box-sizing: border-box;
padding-left: 16px;
position: relative;
}
.else_videobox .else_videolist .item:hover {
color: #ff1534;
}
.else_videobox .else_videolist .item::after {
content: "";
position: absolute;
top: 50%;
left: 0;
margin-top: -3px;
width: 6px;
height: 6px;
background-color: #ff1534;
border-radius: 50%;
}
.play_info {
border-top: 2px solid #ff1534;
box-sizing: border-box;
padding: 0 20px;
width:100%;
}
.play_info .title {
width: 100%;
height: 75px;
line-height: 75px;
border-bottom: 1px solid #f2f2f2;
font-size: 26px;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #111111;
}
.play_info .item {
margin-top: 30px;
}
.play_info .item p {
font-size: 16px;
font-family: microsoftyahei;
color: #111111;
margin-top: 10px;
}
.play_info > .item:nth-of-type(1) {
margin-top: 20px;
}
.play_info .c_title {
font-size: 16px;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #111111;
}
.ta_fans {
background-color: #fff;
box-sizing: border-box;
padding: 20px;
border-top: 1px solid #fff2f2;
}
.ta_fans .title span {
font-size: 14px;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #111111;
}
.ta_fans .title a {
font-size: 12px;
font-family: microsoftyahei;
color: #111111;
padding-right: 16px;
background: url(/uploads/image/ipc/ic_more4.png) no-repeat center right;
background-size: 14px 14px;
}
.ta_fans .title a:hover {
color: #ff1534;
background: url(/uploads/image/ipc/ic_next_s.png) no-repeat center right;
background-size: 14px 14px;
}
.ta_fans .item {
margin-top: 20px;
width: 50px;
text-align: center;
}
.ta_fans .item:hover span {
color: #ff1534;
}
.ta_fans .item img {
width: 40px;
height: 40px;
object-fit: cover;
display: block;
border-radius: 50%;
margin: 0 auto;
}
.ta_fans .item span {
font-size: 12px;
font-family: microsoftyahei;
color: #111111;
margin-top: 10px;
}
.ta_fans .item:not(:nth-child(4n)) {
margin-right: 10px;
}
.else_hot_topic .else_hot_box {
box-sizing: border-box;
background-color: #fff;
padding: 20px 20px 0 20px;
margin-top: 20px;
}
.else_hot_topic .item {
display: block;
padding-bottom: 20px;
}
.else_hot_topic .item:hover .title {
color: #ff1534;
}
.else_hot_topic .item:hover .name {
color: #ff1534;
}
.else_hot_topic .item img {
width: 100%;
height: 115px;
display: block;
object-fit: cover;
}
.else_hot_topic .item .title {
font-size: 16px;
font-family: microsoftyahei-bold, microsoftyahei;
font-weight: bold;
color: #111111;
margin-top: 10px;
}
.else_hot_topic .item .name {
font-size: 12px;
font-family: microsoftyahei;
color: #989fa5;
line-height: 16px;
margin-top: 10px;
}
.more {
cursor: pointer;
}
.moretabmenu {
position: absolute;
bottom: -60px;
left: 0;
width: 100%;
height: 60px;
line-height: 60px;
background-color: #f8f8f8;
box-sizing: border-box;
padding: 20px;
z-index: 100;
display: none;
}
.moretabmenu a {
float: left;
min-width: 70px;
text-align: center;
font-size: 16px;
font-family: microsoftyahei;
color: #111111;
height: 22px;
line-height: 22px;
}
.moretabmenu a:hover {
color: #ff1534;
}
.moretabmenu > a:not(:first-child) {
margin-left: 20px;
}
.channel .swiper-button-prev,
.swiper-container-rtl {
top: 0;
left: 0;
background: url(/uploads/image/ipc/ic_prev.png) no-repeat center center;
background-size: 14px 14px;
box-shadow: 7px 0px 5px 0px #1f1e21;
}
.channel .swiper-button-prev:hover,
.swiper-container-rtl:hover {
background: url(/uploads/image/ipc/ic_prev_s.png) no-repeat center center;
background-size: 14px 14px;
}
.channel .swiper-button-next,
.swiper-container-rtl {
top: 0;
right: 0;
background: url(/uploads/image/ipc/ic_next.png) no-repeat center center;
background-size: 14px 14px;
box-shadow: -7px 0px 5px 0px #1f1e21;
}
.channel .swiper-button-next:hover,
.swiper-container-rtl:hover {
background: url(/uploads/image/ipc/ic_next_s.png) no-repeat center center;
background-size: 14px 14px;
}
.channel .swiper-button-next,
.channel .swiper-button-prev {
width: 24px;
height: 50px;
background-color: #29282c !important;
z-index: 2000;
margin-top: 0;
}
.myvideo-dimensions.vjs-fluid {
padding-top: 0;
}
.video-js button {
outline: none;
}
.vjs-control-bar {
height: 2.5rem !important;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.video-js .vjs-control-bar {
background-color: transparent !important;
}
.vjs-control-bar::after {
content: "";
display: block;
clear: both;
}
.vjs-button > .vjs-icon-placeholder:before {
line-height: 2.5rem;
}
.video-js .vjs-progress-control .vjs-progress-holder {
margin-left: 0;
height: 2px !important;
}
.video-js .vjs-progress-control {
position: absolute;
width: 100%;
top: -10px;
height: 10px;
left: 0;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
height: 10px !important;
}
.video-js .vjs-play-progress:before {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
top: 50%;
transform: translatey(-50%);
right: -5px;
background-color: #fff;
}
.video-js .vjs-load-progress {
background: rgba(255, 255, 255, 0.5);
}
.video-js .vjs-play-progress {
background-color: #ff1534;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: unset;
opacity: 1;
transition: unset;
bottom: -40px;
}
.voice_m {
position: absolute;
right: 3.75rem;
top: 50%;
transform: translatey(-50%);
width: auto;
height: 20px;
line-height: 20px;
}
.voice_m .current {
background: no-repeat right 3px top 0;
background-size: 20px 20px;
display: block;
width: 100%;
height: 100%;
border-radius: 100px;
background-color: rgba(0, 0, 0, 0.5);
font-size: 12px;
color: #ffffff;
padding: 0 24px 0 10px;
cursor: pointer;
}
.voice_m .current.active {
background: no-repeat right 3px top 0;
background-size: 20px 20px;
background-color: #ff1534;
}
.voice_m .else {
display: none;
position: absolute;
top: -100px;
left: 0;
height: auto;
width: 85px;
padding: 10px 0;
background-color: rgba(0, 0, 0, 0.5);
}
.voice_m .else li {
font-size: 12px;
font-family: microsoftyahei;
color: #ffffff;
box-sizing: border-box;
padding: 0 10px 0 18px;
cursor: pointer;
}
.voice_m .else li.active {
background: url(/uploads/image/ipc/ic_select.png) no-repeat 2px center;
background-size: 12px 12px;
}
.voice_m .else > li:not(:last-child) {
margin-bottom: 10px;
}
.video_m {
position: absolute;
right: 8.5625rem;
top: 50%;
transform: translatey(-50%);
width: auto;
height: 20px;
line-height: 20px;
}
.video_m .icon {
cursor: pointer;
width: 20px;
height: 20px;
background: url(/uploads/image/ipc/ic_voice.png) no-repeat;
background-size: 100% 100%;
}
.video_m .progress_m {
width: 60px;
height: 2px;
background-color: rgba(255, 255, 255, 0.2);
position: relative;
margin-left: 5px;
cursor: pointer;
}
.video_m .c_pregress {
position: absolute;
top: 0;
left: 0;
height: 100%;
background-color: #ff1534;
}
.video_m .c_pregress span {
position: absolute;
top: -3px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #fff;
cursor: pointer;
}
.video_m .c_pregress span::after {
width: 4px;
height: 4px;
border-radius: 50%;
content: "";
position: absolute;
top: 50%;
left: 50%;
margin-top: -2px;
margin-left: -2px;
background-color: #ff1534;
}
.playtime_m {
position: absolute;
left: 3.75rem;
top: 50%;
transform: translatey(-50%);
width: auto;
height: 20px;
line-height: 20px;
}
.allscreen_m {
transform: translatey(-50%);
width: 100%;
height: 100%;
background: url(/uploads/image/ipc/ic_screen_s.png) no-repeat center center;
background-size: 18px 18px;
cursor: pointer;
}
.vjs-button > .vjs-icon-placeholder:before {
font-size: 26px !important;
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
content: "" !important;
background: url(/uploads/image/ipc/ic_screen_s.png) no-repeat center center;
background-size: 18px 18px;
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
content: "" !important;
background: url(/uploads/image/ipc/ic_screen_all.png) no-repeat center center;
background-size: 18px 18px;
}
.video-js .vjs-big-play-button {
width: 50px;
height: 50px;
border-radius: 50%;
line-height: 47px;
}
.vjs-big-play-centered .vjs-big-play-button {
margin-top: -25px;
margin-left: -25px;
}
.video-js .vjs-tech {
outline: none;
}
/*shouye tanchuang left*/
#leftadimg{
position: fixed;
left: 20px;
bottom: 20px;
}
.closeleftadbtn{
position: absolute;
z-index: 999999;
right: 5px;
top: 5px;
font-size: 15px;
font-weight: bold;
border: #f5efdb 2px solid;
border-radius: 25px;
line-height: 15px;
width: 15px;
text-align: center;
color: #f5efdb;
cursor: pointer
}
/*dianbo fengmian*/
._tdp_poster{
background-size: 100% 100% !important;
}
._tdp_vbox video{
/* object-fit: fill !important;*/
}
/*add 20201217*/
.specialbox {
padding-bottom: 40px;
background: no-repeat;
background-size: 100% 100%;
background-color: #f7f8fa;
}
.spitembox { background: #fff; width: 100%;overflow: hidden; box-sizing: border-box; padding: 7px 7px 0 7px;}
.spitembox .special-left { width: 876px;overflow: hidden;}
.spitembox .special-right { width: 160px;}
.spitembox .special-left ul { width: 900px; }
.spitembox li { float: left; padding-right: 7px; padding-bottom: 7px; height: 187px; overflow: hidden;}
.spitembox .special-right li { padding-right: 0; height: auto;}
.spitembox li img {width: 100%}
.spitembox .li1 { width: 345px;}
.spitembox .li2 { width: 167px;}
.spitembox .li3 { width: 167px;}
.spitembox .li4 { width: 167px;}
.spitembox .li5 { width: 255px;}
.spitembox .li6 { width: 254px;}
.spitembox .li7 { width: 345px;}
.spitembox .li8 { width: 198px;}
.spitembox .li9 { width: 197px;}
.spitembox .li10 { width: 197px;}
.spitembox .li11 { width: 254px;}
.spitembox .li12 { width: 160px;}
.spitembox .li13 { width: 160px;}
/*202103.12*/
.col_video { height: auto}
.livevideo_tit {background: #fff; padding: 20px; font-size: 20px; font-weight: bold; border: 1px solid #f2f2f2; color: #111; }
/*202105.13*/
.wenmingpop { position:fixed; right:0; bottom:0; z-index:999; width:240px; overflow:hidden;}
.wenmingpop a,.wenmingpop img { width:100%; display:block;}
.closewenming{
position: absolute;
z-index: 999999;
right: 5px;
top: 5px;
font-size: 15px;
font-weight: bold;
border: #f5efdb 2px solid;
border-radius: 25px;
line-height: 15px;
width: 15px;
text-align: center;
color: #f5efdb;
cursor: pointer
}
.gotop .g_cggg { background: #ffffff; margin-bottom: 5px; text-align: center; padding: 20px 0; font-size: 14px; border: 1px solid #eeeeee; box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 10%);}
.gotop .g_cggg a { color: #ff6922; font-weight: bold;}
@media screen and (max-width:960px){
/*shouye tanchuang left*/
#leftadimg{ display: none;}
.box { width:100%; box-sizing:border-box; padding:0 2%; overflow:hidden;}
.header .top .left{ width:100%;}
.header .top .left a:nth-child(1), .header .top .right a:nth-child(1) { padding-right:0.5vw; border:none;}
.header .top .left a:nth-child(2), .header .top .right a:nth-child(2) { float:right;}
.header .top .right { display:none;}
/*.header .bottom { height:14vw;}*/
.header .bottom { height:auto; padding-bottom:1vh;}
.header .bottom .searchbox { width:58%; float:right; margin-left: 0px; height: 8vw; border-radius: 8vw; margin-top:3vw; line-height: 7.3vw; }
.header .bottom .searchbox input { background:none; width:50%;padding-left:2vw; font-size: 12px; border-radius: 5vw; height:5.5vw; line-height:5.5vw; padding-top:1.8vw;}
.header .bottom .searchbox .btn { float:right; width: 40%; padding-left: 15%;font-size: 3.5vw;background-position:7% center; background-size: 5.8vw 5.8vw; border-radius: 0 5vw 5vw 0;}
.header .bottom a.fl { width:38%;}
.header .bottom .logo { width:100%; height:auto; margin-top:3.5vw;}
.weatherbox {display:none;}
.banner { width:100%; margin-top:27vw;}
.bannerbox { padding-top: 6vw;}
.listpagebanner { padding-top: 0vw;}
.banner .item { height:auto;}
.bannerbox .item { margin-top:0;}
.banner .item img { height:10vw;}
.banner .swiperbox{ max-height:10vw !important;}
.main-content .l_content .lead_news { height:20vw; line-height:20vw;}
.main-content .l_content .lead_news .swiper-lead a { font-size:4.5vw;line-height:5.5vw}
.main-content .l_content .lead_news .logo { width:16%; font-size:5vw;}
.main-content .l_content .lead_news .more,.main-content .l_content .lead_news .more:hover { display: none; background-position: 9vw 4.6vw; width: 8%; padding: 0 0 0 1.5vw; height: 64px; line-height: 14px; margin-top: 2vw; }
.main-content .l_content .lead_news .swiper-lead { padding:0 0 0 1vw; width: 96%;}
.main-content .aside,.l_content .newsbox > .right,.gotop { display:none;}
.main-content .l_content { float:none; width:100%; box-sizing:border-box; margin:0;}
.main-content .l_content .newsbox .center { float:none; width:100% !important;}
.main-content .l_content .newsbox .center .swiperbox { width:100%; height:26vh;}
.main-content .l_content .newsbox .center .swiper-banner .swiper-slide, .main-content .l_content .newsbox .center .swiper-banner a, .main-content .l_content .newsbox .center .swiper-banner img { width:100%;}
.main-content .l_content .newsbox .center .swiper-banner .swiper-slide { position:relative; box-sizing:border-box; }
.main-content .l_content .newsbox .center .textbox { background-color: rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; width:100%; height:auto; padding:1vh 2vw 3.5vw;}
.main-content .l_content .newsbox .center .textbox .main, .main-content .l_content .newsbox .center .textbox .info { display:none;}
.main-content .l_content .newsbox .center .textbox .title { font-size:3.6vw; line-height:3.6vw; color:#fff; height: auto;}
.swiperbox .swiper-pagination-bullets { right:0.5rem; bottom:0.1rem;}
.swiperbox .swiper-button-next, .swiperbox .swiper-button-prev { display:none;}
.main-content .l_content .newsbox .center .channel .item { width:10%; height:29vw;}
.main-content .l_content .newsbox .center .channel .item3 { width:49%; height:14vw; }
.main-content .l_content .newsbox .center .channel div.mr4 { width:40%;margin-right:0;}
.main-content .l_content .newsbox .center .channel div.mr4 a { width:100%;height:14vw; }
.main-content .l_content .newsbox .center .channel div.mr4 a.mt4{ width:49%; margin-right:0; margin-top:1vw;}
.main-content .l_content .newsbox .center .channel div.mr4 a.channel5 { float:right;}
.main-content .l_content .newsbox .center .channel .channel3 .c_img { width:60%; height: auto;}
.main-content .l_content .newsbox .center .channel a span { font-size:3.5vw;}
.main-content .l_content .newsbox .center .channel .channelbox1 { width:37%; float:right;}
.main-content .l_content .newsbox .center .channel .channel6 { float: right; width:100%;height:14vw; margin-right:0; }
.main-content .l_content .newsbox .center .channel .channelbox1 div.fl { float:left; width:100%;height:14vw; margin-top:1vw; }
.main-content .l_content .newsbox .center .channel .channelbox1 .channel7 { float:left;}
.main-content .l_content .newsbox .center .channel .channelbox1 .channel8 { float:right; margin:0;}
.main-content .l_content .newsbox .center .lead_news2 { padding: 6vw 4vw 5vw; margin-top: 5vw; border-top:0.8vw solid #ff1534; }
.main-content .l_content .newsbox .center .lead_news2 i { top: -2vw; left: 39%; width: 24vw; height: 6vw; background: url(/uploads/image/ipc/ic_bdyw.png) no-repeat;
background-size: 100% 100%;
}
.main-content .l_content .newsbox .center .lead_news2 a { font-size:5vw; line-height:7vw; height:auto;}
.main-content .l_content .tabmenu { height: auto; padding:1vw 0; border-top:0.8vw solid #ff1534}
.main-content .l_content .tabmenu .item { margin-left:3vw; line-height:4.5vw; height:4.5vw; padding:1vw;}
.main-content .l_content .tabmenu .item a { font-size:4vw;}
.main-content .l_content .content .item { height: 24vw; padding: 3vw;}
.main-content .l_content .content .img { width:25vw; height:18vw;}
.main-content .l_content .content .intro { float:none; padding-left:28vw; width:auto;}
.main-content .l_content .content .title { font-size:3.8vw; line-height:5vw;}
.main-content .l_content .content .bottom { left:28vw; padding-left:0; height:4.6vw; line-height:4.6vw;}
.main-content .l_content .content .bottom .local { padding: 0 2vw; height: 4.6vw;line-height: 4.2vw;font-size:2.4vw; border-radius: 0.8vw; margin-right: 1.2vw;}
.img_worldbox { display:none;}
.loading_more { height:10vw; line-height:12vw;}
.pub_codebox { height: auto; margin-top:4vw;}
.pub_codebox .box { padding:3vw 0vw; overflow: hidden; width:100%;}
.pub_codebox .box .conn { float:none; width:100%; text-align:center; padding-bottom:2vw; margin-bottom:2vw; border-bottom:1px solid #f4f4f4; display:none;}
.pub_codebox .box .conn a { float: none; display:inline-block; font-size:3vw; margin:0 3vw;}
.pub_codebox .codebox { margin-left:0; float:none; width:100%; text-align:center;}
.pub_codebox .codebox .item { margin:0; display:inline-block; padding:0 0;width:32%; text-align:center; display:inline-block; box-sizing:border-box;}
.pub_codebox .codebox .item img { width:20vw; height:20vw; margin:0 auto;}
.pub_codebox .codebox .item span { text-align:center; font-size:2.8vw;}
.footer .item { text-align:center;}
.footer .item p { margin-left:0;text-align:center; float:none;}
.cnzzbox { display:none;}
/*内页*/
.article_d .main { padding:5vw 3vw;}
.article_d .main .title { font-size:6vw; line-height:7.5vw;}
.main-content { margin-top:2vw; padding-top:0;}
.article_d .main .date { margin-top: 2vw; height: 6.7vw; line-height: 6.7vw; padding-bottom: 4vw;}
.article_d .main .date .local { padding: 0 1.5vw; height: 6.5vw; line-height: 6vw; font-size: 3vw; border-radius: 1.5vw; margin-right: 1.5vw;}
.article_d .main .date .time, .article_d .main .date .count { font-size:3vw;}
.article_d .main .content p { font-size:4vw; line-height:7.5vw;}
.titl_art { line-height:13vw; height:13vw; padding-left:5vw; font-size:4vw;}
/* 直播页*/
.livebox .box { height:auto!important;}
.livebox .box .player { height:auto; width:100%;}
.col_video { height:auto;}
.livebox .live_player_box { width:100%!important;}
.datebox { height:66.8vw; margin:4vw auto;}
.else_videobox { margin-top:7vw; margin-bottom:7vw;}
.else_videobox .title { height:13vw; line-height:13vw; font-size:5.4vw;}
.else_videobox .else_videolist .item { height:auto; line-height:5vw; font-size:4vw; margin-bottom:5vw;}
.play_info .title { height:15vw; line-height:15vw; font-size:5.8vw;}
.play_info > .item:nth-of-type(1) { margin-top:2vw;}
.main-content .l_content .r_title { font-size:5.8vw; margin-top:7vw; height:7vw; line-height:7vw;}
.else_hot_topic .else_hot_box { margin-top:4vw; padding:4vw 4vw 0 4vw;}
.else_hot_topic .item .title { font-size:4.5vw; margin-top:2vw;}
.else_hot_topic .item .name { margin-top:2vw; line-height:5.5vw; font-size:3.5vw;}
.else_hot_topic .item { padding-bottom:4vw;}
/**/
.videolistbox { box-sizing:border-box; margin-left:0; margin-top:3.5vw;}
.videolistbox .item { width:100%; margin-right:0; height:auto; margin-bottom:4vw;}
.videolistbox .item .intro { height:auto; padding:2vw 4vw; font-size:4vw; line-height:6vw;}
/*新闻详细*/
.main-content .l_content .r_title p { font-size:4.6vw;}
.main-content .l_content .hot_news .newlist li a { height:4vw; line-height:4vw; padding-left:3.2vw; font-size:3.6vw;}
/*202103.12*/
.livevideo_tit { padding: 3.8vw 1vw; font-size: 4.2vw;}
.else_videobox .else_videolist .item::after { top:0; margin-top:1.5vw}
.art_menu { height: auto; margin-top: 2vw; line-height: 4vw; margin-left: 0; width:61%; float:right;}
.art_menu li { max-width:none; min-width:inherit; padding:1.5vw 0 0 3vw; margin-left:0;}
.art_menu li a { font-size:3vw;}
/*202105.13*/
.wenmingpop { display:none;}
/*首页图片收缩移动端不显示*/
.mbtopbghide { display:none;}
}