|
|
- .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: 926rpx;
- // background-color: pink;
- background-color: #fff;
- position: absolute;
- top: 410rpx;
- left: 15rpx;
- padding: 1% 3%;
- font-size: 28rpx;
- color: #707070;
-
- .img_{
- width: 310rpx;
- height: 311rpx;
- margin: 80rpx 0 0 190rpx;
- }
-
- .text{
- width: 420rpx;
- height: 74rpx;
- justify-content: center;
- margin: 30rpx 0 0 140rpx;
- }
-
- .text_{
- width: 674rpx;
- height: 74rpx;
- justify-content: center;
- margin: 30rpx 0 0 10rpx;
- font-size: 22rpx !important;
- }
-
- .buttom{
- width: 594rpx;
- height: 94rpx;
- display: grid;
- place-items: center;
- background-color: #FFBF60;
- margin: 250rpx 0 0 40rpx;
- font-size: 30rpx;
- color: #FFFFFF;
- }
- .buttom_{
- width: 594rpx;
- height: 94rpx;
- justify-content: center;
- line-height: 94rpx;
- background-color: #FFBF60;
- margin: 360rpx 0 0 40rpx;
- font-size: 30rpx;
- color: #FFFFFF;
-
- .img image{
- margin-left: 5rpx;
- margin-right: -15rpx;
- }
- }
- }
-
- .level{
- display: flex;
- }
-
-
|