@charset "UTF-8";

.container {
	height: 100%;
	width: 100%;
	background: #000000;
}

.container .analysis-img-div {
	width: 100%;
	align-items: center;
	justify-content: center;
	display: flex;
}

.container .analysis-img-div .analysis-img {
	width: 80%;
	object-fit: cover;
}

.container .card-div {
	display: flex;
	flex-flow: column;
	background: black;
	align-items: center;
}

.container .card-div .head-img {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.container .card-div .head-img .head-enter-3D {
	cursor: pointer;
	width: 6.375rem;
	height: 6.375rem;
	background: #316BFC;
	background-clip: padding-box;
	border-radius: 50%;
	border: 0.5rem solid rgba(49, 107, 252, 0.5);
	padding: 0.5rem; /* 设置内边框的大小 */
	box-sizing: border-box; /* 包含内边距和边框在内的元素总宽度 */
	position: absolute;
	right: 1.25rem;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.container .card-div .head-img .head-enter-3D .head-enter-img {
	width: 5rem;
	height: 4.25rem;
}

.container .card-div .head-chart {
	margin-top: 5rem;
	height: 27.5rem;
	width: 100%;
}

.container .card-div .head-chart-remark {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	height: 1.5rem;
	overflow: auto;
}

.container .top-div {
    position: sticky;
    top: 0.0625rem;
    display: flex;
    z-index: 888;
    height: 7.5rem;
    margin-right: 0.1875rem;
    margin-top: 1.25rem;
    background: #191E29;
    padding-left: 2rem;
    padding-right: 2rem;
    justify-content: space-between;
}

.container .top-div .top-btn {
    cursor: pointer;
    flex: 1;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

.container .top-div .top-btn .top-icon {
	width: 2rem;
	height: 2rem;
}

.container .top-div .top-btn .top-text {
	margin-top: 1rem;
	font-size: 1.75rem;
	font-family: SourceHanSansCN, SourceHanSansCN;
	font-weight: 400;
	color: #D0D5E3;
}

.container .top-div .top-btn .top-color {
	position: absolute;
	bottom: 0;
	height: 0.5rem;
	width: 50%;
	background: red;
}

.container .analysis-div {
	padding: 1.5rem 2rem 0 2rem;
}

.container .analysis-div .analysis-detail {
	background: #191E29;
	border-radius: 0.5rem;
	padding-bottom: 4.3125rem;
}

.container .analysis-div .analysis-detail .detail-top {
	height: 7rem;
	border-radius: 0.5rem;
	display: flex;
	flex-flow: row;
	align-items: center;
	padding-right: 1.25rem;
}

.container .analysis-div .analysis-detail .detail-top .detail-left {
	display: flex;
	flex-flow: row;
	align-items: center;
	margin-left: 1.25rem;
}

.container .analysis-div .analysis-detail .detail-top .detail-left .detail-one {
	width: 0.5rem;
	height: 2.5rem;
	margin-left: 2rem;
	background: linear-gradient(180deg, #2070FF 0%, #7650FF 100%);
	border-radius: 0.125rem;
}

.container .analysis-div .analysis-detail .detail-top .detail-left .detail-one-text {
	font-size: 2.5rem;
	margin-left: 1.5rem;
	font-family: SourceHanSansCN-Regular;
	font-weight: 400;
	line-height: 3.75rem;
	color: #FFFFFF;
}

.container .analysis-div .analysis-detail .detail-top .detail-score-text {
	font-size: 2.5rem;
	margin-left: 1.5rem;
	font-family: SourceHanSansCN-Medium;
	font-weight: 500;
	color: #FFFFFF;
}

.container .analysis-div .analysis-detail .detail-top .detail-level-text {
	font-size: 2.5rem;
	margin-left: 1.5rem;
	font-family: SourceHanSansCN-Bold;
	font-weight: bold;
	color: #00B8C4;
}

.container .analysis-div .analysis-detail .detail-top .detail-enter-btn {
	margin-left: auto;
	cursor: pointer;
	width: 12.125rem;
	height: 4.5rem;
	align-items: center;
	display: flex;
	justify-content: center;
}

.container .analysis-div .analysis-detail .detail-top .detail-enter-btn .detail-enter-btn-text {
	font-size: 1.75rem;
	font-family: SourceHanSansCN-Regular;
	font-weight: 400;
	color: #FFFFFF;
}
.container .analysis-div .analysis-detail .detail-top .detail-enter-btn .detail-enter-btn-img {
	width: 2rem;
	height: 2rem;
	object-fit: cover;
	margin-left: 0.75rem;
}

.container .analysis-div .analysis-detail .detail-json {
	margin-top: 3rem;
	display: flex;
	flex-flow: row;
	align-items: center;
	justify-content: center;
}

.container .analysis-div .analysis-detail .detail-json .json-div {
	flex: 1;
	display: flex;
	flex-flow: column;
	align-items: center;
}

.container .analysis-div .analysis-detail .detail-json .json-div .json-value {
	font-size: 3rem;
	font-family: SourceHanSansCN-Regular;
	font-weight: 500;
	color: #FFFFFF;
}

.container .analysis-div .analysis-detail .detail-json .json-div .json-num-name {
	font-size: 1.75rem;
	font-family: SourceHanSansCN-Regular;
	font-weight: 400;
	color: #A1A7B9;
}
.container .analysis-div .analysis-detail .detail-json .json-div .json-radio-name {
	font-size: 1.75rem;
	font-family: SourceHanSansCN-Regular;
	font-weight: 400;
	color: #A1A7B9;
}
.container .analysis-div .analysis-detail .carousel-div {
	margin-top: 2.5rem;
	height: 19.875rem;
}

.container .analysis-div .analysis-detail .suggest-description {
	padding-left: 2rem;
	padding-right: 2rem;
	margin: 3.5rem 1.25rem 1.25rem 1.25rem;
}

.container .analysis-div .analysis-detail .suggest-description .suggest-des-text {
	text-align: left;
	font-size: 2rem;
	font-family: SourceHanSansCN-Regular;
	font-weight: 400;
	color: #A7ABB8;
	line-height: 2.75rem;
}

.container .analysis-div .analysis-detail .suggest-content {
	padding-left: 2rem;
	padding-right: 2rem;
	display: flex;
	flex-flow: column;
	margin: 3.5rem 1.25rem 1.25rem 1.25rem;
}

.container .analysis-div .analysis-detail .suggest-content .suggest-content-title {
	text-align: left;
	font-size: 2.5rem;
	font-family: SourceHanSansCN-Medium;
	font-weight: 500;
	color: #FFFFFF;
}

.container .analysis-div .analysis-detail .suggest-content .suggest-content-des {
	margin-top: 1.375rem;
	text-align: left;
	font-size: 2rem;
	font-family: SourceHanSansCN-Regular;
	font-weight: 400;
	color: #A7ABB8;
	line-height: 2.75rem;
}

.container .analysis-head {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 49rem;
}

.container .analysis-head .analysis-head-img {
	height: 33.25rem;
	object-fit: cover;
}

.container .card-div .head-chart-remark::-webkit-scrollbar {
	display: none;
	/* 隐藏滚动条（仅适用于Webkit浏览器，如Chrome和Safari） */
}

.analyImage {
	height: 100%;
	width: 100%;
	object-fit: contain;
}