wxd / MShopWeApp

page{
	background-color: #f2f2f2;
}

.tab_sec_list {
	background-color: #fff;
	border-bottom: 1rpx solid #eee;
	border-top: 1rpx solid #eee;

}

.tab_th {
	background-color: #fff;
	flex-shrink: 0;
	height: 68rpx;
	line-height: 68rpx;
	width: 187rpx;
	text-align: center;
	position: relative;
	font-size: 24rpx;
	color: #A6A6A6FF;
}

.coo {
	color: rgba(56, 56, 56, 1);
}

.h_line {
	position: absolute;
	left: 50%;
	margin-left: -30rpx;
	width: 44rpx;
	height: 7rpx;
	overflow: hidden;
	background-color: rgba(254, 58, 98, 1);
	display: none;
	border-radius: 17rpx !important;
	bottom: -4rpx;
}

.tab_thactive {
	background-color: #fff;
	flex-shrink: 0;
	height: 63rpx;
	line-height: 63rpx;
	width: 187rpx;
	text-align: center;
	/* 	border-bottom: 1rpx solid #eee;
	border-top: 1rpx solid #eee; */
	position: relative;
	font-weight: bolder;
	color: rgba(254, 58, 98, 1);
	font-size: 35rpx;
}

.tab_thactive .h_line {
	display: block !important;
	border-radius: 8rpx !important;
}

.container {
	margin-top: 73rpx;
}

/* 图表 */
.chart_card {
	position: relative;
	display: flex;
	background: rgba(255, 255, 255, 1);
	border-radius: 17rpx;
	margin: 20rpx 23rpx;
}

.net4 {
	height: 60rpx;
	color: rgba(56, 56, 56, 1);
	font-size: 35rpx;
	text-align: center;
	display: flex;
	align-items: center;
}

.charts-box {
	/* width: 550rpx; */
	width: 100%;
	height: 350rpx;
	/* margin-left: 50rpx; */
}

.cont {
	margin-top: 88rpx;
	width: 100%;
}
.pl{
	max-width: 200rpx;
	margin-right: 4rpx;
	height: 40rpx;
}
/* 图表下面 */
.box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 21rpx 26rpx;
	margin: 20rpx 23rpx;
	width: 705rpx;
	height: 363rpx;
	opacity: 1;
	background: #FFFFFFFF;
	border-radius: 17rpx;
}

.box_item1 {
	display: flex;
	flex-direction: column;
	width: 320rpx;
	height: 147rpx;
	background: #F9FAFE;
	color: #333446;
	text-align: center;
	border-radius: 17rpx;

}

.box_item2 {
	display: flex;
	flex-direction: column;
	width: 320rpx;
	height: 147rpx;
	background: #FFE3E9;
	color: #FE3A62;
	text-align: center;
	border-radius: 17rpx;
}

/* 门店报表 */
.n_top {
	display: flex;
	flex-direction: column;
	/* height: 224rpx; */
	/* background: #FFFFFFFF; */
	/* padding-bottom: 20rpx; */
	border-radius: 0 0 17rpx 17rpx;
}

/* 搜索框 */
.search-box {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFFFFFFF;
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}

.btn_sear {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	width: 107rpx;
	height: 68rpx;
	border-radius: 17rpx;
	margin: 0 14rpx 0 18rpx;
	background: linear-gradient(270deg, rgba(255, 24, 126, 1) 0%, rgba(255, 89, 64, 1) 100%);
	letter-spacing: 4rpx;
	text-indent: 4rpx;
}

.inp_view {
	background-color: rgb(249, 250, 254);
	height: 82rpx;
	width: 228rpx;
	border-radius: 10rpx;
	color: rgba(128, 128, 128, 1);
}

.line {
	height: 4rpx;
	background: #C4C4C4;
	margin: 0 15rpx;
	width: 35rpx;
}

.sign_tb {
	width: 35rpx;
	height: 35rpx;
	margin-right: 10rpx;
}

