page{ background-color: #333333; padding: 30rpx; } .poster{ position: relative; overflow: hidden; } .poster-pic{ width: 100%; } .option{ line-height: 33rpx; font-size: 24rpx; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF; } .option image{ width: 48rpx; height: 48rpx; margin-right: 20rpx; opacity: 1; } .line{ width: 2rpx; height: 48rpx; opacity: 1; background-color: #707070; margin: 0 50rpx; } .option-btn{ width: 155rpx; height: 56rpx; line-height: 56rpx; background: var(--main); border-radius: 28rpx 28rpx 28rpx 28rpx; opacity: 1; font-size: 24rpx; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF; text-align: center; } .table-th{ margin-top: 30rpx; width: 604rpx; height: 73rpx; background: rgba(255, 255, 255, 0.8); } .table-th-item{ font-size: 24rpx; font-weight: bold; color: #333333; line-height: 33rpx; text-align: center; padding: 0 30rpx; } .table-th-item:first-child{ text-align: left; } .table-th-item:last-child{ text-align: right; } .table-td{ background: #FFFFFF; } .table-td:first-child{ padding-top: 30rpx; } .table-td:last-child{ padding-bottom: 30rpx; } .table-td-item{ font-size: 22rpx; font-weight: bold; color: #333333; line-height: 33rpx; text-align: center; padding: 13rpx 30rpx 13rpx; } .table-td-item-border{ height: 2rpx; margin: 0 30rpx; background-color: #EAEAEA; } .table-td-item:first-child{ text-align: left; } .table-td-item:last-child{ text-align: right; } .poster-title{ line-height: 50rpx; font-size: 36rpx; font-family: PingFang SC-Regular, PingFang SC; font-weight: bold; color: #FFFFFF; } .poster-note{ line-height: 37rpx; font-size: 26rpx; font-family: PingFang SC-Regular, PingFang SC; font-weight: 400; color: #FFFFFF; margin-top:12rpx; } .poster-code{ width: 126rpx; height: 126rpx; margin-left: 20rpx; }