page{
    background: #f8f8f8;
}
/* 可点击手型 */
.wf-click {
	cursor: pointer;
}
.wf-no-data{
	padding: 10px;
	background: #ffffff;
}
.wf-no-data img{
	width: 200px;
	object-fit: contain;
}
.wf-no-data div{
	color: #666666;
	font-size:16px;
	margin-top: 10px;
}

.wf-between {
	display: flex;
	flex-direction: row;
	justify-content: space-between !important;
	align-items: center !important;
}

.wf-around {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

.wf-between-bottom {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
}



.wf-top {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}
.wf-bottom {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
}
.wf-bottom-left {
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: flex-end;
}
.wf-top-left{
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: flex-start;
}

.wf-left {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.wf-right {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
.wf-center {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

/* 分页 */
.wf-page {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
}

.wf-page-list2 {
	width: 48%;
}

.wf-page-list3 {
	width: 32%;
}

.wf-page-list4 {
	width: calc( 25% - 20rpx )
}
.wf-page-list5 {
	width: 18%;
}

/* 溢出省略号 */
.wf-overflow1{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all; 
}
.wf-overflow2{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.wf-overflow3{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.wf-overflow4{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.wf-overflow5{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.top-seach{
    background-color: #ffffff;
}
.top-seach-right{
    padding: 15rpx;
    background: #f5f5f5;
    border-radius: 40rpx;
    margin: 0 20rpx;
    width: 100%;
}
.search-msg{
    font-size: 24rpx;
    text-align: center;
    flex: 1;
    color: #666666;
}
.search-img{
    width: 32rpx;
    height: 32rpx;
}

.title-common{
    color: #333333;
    width: calc( 100% - 40rpx );
    font-size: 34rpx;
    font-weight: bold;
    padding: 20rpx 0;
    margin: auto;
}

.content{
    width: calc( 100% - 40rpx );
    margin: auto;
}

.active-xhx{
    width: 40rpx;
    height: 4rpx;
    margin-top: 10rpx;
}
.cate-item-active .active-xhx{
    width: 40rpx;
    height: 4rpx;
    background-color: #fa436a;
    margin-top: 10rpx;
}


.ad-center{
    background-color: #ffffff;
    padding: 20rpx;
}

.ad-left{
    flex: 1;
    height: 420rpx;
}

.ad-right{
    width: 48%;
    height: 420rpx;
}

.ad-left-swiper{
    height: 420rpx;
    margin-right: 20rpx;
}
.ad-left-swiper-img{
    width: 100%;
}
.index-ad{
    height: 200rpx;
    margin-bottom: 20rpx;
}

.index-ad-img{
    width: 100%;
    height: 100%;
    border-radius: 10rpx;
}
.index-ad:last-child{
    margin-bottom: 0;
}
.common-jc{
    height: 30rpx;
    width: 100%;
}
.close-img{
    width: 40rpx;
    height: 40rpx;
}

.made-sub{
    position: fixed;
    right: 0;
    background-color: #fa436a;
    color: #ffffff;
    padding: 10rpx 40rpx;
    bottom: 300rpx;
    border-top-left-radius: 10rpx;
    border-bottom-left-radius: 10rpx;
    font-size: 32rpx;
    z-index: 999;
}
.search-logo{
    width: 300rpx;
    height: 80rpx;
}

.icon-dx{
    width: 60rpx;
    height: 60rpx;
    padding: 10rpx;
}
.no-data{
    width: 100%;
	margin: auto;
}
.no-img{
	width: 70%;
}
.no-data-msg{
    font-size: 32rpx;
    color: #666666;
}
.list-no-msg{
    font-size: 28rpx;
    color: #666666;
    padding: 20rpx 0;
}

.com-sub-right{
    position: absolute;
    z-index: 9;
    right: 20rpx;
    bottom: 200rpx;
    font-size: 50rpx;
    color: #fff;
    background-color: #fa436a;
    width: 100rpx;
    height: 100rpx;
    border-radius: 100%;
}

.com-center{
    padding: 20rpx;
    vertical-align: top;
}
.com-list{
    width: calc( 50% - 10rpx );
}
.com-list-no{
    width: 350rpx;
    display: inline-block;
}

.com-img-on{
	width: 100%;
	height: 400rpx !important;
}

.wf-s-24{
	font-size: 24rpx;
}
.wf-s-26{
	font-size: 26rpx;
}
.wf-s-30{
	font-size: 30rpx;
}
.wf-s-32{
	font-size: 32rpx;
}
.wf-c-9{
	color: #999999;
}
.wf-c-3{
	color: #333333;
}
.wf-c-6{
	color: #666666;
}
.wf-c-f{
	color: #ffffff;
}
.wf-b-f{
	background-color: #ffffff;
}
.wf-b-f8{
	background-color: #f8f8f8;
}
.wf-b-f5{
	background-color: #f5f5f5;
}
.wf-sub-x{
	padding: 0 20rpx;
	height: 50rpx;
	border-radius: 25rpx;
}
.wf-sub-z{
	padding: 0 40rpx;
	height: 60rpx;
	border-radius: 30rpx;
}
.wf-sub-d{
	width: 100%;
	height: 80rpx;
	border-radius: 50rpx;
}
.wf-p-20{
	padding: 20rpx;
}
.wf-p-30{
	padding: 30rpx;
}
.wf-p-t-20{
	padding-top: 20rpx;
}
.wf-p-b-20{
	padding-bottom: 20rpx;
}
.wf-p-l-20{
	padding-left: 20rpx;
}
.wf-p-r-20{
	padding-right: 20rpx;
}

.wf-m-t-20{
	margin-top: 20rpx;
}
.wf-m-b-20{
	margin-bottom: 20rpx;
}
.wf-m-l-20{
	margin-left: 20rpx;
}
.wf-m-r-20{
	margin-right: 20rpx;
}
.wf-r-10{
	border-radius: 10rpx;
}
.wf-r-20{
	border-radius: 20rpx;
}

.wf-jg{
	height: 20rpx;
}

.wf-btn{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
	width: calc( 100% - 40rpx );
	margin: auto;
	height: 90rpx;
	color: #333333;
	border-radius: 10rpx;
}
.wf-btn-success{
	background-color: #18bc9c;
	color: #ffffff;
}
.wf-btn-primary{
	background-color: #444c69;
	color: #ffffff;
}
.wf-btn-sm{
	height: 60rpx;
	font-size: 24rpx;
	width: 100rpx;
}

.wf-sub-error{
	opacity: 0.5;
}