/* 搜索框下面 */
.total_count {
	width: 94%;
	height: 180rpx;
	margin: 3% 3% 0 3%;
	background: white;
	padding-bottom: 20rpx;
	border-radius:17rpx;
}

.total_box {
	display: flex;
	justify-content: space-between;
	/* padding: 0 102rpx; */
	padding: 0 30rpx;
}

.total_number {
	width: 200rpx;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 24rpx;
	color: rgba(56, 56, 56, 1);
}

.detail_number {
	color: rgba(254, 58, 98, 1);
	margin-top: 10rpx;
	width: 200rpx;
}

.inp_view3 {
	background-color: rgb(249, 250, 254);
	height: 82rpx;
	width: 228rpx;
	border-radius: 17rpx;
	color: #A6A6A6FF;
}
.inp_view4 {
	background-color: rgb(249, 250, 254);
	height: 82rpx;
	width: 250rpx;
	border-radius: 17rpx;
	color: #A6A6A6FF;
}
/* 门店数据 */
.card_title {
	display: flex;
	align-items: center;
	font-size: 32rpx;
	color: rgba(0, 0, 0, 1);
	height: 37rpx;
	padding: 10rpx 0;
}

.card_box {
	background: #FFFFFFFF;
	/* width: 750rpx; */
	width: 100%;
	box-sizing: border-box;
	padding-top: 21rpx;
	margin-top: 10rpx;
	font-size: 24rpx;
	border-radius: 17rpx;
}

.tiny_box1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 10%;
	margin-left: 10rpx;
}
.tiny_box2 {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.tiny_box3 {
	display: flex;
	flex-direction: column;
	/* align-items: ; */
	width: 50%;
}
.ellipsis-22 {
 display: -webkit-box;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 white-space: normal;
 word-break: break-all;
 word-warp: break-word;
}

.tiny_number {
	color: rgba(254, 58, 98, 1);
	margin-bottom: 10rpx;
	height: 37rpx;
	line-height: 37rpx;
	width: 150rpx;
	text-align: center;
}

.line2 {
	margin-top: 10rpx;
	width: 2rpx;
	height: 70rpx;
	background: rgba(229, 229, 229, 1);
}

/* 筛选弹窗 */
.pp_title {
	height: 93rpx;
	line-height: 93rpx;
	border-bottom: 1rpx solid #eee;

}

.close_btn {
	width: 40rpx;
	height: 40rpx;
	float: right;
	position: relative;
	top: 20rpx;
	margin-right: 20rpx;
}

.saixuan_name {
	height: 42rpx;
	line-height: 42rpx;
}

.inp_view {
	width: 240rpx;
	background-color: rgb(249, 250, 254);
	height: 70rpx;
	border-radius: 11rpx;
	color: rgba(128, 128, 128, 1);
	margin-right: 33rpx;
	margin-left: 12rpx;
}

.inp_view2 {
	background-color: rgb(249, 250, 254);
	height: 70rpx;
	border-radius: 11rpx;
	color: rgba(128, 128, 128, 1);
}

.clear_inp {
	position: absolute;
	top: 22rpx;
	right: 0;
}

.btn_set {
	margin: 20rpx auto;
	width: 95%;
	height: 93rpx;
	border-radius: 20rpx;
	color: #fff;
	line-height: 93rpx;
	background: linear-gradient(180deg, rgba(255, 24, 126, 1) 0%, rgba(255, 89, 64, 1) 100%);
	letter-spacing: 4rpx;
	text-indent: 4rpx;
}

.line3 {
	height: 1rpx;
	background: rgba(128, 128, 128, 1);
	width: 56rpx;
	margin-right: 14rpx;
}

/* 商品概况部分 */
.search-box .inp {
	background: #F9FAFE;
	height: 82rpx;
	border-radius: 16rpx;
	width: 524rpx;
	color: rgba(166, 166, 166, 1) !important;
	position: relative;
	margin-left: 4rpx;
}