.btn-primary { width: 174px; height: 53px; font-size: 18px; font-weight: 500; line-height: 53px; border-radius: 5px; display: inline-block; color: #fff; background-color: #004fed; border: 1px solid #004fed; outline: none; } /* banner */ .index-page .banner-container { position: relative; width: 100%; height: 794px; } .index-page .banner-container .banner-main { width: 100%; min-width: 1200px; height: inherit; } .index-page .banner-container .banner-item { height: 794px; background-color: #f5f5f5; background-repeat: no-repeat; background-position: center center; background-size: cover; } .index-page .banner-container .banner-item::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; background-color: rgba(0, 0, 0, 0.4); } .index-page .banner-container .banner-content { position: relative; z-index: 2; margin: 127px 342px 65px 234px; height: 415px; } .index-page .banner-container .banner-content_tag { font-size: 20px; font-weight: 400; color: #ffffff; line-height: 50px; } .index-page .banner-container .banner-content_title { margin-top: 28px; margin-bottom: 28px; height: 132px; font-size: 50px; font-weight: 600; color: #ffffff; line-height: 66px; letter-spacing: 1px; } .index-page .banner-container .banner-content_desc { height: 68px; font-size: 18px; font-weight: 400; color: #ffffff; line-height: 34px; letter-spacing: 1px; } .index-page .banner-container .banner-content_link { margin-top: 46px; display: inline-block; width: 195px; height: 60px; font-size: 26px; font-weight: 500; color: #ffffff; line-height: 60px; letter-spacing: 6px; text-align: center; border-radius: 3px; border: 1px solid #ffffff; } .index-page .banner-container .banner-content_link::after { margin-left: 20px; display: inline-block; width: 37px; height: 21px; content: ""; background: url(/uploads/image/pimages/icon-arrow.png) no-repeat; background-size: 100% 100%; } .index-page .banner-container .banner-pagination { position: absolute; left: 0; right: 0; bottom: 164px; margin: auto; width: 1120px; } .banner-pager { display: inline-block; padding-bottom: 5px; font-size: 14px; font-weight: 500; color: #ffffff; line-height: 20px; border-bottom: 1px solid #fff; text-align: left; cursor: pointer; } .banner-pager.active { color: #0150ec; border-bottom-color: #0150ec; } /* 辟谣资源和专家人数数字 */ .index-page .number { position: relative; margin-top: -99px; z-index: 1; height: 188px; background: #0350ec url(/uploads/image/pimages/index-number-bg.png) no-repeat center center; overflow: hidden; } .index-page .number .number-item { padding: 30px; width: 50%; text-align: center; box-sizing: border-box; } .index-page .number .number-item_num { font-size: 50px; font-weight: 600; color: #ffffff; line-height: 70px; letter-spacing: 2px; } .index-page .number .number-item_title { position: relative; margin-top: 7px; padding-top: 16px; font-size: 24px; font-weight: 400; color: #ffffff; line-height: 33px; letter-spacing: 1px; } .index-page .number .number-item_title::before { position: absolute; top: 0; left: 0; right: 0; margin: auto; content: " "; width: 82px; height: 1px; background-color: rgba(255, 255, 255, 0.98); } .index-page .section_title { position: relative; margin-right: 28px; width: 220px; height: inherit; } .index-page .section_title-english { font-size: 44px; font-weight: 600; color: rgba(51, 51, 51, 16%); line-height: 62px; letter-spacing: 1px; } .index-page .section_title-english::after { display: block; width: 138px; height: 1px; content: ""; background-color: rgba(151, 151, 151, 20%); } .index-page .section_title-chinese { margin-top: 22px; font-size: 30px; font-weight: 500; color: #333333; line-height: 42px; letter-spacing: 1px; } .index-page .section_btn-arrow { margin-top: 40px; } /* 科学辟谣平台榜 */ .index-page .top-section { margin-top: 188px; height: 311px; } .index-page .top-section_item { width: 466px; height: inherit; } .index-page .top-section_item .top-section_item { margin-left: 20px; } .index-page .top-section_item-img { width: inherit; height: 252px; overflow: hidden; transition: all 200ms ease-in; } .index-page .top-section_item-img img { width: 466px; height: 252px; object-fit: scale-down; } .index-page .top-section_item-img:hover { box-shadow: 0px 5px 10px 0px rgb(0, 0, 0, 35%); transform: translate(0px, -5px); } .index-page .top-section_item-title { margin-top: 27px; width: 100%; height: 30px; font-size: 22px; font-weight: 500; color: #333333; line-height: 30px; } /* 专家列表 */ .index-page .expert-section { margin-top: 90px; height: 369px; } .index-page .expert-section .expert { width: 780px; height: inherit; } .index-page .expert-section .expert-img { width: 274px; height: 369px; } .index-page .expert-section .expert-img > img { width: inherit; height: inherit; object-fit: scale-down; } .index-page .expert-section .expert-info { width: 480px; } .index-page .expert-section .expert-info .expert-title { margin-top: 45px; font-size: 28px; font-weight: 500; color: #333333; line-height: 40px; letter-spacing: 1px; } .index-page .expert-section .expert-info .expert-company { margin-top: 15px; font-size: 16px; font-weight: 500; color: #333333; line-height: 22px; } .index-page .expert-section .expert-info .expert-desc { margin-top: 39px; font-size: 16px; font-weight: 400; color: #333333; line-height: 24px; letter-spacing: 1px; opacity: 0.84; display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .index-page .expert-section .expert-info .btn-plain .btn-plain { margin-left: 52px; } .index-page .expert-section .expert-list { width: 378px; height: inherit; overflow: auto; } .index-page .expert-section .expert-list_item { height: 80px; overflow: hidden; border: 2px solid transparent; } .index-page .expert-section .expert-list_item:hover { border-color: #004fed; } .index-page .expert-section .expert-list_item .expert-list_item { margin-top: 5px; } .index-page .expert-section .expert-list_item-img { width: 90px; height: 80px; } .index-page .expert-section .expert-list_item-img > img { width: 100%; height: 100%; object-fit: scale-down; } .index-page .expert-section .expert-list_item-info { width: 265px; height: 80px; } .index-page .expert-section .expert-list_item-info .expert-title { margin-top: 13px; font-size: 20px; font-weight: 500; color: #000000; line-height: 28px; } .index-page .expert-section .expert-list_item-info .expert-company { margin-top: 3px; font-size: 14px; font-weight: 400; color: #000000; line-height: 18px; } /* 平台活动 */ .index-page .active-section { margin-top: 90px; height: 384px; } .index-page .active-section_items { box-sizing: border-box; width: 952px; height: inherit; padding-left: 18px; } .index-page .active-section_item { box-sizing: border-box; margin-left: 20px; margin-bottom: 24px; width: 446px; height: 180px; padding: 18px 24px; color: #333; font-weight: 500; background: #ffffff; box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.08); transition: all 200ms ease-in; } .index-page .active-section_item:hover { transform: translate(0px, -8px); box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.15); } .index-page .active-section_item-date { margin-top: 14px; font-size: 26px; line-height: 37px; letter-spacing: 1px; } .index-page .active-section_item-date::after { display: block; margin-top: 25px; width: 53px; height: 1px; border-bottom: 1px solid #000000; content: ""; } .index-page .active-section_item-date_year { margin-top: 8px; font-size: 14px; line-height: 20px; } .index-page .active-section_item-title { width: 280px; height: 90px; font-size: 22px; line-height: 30px; } .index-page .active-section_item-desc { margin-top: 12px; width: 274px; height: 44px; font-size: 16px; font-weight: 500; line-height: 22px; opacity: 0.67; } /* 视频、图片和音频 */ .res-container { position: relative; margin: 55px auto; width: 100%; min-width: 1200px; height: 682px; background: transparent url(/uploads/image/pimages/res-container-bg.png) no-repeat center center; background-size: cover; overflow: hidden; } .res-swiper_pager { position: absolute; top: 48px; left: 50%; transform: translatex(-50%); border-bottom: 1px solid rgba(255, 255, 255, 0.62); } .res-swiper_pager-item { padding: 18px 9px; height: 33px; line-height: 33px; font-size: 18px; font-weight: 500; color: rgba(255, 255, 255, 0.7); border-bottom: 2px solid transparent; cursor: pointer; } .res-swiper_pager-item .res-swiper_pager-item { margin-left: 28px; } .res-swiper_pager-item.active { color: #fff; font-size: 24px; font-weight: 600; border-bottom-color: #fff; } .res-container .res-swiper { margin-top: 160px; } .res-swiper_item { position: relative; width: 928px; height: 347px; } .res-swiper_item-img { width: 463px; height: 347px; } .res-swiper_item-info { box-sizing: border-box; width: 465px; height: 347px; padding: 31px 34px 34px 48px; color: #000; background-color: #fff; } .res-swiper_item-title { margin-bottom: 37px; height: 70px; font-size: 24px; font-weight: 500; color: #000000; line-height: 35px; letter-spacing: 1px; } .res-swiper_item-desc, .res-swiper_item-source, .res-swiper_item-date { font-size: 16px; font-weight: 400; line-height: 23px; opacity: 0.5; } .res-swiper_item-desc { height: 46px; } /* 左右控制按钮 */ .swiper-buttons { position: absolute; left: 0; right: 0; top: 50%; z-index: 1; width: 1100px; transform: translatey(-50%); } .swiper-buttons .swiper-button-prev, .swiper-buttons .swiper-button-next { width: 55px; height: 55px; background: rgba(0, 0, 0, 0.5) no-repeat center center; border-radius: 50%; } .swiper-buttons .swiper-button-next { background-image: ; } .swiper-buttons .swiper-button-prev:hover, .swiper-buttons .swiper-button-next:hover { background-color: rgba(0, 79, 237, 0.7); } .res-swiper_video .res-swiper_item .btn-play { position: absolute; top: 0; bottom: 0; left: 210px; margin: auto; width: 60px; height: 60px; background: rgb(0, 0, 0, 0.4) url(/uploads/image/pimages/icon-play.png) no-repeat center center; border-radius: 50%; } .res-swiper_video .res-swiper_item .time-span { position: absolute; bottom: 17px; left: 385px; width: 62px; height: 26px; background: rgba(0, 0, 0, 0.5); border-radius: 13px; color: #fff; font-size: 16px; font-weight: 400; line-height: 26px; text-align: center; } /* 内容列表 */ .rumor-type_wrap { position: relative; margin-bottom: 0; height: 150px; transition: all 100ms ease-in; } .rumor-type_showall { position: absolute; top: 4px; right: 0; width: 12px; height: 6px; cursor: pointer; background: url(/uploads/image/pimages/arrow_drop_down.png) no-repeat center center; background-size: 100% 100%; transform: rotate(90deg); transition: all 100ms ease-in; } .rumor-type_wrap .rumor-type { box-sizing: border-box; padding-bottom: 50px; width: 145px; height: 75px; font-size: 18px; font-weight: 500; color: #333333; line-height: 25px; text-align: center; border-bottom: 1px solid transparent; transition: all 100ms ease-in; } .rumor-type_wrap .rumor-type a:hover, .rumor-type_wrap .rumor-type.active a { color: #004fed; } /* 收起 */ .rumor-type_wrap.fold { height: 75px; margin-bottom: 42px; overflow: hidden; } .rumor-type_wrap.fold .rumor-type_showall { transform: rotate(0deg); } .rumor-type_wrap.fold .rumor-type { border-bottom: 1px solid #979797; } .rumor-type_wrap.fold .rumor-type.active { color: #004fed; border-bottom: 2px solid #007aff; } .rumor-img { width: 620px; height: 449px; } .rumor-list_item { position: relative; box-sizing: border-box; padding: 10px 20px; width: 567px; height: 107px; color: #000000; background-color: #ffffff; box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.09); } .rumor-list_item:hover { color: #fff; background-color: #004fed; } .rumor-list_item .rumor-list_item { margin-top: 7px; } .rumor-list_item-day, .rumor-list_item-date { width: 115px; text-align: center; } .rumor-list_item-day { margin-top: 10px; font-size: 34px; line-height: 48px; letter-spacing: 1px; } .rumor-list_item-date { margin-top: 12px; font-size: 12px; font-weight: 400; line-height: 17px; } .rumor-list_item-info { width: 380px; height: 85px; border-left: 1px solid rgba(151, 151, 151, 0.3); padding-left: 20px; } .rumor-list_item-title { margin-bottom: 5px; width: 330px; height: 50px; font-size: 20px; font-weight: 500; line-height: 25px; letter-spacing: 1px; } .rumor-list_item-keyword { margin-top: 16px; width: 250px; font-size: 12px; font-weight: 400; line-height: 14px; } .rumor-list_item-keyword::before { display: inline-block; width: 13px; height: 10px; content: ""; vertical-align: middle; background: url(/uploads/image/pimages/icon-tag.png) no-repeat center center; } .rumor-list_item:hover .rumor-list_item-keyword::before { background-image: url(/uploads/image/pimages/icon-tag-white.png); } .rumor-list_item-keyword a a { margin-left: 15px; } .rumor-list_item-keyword a:hover { text-decoration: underline; } .rumor-list_item-source { width: 120px; font-size: 12px; font-weight: 400; line-height: 17px; opacity: 0.5; text-align: right; } .rumor-list_item-hot { margin-bottom: 2px; height: 12px; line-height: 12px; text-align: right; } .rumor-list_item-hot i { display: inline-block; width: 8px; height: 10px; vertical-align: middle; background: url(/uploads/image/pimages/icon-fire.png) no-repeat center center/100%; } .rumor-list_item:hover .rumor-list_item-hot i { background-image: url(/uploads/image/pimages/icon-fire-white.png); } .rumor-list_item-hot i i { margin-left: 9px; } .rumor-list_item-tag { position: absolute; top: 0; right: 0; width: 60px; height: 20px; font-size: 12px; font-weight: 400; color: #ffffff; letter-spacing: 1px; line-height: 20px; text-align: center; background-color: #a09d9d; } .rumor-list_item-tag.false { background-color: #df2929; } .rumor-list_item-tag.true { background-color: #409a5f; } /* 热门关键词 */ .keyword-section { margin-top: 90px; } .keyword-section .keyword-title { font-size: 30px; font-weight: 500; color: #000000; text-align: center; line-height: 42px; letter-spacing: 1px; } .keyword-section .keyword-list { margin-top: 12px; margin-left: -32px; width: 1232px; } .keyword-section .keyword-item { margin-top: 36px; margin-left: 32px; width: 122px; height: 55px; font-size: 22px; font-weight: 400; color: rgba(0, 0, 0, 0.63); text-align: center; line-height: 55px; background: #ffffff; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.11); } .keyword-section .keyword-item:hover { color: #fff; background-color: #004fed; } /* 合作机构、入驻机构和成员单位 */ .company-section { margin-top: 92px; margin-bottom: 38px; width: 100%; height: 366px; background: #f6f6f6; overflow: hidden; } .company-section .company-title { margin: 42px 0 45px; font-size: 24px; font-weight: 400; color: #4c6e8e; line-height: 24px; text-align: center; } .company-section .company-title > span { cursor: pointer; } .company-section .company-title > span span { margin-left: 44px; } .company-section .company-title > span.active { font-weight: 600; } .company-section .company-list_item { display: none; } .company-section .company-list_item.active { display: block; } .company-section .company-list_item ul { margin: 0; padding: 0; list-style: none; } .company-section .company-list_item li { margin: 0 17.5px 35px 17.5px; width: 205px; height: 95px; } .company-section .company-list_item li img { width: 100%; height: 100%; } /*首页专题策划*/ .postion_relative{ position: relative; } .more_zt{ font-size: 16px; font-weight: 400; color: #797979; line-height: 22px; position: absolute; top: 10px; right: 0; } .list_zt{ width: 285px; margin-right: 20px; } .list_zt:last-child{ margin-right: 0; } .img_zt{ width: 285px; height: 175px; overflow: hidden; } .img_zt img{ width: 100%; height: 100%; object-fit: cover; } .title_zt{ height: 56px; font-size: 20px; font-weight: 500; color: #000000; margin:15px 0 20px 0; line-height: 28px; word-break: break-all; } .time_zt{ font-size: 16px; font-weight: 400; color: #ababab; }