|
|
- .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;
- }
|