.app { padding: 0 0 0 0; -webkit-overflow-scrolling: touch; .container { padding-top: 65rpx; background-color: #fff } .swiper-block { height: 500rpx; width: 100%; } .swiper-item { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; overflow: unset; } .slide-image { height: 270rpx; width: 580rpx; border-radius: 9rpx; box-shadow: 0px 0px 30rpx rgba(0, 0, 0, 0.2); margin: 0 0 0 30rpx; z-index: 1; } .active { transform: scale(1.10); transition: all 0.2s ease-in 0s; z-index: 20; } video { // height: 100%; // width: 100%; } .Healthknowledge { width: 100%; padding: 40rpx 50rpx 50rpx; background-color: #fff; position: relative; line-height: 46rpx; .more { position: absolute; right: 20rpx; top: 40rpx; height: 46rpx; width: 30%; .title { position: absolute; right: 30rpx; top: 50%; text-align: right; transform: translateY(-50%); font-size: 26rpx; font-family: Adobe Heiti Std; font-weight: normal; color: #969494; } image { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 15rpx; height: 25rpx; } } .list { width: 100%; margin: 20rpx auto 0; .item { width: 100%; height: 250rpx; position: relative; border-bottom: 2rpx solid #CDC9C9; image { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 200rpx; height: 200rpx; border-radius: 10rpx; } .author { position: absolute; bottom: 20rpx; left: 0; font-size: 20rpx; color: #969494; } .text { position: absolute; top: 20rpx; left: 0; width: 65%; font-size: 30rpx; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; //行数需设置 line-clamp: 5; -webkit-box-orient: vertical; text-align: justify; } } } .title { font-size: 36rpx; font-weight: bold; } } .Welfarecustomerservice { display: flex; justify-content: space-around; flex-wrap: wrap; background-color: #fff; width: 100%; padding: 30rpx 2%; margin-bottom: 20rpx; .topimgs { display: flex; justify-content: space-around; width: 100%; margin-bottom: 30rpx; image { width: 30%; height: 160rpx; } } .shopping { width: 98%; height: 160rpx; } .rightimg { display: inline-block; width: 48%; image { display: block; margin-bottom: 15rpx; width: 100%; height: 120rpx; } } .night { width: 48%; height: 340rpx; } } .items { background-color: #fff; padding: 30rpx 20rpx 20px; display: flex; justify-content: space-between; margin-bottom: 20rpx; .item { width: 25%; image { width: 120rpx; height: 120rpx; display: block; margin: 0 auto 20rpx; } .title { font-size: 36rpx; font-weight: 600; text-align: center; } } } }