/* pages/home/index.wxss */ page{ width: 100%; background: #131313; } .home-page{ margin-top: 72rpx; } .top-box{ position: relative; } .top-box image{ width: 100%; height: 1000rpx; position: relative; } .click{ position: absolute; width: 176rpx; height: 64rpx; font-size: 32rpx; border-radius: 32rpx; bottom: 20rpx; color: #9A7045; border: 2rpx solid #9B7245; } .home-list-box{ padding: 0 40rpx; margin: 18rpx 0 0 0; } .title{ font-size: 48rpx; color: #9A7045; } .list-item{ width: 670rpx; height: 316rpx; background: linear-gradient(11deg, #E9DECA 0%, #FCFCFA 100%); box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.16); border-radius: 14px; margin: 24rpx 0 0 0; } .list-item image{ width: 316rpx; height: 316rpx; border-radius: 14px; } .row-line{ width: calc(100% - 320rpx); padding-left: 24rpx; } .name{ font-size: 48rpx; color: #4A3737; margin-bottom: 10rpx; } .name2{ font-size: 28rpx; color: #C5A669; } .desc{ font-size: 20rpx; color: #C5A669; margin-top: 8rpx; } .bottom-world{ width: 670rpx; height: 160rpx; margin-top: 16rpx; position: relative; } .bottom-world image{ position: absolute; top: 0; } .world{ width: 100%; height: 100%; position: absolute; top: 0; z-index: 2; font-size: 32rpx; color: #9A7045; display: flex; flex-direction: column; align-items: center; justify-content: center; } .world view{ margin-top: 10rpx; } .footer{ width: 100%; margin-top: 22rpx; padding: 0 40rpx; } .footer image{ width: 100%; height: 736rpx; margin: 14rpx 0 24rpx 0; } .btn-order{ font-size: 40rpx; color: #fff; width: 394rpx; height: 90rpx; background: linear-gradient(225deg, #FFD87D 0%, #E19C00 100%); border-radius: 46px; margin: 0 auto; margin-bottom: 40rpx; }