H5_module/pages/home/index.css

page{background-color: #fff;padding-bottom: 30rpx;}
.top{position: fixed;top: 0;left: 0;right: 0;z-index: 50;}
.top-bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #06b252;z-index: 2;opacity: 0;transition: all .3s ease;}
.top-bg-fix{opacity: 1;}
.top-c{position: relative;z-index: 5;}
.logo{width: 340rpx;height: 62rpx;position: absolute;left: 32rpx;top: 50%;transform: translateY(-50%);}
.banner image{width: 100%;height: 411rpx;}
.tit{font-size: 36rpx;color: #000;font-weight: bold;margin: 45rpx 30rpx 0;}
.fa-list{padding: 15rpx 30rpx 0;}
.fa-list .li{width: 335rpx;height: 400rpx;background: #F5F5F5;border-radius: 15rpx;margin: 20rpx 20rpx 0 0;font-size: 28rpx;color: #242424;flex-direction: column;align-items: center;justify-content: flex-end;text-align: center;}
.fa-list .li:nth-child(2n){margin-right: 0;}
.fa-list .li image{width: 226rpx;height: 297rpx;margin-top: 20rpx;}
.al-list{padding: 15rpx 30rpx 0;}
.al-list .li{width: 335rpx;height: 318rpx;background: #fff;box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0,0,0,0.08);border-radius: 15rpx;margin: 20rpx 20rpx 0 0;}
.al-list .li:nth-child(2n){margin-right: 0;}
.al-tits{font-size: 28rpx;color: #242424;padding: 22rpx;text-align: center;}
.al-list .li image{width: 100%;height: 234rpx;background-color: #F5F5F5;border-radius: 15rpx 15rpx 0 0;}