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

body {
	font-size: 12px;
	color: #000;
	background-color: #f5f4f8;
	overflow-x: hidden;
	min-width: 900px;
	font-family: "MiSans";
	line-height: 1;
	overflow-x: auto;
}

img {
	max-width: 100%;
}

/* 定义滚动条样式 */
::-webkit-scrollbar {
	width: .52vw;
	/* 滚动条宽度 */
}

/* 定义滑块样式 */
::-webkit-scrollbar-thumb {
	background-color: rgba(155, 155, 155, 0.5);
	/* 滑块背景颜色 */
	border-radius: 3px;
	/* 滑块圆角 */
	cursor: pointer;
}

.spinner {
	border: 0.8px solid rgba(239, 241, 243, 0.8);
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 6.400000095367432px 16px 0 rgba(0, 0, 0, 0.05);
	padding: .73vw;
	position: fixed;
	z-index: 100001;
	top: 50%;
	left: 50%;
	margin-top: -1.56vw;
	margin-left: -1.56vw;
}

.spinner::after {
	content: ' ';
	display: block;
	width: 1.67vw;
	height: 1.67vw;
	background-color: #333;
	-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
	animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
	0% {
		-webkit-transform: perspective(120);
	}

	50% {
		-webkit-transform: perspective(120) rotateY(180deg);
	}

	100% {
		-webkit-transform: perspective(120) rotateY(180deg) rotateX(180deg);
	}
}

@keyframes sk-rotateplane {
	0% {
		transform: perspective(120) rotateX(0deg) rotateY(0deg);
		-webkit-transform: perspective(120) rotateX(0deg) rotateY(0deg);
	}

	50% {
		transform: perspective(120) rotateX(-180.1deg) rotateY(0deg);
		-webkit-transform: perspective(120) rotateX(-180.1deg) rotateY(0deg);
	}

	100% {
		transform: perspective(120) rotateX(-180deg) rotateY(-179.9deg);
		-webkit-transform: perspective(120) rotateX(-180deg) rotateY(-179.9deg);
	}
}

ul li {
	list-style: none;
}

@font-face {
	font-family: MiSans;
	src: url(https://statics.topsrx.com/static/fonts/MiSans-Regular.ttf);
}

@font-face {
	font-family: MiSansVF;
	src: url(https://statics.topsrx.com/static/fonts/MiSans-Heavy.ttf);
}

.pointer {
	cursor: pointer;
}

.style-words {
	font-size: 7.8vw;
	position: relative;
	font-family: 'MiSansVF';
	white-space: nowrap;
	line-height: 1;
	text-align: center;
}

.style-words span {
	position: relative;
	z-index: 100;
	color: transparent;
	-webkit-text-stroke: 1px #F96138;
	text-transform: uppercase;
	white-space: pre-wrap;
}

.style-words::before {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #F96138;
	z-index: 9;
	white-space: pre-wrap;
}

.style-words::after {
	content: ' ';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #f5f4f8;
	transition: .6s;
	z-index: 20;
	white-space: pre-wrap;
}

.style-words-hover::after {
	width: 0;
}

.style-words-h-hover::after {
	height: 0;
	top: auto;
	bottom: 0;
}

.t-gray {
	color: #caced0;
}

.t-ora {
	color: #f86139;
}

.t-pur {
	color: #a194bc;
}

.t-pur-1 {
	color: #e1dbf0;
}


.flex {
	display: flex;
}

.flex-center-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

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

.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

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

.overflow-auto {
	-webkit-overflow-scrolling: touch;
}

.overflow-y-auto {
	-webkit-overflow-scrolling: touch;
}

.overflow-x-auto {
	-webkit-overflow-scrolling: touch;
}


input {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-moz-user-focus: none;
	-moz-user-select: none;
	-webkit-appearance: none;
	box-shadow: none;
	resize: none;
	outline: none;
	border: none;
	border-radius: 0;
}

input,
select {
	-webkit-user-select: auto;
}

.ellipsis-1 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
}

.ellipsis-line-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	cursor: pointer;
}

.ellipsis-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	cursor: pointer;
}

.ellipsis-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	cursor: pointer;
}

.ellipsis-4 {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	cursor: pointer;
}

.ellipsis-5 {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	cursor: pointer;
}

.ellipsis-6 {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 6;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	cursor: pointer;
}

.loading {
	position: fixed;
	z-index: 10000;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: #fff;
}

.menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 5.31vw;
	padding: 0 1.82vw;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
	transform: translateY(-6.25vw);
	transition: .3s;
	background: linear-gradient(90deg, #FF8261 0%, #A595D3 34%, #ED5C35 59.5%, #F63669 83%, #E53262 99%);

}

