.bt120 { margin-bottom: 120rpx; width: 716rpx; box-sizing: border-box; } .footer-btn { width: 100vw; height: 144rpx; background-color: #fff; display: flex; justify-content: center; position: fixed; bottom: 0; left: 0; align-items: center; .btn { font-size: 30rpx; color: #fff; display: flex; justify-content: center; align-items: center; width: 574rpx; height: 94rpx; border-radius: 94rpx; background-color: #FFBF60; } } .type { width: 190rpx; margin-bottom: 74rpx; } .form { padding: 40rpx 32rpx; box-sizing: border-box; width: 716rpx; } .title { &::before { content: ""; display: block; width: 9rpx; height: 33rpx; background-color: #FFBF60; margin-right: 7rpx; } } .mb6 { margin-bottom: 6rpx; } .containers { position: relative; .neir { padding: 47rpx 27rpx 36rpx 27rpx; border-radius: 16rpx; box-sizing: border-box; width: 716rpx; .steps { .line { width: 163rpx; height: 3rpx; background-color: #BDBDBD; margin-bottom: 30rpx; } .num { width: 50rpx; height: 50rpx; background-color: #FFBF60; border-radius: 50%; } } } .mainBg { width: 100vw; height: 442rpx; background-image: linear-gradient(to bottom, #FFBF60, #f5f5f5); } .content { top: 0; left: 0; padding: 16rpx; .logo { width: 194rpx; height: 70rpx; } .renz { image { width: 26rpx; height: 26rpx; } } } } .content_{ width: 675rpx; height: auto; background-color: pink; position: absolute; top: 410rpx; left: 15rpx; padding: 1% 3%; .top{ width: 625rpx; height: 132rpx; background-color: #FFFCF1; padding: 16rpx 26rpx; font-size: 28rpx; .img image{ width: 40rpx; height: 40rpx; border-radius: 100%; background-color: red; margin:3rpx 10rpx 0 0; } .text{ width: 40rpx; height: 40rpx; border: 1rpx solid gray; border-radius: 100%; // background-color: red; margin:3rpx 10rpx 0 0; display: grid; place-items: center; } .veo{ justify-content: space-between; .veo_ video{ width: 100rpx; height: 150rpx; background-color: red; } } } } .level{ display: flex; }