* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

.marginRight_10 {
	margin-right: 0.1rem;
}

#big_box {
	background: url('../img/BackGround.jpg') no-repeat fixed;
	background-size: 100% 100%;
	width: 100vw;
	height: 100vh;
	padding: 0.2rem 0.4rem;
}

.table_box {
	height: 90%;
	display: flex;
	justify-content: space-between;
}

.table_left {
	width: 70%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	padding-right: 0.1rem;
	overflow: hidden
}

.table_right {
	width: 40%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.title {
	height: 10%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.38rem;
	color: #ffffff;
}

.title>div:nth-child(1) {
	display: flex;
	align-items: center;
}

.title img {
	width: 0.38rem;
	height: 0.38rem;
	margin-right: 0.2rem;
	display: inline-block;
}

.time {
	font-size: 0.32rem;
}

.time_1 {
	color: #00ebfc;
}

.time_2 {
	color: #ffffff;
}


/* 收入 */

.money {
	display: flex;
	justify-content: space-between;

}

.money_day,
.money_month {
	padding-left: 0.58rem;
	/* margin-right: 1.2rem; */
	display: flex;
	justify-content: space-between;
	width: 50%;
}

.money_day>div:nth-child(1),
.money_month>div:nth-child(1) {
	font-size: 0.2rem;
	line-height: 0.5rem;
}

.money_day>div:nth-child(1) {
	color: #00ebfc;
}

.money_month>div:nth-child(1) {
	color: #ff621b;
}

.day_ {
	padding-right: 0.3rem;
}

.day_,
.month_ {
	display: flex;
	justify-content: flex-start;
}

.day_>div,
.month_>div {
	width: 0.26rem;
	height: 0.46rem;
	font-size: 0.36rem;
	line-height: 0.46rem;
	text-align: center;
	color: #ffffff;
}

.day_>div {
	background-image: linear-gradient(#00ebfc, #009ab1, #007592, #00a8b2, #007a88);
}

.month_>div {
	background-image: linear-gradient(#ff884e, #be3600, #7b0000, #bc0000, #780000);
}


/* 销售排行榜 */

.SalesLeaderboard {
	width: 100%;
	height: 60%;
	margin-top: 0.1rem;
	background-color: rgba(2, 15, 40, 0.6);
	padding: 0.1rem 0.2rem 0.2rem 0.2rem;
	border-radius: 0.2rem;
}

._title {
	width: 100%;
	height: 0.4rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #cbecff;
	font-size: 0.2rem;
}

._title>img {
	width: 0.2rem;
	height: 0.2rem;
}

.List {
	width: 100%;
	height: 88%;
	display: flex;
	justify-content: space-between;
	font-size: 0.16rem;
}

.List_1,
.List_2,
.List_3 {
	width: 30%;
	height: 100%;
	overflow: scroll;
}

.List_1::-webkit-scrollbar,
.List_2::-webkit-scrollbar,
.List_3::-webkit-scrollbar {
	display: none
}

.List_1>div:nth-child(1),
.List_2>div:nth-child(1),
.List_3>div:nth-child(1) {
	width: 50%;
	height: 0.32rem;
	text-align: center;
	margin: 0 auto;
	margin-top: 0.1rem;
	margin-bottom: 0.2rem;
	line-height: 0.32rem;
	border-radius: 0.45rem;
	color: #ffffff;
}

.List_1>div:nth-child(1) {
	background-color: #3ea3d8;
}

.List_2>div:nth-child(1) {
	background-color: #837be7;
}

.List_3>div:nth-child(1) {
	background-color: #f97494;
}

.type_1,
.type_2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 0.36rem;
	padding: 0 0.23rem;
	align-items: center;
	color: #c2eaf4;
	font-size: 0.14rem;
	border-radius: 0.4rem;
}

.type_1 {
	background-color: rgba(0, 140, 180, 0.15);
}

.type_1>div:nth-child(1),
.type_2>div:nth-child(1) {
	width: 70%;
	display: flex;
	justify-content: flex-start;
}

.type_1>div>span,
.type_2>div>span {
	width: 80%;
	overflow: hidden;
	/*不换行*/
	white-space: nowrap;
	/*添加...*/
	text-overflow: ellipsis;
}

.type_1 .num,
.type_2 .num {
	display: inline-block;
	width: 0.2rem;
	height: 0.2rem;
	text-align: center;
	line-height: 0.2rem;
	border-radius: 100%;
	margin-right: 10%;
	background-color: #00b4af;
}

.List .first {
	background-color: #fb4b56;
}

.List .second {
	background-color: #f28252;
}

.List .third {
	background-color: #e1c406;
}


/* 收入月度统计 */

.MonthlyStatistics {
	width: 100%;
	height: 35%;
	margin-top: 0.1rem;
	background-color: rgba(2, 15, 40, 0.6);
	padding: 0.1rem 0.4rem 0.1rem 0.4rem;
	border-radius: 0.2rem;
}


/* 收入类型 */

.IncomeType {
	width: 100%;
	height: 40%;
	background-color: rgba(2, 15, 40, 0.6);
	padding: 0.1rem 0.2rem 0.2rem 0.2rem;
	margin-bottom: 0.1rem;
	
	border-radius: 0.2rem;
}


/* 任务进度 */

.taskProgress {
	width: 100%;
	height: 60%;
	background-color: rgba(2, 15, 40, 0.6);
	padding: 0.1rem 0.2rem 0rem 0.2rem;
	border-radius: 0.2rem;
}

.progress_list {
	width: 96%;
	height: 85%;
	margin: 0 auto;
	overflow: scroll;
}

.progress_list::-webkit-scrollbar {
	display: none
}

.progress_list>div {
	height: 0.3rem;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #ffffff;
	font-size: 0.14rem;
	margin: 0.1rem 0;
}

.progress_list>div>div:nth-child(1),
.progress_list>div>div:nth-child(3) {
	width: 10%;
	text-align: center;
	width：100px;
	overflow: hidden;
	/*不换行*/
	white-space: nowrap;
	/*添加...*/
	text-overflow: ellipsis;
}

.progress_all {
	width: 75%;
	height: 0.15rem;
	background-color: #ffffff;
}

.progress_now {
	width: 60%;
	height: 100%;
	background-image: linear-gradient(to right, #7801F9, #ff1955);
}

.TypeLi {
	width: 50%;
	background: rgba(2, 15, 40, 0.6);
	border-radius: 0.2rem;
	padding: 0.2rem 0.2rem;
}

.TypeLiTitle {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 0.48rem;
	color: #73b6d0;
	font-size: 0.24rem;
}

.TypeLiTitle img {
	width: 0.25rem;
	height: 0.25rem;
	flex-shrink: 0;
	margin-right: 0.14rem;
	display: block;
}

.ShowNumList {
	display: flex;
	justify-content: space-between;
}

.ShowNumLi {
	width: 25%;
	flex-shrink: 0;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	padding-left: 0.2rem;
	flex-direction: column;
}

.NumShow {
	font-size: 0.48rem;
	font-weight: 700;
	color: #11dbff;
}

.NumShowText {
	font-size: 0.24rem;
	color: #a7b2b8;
}