ul,
li,
dl,
dt,
dd,
ol {
list-style-type: none;
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
textarea,
label,
table,
tr,
td,
p,
header,
article,
footer,
nav,
section,
aside,
menu {
margin: 0;
padding: 0;
outline: none;
}
header,
article,
footer,
nav,
section,
aside,
menu {
display: block;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img,
a img {
border: 0;
max-width: 100%;
height: auto;
display: block;
vertical-align: middle；
}
a {
cursor: pointer;
color: #fff;
}
a:link,
a:visited {
text-decoration: none;
outline: none;
}
a:active,
a:hover {
text-decoration: none;
}
body {
margin: 0;
padding: 0;
min-width: 320px;
background: #fff;
font-family: Verdana, Arial, Helvetica, "微软雅黑";
text-align: justify;
text-justify: distribute-all-lines;
/* 该样式在飘红时引用 ，飘红结束后注释掉*/
/*background: url("https://image2.cqcb.com/2024guoqing/sy2024guoqing-bg.png") no-repeat;
background-size: contain;*/
}
.clear {
clear: both
}
/*新闻详情顶部*/
.xqnav {
position: relative;
width: 1040px;
background: none;
margin: 0 auto;
background: #fff;
}
.xqnav_c2 {
width: 1000px;
margin: 0 auto;
display: flex;
height: 84px;
}
.xqdownload,
.xqdownload ul,
.xqdownload ul li {
display: flex;
}
.xqdownload {
justify-content: space-between;
flex: 1;
padding: 30px 0 0 286px;
}
.xqdownload ul li {
margin-left: 20px;
}
.xqdownload ul li span {
font-size: 12px;
color: #333;
margin-left: 5px;
margin-top: 4px;
}
.xqlogo {
width: 40%;
padding-top: 10px;
}
.xqlogo img {
width: 166px;
margin-top: 5px;
}
.xqnav_c3 {
width: 100%;
align-items: center;
justify-content: space-between;
background: #F9F9F9;
height: 40px;
line-height: 40px;
border-top: 2px solid #E70B21;
border-bottom: 1px solid #eee;
}
.xqbt {
display: flex;
flex-wrap: wrap;
color: #666;
width: 1000px;
margin: 0 auto;
font-size: 14px;
justify-content: center;
position: relative;
}
.xqbt li {
cursor: pointer;
padding: 0px 16px;
color: #666;
}
.xqbt li:hover {
color: #F72F39;
font-weight: 600
}
/*详情页更多弹出*/
.more-channel_xq {
position: absolute;
top: 40px;
width: 1000px;
/* height: 40px; */
left: 50%;
z-index: 9;
transform: translateX(-50%);
background: #fff;
box-shadow: -1px 3px 6px #afafaf;
display: none;
font-size: 14px;
line-height: 36px;
}
.more-channel_xq ul {
display: flex;
padding: 6px 8px;
cursor: pointer;
flex-wrap: wrap;
}
.more-channel_xq ul li {
color: #616161;
padding: 2px 10px;
}
.more-channel_xq ul li:hover {
color: #e70021;
font-weight: 600;
}
/*详情页*/
.syshare {
left: -190px;
top: 270px;
width: 160px;
position: absolute;
}
.syshare_fx {}
.syshare_wb {
width: 60px;
height: 30px;
background: #F74751;
border-radius: 4px;
display: flex;
}
.fxwb {
width: 100%;
display: flex;
border-bottom: 1px solid #EEEEEE;
padding: 10px 0;
justify-content: space-between;
position: relative;
}
.fxwb span {
height: 30px;
line-height: 30px;
}
.details-box {
display: none;
}
#details {
margin-left: 25px;
}
.fxwb:hover .details-box {
display: block;
position: absolute;
top: 50px;
box-shadow: 0 0 10px #eee;
border-radius: 5px;
padding-top: 10px;
}
.details-text {
width: 160px;
text-align: center;
margin: 10px 0;
font-size: 13px;
}
.syshare_wb_l {
width: 22px;
margin: 4px;
}
.syshare_wb_r {
color: #fff;
font-size: 12px;
height: 30px;
line-height: 30px;
flex: 1;
}
.syxq_left {
width: 640px;
position: relative;
word-break: break-all;
}
.sybread-top {
margin: 40px 0 30px 0;
font-size: 14px;
color: #333;
line-height: 30px;
}
.sybread-top a:hover {
color: #e70021
}
.xqtile {
font-size: 28px;
font-weight: 600;
margin-bottom: 20px;
color: #404040;
}
.sypost {
border-bottom: #eee 1px solid;
padding-bottom: 20px;
font-size: 14px;
position: relative;
}
.sycontent {
margin: 0 auto
}
.sycontent img {
text-align: center;
margin: 0 auto;
display: block;
max-width: 100%;
height: auto;
}
.sycontent p {
text-indent: 2em;
text-align: justify;
font: 16px/32px "Microsoft Yahei";
color: #404040;
margin: 32px 0 0;
}
.symz {
font-size: 12px;
line-height: 24px;
color: #999999;
text-indent: 0;
display: block;
padding-top: 30px
}
.syjb {
display: flex;
margin-top: 20px;
justify-content: space-between;
}
.syjb_left {
width: 266px;
}
.syjb_right {
font-size: 12px;
color: #999999;
border: 1px solid #999999;
cursor: pointer;
width: 37px;
height: 18px;
text-align: center;
}
.syjb_right:hover {
color: #e70021;
border: 1px solid #e70021;
}
.tabBar {
width: 100%;
margin-top: 20px;
position: relative;
}
.tabBar>.tabHeader {
width: 100%;
display: flex;
justify-content: center;
align-content: space-between;
background-color: #FAFAFA;
position: relative;
}
.tabBar>.tabHeader>div {
flex: 1;
text-align: center;
padding: 8px;
}
.barActive {
width: 106px;
height: 42px;
line-height: 42px;
cursor: pointer;
text-align: center;
margin: 0;
border-top: 3px solid #fafafa;
border-bottom: 1px solid #ECECEC;
}
.barActive-hover {
background: #fff;
border-top: 3px solid #e70021;
border-bottom: 1px solid #fff;
}
.lmdownload {
width: 100%;
display: flex;
margin: 20px 0 12px 0;
background: #eeeeee;
border-top: 1px solid #e4e4e4;
padding: 8px 0;
}
.lmdownload_l {
width: 20px;
padding-top: 8px;
}
.lmdownload_r {
font-size: 22px;
font-weight: 600;
color: #666;
flex: 1
}
.wxtc:hover {
display: block;
width: 100px;
height: 100px;
}
/*悬浮*/
.synavxf {
position: fixed;
display: none;
width: 100%;
height: 80px;
top: 0;
background: none;
margin: 0 auto;
background: #e70021;
z-index: 9999;
}
.synavxf_c3 {
display: flex;
width: 100%;
margin: 10px auto;
align-items: center;
justify-content: center;
position: relative;
}
.sydownloadxf,
.sydownloadxf ul,
.sydownloadxf ul li {
display: flex;
}
.sydownloadxf {
justify-content: flex-end;
padding-top: 14px;
}
.sydownloadxf ul li {
margin-left: 20px;
position: relative;
}
.sydownloadxf ul li:hover>div {
display: block;
}
.sydownloadxf ul li span {
font-size: 12px;
color: #ffffff;
margin-left: 5px;
margin-top: 4px;
}
.sylogoxf {
width: 14%;
/* padding-top: 5px; */
padding: 0 0 0 60px;
}
.sylogoxf img {
width: 184px;
}
.sybtxf {
display: flex;
flex-wrap: wrap;
color: #fff;
width: 760px;
}
.sybtxf li {
cursor: pointer;
text-align: center;
padding: 4px 14px;
color: #fff;
}
.sybtxf li:hover {
background: #F72F39;
}
.synavxf-channel ul li:hover {
background: #fff;
color: #e70021;
font-weight: 600;
}
.topLogo{
width: 1040px;
margin: 0 auto;
}
.topLogo img{
width: 100%;
}
.synav {
position: relative;
/* 正常时使用的宽度 */
width: 100%;
/* 节庆飘红时的宽度 */
/*width: 1040px;*/
height: 120px;
background: none;
margin: 0 auto 0;
background: #e70021;
}
.synav_c2 {
width: 1000px;
margin: 0 auto;
}
.sydownload,
.sydownload ul,
.sydownload ul li {
display: flex;
}
.sydownload {
justify-content: flex-end;
padding-top: 14px;
}
.sydownload ul li {
margin-left: 20px;
position: relative;
}
.sydownload ul li:hover>div {
display: block;
}
.xqdownload ul li {
margin-left: 20px;
position: relative;
}
.xqdownload ul li:hover>div {
display: block;
}
.float_vx {
position: absolute;
top: 30px;
left: -10px;
display: none;
width: 150px;
z-index: 9;
}
.float_vx img {
width: 60%;
border-radius: 6px
}
.sydownload ul li span {
font-size: 12px;
color: #ffffff;
margin-left: 5px;
margin-top: 4px;
}
.sylogo {
width: 50%;
}
.sylogo img {
width: 184px
}
.sybt {
display: flex;
flex-wrap: wrap;
color: #fff;
}
.sybt li {
cursor: pointer;
text-align: center;
padding: 4px 14px;
color: #fff;
}
.sybt li:hover {
background: #F72F39;
}
/*
.sybt .more:hover+.more-channel{
display: block;
}
*/
.display-none {
display: none !important;
}
.more-channe:hover {
display: block;
}
.synav_c3 {
display: flex;
width: 1000px;
margin: 10px auto;
align-items: center;
justify-content: space-between;
}
.more-channel {
position: absolute;
/* bottom: -40px; */
width: 1000px;
/* height: 40px; */
left: 50%;
z-index: 9;
transform: translateX(-500px);
background: #fff;
box-shadow: -1px 3px 6px #afafaf;
display: none;
top: 120px;
}
.display-block {
display: block;
}
.more-channel ul {
display: flex;
padding: 10px;
cursor: pointer;
flex-wrap: wrap;
}
.more-channel ul li {
color: #616161;
padding: 10px 14px;
}
.more-channel ul li:hover {
color: #e70021;
font-weight: 600;
background: #fff;
}
.sybanner {
width: 1000px;
margin: 0 auto
}
.banner {
width: 1000px;
margin: 0 auto;
padding: 10px 0;
}
.swiper {
width: 100%;
height: 60px;
--swiper-pagination-color: red;
}
.swiper2 {
padding-top: 10px
}
.banner2 {
width: 1000px;
display: flex;
margin: 0 auto;
justify-content: space-between;
}
.banner2 li {
width: 495px;
height: 60px
}
.banner2 div .banner2_img {
margin-top: 10px;
}
.my-bullet {
height: 8px;
width: 10px;
margin-right: 5px;
border-radius: 50%;
background: #fff !important;
}
.my-bullet-active {
width: 24px !important;
background: red !important;
opacity: 1 !important;
border-radius: 8px !important;
}
.sytitle {
text-align: center;
width: 1000px;
/* border-bottom: #dedede 1px dashed; */
padding: 32px 0 40px;
margin: 0 auto;
}
.sytitle h1 {
font-size: 27px;
color: #333333;
font-weight: 600;
display: block;
line-height: 42px;
}
.sytitle h1:hover {
font-size: 27px;
/*color: #e70021;*/
font-weight: 600;
display: block;
line-height: 42px;
text-decoration: underline;
}
.syhots h2:hover {
font-size: 18px;
/*color: #e70021;*/
font-weight: 600;
display: block;
line-height: 30px;
text-decoration: underline;
}
.syhots {
width: 100%;
}
.syhots h2 {
font-size: 18px;
line-height: 30px;
color: #333333;
font-weight: 600;
}
.syhots a {
margin-right: 20px;
font-size: 18px;
line-height: 30px;
color: #333333;
font-weight: 600;
}
.syhots a:hover{
color: #e70021;
}
.syhots2 {
/*border-bottom: #dedede 1px dashed;*/
/*border-top: #dedede 1px dashed;*/
font-size: 16px;
color: #333333;
margin-top: 20px;
text-align: left;
padding: 20px;
box-shadow: 0px 6px 12px 1px #ebebeb;
}
.singleRowScrollWrap {
/*width: 1000px;*/
margin: 0 auto;
overflow: hidden;
}
.singleRowScrollContent {
white-space: nowrap;
padding: 2px 0;
}
.singleRowScrollContent a {
margin-right: 20px;
color:#333333;
}
#singleRowScrollContent1 {
display: inline-block;
transform: all 0.5s linear;
cursor: pointer;
}
#singleRowScrollContent2 {
display: inline-block;
transform: all 0.5s linear;
cursor: pointer;
}
#singleRowScrollContent3 {
display: inline-block;
transform: all 0.5s linear;
cursor: pointer;
}
#singleRowScrollContent4 {
display: inline-block;
transform: all 0.5s linear;
cursor: pointer;
}
#singleRowScrollContent a {
color: #333;
}
.syc {
width: 1000px;
margin: 0 auto;
background: #fff;
display: flex;
justify-content: space-between;
}
.syc_left {
width: 675px;
}
.loadMore {
margin-top: 20px;
border: 1px solid #eeeeee;
border-radius: 4px;
text-align: center;
color: #b4b4b4;
cursor: pointer;
height: 60px;
line-height: 60px;
}
.loadMore:hover {
margin-top: 20px;
border: 1px solid #e70021;
border-radius: 4px;
text-align: center;
color: #e70021;
cursor: pointer;
height: 60px;
line-height: 60px;
}
.syjdt {
width: 675px;
height: 332px;
/* background: #e70021 */
}
.news-slide-item {
position: relative;
}
.news-slide-item img {
width: 100%;
}
.bot-desc {
position: absolute;
bottom: 0px;
height: 70px;
width: 100%;
line-height: 31px;
background: linear-gradient(360deg, rgba(1, 1, 1, 1.6), transparent);
font-size: 18px;
}
.bot-desc span {
padding-left: 10px;
cursor: pointer;
color: #fff;
display: block;
padding-top: 14px;
}
.pagination-end {
display: flex;
justify-content: end;
margin-right: 10px;
}
.sliderNews {
width: 100%;
height: 100%;
}
.syc_right {
width: 300px;
background: #fff;
}
.sysz {
width: 100%
}
.sysz img {
margin: 0 auto
}
.syc_right1 {
width: 100%;
border-top: #e70021 3px solid;
font-size: 18px;
font-weight: 600;
color: #e70021;
height: 36px;
line-height: 36px;
background: #f8f8f8;
display: flex;
justify-content: space-between;
}
/* 滚动 */
.scroll-btn {
text-align: center;
color: #b4b4b4;
font-size: 12px;
cursor: pointer;
}
.news-display-box {
height: 282px;
overflow-y: auto;
}
.news-display-box::-webkit-scrollbar{
width: 1px;
background: #fff;
}
.news-display-box::-webkit-scrollbar-thumb
{
background: #ccc;
}
.scroll-box {
height: 410px;
transition: all 0.3s ease-in;
}
.scroll-item {
box-sizing: border-box;
overflow: hidden;
cursor: pointer;
border-bottom: 1px solid #EEEEEE;
}
.syc_right_l {
width: 218px;
padding-left: 4px;
}
.szyw_logo {
margin: 10px 0 0 4px;
width: 20px;
}
.syc_right_r {
flex: 1;
font-size: 14px;
color: #ABAEB1;
font-weight: 100;
}
.syc_right_r:hover {
color: #e70021;
font-weight: 600;
}
.syc_right_lb {
padding: 7px 2px;
}
.syc_right_lb h2 {
font-size: 16px;
font-weight: 500;
line-height: 26px;
color: #333;
height: 50px;
overflow: hidden;
}
.syc_right_lb p {
font-size: 12px;
margin: 8px 0 4px 0;
color: #999;
}
.scroll-item-hover {
background: #f8f8f8;
}
.scroll-item-hover h2 {
font-weight: 600;
}
.sy_news {
margin-top: 16px
}
.sy_news_list {
padding: 20px 0;
position: relative;
text-decoration: none;
border-bottom: #eeeeee 1px solid;
display: flex;
}
.sy_news_list2 {
padding: 20px 0;
position: relative;
text-decoration: none;
border-bottom: #eeeeee 1px solid;
}
.sy_news_list2 h1 {
/*font: 18px/26px "Microsoft Yahei";*/
font-size: 18px;
color: #333;
text-decoration: none;
overflow: hidden;
padding: 0 40px 0 0;
margin: 0 0 10px;
font-weight: 500;
line-height: 26px;
}
.sy_news_list3 {
padding: 20px 0;
position: relative;
text-decoration: none;
border-bottom: #eeeeee 1px solid;
}
.sy_news_list3 h1 {
/*font: 18px/26px "Microsoft Yahei";*/
font-size: 18px;
color: #333;
text-decoration: none;
overflow: hidden;
padding: 0 40px 0 0;
margin: 0 0 15px;
font-weight: 500;
line-height: 26px;
}
.sy_news li:hover {
background: #f8f8f8
}
.sy_card_r img:hover {
width: 204px;
height: 144px !important;
transform: scale(1.2);
display: block;
transition: all 1s;
}
.sy_card_dt img:hover {
width: 674px;
height: 378px !important;
transform: scale(1.2);
display: block;
transition: all 1s;
}
.sy_card_st img {
width: 100%;
height: 144px;
object-fit: cover;
}
.sy_card_st img:hover {
width: 204px;
height: 144px !important;
transform: scale(1.2);
display: block;
transition: all 1s;
}
.sy_news_list h1 {
/*font: 18px/26px "Microsoft Yahei";*/
font-size: 18px;
color: #333;
text-decoration: none;
overflow: hidden;
padding: 0 40px 0 0;
margin: 0 0 15px;
font-weight: 500;
line-height: 26px;
}
.sy_card_r {
max-height: 144px;
margin-left: 0.48rem;
overflow: hidden;
width: 204px;
height: 144px;
}
.sy_card_r_video {
max-height: 144px;
margin-left: 0.48rem;
overflow: hidden;
width: 204px;
height: 144px;
}
.sy_card_r_video img {
width: 100%;
object-fit: cover;
height: 144px;
}
.sy_card_r_video img:hover {
width: 204px;
height: 144px !important;
transform: scale(1.2);
display: block;
transition: all 1s;
}
.sy_card_r img {
width: 100%;
object-fit: cover;
height: 144px;
}
.symorepic {
position: absolute;
bottom: 28px;
right: 5px;
background: rgba(0, 0, 0, .5);
color: #fff;
border-radius: 10px;
padding: 3px 8px;
font-size: 12px;
}
.symorepic2 {
position: absolute;
bottom: 56px;
right: 5px;
background: rgba(0, 0, 0, .5);
color: #fff;
border-radius: 10px;
padding: 3px 8px;
font-size: 12px;
}
.sy_card_l {
overflow: hidden;
flex: 1;
}
.sy_card_l p span {
margin-right: 0.4rem;
}
.sy_card_l span {
font-size: 12px;
line-height: 0.8rem;
color: #999;
overflow: hidden;
height: 144px;
width: 204px;
}
.syad {
padding-top: 3px
}
.syad img {
margin: 12px auto;
}
.sy_card_dt {
width: 674px;
overflow: hidden;
margin-bottom: 10px;
position: relative;
margin-top: 10px;
}
.sy_card_player {
width: 100%;
overflow: hidden;
margin-bottom: 10px;
position: relative;
margin-top: 10px;
}
.sy_card_player_video {
width: 100%;
overflow: hidden;
margin-bottom: 10px;
position: relative;
margin-top: 10px;
}
.sy_card_player_video img {
width: 100%;
object-fit: cover;
height: 144px;
}
.sy_card_player_video_player {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 70px !important;
height: 70px !important;
}
.sy_card_player img {
width: 674px;
height: 378px;
object-fit: cover;
}
.sy_card_dt img {
width: 674px;
height: 378px;
object-fit: cover;
}
.sy_card_dt_middle {
width: 674px;
overflow: hidden;
margin-bottom: 10px;
position: relative;
margin-top: 10px;
}
.sy_card_dt_middle img:hover {
width: 674px;
height: 226px !important;
transform: scale(1.2);
display: block;
transition: all 1s;
}
.sy_card_dt_middle img {
width: 674px;
height: 226px;
object-fit: cover;
}
.player {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 70px !important;
height: 70px !important;
}
.sy_card_time {
position: absolute;
bottom: 10px;
right: 10px;
padding: 3px 6px;
height: 18px !important;
line-height: 18px !important;
background: rgba(0, 0, 0, 0.6);
border-radius: 12px 12px 12px 12px;
}
.noStarted {
display: inline-block;
width: 6px;
height: 6px !important;
border-radius: 50%;
margin-right: 5px;
background: #00A0E9;
}
.live {
display: inline-block;
width: 6px;
height: 6px !important;
border-radius: 50%;
margin-right: 5px;
background: #E70021;
}
.playback {
display: inline-block;
width: 6px;
height: 6px !important;
border-radius: 50%;
margin-right: 5px;
background: #22A98B;
}
.sy_card_st {
width: 100%;
display: flex;
margin-bottom: 10px;
justify-content: space-between;
margin-top: 10px;
}
/*本周热榜*/
.sybtlm {
width: 100%;
background: #f8f8f8;
padding: 10px 0;
}
.syc_hot {
width: 90%;
font-size: 18px;
font-weight: 600;
color: #333;
height: 20px;
line-height: 20px;
border-left: 3px solid #e70021;
padding-left: 10px;
}
.red {
width: 1px;
background: #e70021;
height: 36px
}
.syc_hot_lb {
display: flex;
}
.list {
width: 20px;
height: 20px;
background: #F1F1F1;
border-radius: 6px;
text-align: center;
line-height: 20px;
color: #333;
margin-top: 4px;
font-size: 12px;
}
.syc_right2 {
padding-top: 8px
}
.syc_right2 li {
border-bottom: 1px solid #EEEEEE;
padding: 8px 4px;
color: #404040;
font-size: 14px;
overflow: hidden;
line-height: 24px;
}
.column span {
margin-left: 10px;
color: #333;
font-size: 14px;
border-right: 1px solid #F0F0F4;
padding-right: 10px;
}
.news {
margin-left: 10px;
flex: 1;
color: #404040;
}
/*汽车*/
.syrank {
width: 100%;
margin-top: 20px;
}
.syrank li {
border-bottom: 1px solid #F0F0F4;
line-height: 30px;
text-align: left;
font-size: 14px;
height: 30px;
width: 300px;
overflow: hidden;
list-style: none;
padding: 8px 4px;
color: #333;
}
.syrank li a {
color: #333;
}
.syc_column {
width: 100%;
color: #333;
background: #F8F8F8;
display: flex;
justify-content: space-between;
padding: 10px 0;
}
.syc_column_l {
width: 60%;
font-size: 18px;
font-weight: 600;
color: #333;
height: 20px;
line-height: 20px;
border-left: 3px solid #e70021;
padding-left: 10px;
}
.syc_column_r {
font-size: 14px;
color: #ABAEB1;
flex: 1;
padding-left: 60px;
}
.syc_column_r a {
color: #ABAEB1;
}
.syc_column_r:hover {
color: #e70021;
font-weight: 600;
}
.syc_column_img {
width: 300px;
height: 148px;
margin: 10px auto 0;
overflow: hidden;
}
.syc_column_img a {
width: 300px;
height: 148px;
margin: 10px auto;
overflow: hidden;
}
.syc_column_img a img {
display: block;
width: 300px;
height: 148px;
overflow: hidden;
}
.syc_column_img a img:hover {
width: 300px;
height: 148px !important;
transform: scale(1.1);
transition: all 1s;
overflow: hidden;
}
.sysp {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.sysp_tp {
width: 145px;
}
.sysp p {
font-size: 14px;
margin: 10px auto;
width: 145px;
}
.sysp_tp a p {
width: 145px;
display: block;
overflow: hidden;
margin: 10px auto;
font-size: 14px;
color: #333;
}
.sysp_tp a p img {
width: 145px;
height: 102px !important;
display: block;
}
/*.sysp_tp a p img:hover {*/
/* width: 145px;*/
/* height: 102px !important;*/
/* transform: scale(1.2);*/
/* display: block;*/
/* transition: all 1s;*/
/*}*/
.footer {
width: 100%;
background-color: #292528;
margin-top: 40px;
}
.footer-content {
width: 1000px;
margin: 0 auto;
}
.copy_right {
color: #69696a;
font-size: 12px;
padding: 10px 0;
text-align: center;
}
.copy_right a {
color: #69696a;
}
.footer-about {
text-align: center;
color: #69696a;
font-size: 12px;
}
.footer a:hover {
color: #e70021
}
.related-channel {
display: flex;
justify-content: center;
align-items: center;
}
.footer-logo {
width: 335px;
}
.footer-channel {
flex: 1;
padding-bottom: 20px;
border-left: 1px solid #383838;
padding-left: 60px;
margin-top: 20px;
}
.footer-channel p {
margin-bottom: 20px;
}
.footer-channel-box ul {
display: flex;
}
.footer-channel-box ul li {
display: flex;
flex-direction: column;
margin-right: 50px;
}
.footer-channel-box ul li span {
position: relative;
color: #fff;
margin-top: 10px;
cursor: pointer;
}
.footer-channel-box ul li span::before {
position: absolute;
display: block;
content: '';
width: 5px;
top: 50%;
left: -15px;
transform: translateY(-50%);
height: 5px;
background-color: red;
}
.footer-channel p {
color: #fff;
font-size: 20px;
margin-bottom: 20px;
}
.more :hover {
color: red !important;
display: block;
}
.swiper-banner .swiper-pagination-horizontal {
bottom: 5px !important;
left: -5px !important;
width: 100%;
}
.swiper-details .swiper-pagination-horizontal {
bottom: 5px !important;
left: -5px !important;
width: 100%;
}
.synavxf-channel {
position: absolute;
width: 1000px;
left: 50%;
z-index: 9;
transform: translateX(-500px);
background: #fff;
box-shadow: -1px 3px 6px #afafaf;
display: none;
top: 70px;
}
.synavxf-channel ul {
display: flex;
padding: 10px;
cursor: pointer;
flex-wrap: wrap;
}
.synavxf-channel ul li {
color: #616161;
padding: 10px 14px;
}
.barActive-more-box {
display: none;
right: 0;
top: 60px;
z-index: 10;
background: #FAFAFA;
opacity: 1;
position: absolute;
padding: 0 !important;
margin: 0 !important;
}
.barActive-more-tab {
background: #FAFAFA;
opacity: 1;
z-index: 100;
width: 106.67px;
height: 42px;
line-height: 42px;
border-bottom: 1px solid #ECECEC;
cursor: pointer;
padding: 0 !important;
margin: 0 !important;
}
.barActive-more-tab a {
color: #000;
}
.barActive-more-tab:hover {
background: #fff;
}
.barActive-more-tab:hover a {
color: #e23838;
}
/* .barActive-more:hover+.barActive-more-box {
display: block;
} */
/*举报弹出*/
.syjb_black {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
position: fixed;
top: 0;
left: 0;
z-index: 99;
display: none;
}
.syjb_pop {
width: 476px;
background: rgba(255, 255, 255, 1);
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 9999999999;
box-sizing: border-box;
}
.pop_title {
width: 82px;
height: 20px;
text-align: center;
line-height: 72px;
font-family: FZLanTingHei-R-GBK;
font-weight: bold;
color: rgba(51, 51, 51, 1);
margin: 0 auto 46px;
}
.pop_box {
width: 396px;
margin: 0 auto;
padding-left: 18px;
font-size: 0;
}
.syitem {
display: inline-block;
width: 92px;
height: 36px;
border: 1px solid rgba(238, 238, 238, 1);
border-radius: 4px;
text-align: center;
line-height: 36px;
font-size: 14px;
color: rgba(51, 51, 51, 1);
font-family: FZLanTingHei-R-GBK;
font-weight: 400;
margin-right: 5px;
margin-bottom: 5px;
cursor: pointer;
}
.syitem_active {
border: 1px solid rgba(231, 0, 33, 1);
color: rgba(231, 0, 33, 1);
}
.sytel {
width: 100%;
height: 36px;
margin-bottom: 10px;
}
.pop_info {
width: 396px;
margin: 40px auto 20px;
padding-left: 18px;
}
.sytel label {
font-size: 14px;
font-family: FZLanTingHei-R-GBK;
font-weight: 400;
color: rgba(51, 51, 51, 1);
line-height: 36px;
}
#sytelNum {
width: 328px;
height: 36px;
box-sizing: border-box;
border: 1px solid rgba(238, 238, 238, 1);
border-radius: 4px;
padding-left: 4px;
}
.syverify {
width: 100%;
height: 36px;
}
.syverify label {
font-size: 14px;
font-family: FZLanTingHei-R-GBK;
font-weight: 400;
color: rgba(51, 51, 51, 1);
line-height: 36px;
}
#syverifyNum {
width: 220px;
height: 36px;
box-sizing: border-box;
border: 1px solid rgba(238, 238, 238, 1);
border-radius: 4px;
padding-left: 4px;
}
.syidentify-code {
width: 102px;
height: 36px;
background: rgba(231, 0, 33, 1);
border-radius: 4px;
font-size: 7px;
font-family: FZLanTingHei-R-GBK;
font-weight: 400;
color: rgba(255, 255, 255, 1);
line-height: 36px;
display: inline-block;
line-height: 36px;
text-align: center;
cursor: pointer;
}
.syconfirm {
display: inline-block;
width: 50%;
text-align: center;
box-sizing: border-box;
margin-left: -7px;
cursor: pointer;
}
.syhdtz {
width: 83%;
height: 40px;
background: #eeeeee;
margin: 0 auto 20px;
display: flex
}
.syhdtz_l {
width: 16%;
height: 40px;
background: #f8f8f8
}
.syhdtz_r {
flex: 1;
color: #999;
font-size: 12px;
height: 40px;
line-height: 40px;
padding-left: 60px;
}
.syinfomation {
height: 40px;
background: rgba(0, 0, 0, 1);
opacity: 0.6;
font-size: 14px;
font-family: FZLanTingHei-R-GBK;
font-weight: 400;
color: rgba(255, 255, 255, 1);
text-align: center;
line-height: 36px;
width: 83%;
margin: 20px auto;
}
.symodule-btn {
width: 100%;
height: 56px;
line-height: 56px;
font-size: 18px;
font-family: FZLanTingHei-R-GBK;
font-weight: 400;
color: #333333;
border-top: 1px solid #eee;
bottom: 0;
}
.sycancel {
display: inline-block;
width: 50%;
border-right: 1px solid #EEEEEE;
text-align: center;
cursor: pointer;
}
/*举报弹出结束*/
.nc-container {
display: block ;
width: 83%;
margin: 20px auto;
height: 30px;
}
.nc-container #nc_1_wrapper {
width: 100% !important;
height: 30px;
}
/*回到顶部和扫码下载*/
#sygotop {
height: 200px;
width: 48px;
z-index: 9999;
position: fixed;
right: 20px;
bottom: 50px;
}
#sygotop li {
width: 48px;
height: 48px;
display: block;
margin-bottom: 2px;
}
.syfudk {
display: none;
}
#sygotop li a {
width: 48px;
height: 48px;
display: block;
color: #fff;
background: #B7BAC5;
text-align: center;
line-height: 48px;
}
#sygotop li .fudk {
display: none;
padding: 10px;
border: 1px solid #F0F0F4;
background-color: #fff;
}
#sygotop li .fudk p {
padding-top: 5px;
line-height: 22px;
color: #666;
}
.sygotop_code:hover a {
background: #e70021 !important;
}
.sygotop_li:hover a {
background: #e70021 !important;
}
.sygotop_code:hover .syfudk {
display: block !important;
padding: 10px;
border: 1px solid #F0F0F4;
background-color: #fff;
position: absolute;
right: 60px;
width: 133px;
top: 0;
}
.syfudk p {
padding-top: 5px;
line-height: 22px;
color: #666;
}
.synav_c3 li {
color: #fff;
}
.sybread-top a{
color: #333;
}
.singleRowScrollContent a:hover {
text-decoration: underline;
/*color: #e70021;*/
}
.sycontent a{
color: #404040;
}
.player_r {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.sy_video_r{
width: 100%;
overflow: hidden;
margin-bottom: 10px;
position: relative;
margin-top: 10px;
}
/*回到顶部和扫码下载*/
/*新增加专题样式开始*/
.ckg {
padding-top: 46px;
width: 675px;
max-height: 375px;
display: -webkit-box;
-webkit-box-pack: center;
display: -ms-flexbox;
}
/*滑动样式*/
.zthd {
display: flex;
width: 675px;
height: 50px;
line-height: 50px;
background: #eee;
flex-wrap: nowrap;
white-space: nowrap;
overflow-x: scroll;
cursor: pointer;
}
/* ::-webkit-scrollbar {
overflow: hidden;
} */
/* .zthd::-webkit-scrollbar {
width: 15px;
height: 1px;
background: #e70021;
} */
.zthd::-webkit-resizer {
width: 10px;
height: 10px
}
.zthd_lm {
margin: 0 20px
}
.dimage
{
width: 100%;
font-size: 16px;
color: #333333;
margin-top: 45px;
text-align: center;
padding: 40px 0;
box-shadow: 0px 6px 12px 1px #ebebeb;
margin-bottom: 40px;
position: relative;
border-radius: 8px;
}
.dimage_iconl{
position: absolute;
top: -5%;
left: 3%;
}
.dimage_iconr{
position: absolute;
bottom: -5%;
right: 3%;
}
.dimage_zt
{
font-size: 26px;
text-align: center;
padding: 0 40px;
}
.dimage_lm
{
border-left: 2px solid #e70021;
padding-left: 10px;
font-size: 26px;
}
.special-box{border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.swiper-title {
border-left: 3px solid #e70021;
/* border-top: 1px solid #eee; */
/* border-bottom: 1px solid #eee; */
padding-left: 19px;
height: 40px;
line-height: 40px;
margin: 30px 0;
font-size: 22px;
}
/*新增加专题样式结束*/
.main-css{
width: 1040px;
margin: 0 auto;
background: #fff;
}
/*新增样式*/
.sypost span{height: 1.2rem; line-height: 1.2rem}
.syhhead
{
position: relative;
top: 5px;
width: 1.2rem;
height: 1.2rem;
border-radius: 0.6rem;
display: inline-block;
background-color: #FFFFFF;
background-repeat: no-repeat;
background-size: 100%;
margin-right: 2px;
}
.syhhead img{border-radius: 10px;
width: 1.2rem;
height: 1.2rem;
}
.sypost_b{ text-align: center;
font-size: 16px;
color: #fff;
background: #DB1011;
width: 55px;
height: 25px;
line-height: 25px;
border-radius: 15px;
position: absolute;
top: -8px;
right: 0;
cursor: pointer;}
.sydetails{
height: 1.5rem;
}
