/**index.wxss**/ .wrap{ min-height: 100vh; background: #f6f6f6; } .banner{ width: 750rpx; height: 554rpx; } .swiper_w{ padding: 48rpx 0 80rpx ; border-radius: 10rpx 10rpx 0 0; background: #F9F9F9; position: relative; margin-top: -20rpx; } .swiper_t{ padding-bottom: 28rpx; text-align: center; } .swiper_t .title{ font-size: 40rpx; font-weight: 500; color: #000000; } .swiper_t .desc{ font-size: 28rpx; color: rgba(0,0,0,.54); padding-top: 20rpx; } .swiper{ height: 936rpx; } .swiper .join_tu{ width: 530rpx; height: 936rpx; display: block; margin: 0 auto; border-radius: 10rpx; } .swiper_w .dots{ position: absolute; bottom: 50rpx; left: 50%; transform: translateX(-50%); display: flex; align-items: center; } .swiper_w .dots .dot{ width: 10rpx; height: 10rpx; background: rgba(0,0,0,.1); border-radius: 5rpx; margin-left: 10rpx; } .swiper_w .dots .dot.active{ width: 60rpx; background: #E1342D; } /* 问题 */ .question_t{ font-size: 40rpx; font-weight: 500; color: #000000; text-align: center; padding-bottom: 38rpx; } .question_list{ width: 690rpx; margin: 0 auto; padding: 0 30rpx 30rpx; background: #FFFFFF; border-radius: 10rpx; } .question_list .item{ padding: 40rpx 0 0; display: flex; } .question_list .item .item_icon{ width: 43rpx; height: 40rpx; } .question_list .item_nr{ width: 560rpx; margin-left: 14rpx; } .question_list .item .item_title{ font-size: 30rpx; color: #000000; } .question_list .item .item_desc{ font-size: 28rpx; color: rgba(55,54,54,.7); padding-top: 30rpx; } .question .view_more{ width: 690rpx; margin: 0 auto; background: #FFFFFF; text-align: center; font-size: 24rpx; color: rgba(0,0,0,.54); padding-bottom: 40rpx; } /* 加盟 */ .join_us{ width: 690rpx; margin: 0 auto; padding-bottom: 60rpx; } .join_us_title{ font-size: 40rpx; font-weight: 500; color: #000000; padding: 40rpx 0; text-align: center; } .join_us_nr{ display: flex; flex-direction: column; } .join_us_nr .join_us_t{ padding: 30rpx 30rpx 0; font-size: 28rpx; color: #000000; background: #FFFFFF; } .join_us_nr .line{ width: 690rpx; height: 30rpx; } .form_wrap{ background: #FFFFFF; padding: 0 30rpx 30rpx; } .form_item{ display: flex; align-items: center; padding: 0 30rpx; min-height: 80rpx; background: #F9F9F9; border-radius: 10rpx; margin-top: 10rpx; font-size: 26rpx; } .form_item .item_r{ flex: 1; } .form_item .item_r van-field{ width: 100%; } .form_item .van-cell{ background: transparent; } .join_us .join_btn{ width: 405rpx; height: 98rpx; background: #295C56; border-radius: 10rpx; margin: 40rpx auto; font-size: 28rpx; color: #FFFEFE; display: flex; align-items: center; justify-content: center; }