@import '../../colorui/main.css'; @import '../../colorui/icon.css'; /**index.wxss**/ page { background-color: #faf9f9ec; } .ctp { margin-top: 1px; } .ym { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; margin-top: 0rem; background-color: #ffffff; margin-bottom: 20px; margin-right: 20px; margin-left: 20px; border-radius: 00rpx 0rpx 20rpx 20rpx; } .yms { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; margin-top: 20px; background-color: #ffffff; margin-right: 20px; margin-left: 20px; border-radius: 20rpx 20rpx 0rpx 0rpx; } .ym-li { width: 20%; height: 5rem; display: -webkit-box; display: -webkit-flex; display: flex; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; margin: 2.5%; } .ym > view.vv-hover { color: #fff; border-radius: 10rpx; background: #f1f1f1; } .ym-img { width: 40px; height: 40px; margin: 0.2rem auto; } .ym-i { font-style: normal; color: #030303; padding: 0.2rem 0px; font-size: 0.8rem; } .ym-foot { font-style: normal; color: #c0bdbd; padding: 2rem 0px; font-size: 0.9rem; text-align: center; } .ym-foot-1 { font-style: normal; color: #c0bdbd; font-size: 0.8rem; } .uni-swiper-msg { height: 40px; } .uni-swiper-msg { height: 40px; } .divHeight { width: 100%; height: 10px; background: #f5f5f5; position: relative; overflow: hidden; } .shareWrap .contain, .wrapper { background-color: #fff; } .shareWrap .contain { padding: 15px; } .setting { display: flex; flex-direction: row; margin-left: 10px; } .shareWrap .wrap { background-color: #eff0f5; display: flex; border-radius: 6px; padding: 34rpx 40rpx; } .shareWrap .wrap .icon { width: 35px; height: 35px; margin-right: 8px; } .shareWrap .wrap .icon .iconImg { width: 100%; height: 100%; } .shareWrap .wrap .text { width: 60%; font-size: 14px; text-align: left; } .shareWrap .wrap .reButton { padding: 0; margin: 0; border: 0; outline: none; background: transparent; } .shareWrap .wrap .reButton::after { border: 0; } .shareWrap .wrap .button-share { width: 20%; height: 34px; margin: auto; display: flex; justify-content: center; align-items: center; background-color: #fed931; border-radius: 50px; } /* 新轮播 */ .swiperBanner { width: 100%; height: 320rpx !important; margin: 0 auto; } .swiperBanner image { width: 100%; height: 320rpx !important; } swiper { width: 100%; height: 320rpx !important; } .shareWrap .wrap .button-share .text { width: 100%; font-size: 14px; line-height: 1em; text-align: center; } .home-swiper { width: 100%; height: 340rpx; } .slide-image { width: 100%; height: 100%; } /* 公告 */ @keyframes remindMessage { 0% { -webkit-transform: translateX(0%); } 100% { -webkit-transform: translateX(100%); } } .tongzhitext { margin-right: 80rpx; margin-left: 10rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tongzhi-text { font-size: 28rpx; animation: remindMessage 6s linear infinite; width: 100%; color: #ff4444; display: block; } .notice-wrap { background: #f5bdbd; width: 100%; height: 60rpx; line-height: 12.8rpx; color: #ff4444; font-size: 28rpx; } .closeView { width: 45rpx; height: 45rpx; line-height: 45rpx; position: absolute; right: 20rpx; top: 5rpx; text-align: center; font-size: 35rpx; }