@charset "utf-8"; @import url("./base.css"); html{scroll-padding: 100px;} /*header*/ header{z-index: 3;position: sticky;left: 0;top: 0;width: 100%;height: 80px;background-color: #fff;box-shadow: 0 4px 10px rgba(0,0,0,.1);} /*logo*/ header .logo{position: absolute;left: 0;top: 50%;transform: translateY(-50%);} header .logo img{display: block;max-height: 52px;} /*瀵艰埅-姘村钩鏂瑰悜*/ header .nav-box-horizontal{position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 0;white-space: nowrap;} header .nav-box-horizontal li{position: relative;display: inline-block;margin: 0 23px;font-size: 16px;line-height: 80px;transition: 0.3s;} header .nav-box-horizontal li:after{content: "";position: absolute;left: 0;bottom: 20px;width: 100%;height: 2px;background-color: #009adc;transform: scaleX(0);transition: 0.3s;} header .nav-box-horizontal li:first-child{margin-left: 0;} header .nav-box-horizontal li:last-child{margin-right: 0;} header .nav-box-horizontal li:last-child a{color: #009adc;} header .nav-box-horizontal li a{display: block;} header .nav-box-horizontal li.on:after{transform: scaleX(1);} header .nav-box-horizontal li.on a{color: #009adc;} /*鑿滃崟鎸夐挳*/ header .menu-btn{display: none;z-index: 1;position: absolute;right: 3%;top: 50%;width: 26px;height: 18px;cursor: pointer;transform: translateY(-50%);} header .menu-btn span{display: block;height: 2px;background-color: #000;transition: .3s;} header .menu-btn span:nth-child(2){margin: 6px 0;} /*鑿滃崟鍐呭*/ header .menu-box{z-index: 4;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: #F1F4FA url(../images/topic_page_bg2.jpg) center top;background-size: contain;opacity: 0;;transform: translateX(100%);transition: .3s;} header .menu-box.open{opacity: 1;transform: translateX(0);} header .menu-box > .menu-wrap{display: flex;justify-content: center;align-items: center;height: 100vh;padding: 0 15vw;} header .menu-box .close-btn{position: absolute;right: 0;top: 0;width: 50px;height: 50px;cursor: pointer;} header .menu-box .close-btn::before{content: '';position: absolute;left: 50%;top: 50%;width: 20px;height: 2px;margin: -1px 0 0 -10px;background-color: #000;transform: rotate(-45deg);} header .menu-box .close-btn::after{content: '';position: absolute;left: 50%;top: 50%;width: 20px;height: 2px;margin: -1px 0 0 -10px;background-color: #000;transform: rotate(45deg);} header .menu-box .menu-list{width: 100%;height: 70vh;padding: 0 30px;background-color: #fff;} header .menu-box .menu-list li{border-bottom: 1px solid #eee;} header .menu-box .menu-list li a{display: inline-block;vertical-align: top;padding: 1.5em 1em 1.5em .5em;font-size: 16px;line-height: 1;} /*banner*/ .top-banner{position: relative;} .top-banner::after{content: '';position: absolute;left: 50%;bottom: 30px;width: 36px;height: 36px;margin-left: -18px;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iNCIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0zOCAyTDIwIDIwIDIgMk0zOCAyMEwyMCAzOCAyIDIwIi8+PC9nPjwvc3ZnPg==');background-size: 100% 100%;animation: arrowAni 2s linear infinite;} /*绾靛悜閿氶摼鎺ュ鑸爮*/ .vertical-anchor-nav{z-index: 2;position: absolute;left: 3vw;top: 50vh;transform: translateY(-50%);} .vertical-anchor-nav li{margin: 1.25em 0;} .vertical-anchor-nav li a{position: relative;display: inline-block;vertical-align: top;padding-left: 1em;line-height: 1.75;font-weight: bold;color: #ccc;transition: .3s;} .vertical-anchor-nav li a::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: .5em;height: .5em;box-sizing: border-box;border: 1px solid #ccc;border-radius: 50%;transition: .3s;} .vertical-anchor-nav li.on a{color: #333;} .vertical-anchor-nav li.on a::before{background-color: #6C95F1;border-color: #6C95F1;} .vertical-anchor-nav.fixed{position: fixed;} /*涓撻椤?/ .topic-page{position: relative;background: #F1F4FA url(../images/topic_page_bg2.jpg) center top;background-size: cover;overflow: hidden;} /*鏍囬*/ .topic-page .common-title{display: flex;justify-content: center;margin-bottom: 1.5em;font-weight: bold;} .topic-page .common-title .name{position: relative;} .topic-page .common-title .name::before{content: '';position: absolute;left: -48px;top: .4em;width: 4px;height: 4px;color: #6C95F1;background-color: currentColor;box-shadow: 8px 0 currentColor, 32px 0 currentColor, 8px 8px currentColor, 16px 8px currentColor, 24px 8px currentColor, 32px 8px currentColor, 0 16px currentColor, 16px 16px currentColor, 24px 16px currentColor;opacity: .3;} .topic-page .common-title .name::after{content: '';position: absolute;right: -16px;top: .4em;width: 4px;height: 4px;color: #6C95F1;background-color: currentColor;box-shadow: 0 0 currentColor, 16px 0 currentColor, 24px 0 currentColor, 32px 0 currentColor, 0 8px currentColor, 8px 8px currentColor, 16px 8px currentColor, 24px 8px currentColor, 10px 16px currentColor, 18px 16px currentColor;opacity: .3;} /*甯冨眬*/ .topic-page .part1{padding: 160px 0 80px;} .topic-page .part2{padding: 80px 0;} .topic-page .part3{padding: 80px 0;} .topic-page .part4{padding: 80px 0 160px;} /*鏂伴椈淇℃伅杞挱*/ .news-info-swiper{position: relative;padding-bottom: 50px;overflow: hidden;} .news-info-swiper .swiper-pagination{z-index: 1;bottom: 0;font-size: 0;} .news-info-swiper .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 5px;background-color: #6C95F1;border-radius: 4px;opacity: .4;transition: .3s;} .news-info-swiper .swiper-pagination .swiper-pagination-bullet-active{width: 24px;opacity: 1;} /*鏂伴椈鍖?/ .news-wrap{position: relative;display: block;border-radius: 12px;overflow: hidden;} .news-wrap .pic{overflow: hidden;} .news-wrap .pic em{display: block;padding-top: 116%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;} .news-wrap .info{position: absolute;left: 0;right: 0;bottom: 0;padding: 1em;background-color: rgba(0,0,0,.1);color: #fff;backdrop-filter: blur(10px);} .news-wrap .info .tit{font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .news-wrap .info .date{margin-top: .5em;font-size: 12px;} .news-wrap:hover .pic em{transform: scale(1.05);} /*鏂伴椈鍒楄〃-鏂囧瓧*/ .news-text-list{max-height: 430px;box-sizing: border-box;padding: 4px 20px;background-color: #fff;border-radius: 12px;overflow-y: auto;box-shadow: -4px 6px 25px rgba(0,0,0,.1);} .news-text-list li+li{border-top: 1px solid #ddd;} .news-text-list li a{display: block;padding: 20px 0;} .news-text-list li a .tit{font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: .3s;} .news-text-list li a .date{display: flex;align-items: center;margin-top: .5em;font-size: 12px;color: #999;} .news-text-list li a .date::before{content: '';width: 1em;height: 1em;margin-right: .5em;background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMCAxOS4xNjdBOS4xNjcgOS4xNjcgMCAxIDAgMTAgLjgzM2E5LjE2NyA5LjE2NyAwIDAgMCAwIDE4LjMzNHoiLz48cGF0aCBkPSJNMTAuMDA0IDQuNXY1LjUwNGwzLjg4NiAzLjg4NiIvPjwvZz48L3N2Zz4=') center no-repeat;background-size: 100% 100%;opacity: .5;} .news-text-list li a:hover .tit{color: #6C95F1;transform: translateX(.3em);} /*璁哄潧淇℃伅*/ .forum-info{text-align: center;} .forum-info .tit{margin-bottom: 1em;font-weight: bold;color: #6C95F1;} .forum-info .tit2{margin: 2em 0 0;font-weight: bold;} .forum-info .record{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;margin-top: 1em;color: #666;} .forum-info .record span{display: flex;align-items: center;margin: 0 1em;} .forum-info .record span .icon{width: 1.25em;height: 1.25em;margin-right: .5em;filter: brightness(0) invert(.5);} .forum-info .btn{display: flex;justify-content: center;align-items: center;width: fit-content;height: 60px;padding: 0 2em;margin: 1em auto 0;background-image: linear-gradient(45deg,#6C95F1,#6CBBF1);border-radius: 30px;font-weight: bold;color: #fff;box-shadow: -8px 10px 12px rgba(120,161,242,.3);} .forum-info .btn .icon{width: 1em;height: 1em;margin-left: .5em;} /*娲诲姩璁▼锛岄€夐」鍗?/ .agenda-tab-box{position: relative;margin-top: 20px;} .agenda-tab-box .tabs{padding: 0 50px;background: url(../images/agenda_bg_line.svg) center bottom 20px no-repeat;background-size: 98% auto;overflow: hidden;} .agenda-tab-box .tabs .swiper-slide{display: flex;flex-direction: column;justify-content: flex-end;align-items: center;height: 130px;font-weight: bold;color: #999;} .agenda-tab-box .tabs .swiper-slide .num{display: flex;justify-content: center;align-items: center;width: 48px;height: 48px;box-sizing: border-box;background-image: radial-gradient(circle at 50% 50%,#fff,#DAE6FF);border: 1px solid #CCDBFA;border-radius: 50%;transform: translateY(6px);transition: .5s;} .agenda-tab-box .tabs .swiper-slide .date{margin-top: .5em;} .agenda-tab-box .tabs .swiper-slide-prev .num{width: 72px;height: 72px;font-size: 18px;transform: translateY(0);} .agenda-tab-box .tabs .swiper-slide-active .num{width: 100px;height: 100px;background-image: radial-gradient(circle at 80% 20%,#E8F1FF,#749EF1);font-size: 28px;color: #fff;box-shadow: -6px 6px 16px rgba(120,161,242,.3);transform: translateY(0);} .agenda-tab-box .tabs .swiper-slide-next .num{width: 72px;height: 72px;font-size: 18px;transform: translateY(0);} .agenda-tab-box .tab-content{padding: 20px;margin: 0 170px;overflow: hidden;} .agenda-tab-box .tab-content .info-wrap{display: flex;justify-content: space-between;height: 120px;box-sizing: border-box;padding: 25px 30px;background-color: #fff;border-radius: 12px;box-shadow: -4px 6px 20px rgba(0,0,0,.12);} .agenda-tab-box .tab-content .info-wrap .item:nth-child(1){max-width: 20%;} .agenda-tab-box .tab-content .info-wrap .item .tit{margin-bottom: .5em;color: #6C95F1;} .agenda-tab-box .tab-content .info-wrap .item .txt{font-weight: bold;color: #666;} .agenda-tab-box .tab-content .info-wrap .item .txt .name1{} .agenda-tab-box .tab-content .info-wrap .item .txt .name2{margin-top: .2em;font-size: 12px;font-weight: normal;color: #999;} .agenda-tab-box .btn{z-index: 1;position: absolute;bottom: 60px;width: 32px;height: 32px;background-color: rgba(0,0,0,.1);border-radius: 50%;color: #999;cursor: pointer;transition: .3s;} .agenda-tab-box .btn::after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid currentColor;} .agenda-tab-box .prev-btn{left: 120px;} .agenda-tab-box .prev-btn::after{border-left: 2px solid currentColor;transform: translate(-30%,-50%) rotate(-45deg);} .agenda-tab-box .next-btn{right: 120px;} .agenda-tab-box .next-btn::after{border-right: 2px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);} .agenda-tab-box .btn:hover{background-color: #6C95F1;color: #fff;} .agenda-tab-box .swiper-button-disabled{cursor: not-allowed;} /*鐩稿叧瑙嗛*/ .video-box{height: auto !important;padding-top: 0 !important;font-size: 14px !important;} .video-box .play-btn{transform: translate(0,0) !important;} .related-video-box{display: flex;justify-content: space-between;height: 480px;} .related-video-box .item{flex: 14%;position: relative;margin-left: 1%;border-radius: 12px;overflow: hidden;cursor: pointer;transition: .5s;} .related-video-box .item:first-child{margin-left: 0;} .related-video-box .item .pic{position: relative;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;} .related-video-box .item .pic::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.5);transition: .3s;} .related-video-box .item .info{position: absolute;left: 0;right: 0;bottom: 0;display: flex;justify-content: space-between;align-items: center;padding: 1.2em;background-color: rgba(0,0,0,.1);color: #fff;backdrop-filter: blur(10px);transform: translateY(105%);} .related-video-box .item .info .tit{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .related-video-box .item .info .date{flex: 0 0 70px;margin-left: 30px;font-size: 12px;opacity: .5;} .related-video-box .item .play-btn{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 60px;height: 60px;margin: auto;box-sizing: border-box;border: 1px solid #fff;border-radius: 50%;transform: translateY(100%);opacity: 0;} .related-video-box .item .play-btn::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 40%;height: 40%;margin: auto;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyMyAyNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjIuMDE2IDE0LjczNEwzLjIyIDI1LjU4N2MtMS4zMzIuNzY4LTIuOTk0LS4xOTUtMi45OTQtMS43M1YyLjE1Qy4yMjYuNjE2IDEuODg4LS4zNDcgMy4yMi40MmwxOC43OTYgMTAuODU0YzEuMzMxLjc2NyAxLjMzMSAyLjY5MyAwIDMuNDZ6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');background-size: 100% 100%;transform: translateX(8%);} .related-video-box .item.on{flex: 70%;} .related-video-box .item.on .pic::after{opacity: 0;} .related-video-box .item.on .info{transform: translateY(0);transition: .3s .3s;} .related-video-box .item.on .play-btn{transform: translateY(0);opacity: 1;transition: .5s .3s;} /*瑙嗛淇℃伅杞挱*/ .video-info-swiper{position: relative;padding-bottom: 50px;overflow: hidden;} .video-info-swiper .swiper-slide .video-box{position: relative;border-radius: 12px;overflow: hidden;cursor: pointer;} .video-info-swiper .swiper-slide .video-box .pic{position: relative;padding-top: 128%;background-position: center;background-size: cover;background-repeat: no-repeat;} .video-info-swiper .swiper-slide .video-box .pic::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.1);transition: .3s;} .video-info-swiper .swiper-slide .video-box .info{position: absolute;left: 0;right: 0;bottom: 0;display: flex;justify-content: space-between;align-items: center;padding: 1.2em;background-color: rgba(0,0,0,.1);color: #fff;backdrop-filter: blur(10px);display: none;} .video-info-swiper .swiper-slide .video-box .info .tit{} .video-info-swiper .swiper-slide .video-box .info .date{flex: 0 0 70px;margin-left: 20px;font-size: 12px;opacity: .5;} .video-info-swiper .swiper-slide .video-box .play-btn{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 60px;height: 60px;margin: auto;box-sizing: border-box;border: 1px solid #fff;border-radius: 50%;} .video-info-swiper .swiper-slide .video-box .play-btn::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 40%;height: 40%;margin: auto;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyMyAyNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjIuMDE2IDE0LjczNEwzLjIyIDI1LjU4N2MtMS4zMzIuNzY4LTIuOTk0LS4xOTUtMi45OTQtMS43M1YyLjE1Qy4yMjYuNjE2IDEuODg4LS4zNDcgMy4yMi40MmwxOC43OTYgMTAuODU0YzEuMzMxLjc2NyAxLjMzMSAyLjY5MyAwIDMuNDZ6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');background-size: 100% 100%;transform: translateX(8%);} .video-info-swiper .swiper-pagination{z-index: 1;bottom: 0;font-size: 0;} .video-info-swiper .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 5px;background-color: #6C95F1;border-radius: 4px;opacity: .4;transition: .3s;} .video-info-swiper .swiper-pagination .swiper-pagination-bullet-active{width: 24px;opacity: 1;} /*鍥剧墖灞曠ず杞挱*/ .pic-show-swiper-box{position: relative;} .pic-show-swiper-box .btn{z-index: 1;position: absolute;top: 50%;width: 32px;height: 32px;margin-top: -16px;background-color: #6C95F1;border-radius: 50%;cursor: pointer;opacity: .4;transition: .3s;} .pic-show-swiper-box .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid #fff;} .pic-show-swiper-box .prev-btn{left: -50px;} .pic-show-swiper-box .prev-btn:after{border-left: 2px solid #fff;transform: translate(-30%,-50%) rotate(-45deg);} .pic-show-swiper-box .next-btn{right: -50px;} .pic-show-swiper-box .next-btn:after{border-right: 2px solid #fff;transform: translate(-70%,-50%) rotate(45deg);} .pic-show-swiper-box .btn:hover{opacity: 1;} .pic-show-swiper-box .swiper-button-disabled{cursor: not-allowed;} .pic-show-swiper{overflow: hidden;} .pic-show-list{position: relative;font-size: 0;} .pic-show-list li{display: inline-block;vertical-align: top;width: 23.68%;margin: 0 0 1.7% 1.7%;} .pic-show-list li .pic{position: relative;padding-top: 68%;border-radius: 12px;overflow: hidden;} .pic-show-list li .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;cursor: zoom-in;transition: .5s;} .pic-show-list li:nth-child(1){width: 49.12%;margin-left: 0;} .pic-show-list li:nth-child(3) .pic{padding-top: 141%;} .pic-show-list li:nth-child(4){position: absolute;left: 49.12%;bottom: 0;} .pic-show-list li:hover .pic img{transform: scale(1.05);} /*绗旇鏈?920*1080鏄剧ず鏀惧ぇ姣斾緥涓?25%锛屽疄闄呭垎杈ㄧ巼涓?920/1.25=1536*/ @media screen and (max-width: 1550px){ } /*涓睆PC锛屽垎杈ㄧ巼1366*/ @media screen and (max-width: 1440px){ /*绾靛悜閿氶摼鎺ュ鑸爮*/ .vertical-anchor-nav{left: 10px;} } /*灏忓睆PC锛屽垎杈ㄧ巼1280*/ @media screen and (max-width: 1300px){ } /*pad妯睆锛屽垎杈ㄧ巼1024*/ @media screen and (max-width: 1024px){ /*header*/ header{height: 50px;} header .w1140{width: 96%;} /*logo*/ header .logo img{max-height: 24px;} /*瀵艰埅-姘村钩鏂瑰悜*/ header .nav-box-horizontal{display: none;} /*鑿滃崟鎸夐挳*/ header .menu-btn{display: block;} /*鑿滃崟鍐呭*/ header .menu-box{display: block;} /*banner*/ .top-banner::after{bottom: 10px;width: 16px;height: 16px;margin-left: -8px;} /*绾靛悜閿氶摼鎺ュ鑸爮*/ .vertical-anchor-nav{display: none!important;} /*甯冨眬*/ .topic-page .part1{padding: 60px 0 30px;} .topic-page .part2{padding: 30px 0;} .topic-page .part3{padding: 30px 0;} .topic-page .part4{padding: 30px 0 60px;} /*鏂伴椈淇℃伅杞挱*/ .news-info-swiper{padding-bottom: 35px;} /*鏂伴椈鍒楄〃-鏂囧瓧*/ .news-text-list{max-height: 410px;padding: 4px 18px;} .news-text-list li a{padding: 18px 0;} /*璁哄潧淇℃伅*/ .forum-info .tit2{margin: 1em 0 0;} .forum-info .record span{margin: 0;} .forum-info .record span .icon{width: 1em;margin-right: .2em;} /*娲诲姩璁▼锛岄€夐」鍗?/ .agenda-tab-box .tabs{padding: 0;background-position: center bottom 40px;background-size: 120% auto;} .agenda-tab-box .tabs .swiper-slide .num{width: 36px;height: 36px;transform: translateY(0);} .agenda-tab-box .tabs .swiper-slide-prev .num{width: 54px;height: 54px;font-size: 16px;} .agenda-tab-box .tabs .swiper-slide-active .num{width: 72px;height: 72px;font-size: 24px;} .agenda-tab-box .tabs .swiper-slide-next .num{width: 54px;height: 54px;font-size: 16px;} .agenda-tab-box .tab-content{margin: 0 10px;} .agenda-tab-box .tab-content .info-wrap{height: auto;padding: 15px;} .agenda-tab-box .tab-content .info-wrap .item:nth-child(1){max-width: 35%;} .agenda-tab-box .tab-content .info-wrap .item:nth-child(2){max-width: 35%;margin: 0 .3em;} .agenda-tab-box .tab-content .info-wrap .item .tit{margin-bottom: .3em;} .agenda-tab-box .tab-content .info-wrap .item .txt .name2{margin-top: 0;} .agenda-tab-box .btn{width: 24px;height: 24px;} .agenda-tab-box .prev-btn{left: 0;} .agenda-tab-box .next-btn{right: 0;} /*鐩稿叧瑙嗛*/ .related-video-box{flex-wrap: wrap;height: auto;} .related-video-box .item{flex: 0 0 100%;margin: 0 0 20px;} .related-video-box .item .pic{height: auto;padding-top: 60%;} .related-video-box .item .pic::after{display: none;} .related-video-box .item .info{padding: 1em;transform: translateY(0);} .related-video-box .item .info .tit{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .related-video-box .item .info .date{flex: 0 0 70px;margin-left: 30px;font-size: 12px;opacity: .5;} .related-video-box .item .play-btn{width: 40px;height: 40px;transform: translateY(0);opacity: 1;} .related-video-box .item.on{flex: 0 0 100%;} /*瑙嗛淇℃伅杞挱*/ .video-info-swiper{padding-bottom: 35px;} /*鍥剧墖灞曠ず杞挱*/ .pic-show-swiper-box .btn{display: none;} .pic-show-list li{width: 47%;margin: 1.5%;} .pic-show-list li:nth-child(1){width: 47%;margin-left: 1.5%;} .pic-show-list li:nth-child(3) .pic{padding-top: 68%;} .pic-show-list li:nth-child(4){position: static;} } /*phone鍜宲ad绔栧睆锛屽垎杈ㄧ巼820*/ @media screen and (max-width: 820px){ }