@charset "UTF-8";

div {
	box-sizing: border-box;
}

body {
	background-color: #F0F3FA;

	margin: 0;

}

.can-click {
	cursor: pointer;
}

.mt-5 {
	margin-top: 5px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-20 {
	margin-top: 20px;
}

.mb-10 {
	margin-bottom: 10px;
}

.content {
	width: 100%;
	min-width: 900px;
	min-height: 620px;
	height: 100vh;
	padding-top: 5px;
}

.vertical-center {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.row {
	width: 100%;
	justify-content: space-between;
}

.row-1,
.row-2 {
	height: 30%;
}

.row-3 {
	height: calc(40% - 15px);
}

.row-item {
	width: calc(50% - 2.5px);
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	border-radius: 10px;
	height: 100%;
	padding: 5px 10px;
	cursor: default;
}

.row-item .store-box {
	width: 100%;
	height: calc(100% - 30px);
	justify-content: space-between;
}

.title-tip {
	width: 14px;
	height: 14px;
	margin-left: 5px;
}

.blp {
	width: calc(70% - 1px);
	height: 100%;
}

.blp-chart {
	width: 60%;
	height: 100%
}

.blp-tooltip {
	width: 40%;
	height: 45px;
}

.blp-text {
	white-space: nowrap;
}

.zzts-box {
	position: relative;
	width: 30%;
	height: 100%;
}

.zzts {
	width: 100%;
	height: 100%;
}

.zzts-text {
	position: absolute;
	width: 100%;
	height: 20px;
	text-align: center;
	color: #3B62E9;
	font-size: 12px;
	bottom: 0;
	white-space: nowrap;
}

.open-card-model {
	width: 64px;
	height: 30px;
	background: #FFFFFF;
	border-radius: 15px;
	font-size: 12px;
	font-weight: 400;
	justify-content: center;
	cursor: pointer;
}

.card-list {
	width: 100%;
	height: 100%;
	display: flex;
	background-color: #FFFFFF;
	flex-flow: wrap;
}

.card,
.card-model {
	border-radius: 15px;
	font-size: 16px;
	border: 1px solid #EEEEEE;
	padding: 5px 10px;
	color: #000000;
	margin: 5px;
	box-sizing: border-box;
	cursor: pointer;
}

.showCard {
	border: 1px solid #ee3d49;
	color: #ee3d49;
}

.row-item .store-box .char-line {
	height: 60%;
	width: 1px;

	background-color: #3B62E9;
}

.item-title {
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	white-space: nowrap;
	position: relative;
	justify-content: space-between;
	height: 30px;
}

.show-more {
	font-size: 12px;
	font-weight: 400;
	color: #666666;
	cursor: pointer;
}

.show-more img {
	width: 5px;
	height: 9px;
	margin-left: 4px;
	margin-top: -2px;
}

.title-od {
	width: 2px;
	height: 13px;
	background: #FD3B46;
	margin-right: 8px;
}

.row-item .item-count {
	padding: 0 0 0 10px;
	width: 100%;
	height: calc(100% - 30px);
}

.news-row,
.news-row-copy {

	/* padding-right: 5px; */
	width: 100%;
	height: 25px;
	font-size: 12px;
	font-weight: 400;
}

.news-row {
	height: 12.5%
}

.news-row:hover {
	background-color: #d5d5d5;
}

.new-date {
	width: 80px;
	text-align: end;
	color: #999999;
	white-space: nowrap;
}

.new-text {
	font-size: 8px;
	width: calc(100% - 85px);
	color: #3B62E9;
	white-space: nowrap;
	cursor: pointer;
	position: relative;

}

.new-text img {
	width: 24px;
	height: 12px;
	margin-left: 3px;
	position: absolute;
	top: -3px;
}

.row-item .item-chart {
	/* padding-top: 10px; */
	width: 100%;
	height: calc(100% - 30px);
}

.item-count-unusual {
	width: calc((100% - 40px) / 3);
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
}

.font-color1 {
	color: #538CFF;
}

.font-color2 {
	color: #8133E0;
}

.font-color3 {
	/* color:#A500DA; */
	/* color: #FFA500; */
	color: rgba(247,111,111,1)
}

.bg-color1 {
	background-color: #538CFF;
}

.bg-color2 {
	background-color: #8133E0;
}

.bg-color3 {
	/* background-color: #A500DA; */
	/* background-color: #FFA500; */
	background-color: rgba(247,111,111,1)
}

.unusual-title1,
.unusual-title2,
.unusual-title3 {
	padding: 0 20px;
	width: 100%;
	height: 40px;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	justify-content: space-between;
}

.unusual-title1 img,
.unusual-title2 img,
.unusual-title3 img {
	width: 20px;
	height: 18px;
	margin-right: 10px;
}

.unusual-title1 {
	background: linear-gradient(-90deg, #538CFF 0%, #7CA7FF 100%);
}

.unusual-title2 {
	background: linear-gradient(270deg, #8133E0 0%, #AE6BFF 100%);
}

.unusual-title3 {
	/* background: linear-gradient(-90deg, #A400DA 0%, #DF7DFF 100%); */
	/* background: linear-gradient(270deg, #FFA500 0%, #ffeb06 100%); */
	background: linear-gradient(270deg,rgba(247,111,111,1)  0%, rgba(247,111,111,0.5) 100%);

}

.ivu-carousel,
.ivu-carousel-list,
.ivu-carousel-track,
.ivu-carousel-item {
	height: 100% !important;
}

.unusual-carousel {
	width: 100%;
	height: calc(100% - 40px);
	background: #F8FAFF;
	padding: 5px 25px 0px 20px;
}

.unusual-carousel .item-count-unusual {
	width: 100%;
	height: 125px;

}

.unusual-carousel .unusual-carousel-item {
	width: 100%;
	height: 100%;
	padding: 0 1px;


	/* background-color: #00A0E9; */
}

.unusual-carousel .unusual-carousel-item .unusual-row {
	justify-content: space-between;
	width: 100%;
	height: 25%;
	;
}

.unusual-carousel .unusual-carousel-item .unusual-row .unusual-row-left .unusual-row-dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
}

.unusual-carousel .unusual-carousel-item .unusual-row .unusual-row-left .unusual-row-name {
	font-size: 14px;
	font-weight: 400;
	margin-left: 10px;
	cursor: pointer;
}

.unusual-row-right {
	cursor: pointer;
}

.row-item .item-count .count-row {
	width: 100%;
	cursor: default;
	height: 50%;
}


.row-item .item-count .count-row .count-row-title {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	width: 20px;
	height: 85px;
	writing-mode: vertical-lr;
	margin-right: 10px;
	text-align: center;
}

.row-item .item-count .count-row .count-item-list {
	width: calc(100% - 30px);
	/* margin-top: 20px; */
	display: grid;
	grid-template-columns: 33.33% 33.33% 33.33%;
	grid-template-rows: 85px;
}

.row-item .item-count .count-row .count-item-list .count-item {}

.row-item .item-count .count-row .count-item-list .count-item img {
	width: 70px;
	height: 70px;
}

.row-item .item-count .count-row .count-item-list .count-item .info-box {
	margin-left: 10px;
}

.row-item .item-count .count-row .count-item-list .count-item .info-box .info-count {
	font-size: 22px;
	font-weight: 400;
	color: #333333;
	white-space: nowrap;
}

.row-item .item-count .count-row .count-item-list .count-item .info-box .info-name {
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	white-space: nowrap;
}