@import url('./common.css'); main { width: 100%; height: 100%; overflow: hidden; /*margin-top: 0.88rem;*/ } .swiper-container { width: 100%; height: 100%; } .swiper-slide { overflow: hidden; position: relative; } /*.swiper-video {*/ /* margin-top: -0.88rem;*/ /*}*/ .swiper-notice { overflow: auto; } .swiper-pagination { z-index: 100; position: fixed; } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0.4rem 0; } .swiper-pagination-bullet { background-color: #D4AA68; width: 0.2rem; height: 0.2rem; } .swiper-pagination-bullet-active { opacity: 1; background-color: #D4AA68 } .fadeInShrink { -webkit-animation-name: bgShrink; animation-name: bgShrink; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes bgShrink { 0% { transform: scale(1.15, 1.15); opacity: 1; } 100% { transform: scale(1, 1); opacity: 1; } } .swiper-slide .advantage { width: 5.1rem; height: 0.76rem; position: absolute; top: 0.48rem; left: 50%; transform: translateX(-50%); z-index: 100; } .swiper-slide ul { display: flex; flex-wrap: wrap; width: 100%; } .swiper-slide ul li { width: 50%; height: calc(100vh / 2); background: url('https://cookhome-images-1.oss-cn-hangzhou.aliyuncs.com/guangwangindex/h5/index_slide1.png') no-repeat center; background-size: cover; position: relative; } .swiper-slide ul li:nth-child(2) { background: url('https://cookhome-images-1.oss-cn-hangzhou.aliyuncs.com/guangwangindex/h5/index_slide2.png') no-repeat center; background-size: cover; } .swiper-slide ul li:nth-child(3) { background: url('https://cookhome-images-1.oss-cn-hangzhou.aliyuncs.com/guangwangindex/h5/index_slide3.png') no-repeat center; background-size: cover; } .swiper-slide ul li:nth-child(4) { background: url('https://cookhome-images-1.oss-cn-hangzhou.aliyuncs.com/guangwangindex/h5/index_slide4.png') no-repeat center; background-size: cover; } .swiper-slide ul li img { width: 2.4rem; height: 1.3rem; position: absolute; top: 50%; left: 20%; transform: translateY(-50%); cursor: pointer; } .swiper-slide ul li:hover { opacity: 0.7; } .swiper-slide ul li:hover img { transition: opacity 1s, all 0.5s, -webkit-transform 0.5s; transform: translate3d(0, -1.9rem, 0); opacity: 1; } .swiper-img3 { margin-top: -0.88rem; } .swiper-img img { width: 100%; object-fit: cover; } .swiper-video video { width: 100%; object-fit: cover; } .swiper-box { margin-top: 0.88rem; } .notice { width: 100%; padding: 0.32rem 0.32rem 0.6rem; overflow: hidden; } .notice_title { margin-bottom: 0.32rem; } .notice_title p { font-size: 0.36rem; color: #333; font-family: PingFang SC-Medium, PingFang SC; font-weight: 500; } .notice_title .more { display: flex; align-items: center; cursor: pointer; }main .single .title .notice_title .more span { font-size: 0.24rem; } .notice_title .more img { width: 0.48rem; height: 0.48rem; vertical-align: middle; margin-left: 0.02rem; } .notice_title .more .icon_more { display: block; } .notice_title .more .icon_more_active { display: none; } .notice_title .more:hover .icon_more { display: none; } .notice_title .more:hover .icon_more_active { display: block; } .notice_title .more:hover span { color: #D4AA68; } .notice .single { width: 100%; background-color: #F7F7F7; padding-bottom: 0.48rem; margin-bottom: 0.24rem; overflow: hidden; } .notice .single img { width: 100%; height: 3.34rem; object-fit: cover; } .notice .single .title { font-size: 0.32rem; margin: 0.24rem 0; padding: 0 0.24rem; } .notice .single .sub_title { text-align: left; line-height: 0.34rem; font-size: 0.28rem; padding: 0 0.24rem; }