.cul .n5 {
	font-size: 5vw !important;
}

.cul .n4 {
	font-size: 5.5vw !important;
}

.cul {
	position: relative;
	overflow: hidden;
}

.cul .screen-1 {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 10vw 0 4vw 4vw;
	background-image: url(http://statics.topsrx.com/static/img/web/cul-i-bg.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.cul .screen-1 .left {
	position: relative;
	margin: 3.33vw;
	width: 30.31vw;
	height: 30.31vw;
}

.cul .screen-1 .left>img {
	width: 100%;
	height: 100%;
}

.cul .screen-1 .left .ani {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	animation: ani 30s infinite linear;
}

.cul .screen-1 .left .ani img {
	animation: ani1 30s infinite linear;
}

.cul .screen-1 .left .ani .img {
	width: 7.92vw;
	height: 7.92vw;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -60%);
	cursor: pointer;
	border-radius: 52.08vw;
	transition: .5s;
}

.cul .screen-1 .left .ani .img:hover {
	width: 9.5vw;
	z-index: 100;
}

.cul .screen-1 .left .ani .img.checked {
	width: 9.6vw;
	z-index: 100;
}

.cul .screen-1 .left .ani .img:nth-child(2) {
	left: auto;
	top: 25%;
	right: -10%;
	transform: translate(0, -50%);
}

.cul .screen-1 .left .ani .img:nth-child(3) {
	left: auto;
	top: 75%;
	right: -10%;
	transform: translate(0, -50%);
}

.cul .screen-1 .left .ani .img:nth-child(4) {
	position: absolute;
	bottom: 0;
	top: auto;
	left: 50%;
	transform: translate(-50%, 60%);
}

.cul .screen-1 .left .ani .img:nth-child(5) {
	left: -10%;
	top: 75%;
	transform: translate(0, -50%);
}

.cul .screen-1 .left .ani .img:nth-child(6) {
	left: -10%;
	top: 25%;
	transform: translate(0, -50%);
}

.cul .screen-1 .left .ani:hover {
	/* animation-play-state: paused; */

}

.cul .screen-1 .left .ani:hover img {
	/* animation-play-state: paused; */
}

.cul .screen-1 .right {
	flex: 1;
	height: 20vw;
}

.cul .screen-1 .right .style-words {
	text-align: left;
}

.cul .screen-1 .right .content {
	display: none;
}

.cul .screen-1 .right .content .style-words {
	font-size: 5.9vw;
}

.cul .screen-1 .right .content.checked {
	display: block;
}

.cul .screen-1 .right .content:nth-child(6) .style-words {
	font-size: 5.1vw;
	color: #fff;
}

.cul .style-words-n {
	color: #FFF;
	font-family: "MiSansVF";
	font-size: 6.25vw;
	line-height: 1.3;
}

/* .cul .screen-1 .right .content:nth-child(2n - 1) .style-words span {
	-webkit-text-stroke: .05vw #FC618B;
  }
  .cul .screen-1 .right .content:nth-child(2n - 1) .style-words::before {
	color: #FC618B;
  } */
.cul .screen-2 .active {
	display: block !important;
}

.cul .screen-2 .big-title {
	margin-bottom: 2.08vw;
}

.cul .screen-2 .flex {
	align-items: flex-end;
	justify-content: center;
}

.cul .screen-2 .flex>div:last-child {
	height: 33.54vw;
}

.cul .screen-2 .stone {
	width: 26.82vw;
}

.cul .screen-2 .stone img {
	width: 100%;
	height: 26.82vw;
	opacity: 0;
	display: none;
}

.cul .screen-2 .stone .dots {
	display: flex;
	justify-content: center;
}

.cul .screen-2 .stone .dots span {
	display: block;
	width: 1.25vw;
	height: 1.25vw;
	border-radius: 52.08vw;
	background-color: #A493BF;
	box-shadow: 0 0 0 .31vw #fff inset, 0 0 0 .42vw rgba(209, 168, 226, 0.5);
	margin: 1.56vw 1.04vw 0;
	cursor: pointer;
}

.cul .screen-2 .stone .dots span.active {
	background-color: #F86139;
}

.cul .screen-2 .right {
	margin-left: 6.46vw;
	border-radius: 3.91vw 0vw;
	background: rgba(203, 195, 212, 0.3);
	width: 50.1vw;
	height: 25.68vw;
	color: #000;
	font-size: 1.56vw;
	font-weight: 700;
	font-family: 'MiSansVF';
	line-height: 1.15;
	padding-top: 2.08vw;
	opacity: 0;
	display: none;
}

.cul .screen-2 .right p {
	padding: 1.04vw 1.56vw;
}

