.box { width: 100vw; height: 100vh; padding: 0 20rpx; position: absolute; .top{ width: 710rpx; height: auto; background-color: #fff; padding: 0 23rpx 53rpx 23rpx; } .img { image, .u-image, .img{ width: 173rpx; height: 230rpx; } } .notes{ width: 681rpx; height: auto; padding: 4rpx 10rpx; border: 1rpx solid #999999; } .input_{ border-bottom: 1px solid #000; text-align: center; } .line{ width: 691rpx; height: 1rpx; background-color: #707070; opacity: 0.14; margin: 35rpx 0 35rpx -13rpx; } .buttom{ width: 750rpx; height: 163rpx; background-color: #fff; position: relative; bottom: 32rpx; left: -20rpx; padding: 40rpx 85rpx; .buttom-item{ width: 594rpx; height: 94rpx; background-color: #FFBF60; align-items: center; justify-content: center; } } .buttom_{ width: 750rpx; height: 163rpx; background-color: #fff; padding: 40rpx 40rpx; position: relative; bottom: 32rpx; left: -20rpx; justify-content: space-between; .buttom_item{ width: 307rpx; height: 94rpx; background-color: #FFBF60; align-items: center; justify-content: center; } } } .ml--15{ margin-left: -15rpx; } .color-A55{ color: #A55822; } .box-size { box-sizing: border-box; } .level{ display: flex; }