ppl/pages/index/index.scss

.the_mask{
    width: 100%;
    padding-bottom: 110rpx;
    padding-top: 1rpx;
    background: url(@/static/banner.jpg) no-repeat;background-size: 100%;
}
.zhvoul{
    margin-top: 112rpx;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 690rpx;
}
.the_path_168uy{
    width: 32rpx;
}
.enjoy_a_clap_169iw{
    font-size: 36rpx;
    color: rgb(255, 255, 255);
}
.ukgali{
    margin-top: 650rpx;
    margin-left: auto;
    margin-right: auto;
    width: 518rpx;
    text-align: center;
}
.the_path_31yn{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 154rpx;
    height: 170rpx;
}
.enjoy_a_clap_29oib{
    margin-top: 75rpx;
    margin-left: auto;
    margin-right: auto;
    width: 171rpx;
    display: inline-block;
}
.enjoypatting{
    font-size: 20rpx;
    color: rgb(255, 255, 255);
}
.rectangular_171di{
    background: rgba(0, 0, 0, 0.1);
    border-radius: 60rpx;
    display: flex;
    align-items: center;
    height: 58rpx;
    justify-content: center;
}
.the_shape_of_174tuo{
    margin-top: 2rpx;
    width: 36rpx;
    height: 32rpx;
}
.congratulations{
    font-size: 24rpx;
    color: rgb(255, 255, 255);
    margin-left: 30rpx;
}
.rectangular{
    background: rgb(255, 255, 255);
    border-radius: 10rpx;
    margin-top: -90rpx;
    margin-left: auto;
    margin-right: auto;
    width: 92%;
    display: flex;
    padding-top: 25rpx;
    justify-content: space-around;
    padding-bottom: 25rpx;
}
.uchre{
    padding-top: 1rpx;
}
.shape_combinatio{
    margin-left: 6rpx;
    width: 50rpx;
    height: 56rpx;
}
.pleasantly_surprise{
    font-size: 26rpx;
    color: rgb(80, 68, 68);
    margin-top: 10rpx;
}
.pleasantlysurprise{
    font-size: 20rpx;
    color: rgb(185, 180, 180);
    margin-top: 8rpx;
    width: 114rpx;
}
.the_shape_of_37py{
    margin-left: 2rpx;
    width: 56rpx;
    height: 52rpx;
}
.shape_combinatio_40aym{
    margin-left: 2rpx;
    width: 56rpx;
    height: 48rpx;
}
.eitjs{
    margin-top: 52rpx;
    width: 100%;
}
.neytsh{
    margin-top: 34rpx;
    margin-left: 30rpx;
    display: flex;
    align-items: center;
}
.the_flame{
    width: 40rpx;
    height: 40rpx;
}
.hot_style_to_recommen{
    font-size: 32rpx;
    color: rgb(51, 51, 51);
    margin-left: 12rpx;
}
.rectangular_49jr{
    background: rgb(255, 255, 255);
    border-radius: 10rpx;
    margin-top: 22rpx;
    margin-left: auto;
    margin-right: auto;
    width: 92%;
    display: flex;
    align-items: center;
    height: 220rpx;
    justify-content: space-between;
}
.mnlvbd{
    display: flex;
    align-items: center;
}
.the_mask_50zb{
    background: rgb(216, 216, 216);
    border-radius: 6rpx;
    margin-left: 20rpx;
    width: 232rpx;
	height: 180rpx;
}
.uajpm{
    margin-left: 30rpx;
}
.hot_style{
    font-size: 32rpx;
    color: rgb(51, 51, 51);
}
.stay_tuned_for{
    font-size: 28rpx;
    color: rgb(153, 153, 153);
    margin-top: 48rpx;
}
.rectangular_57fc{
    margin-right: 20rpx;
    width: 148rpx;
    height: 58rpx;
    line-height: 58rpx;
    font-size: 28rpx;
    text-align: center;
    color: rgb(255, 255, 255);
    background: linear-gradient(45deg, #7b8926, #373e11);
	box-shadow: 0 0 16px 2px #bbb;
    border-radius: 60rpx;
}
.sckbmu{
    width: 100%;
    margin-top: 20rpx;
	display: block;
}
.text_and_icon_tab{
    background: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: fixed;
    bottom: 0rpx;
    width: 100%;
    left: 0rpx;
    padding-top: 10rpx;
    padding-bottom: 10rpx;
}
.icshouye{
    text-align: center;
}
.ojzri{
    width: 33rpx;
}
.the_text{
    font-size: 20rpx;
    color: rgb(93, 113, 0);
}
.rectangular_backu{
    width: 48rpx;
    height: 48rpx;
}
.dynamic{
    font-size: 20rpx;
    color: rgb(123, 132, 145);
    margin-top: 2rpx;
    text-align: center;
}
.ovlxp{
    height: 43rpx;
}
.the_text_151qjf{
    font-size: 20rpx;
    color: rgb(123, 132, 145);
}
.rectangle{
    background: rgb(0, 0, 0);
    border-radius: 2.5rpx;
    margin-top: 40rpx;
    margin-left: auto;
    margin-right: auto;
    width: 268rpx;
}

.the_shape_of_170lzo{
	width: 40rpx !important;
	height: 0;
}

.bottom_img{
	position: relative;
	.city_list{
		position: absolute;
		right: 20rpx;
		bottom: 20rpx;
		background: #5d7100;
		color: #fff;
		font-size: 26rpx;
		padding-left: 30rpx;
		padding-right: 20rpx;
		.p{
			margin-bottom: 20rpx;
		}
	}
}