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(/images/pc/ic_home.png) no-repeat center left; background-size: 18px 18px; } .header .top .right a:nth-child(1):hover { background: url(/images/pc/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(/images/pc/ic_collect.png) no-repeat center left; background-size: 18px 18px; } .header .top .right a:nth-child(2):hover { background: url(/images/pc/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(/images/pc/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(/images/pc/ic_more.png) no-repeat 40px center; background-size: 18px 18px; } .main-content .aside .more.active { background: url(/images/pc/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(/images/pc/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(/images/pc/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(/images/pc/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; 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; } .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(/images/pc/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(/images/pc/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(/images/pc/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(/images/pc/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(/images/pc/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(/images/pc/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(/images/pc/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(/images/pc/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(/images/pc/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(/images/pc/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(/images/pc/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(/images/pc/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(/images/pc/ic_right_arrow.png) no-repeat center center; background-size: 100% 100%; } .swiperBox .swiper-button-next:hover { background: url(/images/pc/ic_right_arrow_s.png) no-repeat center center; background-size: 100% 100%; } .swiperBox .swiper-button-prev { background: url(/images/pc/ic_left_arrow.png) no-repeat center center; background-size: 100% 100%; } .swiperBox .swiper-button-prev:hover { background: url(/images/pc/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(/images/pc/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(/images/pc/ic_loading_s.png) no-repeat; background-size: 100% 100%; } .loading_more:hover span { color: #ff1534; } .loading_more i.active { background: url(/images/pc/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(/images/pc/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: url(/images/pc/ic_img_bg.png) 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(/images/pc/ic_more4.png) no-repeat center right; padding-right: 16px; background-size: 14px 14px; } .img_world .r_title a:hover { color: #FF1534; background: url(/images/pc/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(/images/pc/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(/images/pc/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: url(/images/pc/ic_playTime.png) 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(/images/pc/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; } .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(/images/pc/share_weibo.png) no-repeat; background-size: 40px 40px; } .shareBox .item:nth-child(2) { background: url(/images/pc/share_qq.png) no-repeat; background-size: 40px 40px; } .shareBox .item:nth-child(3) { background: url(/images/pc/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(/images/pc/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(/images/pc/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(/images/pc/ic_prev_s.png) no-repeat center center; background-size: 14px 14px; } .liveBox .live_list_box .channel .next { top: 0; right: 0; background: url(/images/pc/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(/images/pc/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(/images/pc/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(/images/pc/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: url(/images/pc/ic_playTime.png) 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: url(/images/pc/ic_playTime.png) 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(/images/pc/ic_more4.png) no-repeat center right; background-size: 14px 14px; } .ta_fans .title a:hover { color: #FF1534; background: url(/images/pc/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(/images/pc/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(/images/pc/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(/images/pc/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(/images/pc/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: url("../images/pc/ic_shouqi.png") 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: url("../images/pc/ic_zhankai.png") 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(/images/pc/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(/images/pc/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(/images/pc/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(/images/pc/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(/images/pc/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: url(/images/pc/ic_img_bg.png) 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(/images/pc/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;} }