H5_module/topic/about/about.css

/* about.css */
page{padding-bottom: 50rpx;}
.ttop{position: fixed;top: 0;left: 0;right: 0;z-index: 50;}
.back{position: relative;}
.back image{width: 15rpx;height: 25rpx;padding: 10rpx 23rpx;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.top{position: relative;height: 500rpx;}
.top image{width: 100%;height: 500rpx;}
.swiper{width: 100%;height: 630rpx;border-radius: 8rpx;}
.swiper image{width: 100%;height: 100%;border-radius: 8rpx;}
.dots{position: absolute;bottom: 80rpx;left: 50%;transform: translateX(-50%);justify-content: center;}
.dot{width: 10rpx;height: 10rpx;border-radius: 5rpx;background: #DFDFDF;margin: 0 3rpx;}
.dot.active{background: var(--mina);width: 25rpx;}
.infos{background: #fff;margin: -60rpx 32rpx 0;border-radius: 16rpx;padding: 30rpx 30rpx 40rpx;position: relative;z-index: 2;}
.title{font-size: 40rpx;color: #333;font-weight: bold;}
.title image{width: 95rpx;height: 95rpx;margin-right: 13rpx;}
.brief{font-size: 30rpx;color: #676F77;line-height: 42rpx;margin-top: 15rpx;}
.http{font-size: 30rpx;color: #333;margin-top: 40rpx;}
.http image{width: 35rpx;height: 35rpx;margin-right: 19rpx;}
.copy{width: 112rpx;height: 44rpx;background: #EAEAEA;border-radius: 22rpx;font-size: 24rpx;color: #676F77;text-align: center;line-height: 44rpx;margin-left: 20rpx;}
.area{margin-top: 40rpx;border-top: 1rpx solid #E1E1E1;padding: 40rpx 0 0;}
.addr view{font-size: 30rpx;color: #333;}
.addr text{display: block;font-size: 28rpx;color: #969DA4;margin-top: 5rpx;}
.aico{font-size: 26rpx;color: #333;text-align: center;padding: 0 35rpx;}
.aico image{width: 40rpx;height: 46rpx;margin: 0 auto;}
.call{padding-right: 0;position: relative;}
.call::before{content: '';display: block;width: 2rpx;height: 52rpx;background: #DBDBDB;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.intro{background: #fff;border-radius: 16rpx;margin: 30rpx 32rpx 0;padding: 40rpx 0;}
.a-tit{font-size: 34rpx;color: #333;font-weight: bold;margin-bottom: 15rpx;justify-content: space-between;}
.intro .a-tit{padding: 0 30rpx;}
.a-tit text{font-size: 28rpx;color: #969DA4;font-weight: normal;}
.rico{width: 14rpx;height: 23rpx;}
.con{font-size: 30rpx;color: #333;line-height: 2;padding: 0 30rpx;}
.eviron{margin-top: 20rpx;padding: 0 30rpx;}
.eviron .li{width: 303rpx;height: 196rpx;border-radius: 12rpx;margin: 0 23rpx 16rpx 0;}
.eviron .li:nth-child(2n){margin-right: 0;}
.eviron .li image{width: 100%;height: 100%;border-radius: 12rpx;}

.tea{white-space: nowrap;margin-bottom: -24rpx;margin-top: 20rpx;height: 400rpx;overflow: hidden;align-items: flex-start;}
.tea .li{width: 210rpx;height: 390rpx;margin-right: 10rpx;text-align: center;box-sizing: border-box;}
.tea .li .lis{border-radius: 12rpx;padding: 30rpx 20rpx;border: 1rpx solid #eee;}
.tea .li:first-child{margin-left: 32rpx;}
.tea .li:last-child{margin-right: 0;}
.tea .li image{width: 150rpx;height: 150rpx;border-radius: 50%;margin: 0 auto;}
.rec-tag{flex-wrap: wrap;margin-top: 15rpx;justify-content: center;}
.rec-tag text{height: 36rpx;border: 1rpx solid var(--mina);border-radius: 6rpx;font-size: 24rpx;color: var(--mina);padding: 0 7rpx;margin-right: 10rpx;}
.tea-tit{font-size: 30rpx;color: #2F3237;padding: 0 20rpx;margin-top: 15rpx;font-weight: bold;}
.tea-bri{font-size: 24rpx;color: #999;margin-top: 15rpx;height: 32rpx;overflow: hidden;}