body { font-family: 'PingFang SC', "XHW-pzh", 'Lantinghei SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', '微Y雅黑', STHeitiSC-Light, simsun, '宋体', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', sans-serif; } .body_box a:hover, .body_box a:visited, .body_box a:active { color: inherit; } .body_box { width: 1440px; margin: 0 auto; background: #F5F8FF; padding-bottom: 70px; } /* .body_box .box { */ /* height: 498px; */ /* padding: 24px 0; */ /* background: url(/assets/images/index/box_bg.png) no-repeat; */ /* background-size: 100% 100%; */ /* } */ .top-swiper { width: 1440px; margin: 0 auto; position: relative; height: 540px; overflow: hidden; } .top-swiper .left-swiper { position: relative; } /* .top-swiper .left-swiper::after { position: absolute; top: 50%; right: -1px; z-index: 10; margin-top: -8px; width: 16px; height: 16px; background: url(/assets/images/index/swiper-round-arrow.png) no-repeat center center; background-size: 100% 100%; content: ""; } */ .top-swiper .left-swiper > .swiper-container { /* width: 890px; */ /* height: 450px; */ overflow: hidden; } .top-swiper .left-swiper img { width: 100%; height: 540px; object-fit: cover; } .top-swiper .left-swiper .content_title { position: absolute; right: 0; bottom: 40px; left: 120px; max-height: 108px; width: 618px; font-size: 38px; font-weight: 600; color: #FFFFFF; line-height: 54px; /* background: -ms-linear-gradient(90deg, #002061, rgba(0, 0, 0, 0)); background: -moz-linear-gradient(90deg, #002061, rgba(0, 0, 0, 0)); background: -webkit-linear-gradient(90deg, #002061, rgba(0, 0, 0, 0)); background: linear-gradient(90deg, #002061, rgba(0, 0, 0, 0)); */ } .top-swiper .right-swiper { position: absolute; height: 220px; /* width: 310px; */ width: 100%; padding: 26px 120px; /* padding: 0 18px; */ bottom: 0; overflow:hidden; background: rgba(0,0,0,0.2); /* background: red; */ z-index: 99; transition: bottom .3s; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); /* background: #00246D; */ } /* .top-swiper .right-swiper::before { position: absolute; top: 0; right: 0; left: 0; height: 70px; background: -ms-linear-gradient(180deg, #001C55, rgba(0, 0, 0, 0)); background: -moz-linear-gradient(180deg, #001C55, rgba(0, 0, 0, 0)); background: -webkit-linear-gradient(180deg, #001C55, rgba(0, 0, 0, 0)); background: linear-gradient(180deg, #001C55, rgba(0, 0, 0, 0)); content: ""; z-index: 10; } .top-swiper .right-swiper::after { position: absolute; right: 0; bottom: 0; left: 0; height: 70px; background: -ms-linear-gradient(0, #001C55, rgba(0, 0, 0, 0)); background: -moz-linear-gradient(0, #001C55, rgba(0, 0, 0, 0)); background: -webkit-linear-gradient(0, #001C55, rgba(0, 0, 0, 0)); background: linear-gradient(0, #001C55, rgba(0, 0, 0, 0)); content: ""; z-index: 10; } */ .top-swiper .right-swiper > .swiper-container .swiper-wrapper { height: 185px; display: flex; align-items: center; justify-content: space-between; } .top-swiper .right-swiper .swiper-slide { display: flex; align-items: end; } .top-swiper .right-swiper .swiper-slide:hover { } .top-swiper .right-swiper .thumb-img { width: 120px; height: 80px; background: #d8d8d8; object-fit: cover; transition: all .1s ease-in-out; } .top-swiper .right-swiper .thumb-title { font-size: 16px; /* font-weight: 500; */ color: #FFFFFF; line-height: 28px; margin-top: 20px; height: 56px; padding-right: 20px; } /* 首页全局c?*/ .operation-text { margin-top: 10px; height: 20px; font-size: 14px; font-weight: 400; color: #959595; line-height: 20px; } .operation-text i.icon { vertical-align: top; font-size: 20px; margin-right: 5px; } .operation-text span + i.icon { margin-left: 5px; margin-right: 0; } /* 三大中心 */ .modules { padding: 35px 0; display: flex; justify-content: center; background: url(/assets/images/index/modules-bg.png) no-repeat center; } .modules-item { /* float: left; */ position: relative; text-align: center; transition: all 200ms ease; } .modules-item img{ width: 400px; } /* .modules-item + .modules-item { margin-left: 18px; } */ /* .modules-item::after { position: absolute; top: -5px; right: -5px; bottom: -5px; left: -5px; z-index: -1; content: ""; background-color: transparent; } */ .modules-item:hover { transform: translateY(-10px); /* box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.1); */ } .modules-item:hover::after { background-color: #b3ddee; } /* _ֽ推荐 */ .tuijian-wrap { width: 795px; height: auto; } .tuijian-title { height: 40px; line-height: 40px; background: url(/assets/images/index/jingcaituijian-title.png) no-repeat top left; background-size: 100% 100%; } .tuijian-list { margin-top: 10px; } .tuijian-item { padding: 20px 0; border-bottom: 2px solid #f4f4f4; } .tuijian-item:last-child { border-bottom: 0; padding-bottom: 0; } .tuijian-item_title { margin-bottom: 14px; height: 25px; font-size: 18px; font-weight: 500; color: #333333; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tuijian-item_title:hover { color: #0791ff; } .tuijian-item_info { margin-top: 14px; height: 22px; font-size: 14px; font-weight: 400; color: #929292; line-height: 22px; } .tuijian-item_info span + span { margin-left: 20px; } .tuijian-item_zhiding { width: 42px; height: 22px; margin-right: 21px; vertical-align: top; } .tuijian-item_img { width: 189px; height: 130px; border-radius: 5px; overflow: hidden; } .tuijian-item_img + .tuijian-item_img { margin-left: 13px; } /* 单图 */ .tuijian-item.img .tuijian-item_title { width: 593px; margin-bottom: 48px; } .tuijian-item.img .tuijian-item_img { margin-left: 13px; } /* 3?*/ .tuijian-item.imgs-3 .tuijian-item_img { width: 256px; height: 178px; } /* U学辟谣 */ .piyao-img { width: 385px; height: 270px; } /* _ֽ视频 */ .video-wrap { margin-top: 30px; margin-left: 5px; width: 380px; } .video-title { height: 40px; background: url(/assets/images/index/video-title.png) no-repeat top left; background-size: 100% 100%; } .video-list { margin-top: 18px; } .video-item { height: 133px; padding: 12px; background: #ffffff; box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.1); overflow: hidden; } .video-item + .video-item { margin-top: 20px; } .video-item_img { position: relative; width: 160px; height: 109px; border-radius: 5px; overflow: hidden; cursor: pointer; } .video-item_img::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; content: ""; width: 37px; height: 37px; background: url(/assets/images/index/play-btn.png) no-repeat center; background-size: 100% 100%; pointer-events: none; /* 防止点击事g被覆?*/ } .video-item_title { height: 50px; font-size: 18px; font-weight: 500; color: #333333; line-height: 25px; display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .video-item_info { margin-top: 39px; height: 20px; font-size: 14px; font-weight: 400; color: #929292; line-height: 20px; } /* 热门专题 */ .zhuanti { margin-top: 48px; height: 690px; padding: 29px 0 38px; background: url(/assets/images/index/remenzhuanti-bg.png) no-repeat center; background-size: 100% 100%; } .zhuanti-title { display: block; margin-bottom: 31px; width: 112px; height: 29px; } .zhuanti-item { position: relative; width: 220px; height: 284px; overflow: hidden; } .zhuanti-shadow-box { position: absolute; left: 0; bottom: 0; width: 220px; height: 38px; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); } .zhuanti-item + .zhuanti-item { margin-left: 10px; } .zhuanti-item_img { width: 100%; height: 100%; } .zhuanti-item_title { position: absolute; right: 0; bottom: 0; left: 0; padding: 8px 16px; font-size: 16px; color: #ffffff; line-height: 25px; } .zhuanti-item.zhuanti-first { width: 1200px; height: 321px; margin-bottom: 24px; } /* U普h?*/ .kepuhao { width: 798px; } .kepuhao-title { height: 40px; background: url(/assets/images/index/kepuhaotuijian-title.png) no-repeat top left; background-size: 100% 100%; } .kepuhao-title .operation-text { cursor: pointer; } .kepuhao-title .operation-text .icon { font-size: 16px; } .kepuhao-list { display: flex; align-items: center; justify-content: space-between; width: 100%; overflow: hidden; } .kepuhao-item { position: relative; margin-top: 25px; width: 228px; height: 186px; text-align: center; /* box-shadow: 0px 2px 7px 0px #E8ECFF; */ background: url(/assets/images/kepuhao-item-bg.png) no-repeat center; background-size: 100%; } /* .kepuhao-item:nth-child(5n) { margin-left: 0; } .kepuhao-item:nth-child(-n + 4) { margin-top: 0; } */ .kepuhao-item_img { position: absolute; top: -8px; left: 65px; width: 98px; height: 98px; border-radius: 50%; overflow: hidden; border: 1px solid #E1E1E1; } .kepuhao-item_title { display: flex; align-items: center; justify-content: center; width: 180px; height: 62px; font-size: 22px; font-weight: 600; color: #333333; line-height: 24px; margin-top: 105px; margin-left: 24px; } .kepuhao-item_title:hover { color: #0170F5; } .kepuhao-item_btn { width: 78px; height: 32px; font-size: 16px; font-weight: 400; color: #0064c9; line-height: 30px; letter-spacing: 2px; background: #ffffff; border-radius: 16px; border: 1px solid #0064c9; cursor: pointer; } .kepuhao-item_btn.active { background: #0064c9; color: #ffffff; } /* 辟谣专区 */ .piyao { width: 380px; } .piyao-title { padding-right: 20px; height: 40px; background: url(/assets/images/index/piyaozhuanqu-title.png) no-repeat top left; background-size: 100% 100%; } .piyao-title .operation-text { color: #fff; } .piyao-list { margin-top: 18px; } .piyao-item { padding: 10px; height: 118px; background: #ffffff; box-shadow: 0px 6px 19px 0px rgba(0, 0, 0, 0.08); overflow: hidden; } .piyao-item + .piyao-item { margin-top: 20px; } .piyao-item_img { width: 109px; height: 98px; overflow: hidden; } .piyao-item_title { width: 241px; height: 50px; font-size: 18px; font-weight: 500; color: #333333; line-height: 25px; letter-spacing: 1px; } .piyao-item_info { margin-top: 30px; width: 241px; height: 17px; font-size: 12px; font-weight: 400; color: #000000; line-height: 17px; } /* 推荐U普内容 */ .kepuneirong { padding: 30px 0 40px; background: url(/assets/images/index/tuijiankepu-bg.png) no-repeat center; background-size: 100% 100%; } .kepuneirong-head { width: 172px; height: 40px; margin-bottom: 22px; } .kepuneirong-title { height: 28px; font-size: 20px; font-weight: 600; color: #333333; line-height: 28px; overflow: hidden; } .kepuneirong-title::before { margin-top: 2px; margin-right: 15px; display: inline-block; width: 4px; height: 24px; vertical-align: top; background: #009bff; content: ""; } .kepuneirong-title .operation-text { margin-top: 4px; } .quanguo .kepuneirong-title::before { background: #5e00c2; } .kepuneirong-list { margin-top: 22px; margin-bottom: 30px; } .kepuneirong-item { width: 284px; } .kepuneirong-item + .kepuneirong-item { margin-left: 21px; } .kepuneirong-item_img { width: 284px; height: 200px; overflow: hidden; } .kepuneirong-item_title { margin-top: 18px; margin-bottom: 18px; height: 60px; font-size: 18px; font-weight: 500; color: #333333; line-height: 30px; } .kepuneirong-item_info { height: 20px; font-size: 14px; font-weight: 400; color: #929292; line-height: 20px; } .kepuneirong-item_info span + span { margin-left: 28px; } /* 人物 */ .renwu { margin-bottom: 40px; } .renwu-title { height: 90px; padding: 25px 0; background: url(/assets/images/index/renwu-title-bg.png) no-repeat center; background-size: 100% 100%; } .renwu-list { height: 379px; padding: 40px 7px; background: url(/assets/images/index/renwu-list-bg.png) no-repeat top center; background-size: 100% 100%; } .renwu-list .swiper { margin: auto; width: 1100px; height: 300px; overflow: hidden; } .renwu-list .swiper-wrap { position: relative; } .renwu-list .swiper-wrap .swiper-button-prev, .renwu-list .swiper-button-next { position: absolute; top: 110px; width: 28px; height: 28px; background: url(/assets/images/index/swiper-prev.png) no-repeat center; background-size: 100% 100%; z-index: 1; cursor: pointer; } .renwu-list .swiper-button-next { background-image: url(/assets/images/index/swiper-next.png); } .renwu-item { position: relative; padding-top: 7px; } .renwu-item::before { position: absolute; top: 0; right: 0; left: 0; margin: auto; width: 236px; height: 178px; background: #eaecfe; border-radius: 10px; content: ""; } .renwu-item_img { position: relative; z-index: 1; width: 266px; height: 190px; border-radius: 10px; overflow: hidden; } .renwu-item_title { margin-top: 16px; height: 50px; font-size: 18px; font-weight: 500; color: #333333; line-height: 25px; } .renwu-item_info { margin-top: 16px; height: 20px; font-size: 14px; font-weight: 400; color: #929292; line-height: 20px; } .renwu-item_info span + span { margin-left: 28px; } .block-swiper .swiper-container-horizontal>.swiper-pagination-bullets{ width: auto; max-width: 300px; right: 35px !important; bottom: 20px !important; text-align: right; left: auto !important; } .block-swiper .swiper-pagination-bullet { height: 12px; width: 12px; background: #E0E0E0; } .block-swiper .swiper-pagination-bullet-active { width: 26px; height: 12px; border-radius: 37px 37px 37px 37px; background: #0170F5; } .left-swiper .swiper-container-horizontal>.swiper-pagination-bullets{ width: 100%; text-align: right; padding-right: 120px; padding-bottom: 20px; } .left-swiper .swiper-pagination-bullet { height: 12px; width: 12px; background: rgba(255,255,255,0.4); } .left-swiper .swiper-pagination-bullet-active { background: #ffff !important; width: 20px; height: 12px; border-radius: 37px 37px 37px 37px; } .tuijian-item_span_div{ display: inline-block; } .tuijian-item_span_div span+span{ margin-left: 10px; } .tuijian-item_span_div a+a{ margin-left: 10px; } .tuijian-item_span_div1{ height: 22px; } .tuijian-item_span_div1 span+span{ margin-left: 10px; } .tuijian-item_span{ display: inline-block; height: 18px; line-height: 18px; border: 1px solid #1379FF; padding-left: 2px; padding-right: 2px; font-size: 12px; color: #1379FF !important; vertical-align: top; margin-top: 1px; max-width: 96px; } .swiper-pagination-bullet{ background: #fff; opacity: 1; } .swiper-pagination-bullet-active{ background: #0059FF; } /* zd */ .activity-a{ display: inline-block; margin: 0px 22px 60px 0; } .activity-a:nth-of-type(4n+4) { margin-right: 0; } .activity-content { position: relative; display: inline-block; width: 279px; height: 274px; vertical-align: top; cursor: pointer; background: #fff; border: 1px solid #e5e5e5; transition-duration: 0.5s; } .activity-content .title { width: 250px; height: 46px; margin: 10px auto 0; font-size: 16px; font-weight: 500; line-height: 23px; color: #333; } .activity-content .activity-img { width: 279px; height: 166px; } .activity-content .time-main { margin-top: 18px; } .activity-content .time-img { width: 12px; height: 12px; margin-left: 12px; position: relative; top: -1px; } .activity-content .time-desc { display: inline-block; margin-left: 5px; font-size: 12px; line-height: 20px; color: #999; vertical-align: top; } .activity-content .time-status { float: right; margin-right: 12px; font-size: 12px; font-weight: 400; line-height: 18px; color: #999; } .activity-content .time-status-ing { color: #31b551; } .activity-content .activity-address { position: absolute; top: 143px; right: 10px; width: 270px; height: 20px; font-size: 12px; line-height: 18px; color: white; text-align: right; } .block-head { display: flex; align-items: center; justify-content: space-between; height: 82px; background: #FFFFFF; /* margin: 24px auto; */ padding: 0 20px; } .block-head a { text-decoration: none; } .block-title { font-size: 30px; font-weight: 600; color: #333333; line-height: 35px; display: flex; align-items: center; } .block-title span { margin-left: 12px; } .check-more { font-size: 20px; font-weight: 400; color: #0170F5; display: flex; align-items: center; } .check-more span { margin-right: 8px; } .check-more img { width: 24px; height: 24px; opacity: 1; } .block-body { display: flex; align-items: center; justify-content: space-between; } .block-swiper .swiper-container{ width: 830px; height: 448px; } .shadow-box{ position: absolute; left: 0; bottom: 0; width: 830px; height: 90px; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); } .block-swiper .swiper-container .swiper-slide .bs-title { position: absolute; bottom: 25px; left: 25px; z-index: 99; font-size: 24px; font-weight: 500; color: #FFFFFF; width: 630px; height: 48px; line-height: 48px; text-align: justify; overflow: hidden; } .block-swiper .swiper-container .swiper-slide .block-img { width: 100%; height: 100%; } .block-news { height: 448px; display: flex; flex-direction:column; align-items: flex-end; } .block-news .news-title { width: 346px; height: 90px; font-size: 18px; background: #FFFFFF; border-bottom: 1px solid #EDEDED; padding: 21px 16px; display: flex; align-items: center; position: relative; } .block-news .news-title:last-child { border-bottom: none; } /* .block-news .need_indent{ text-indent: 44px } */ .block-news .news-title a{ display: -webkit-box; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .block-news .news-title img{ position: absolute; top: 0; left: 0; } .block-news .news-title:hover { background: #0170F5; color: #FFFFFF; text-decoration: underline; } .race-lamp { background: #FFFFFF; padding: 0 16px; margin: 24px auto; } .race-lamp .swiper-container { height: 50px; } .race-lamp .swiper-container .swiper-wrapper .swiper-slide { display: flex; align-items: center; } .race-lamp .swiper-container .swiper-wrapper .swiper-slide div { padding: 0 16px; } .block-left { width: 827px; background: #FFFFFF; } .image-left { display: flex; align-items: center; padding: 0 20px; justify-content: space-between; } .image-left .image-item { width: 386px; } .image-item { display: flex; align-items: center; } .image-left .image-item>div { width: 238px; } .image-item img{ width: 132px; height: 78px; margin-right: 17px; } .inner-title{ font-size: 18px; font-weight: 400; color: #333333; height: 48px; overflow: hidden; } .inner-title:hover { color: #0170F5; } .inner-title a { text-decoration: none; } .time { font-size: 12px; font-weight: 400; color: #999999; margin-top: 12px; } .block-left .block-title { padding: 20px 0 24px 20px; } .title-text { padding: 12px 20px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .title-text div { width: 386px; padding: 12px 0; } .plain-title { font-size: 18px; font-weight: 400; color: #333333; line-height: 24px; height: 24px; overflow: hidden; } .plain-title::before { content: ' '; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #0170F5; margin-right: 16px; vertical-align: middle; } .plain-title:hover { color: #0170F5; } .plain-title a { text-decoration: none; } .image-top { display: flex; align-items: center; justify-content: space-between; padding: 0 20px 24px 20px; } .img-top-item { width: 386px; position: relative; } .img-top-item .play-button{ height: 28px; width: 28px; position: absolute; top:107px; left: 179px; } .img-top-item img { width: 386px; height: 243px; background: rgba(0,0,0,0.1); margin-bottom: 16px; } .block-right .image-item>div { width: 169px; } .bg-white { background: #FFFFFF; } .block-right { width: 349px; height: 588px; } .block-right>div { padding: 20px 16px; height: 280px; } .health { margin-bottom: 28px; } .block-right .image-item, .block-right .plain-title { margin-top: 24px; } .piyao-block { padding-bottom: 32px; background: url(/assets/images/index/piyao-bg.png) no-repeat center; } .zhuanti-block { display: flex; justify-content: center; background: #FFFFFF; } .zhuanti-list { height: 324px; background-size: 100% 100%; } .zhuanti-list .swiper { margin: auto; width: 1200px; height: 284px; overflow: hidden; } .zhuanti-list .swiper-wrap { position: relative; } .zhuanti-list .swiper-wrap .swiper-button-prev, .zhuanti-list .swiper-button-next { position: absolute; top: 144px; width: 20px; height: 40px; background: url(/assets/images/index/zhuanti-swiper-pre.png) no-repeat center; background-size: 100% 100%; z-index: 1; cursor: pointer; } .zhuanti-list .swiper-button-next { background-image: url(/assets/images/index/zhuanti-swiper-next.png); right: 0; } .zhuanti-list .swiper-wrap .swiper-button-prev { left: 0; } .zhuanti-list .swiper-button-prev.swiper-button-disabled { background: url(/assets/images/index/zhuanti-pre-disable.png) no-repeat center; opacity: 1; } .zhuanti-list .swiper-button-next.swiper-button-disabled { background: url(/assets/images/index/zhuanti-next-disable.png) no-repeat center; opacity: 1; } .img-card { width: 384px; background: #fff; padding: 16px; } .card-title { height: 33px; border-bottom: 1px solid #F1F1F1; font-size: 20px; font-weight: 600; color: #0170F5; display: flex; align-items: center; justify-content: flex-start; } .card-title>div { border-bottom: 1px solid #0170F5; height: 100%; } .img-text { margin-top: 18px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; } .img-text>div { width: 212px; } .img-card .img-text img { width: 124px; height: 78px; } .text-card { width: 384px; background: #fff; padding: 16px; } .text-card .plain-title:nth-child(2) { margin-top: 18px; } .text-card .plain-title:nth-child(3) { margin-top: 32px; } .card-block { height: 912px; display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between; margin-top: 40px; } .advertisement { margin-top: 40px; } .advertisement img { height: 100%; width: 100%; } .kepuhao-block { margin-top: 40px; padding-bottom: 55px; display: flex; justify-content: center; background: url(/assets/images/index/kepuhao-bg.png) no-repeat center; } .resource-label { padding: 24px 0 24px 30px; } .resource-label>div { width: 116px; height: 42px; background: linear-gradient(90deg, #9766FF 0%, #523CFF 100%); border-radius: 8px 8px 8px 8px; text-align: center; font-size: 24px; font-weight: 400; color: #FFFFFF; line-height: 42px; } .resource { display: flex; align-items: center; padding: 24px; justify-content: space-between; } .resource { border-bottom: 1px solid #EBEBEB; } .resource:last-child { border-bottom: none; } .resource:nth-of-type(3){ border-bottom: none; } .resource>div { width: 271px; } .resource img { width: 249px; height: 149px; background: #EBEBEB; } .info-body { width: 100%; background: #fff; margin-top: 24px; } .kexie, .xuehui { width: 584px; } .resource .resource-title { font-size: 18px; font-weight: 400; color: #333333; height: 62px; line-height: 31px; } .resource:hover{ background: #0170F5; color: #FFFFFF; } .resource:hover .resource-title, .resource:hover .resource-info { color: #FFFFFF; } .resource:hover .resource-keyword { border: none; background: #FFFFFF; } .resource .resource-title a{ text-decoration: none; } .resource .resource-keywords { height: 66px; width: 100%; display: flex; align-items: center; flex-wrap: wrap; padding: 9px 0; } .resource .resource-keywords .resource-keyword { margin-right: 8px; padding: 2px 8px; font-size: 12px; height: 20px; overflow: hidden; } .resource .resource-keywords .resource-keyword:nth-child(4n+1) { border: 1px solid #0180FF; color: #0180FF ; } .resource .resource-keywords .resource-keyword:nth-child(4n+2) { border: 1px solid #F36326; color: #F36326 ; } .resource .resource-keywords .resource-keyword:nth-child(4n+3) { border: 1px solid #B9006F; color: #B9006F ; } .resource .resource-keywords .resource-keyword:nth-child(4n+4) { border: 1px solid #0180FF; color: #0180FF ; } .resource .resource-keywords .resource-keyword:nth-child(4){ margin-right: 0; } .resource .resource-info { display: flex; align-items: center; font-size: 14px; font-weight: 400; color: #666666; justify-content: space-between; } .resource .resource-info .in-progress{ color: #00D615 ; } .activity-label { padding: 24px 0 24px 30px; } .activity-label>div { width: 116px; height: 42px; background: linear-gradient(227deg, #0043F0 0%, #227AFF 100%); border-radius: 8px 8px 8px 8px; text-align: center; font-size: 24px; font-weight: 400; color: #FFFFFF; line-height: 42px; } .liangyi { display: flex; align-items: center; justify-content: space-between; margin-top: 28px; } .piyao-left { width: 541px; height: 405px; } .piyao-left .piyao-list-item .item-mainland { display: flex; justify-content: space-between; } .piyao-left .piyao-list-item { height: 113px; box-shadow: 0px 2px 7px 0px #E8ECFF; margin-bottom: 33px; position: relative; color: #333333; background-color: #fff; } .piyao-left .piyao-list-item :hover{ background: #0170F5; color: #FFFFFF; } .piyao-left .piyao-list-item :hover .item-right .item-keywords::before{ background: url(/assets/images/index/icon-tag-white.png) no-repeat center center; } .piyao-left .piyao-list-item .piyao-tag{ position: absolute; top: 0; right: 0; width: 64px; height: 30px; background: linear-gradient(90deg, #A554E1 0%, #7500DE 100%); text-align: center; font-size: 16px; font-weight: 600; color: #FFFFFF; line-height: 30px; } .piyao-left .piyao-list-item .item-left { width: 170px; border-right: 1px solid #E8E8E8; } .piyao-left .piyao-list-item .item-right { width: 370px; display: flex; flex-direction: column; justify-content: space-between; } .piyao-left .piyao-list-item .item-right .item-title{ height: 44px; width: 273px; padding: 20px 73px 0 24px; font-size: 16px; } .piyao-left .piyao-list-item .item-right .item-keywords{ display: flex; align-items: center; padding: 0 24px 18px 24px; } .piyao-left .piyao-list-item .item-right .item-keywords::before{ display: inline-block; width: 13px; height: 10px; content: ""; vertical-align: middle; background: url(/assets/images/index/icon-tag.png) no-repeat center center; } .piyao-left .piyao-list-item .item-right .item-keywords .piyao-keyword{ display: flex; align-items: center; } .piyao-left .piyao-list-item .item-right .item-keywords .piyao-keyword>div{ padding: 0 8px; font-size: 12px; } .piyao-left .piyao-list-item .item-left .item-number { font-size: 30px; font-weight: 500; text-align: center; padding: 20px 0 11px; } .piyao-left .piyao-list-item .item-left .item-time { font-size: 14px; font-weight: 400; /* color: #666666; */ text-align: center; padding-bottom: 16px; } .piyao-list { display: flex; justify-content: space-between; } .piyao-list .piyao-right{ width: 627px; height: 405px; } .piyao-list .piyao-right img { width: 100%; height: 100%; } .piyao-bottom { display: flex; justify-content: space-between; align-items: center; margin-top: 32px; } .piyao-bottom .piyao-img-item { width: 282px; height: 174px; position: relative; } .piyao-bottom .piyao-img-item .piyao-img-title{ width: 250px; height: 22px; font-size: 16px; color: #FFFFFF; position: absolute; left: 16px; bottom: 8px; } .piyao-bottom .piyao-img-item .piyao-img-title:hover{ color: #0170F5; } .piyao-bottom .piyao-img-item .piyao-img-title a{ text-decoration: none; } .piyao-bottom .piyao-img-item img{ width: 100%; height: 100%; } .label-action { display: flex; align-items: center; cursor: pointer; font-size: 20px; font-weight: 400; color: #0170F5; } .video-player { width: 830px; height: 448px; } .carousel-item { float: left; width: 220px; height: 168px; padding: 6px 0; } .carousel-item:not(:first-child) { margin-left: 25px; } .play-video { height: 48px; width: 48px; cursor: pointer; margin-right: 12px; } 久久久亚洲欧洲AV无码|色播四房激情四射五月天|国产手机精品一区二区|性欧美大战久久久久久久另类