diancan/pages/joinus/index.wxss

/**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;
}