.cul .screen-2 .right p:last-child {
	color: #9F83B0;
	font-size: .94vw;
	font-style: normal;
	font-weight: 700;
	font-family: 'MiSansVF';
	line-height: normal;
	text-align: right;
}

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

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

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

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

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

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

.cul .screen-3 {
	padding: 0 7.29vw;
	background-image: url(http://statics.topsrx.com/static/img/web/yj-bg.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.cul .screen-3 .left {
	width: 50vw;
}

.cul .screen-3 .left img {
	width: 22vw;
}

.cul .screen-3 .right {
	flex: 1;
}

.cul .screen-3 .right p {
	color: #000;
	font-size: .94vw;
	font-weight: 330;
	margin: 1.04vw 0;
	line-height: 1.8;
}

.cul .words-1 {
	font-size:.74vw;
	font-weight: 330;
	margin: 1.04vw 0;
	line-height: 1.8;
}

.cul .screen-3 .right img {
	width: 100%;
}

.cul .screen-3 .words {
	color: #000;
	font-family: MiSans;
	font-size: 1.25vw;
	font-style: normal;
	font-weight: 330;
	line-height: 1.7;
	white-space: pre-line;
}

.cul .screen-3 .words b {
	color: #F63636;
    text-align: center;
    font-family: MiSansVf;
    font-size: 3vw;
    letter-spacing: -1.8px;
    position: relative;
    top: 0.6vw;
	line-height: 0;
}

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

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

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

.cul .screen-4 .t1 {
	text-align: center;
}

.cul .screen-4 .list {
	margin: 2.08vw 7.34vw 0;
	overflow: hidden;
	font-size: 0;
	padding-bottom: 2vw;
}

.cul .screen-4 .list>div {
	white-space: nowrap;
	transition: .5s;
}

.cul .screen-4 .list img {
	display: inline-block;
	vertical-align: middle;
	width: 83vw;
	height: auto;
	margin: 0 1vw;
}

.cul .screen-4 .list .dots {
	display: flex;
	justify-content: center;
	margin-top: 1.04vw;
}

.cul .screen-4 .list .dots span {
	display: block;
	width: 1.25vw;
	height: 1.25vw;
	border-radius: 52.08vw;
	background-color: #A493BF;
	box-shadow: 0 0 0 .31vw #fff inset, 0 0 0 .42vw rgba(209, 168, 226, 0.5);
	margin: 1.56vw 1.04vw 0;
	cursor: pointer;
}

.cul .screen-4 .list .dots span.checked {
	background-color: #F86139;
}

.cul .culture_story_list {
	width: 90vw;
	margin: 2vw auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 2rem;
}

.cul .culture_story_item {
	display: inline-block;
	width: 22rem;
	height: 22rem;
	border-radius: 1rem;
	margin-bottom: 0.7rem;
	overflow: hidden;
	font-size: 0;
	cursor: pointer;
}

.cul .culture_story_item .t1 {
	margin-top: 1vw;
}

.cul .culture_story_item img {
	width: 100%;
	height: 18rem;
	transition: all 0.5s linear;
}

.cul .culture_story_item:hover img {
	transform: scale(1.1);
}

.cul .culture_story_pop {
	position: fixed;
	display: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.6);
}

.cul .culture_story_pop_phone {
	position: relative;
	display: block;
	width: 76vw;
	height: 50vh;
	padding: 2rem 2.5rem;
	background: url(http://statics.topsrx.com/static/img/culture_story_pop_phone.png) no-repeat;
	background-size: 100% 100%;
}

.cul .culture_story_pop_box {
	width: 90vw;
	height: 36rem;
	left: 50%;
	top: 50%;
	border-radius: 1rem;
	background-color: #fff;
	margin-left: -45vw;
	margin-top: -18rem;
	position: absolute;
}

.cul .culture_story_pop_slide {
	width: 73rem;
	height: 28rem;
	margin: 4rem auto;
}

.cul .culture_story_pop_slide img {
	width: 100%;
	height: 100%;
}

.cul .culture_story_pop_close {
	position: absolute;
	cursor: pointer;
	right: 3vw;
	top: 2rem;
	width: 1.5rem;
	height: 1.5rem;
	z-index: 6;
}


@keyframes ani {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes ani1 {
	100% {
		transform: rotate(-360deg);
		transform-origin: center;
	}
}

@keyframes ani2 {

	0%,
	100% {
		box-shadow: 0 0 .52vw 0vw rgb(249 97 56 / 0%);
	}

	50% {
		box-shadow: 0 0 .52vw 1.56vw rgb(249 97 56 / 40%);
	}
}




.cul .words-1 .sp1{
	width: 23vw;
}

.cul .words-1 .sp2{
	width: 23vw;
	margin-left:24vw;
	margin-top:-2.8vw;
}