.img-logo {
	width: 4.06vw;
	height: 3.54vw;
	background-image: url(http://statics.topsrx.com/static/img/web/logo1.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.menu-block {
	height: 5.31vw;
}

.menu p {
	transform: translateY(-1.04vw);
	opacity: 0;
}

.active-mouse p:nth-child(1) {
	transition-delay: .3s;
}

.active-mouse p:nth-child(2) {
	transition-delay: .4s;
}

.active-mouse p:nth-child(3) {
	transition-delay: .5s;
}

.active-mouse p:nth-child(4) {
	transition-delay: .6s;
}

.active-mouse p:nth-child(5) {
	transition-delay: .7s;
}

.active-mouse p:nth-child(6) {
	transition-delay: .8s;
}

.active-mouse p:nth-child(7) {
	transition-delay: .9s;
}

.active-mouse p:nth-child(8) {
	transition-delay: 1s;
}

.active-mouse {
	transform: translateY(0);
	border-radius: 0px 0px 45px 45px;
	transition: .3s;
}

.active-mouse p {
	transition: .3s;
	transform: translateY(0);
	opacity: 1;
	color: #fff;
	transition-property: opacity, transform;
}

.active-mouse p.t-ora,
.menu.active-mouse .list p:hover {
	color: #000;
}

/* .active-mouse-top {
	background: transparent;
}
.active-mouse-top .img-logo {
	background-image: url(http://statics.topsrx.com/static/img/web/logo.png);
}

.active-mouse-top p {
	color: #000;
}

.active-mouse-top p.t-ora,
.menu.active-mouse-top .list p:hover {
	color: #f86139;
} */

.menu .list {
	width: 50.99vw;
	font-size: .94vw;
	font-family: 'MiSansVF';
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.menu .list p {
	cursor: pointer;
}

.menu .list p:hover {
	color: #f86139;
	transition-duration: 0s;
	transition-delay: 0s;
}

.menu img {
	width: 4.06vw;
}

.flex-1 {
	flex: 1;
}

.footer {
	height: 28.12vw;
	background-color: #9D91B7;
	border-radius: 3.9vw 3.9vw 0 0;
	position: relative;
	overflow: hidden;
	display: flex;
	padding: 3.38vw 8.12vw 0;
}

.footer .left {
	white-space: nowrap;
}

.footer .left .logo {
	width: 9.79vw;
}

.footer .left .tips {
	color: #FFF;
	font-size: 0.4vw;
	margin-top: 0.6vw;
	letter-spacing: 0.4vw;
}

.footer .left .stone {
	width: 9.8vw;
	height: 2.7vw;
	border-radius: 0 1.3vw;
	background: #F96138;
	color: #FFF;
	font-size: 0.9vw;
	font-weight: 700;
	font-family: 'MiSansVF';
	margin-top: 0.8vw;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer .left .list {
	margin-top: 0.46vw;
}

.footer .left .list .item {
	display: flex;
	align-items: center;
	height: 1.6vw;
}

.footer .left .list .item img {
	width: 0.62vw;
	margin-right: .31vw;
}

.footer .left .list .item p {
	color: #FFF;
	font-size: 0.72vw;
}

.footer .bg {
	position: absolute;
	right: .21vw;
	top: .63vw;
	width: 26.92vw;
	z-index: 1;
}

.footer .code {
	position: absolute;
	right: 5.5vw;
	top: 13.64vw;
	width: 6.56vw;
	z-index: 10;
}

.footer .right {
	display: flex;
	position: relative;
	z-index: 100;
}

.footer .right .item {
	width: 5.5vw;
	text-align: center;
	margin: 0 1.5vw;
}

.footer .right .item .top {
	color: #FFF;
	text-align: center;
	font-size: 1.04vw;
	font-weight: 700;
	font-family: 'MiSansVF';
	line-height: 1.30vw;
	margin-bottom: 1.72vw;
}

.footer .right .item a {
	color: #FFF;
	text-align: center;
	font-size: 0.73vw;
	line-height: 1.50vw;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
}

.footer .right .item a:hover {
	color: #F96138;
}

.obj-cover {
	object-fit: cover;
	object-position: center;
}


.big-title {
	display: flex;
	align-items: center;
	justify-content: center;
}

.big-title p:nth-child(1),
.big-title p:nth-child(7) {
	width: 2.6vw;
	height: 2.6vw;
	flex-shrink: 0;
	border-radius: 1000px;
	background: #ECE5F5;
}

.big-title p:nth-child(2),
.big-title p:nth-child(6) {
	width: 3.28vw;
	height: 3.28vw;
	border-radius: 1000px;
	background: #E8E2EE;
}

.big-title p:nth-child(3),
.big-title p:nth-child(5) {
	width: 4.16vw;
	height: 4.16vw;
	border-radius: 1000px;
	background: #E1D9EB;
}

.big-title-red p:nth-child(1),
.big-title-red p:nth-child(7) {
	background: #FFD2D2;
}

.big-title-red p:nth-child(2),
.big-title-red p:nth-child(6) {
	background: #FE7676;
}

.big-title-red p:nth-child(3),
.big-title-red p:nth-child(5) {
	background: #FB4343;
}

.big-title p:nth-child(1),
.big-title p:nth-child(2),
.big-title p:nth-child(5),
.big-title p:nth-child(6) {
	margin-right: 1vw;
}

.big-title p:nth-child(4) {
	margin: 0 1.9vw;
}

.big-title img {
	height: 6.6vw;
}

.big-title-org p:nth-child(1),
.big-title-org p:nth-child(7) {
	background: #FFDBD2;
}

.big-title-org p:nth-child(2),
.big-title-org p:nth-child(6) {
	background: #FFA58C;
}

.big-title-org p:nth-child(3),
.big-title-org p:nth-child(5) {
	background: #FF8463;
}

.big-title-pink p:nth-child(1),
.big-title-pink p:nth-child(7) {
	background: #FDC7D5;
}

.big-title-pink p:nth-child(2),
.big-title-pink p:nth-child(6) {
	background: #FDC7D5;
}

.big-title-pink p:nth-child(3),
.big-title-pink p:nth-child(5) {
	background: #F3A6BA;
}

.Milestone_pop {
	position: fixed;
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	left: 0;
	height: 100%;
	top: 0;
	z-index: 100000;
}

.Milestone_box {
	position: absolute;
	background-color: #fff;
	width: 90vw;
	height: 32rem;
	left: 50%;
	top: 50%;
	margin-left: -45vw;
	margin-top: -17rem;
	border-radius: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Milestone_img {
	display: inline-block;
	width: 49.5vw;
	border-radius: 2.6vw;
	background: #CDBDE6;
	padding: 0.8vw;
	font-size: 0;
}

.Milestone_img img {
	width: 100%;
	height: 100%;
	padding-top: 0;
	border: 1vw solid #A493BF;
	border-radius: 2.6vw;
}

.Milestone_content {
	display: inline-block;
	width: 30vw;
	margin-right: 4vw;
}

.data_bg {
	font-size: 11rem;
	line-height: 9rem;
	color: #e05129;
	font-size: 12.62vw;
	font-style: normal;
	font-weight: 700;
	font-family: 'MiSansVF';
}

.Milestone_txt {
	color: #000;
	font-size: 1.5vw;
	margin-top: 2vw;
	font-style: normal;
    font-weight: 330;
    line-height: normal;
}

/* .active {
	opacity: 1 !important;
	transform: translate(0, 0) !important;
	transition: .3s;
	display: block !important;
} */
.active:not(li) {
	opacity: 1 !important;
	transform: translate(0, 0) !important;
	transition: .5s;
}

.shake-active {
	animation: shake .5s;
	transition: .3s;
	/* animation-iteration-count: infinite;  */
}

@keyframes shake {
	0% {
		transform: translateX(0);
	}

	25% {
		transform: translateX(-5px);
	}

	50% {
		transform: translateX(5px);
	}

	75% {
		transform: translateX(-5px);
	}

	100% {
		transform: translateX(5px);
	}
}

.main-body .item,
.hover-dom,
.hover-list>img {
	cursor: pointer;
}

.main-body .item:hover,
.hover-dom:hover,
.hover-list>img:hover {
	mix-blend-mode: multiply;
	transform: scale(1.03) !important;
	transition-delay: 0s !important;
	transition-duration: .3s !important;
}

.ml7 {
	margin-left: 7vw;
}

.ml6 {
	margin-left: 6vw;
}

.mt4 {
	margin-top: 4vw;
}

.ml4 {
	margin-left: 4vw;
}

.mr4 {
	margin-right: 4vw;
}

.mt2 {
	margin-top: 2vw;
}

.ml2 {
	margin-left: 2vw;
}

.mr2 {
	margin-right: 2vw;
}

.mt1 {
	margin-top: 1vw;
}

.ml1 {
	margin-left: 1vw;
}

.mr1 {
	margin-right: 1vw;
}

.pt2 {
	padding: 2vw;
}

.pl2 {
	padding-left: 2vw;
}

.pr2 {
	padding-right: 2vw;
}

.t1 {
	color: #000;
	font-size: 2vw;
	font-weight: 700;
	font-family: "MiSansVf";
	clear: both;
}

.text-center {
	text-align: center;
}

.culture_story_pop_slide .swipslider {
	width: 73rem;
	height: 30rem;
}

.culture_story_pop_slide .swipslider .sw-slide {
	width: 73rem;
	height: 27rem;
}

.culture_story_pop_slide .sw-bullet {
	display: block;
	bottom: 0;
}

.culture_story_pop_slide .sw-bullet {
	display: block;
	bottom: 0;
}

.culture_story_pop_slide .sw-bullet li {
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: url(http://statics.topsrx.com/static/img/bullet.png)no-repeat;
	background-size: 100% 100%;
}

.culture_story_pop_slide .sw-bullet li.active {
	background: none;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: url(http://statics.topsrx.com/static/img/bullet_on.png)no-repeat;
	background-size: 100% 100%;
}
.back_top {
	display: none !important;
}