/* å­ä½-å­é­æ¸éå® */

@font-face {

	font-family: "Qingya-Song";

	src: url("../fonts/song-wuchang/Qingya-Song.eot");

	/* IE9 */

	src: url("../fonts/song-wuchang/Qingya-Song.eot?#iefix") format("embedded-opentype"),

		/* IE6-IE8 */

		url("../fonts/song-wuchang/Qingya-Song.woff") format("woff"),

		/* chromeãfirefox */

		url("../fonts/song-wuchang/Qingya-Song.ttf") format("truetype");

	/* chromeãfirefoxãoperaãSafari, Android, iOS 4.2+ */

	font-style: normal;

	font-weight: normal;

}



/* å¬å±æ ·å¼ */

html {

	font-size: calc(100vw / 25.6);

}



.section-two,

.section-first,

.section-introduce,

.section-picture,

.section-feature,

.section-parameter {

	position: relative;

}



.popup-buy .handle-btn>.btn-box>a {

	font-family: "Qingya-Song" !important;

}



.section-parameter.spec .text-left h3,

.section-parameter.spec .text-left li {

	font-family: "Qingya-Song" !important;

}



.section-two .container p,

.section-introduce .container p {

	color: #cfcac4 !important;

	margin: 0px;

	font-family: "Qingya-Song" !important;

	font-weight: normal;

}



/* ç¬¬ä¸å é¦å±*/

.section-first {

	width: 100%;

	background-color: #000;

}



.section-first .bg-box>video {

	width: 100%;

}



/* logo */

.section-first .content-box {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0%;

	left: 0%;

}



/* ææåå®¹ */

.section-first .content-box .handle-box {

	width: 5.35rem;

	position: absolute;

	top: 1.85rem;

	left: 3.8rem;

	display: flex;

	flex-direction: column;

	align-items: center;

}



/* å¼¹çªstyle */

.fancybox-overlay {

	background-image: none;

}



.fancybox-skin {

	background-color: transparent;

	box-shadow: none !important;

}



.popup-buy>img {

	width: 7.35rem;

	height: 10.75rem;

	position: relative;

}



.popup-buy>.handle-btn {

	width: 100%;

	position: absolute;

	bottom: 0.65rem;

	left: 0%;

	display: flex;

	justify-content: center;

}



.popup-buy .handle-btn>.btn-box {

	width: 100%;

	display: flex;

	flex-direction: column;

	align-items: center;

}



.popup-buy .handle-btn>.btn-box>a {

	width: 4.78rem;

	height: 0.86rem;

	font-size: 0.4rem;

	color: #a1a1a1;

	font-family: "Qingya-Song" !important;

	font-weight: normal;

	text-decoration: none;

	background: url('/images/asset-h/wuchang/bg-buy.png') center / 100% 100% no-repeat;

	display: flex;

	align-items: center;

	justify-content: center;

	padding-bottom: 0.08rem;

	margin-bottom: 0.25rem;

}



.popup-buy .handle-btn>.btn-box>a:last-child {

	margin: 0;

}



.popup-buy .handle-btn>.btn-box>a:hover {

	color: #ffffff;

	background-image: url('/images/asset-h/wuchang/bg-buy2.png');

}



.handle-box a {

	display: contents;

}



.handle-box img:nth-child(1) {

	width: 5.35rem;

}



.handle-box img:nth-child(2) {

	width: 2.75rem;

	margin: 0.55rem auto 0.95rem;

}



.handle-box img:nth-child(3) {

	width: 4rem;

	cursor: pointer;

}



.handle-box img:nth-child(3):hover {

	content: url("../images/asset-h/wuchang/buy-btn2.png");

}



.handle-box img:nth-of-type(4) {

	width: 4.9rem;

}



.handle-box>p {

	font-size: 0.4rem !important;

	color: #dadbda;

	font-family: "Qingya-Song" !important;

	font-weight: normal;

	margin: 0.65rem 0rem 0.45rem;

}



/* ç¬¬äºå åºæ¯å¾*/

.section-two .container {

	width: 12.5rem;

	text-align: center;

	padding: 0;

	position: absolute;

	top: 2.1rem;

	left: 50%;

	transform: translate(-50%, 0%);

}



.section-two .container>img {

	width: 4.8rem;

	margin-bottom: 0.48rem;

}



.section-two .container>p {

	font-size: 0.26rem !important;

	line-height: 1.8;

	color: #c6c4c3 !important;

}



/* ç¬¬ä¸å äººç©ä»ç»*/

.section-introduce {

	background-color: #000;

}



.section-introduce .bg-box>video {

	width: 100%;

}



.section-introduce .bg-text {

	width: 9.8rem;

	height: 6.1rem;

	position: absolute;

	top: 4.65rem;

	left: 1.2rem;

}



.section-introduce .container {

	width: 7.8rem;

	padding: 0;

	position: absolute;

	top: 4.5rem;

	left: 2.45rem;

}



.section-introduce .left-box img {

	width: 4.9rem;

	margin-bottom: 0.5rem;

}



.section-introduce .left-box p {

	font-size: 0.26rem !important;

	line-height: 1.8;

	color: #c6c4c3 !important;

}



/* è§é¢æ¿å */

.section-video {

	position: relative;

}



.section-video .container {

	width: 100%;

	height: 100%;

	position: absolute;

	bottom: 0;

	display: flex;

	justify-content: center;

	align-items: center;

}



.section-video .covervid-video {

	vertical-align: bottom !important;

}



.w-video {

	padding: 0;

}



.w-video a {

	display: flex;

	align-items: center;

	opacity: .6;

	transition: all 0.5s ease;

}



.w-video a:active {

	outline: none;

}



.w-video a:hover,

.w-video a:hover span,

.w-video a:hover i {

	color: #fff !important;

	opacity: 1;

}



.w-video span {

	color: #b0aba6;

	font-size: 0.24rem !important;

	line-height: 1;

	margin: 0 0.05rem 0.05rem;

	font-family: "Qingya-Song" !important;

	font-weight: normal;

}



.w-video i {

	color: #b0aba6 !important;

	font-size: 0.3rem !important;

}



.w-video a:hover span {

	color: #fff;

	text-decoration-line: none;

}



/* ç¬¬åå è½®æ­ç»ä»¶*/

.section-picture .container {

	width: 100%;

	padding: 0;

	text-align: center;

	position: absolute;

	top: 1.8rem;

	left: 0;

	z-index: 100;

}



.section-picture .container>img {

	width: 3.02rem;

	margin-bottom: 0.85rem;

}



/* Swiper è½®æ­æ ·å¼ */

.swiper-slide {

	width: auto !important;

}



.swiper-slide a::after {

	content: "";

	width: 13.78rem;

	height: 8.46rem;

	background: url('../images/asset-h/wuchang/arrow/frame.png');

	background-size: 100% 100%;

	background-repeat: no-repeat;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	/* å¢å¼ºç«ä½æ */

	pointer-events: none;

	z-index: 2;

}



.swiper-slide img {

	width: 13.75rem;

	height: 8.46rem;

	border-radius: 0.2rem;

	object-fit: cover;

}



.swiper-slide .icon {

	position: absolute;

	top: 0.5rem;

	left: 0.5rem;

}



.swiper-slide .icon>.fa {

	color: #ebb37b;

	cursor: pointer;

	font-size: 0.4rem;

}



.swiper-slide .icon>.fa:hover {

	color: #db9b34;

	opacity: 1;

}



.swiper-pagination-bullet {

	width: 0.53rem;

	height: 0.46rem;

	background-image: url('../images/asset-h/wuchang/arrow/feather.png');

	background-size: 100% 100%;

	background-color: transparent;

	opacity: .8;

	margin-right: 0.3rem;

	transition: .5s;

}



.swiper-pagination-bullet:last-child {

	margin: 0;

}



.swiper-pagination-bullet:hover {

	background-image: url('../images/asset-h/wuchang/arrow/active.png');

	background-size: 100% 100%;

	opacity: 1;

}



.swiper-pagination-bullet-active {

	width: 0.53rem;

	height: 0.46rem;

	background-image: url('../images/asset-h/wuchang/arrow/active.png');

	background-size: 100% 100%;

	background-color: transparent;

	opacity: 1;

}



.swiper-pagination-bullet-active:hover {

	background-color: transparent;

}



.swiper-button-front,

.swiper-button-after {

	width: 0.41rem;

	height: 0.65rem;

	cursor: pointer;

	display: inline-block;

}



.swiper-button-front {

	background: url('../images/asset-h/wuchang/arrow/front.png') no-repeat;

	background-size: 100%;

}



.swiper-button-after {

	background: url('../images/asset-h/wuchang/arrow/after.png') no-repeat;

	background-size: 100%;

}



.swiper-button-front:hover {

	background: url('../images/asset-h/wuchang/arrow/front-2.png') no-repeat;

	background-size: 100%;

}



.swiper-button-after:hover {

	background: url('../images/asset-h/wuchang/arrow/after-2.png') no-repeat;

	background-size: 100%;

}



.swiper-pagination-switch {

	display: inline-block;

	width: 8px;

	height: 8px;

	border-radius: 8px;

	background: #555;

	margin: 0 5px;

	opacity: 0.8;

	border: 1px solid #fff;

	cursor: pointer;

}



.swiper-active-switch {

	background: #fff;

}



/* è½®æ­é®ç½© */

.layer-mask {

	width: 100%;

	height: 100%;

	border-radius: 15px;

	opacity: 0.7;

	transition: all 0.5s;

	background-color: #000000;

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

}



.swiper-slide-active .layer-mask {

	display: none;

}



.swiper-container .swiper-button-front2,

.swiper-container .swiper-button-after2 {

	width: 5rem;

	height: 100%;

	background-image: none;

	position: absolute;

	z-index: 99;

}



.swiper-container .swiper-button-front2 {

	left: 0;

}



.swiper-container .swiper-button-after2 {

	right: 0;

}



.swiper-slide-prev a::after,

.swiper-slide-next a::after {

	opacity: .5 !important;

}



.swiper-container .swiper-button-front2:hover,

.swiper-container .swiper-button-after2:hover {

	background-image: none;

}



.switch-box {

	width: 13.75rem;

	margin: 0.65rem auto 0;

	display: flex;

	align-items: center;

}



.switch-box .pagination {

	display: flex;

	align-items: center;

	margin: 0 auto;

}



.switch-box .swiper-button {

	width: 1.6rem;

	margin: 0;

	display: flex;

	justify-content: space-between;

}



/* ç¬¬äºå-åè½*/

.section-feature .container {

	width: 16rem;

	height: auto;

	padding: 0 !important;

	position: absolute;

	top: 1.9rem;

	left: 50%;

	transform: translate(-50%, 0%);

	z-index: 100;

	display: flex;

	justify-content: space-between;

}



.section-feature .container:before,

.section-feature .container:after {

	content: none;

}



.section-feature .left-box,

.section-feature .right-box {

	width: 7.77rem;

	margin: 0px;

	padding: 0px;

}



.section-feature .left-box div:last-child,

.section-feature .right-box div:last-child {

	margin-bottom: 0px;

}



.section-feature .container h1 {

	font-size: 0.36rem !important;

	color: #ebb37b !important;

	margin: 0;

	font-family: "Qingya-Song" !important;

	font-weight: normal;

}



.section-feature .container p {

	font-size: 0.18rem !important;

	color: #b0aba6 !important;

	line-height: 1.5;

	margin: 0.25rem 0 0;

	font-family: "Qingya-Song" !important;

	font-weight: normal;

}



.section-feature .container span {

	font-family: "Qingya-Song" !important;

	font-weight: normal;

}



.left-box .compatible .Windows,

.left-box .compatible .Android {

	display: flex;

	align-items: center;

	flex-direction: row;

	margin-top: 35px;

}



.left-box .compatible .Windows img,

.left-box .compatible .Android img {

	width: 50px;

	margin-right: 50px;

}



.left-box .compatible h2 {

	font-size: 24px;

	color: #e3ded7;

	margin: 0;

	font-family: "Qingya-Song" !important;

	font-weight: normal;

}



.left-box .compatible p,

.left-box .compatible p {

	font-size: 14px !important;

	margin: 0;

}



.section-feature .cross,

.section-feature .shoulder,

.section-feature .speed,

.section-feature .base,

.section-feature .joystick,

.section-feature .switch {

	margin-bottom: 0.45rem;

	overflow: hidden;

}



.section-feature .cross {

	height: 3rem;

	padding: 0.7rem 0.65rem;

	display: flex;

	flex-direction: column;

	justify-content: flex-start;

	align-items: flex-start;

	background: url('/images/asset-h/wuchang/trait/cross.png') no-repeat center center;

	background-size: 100% 100%;

}



.section-feature .shoulder {

	height: 8.25rem;

	padding: 0.65rem;

	display: flex;

	flex-direction: column;

	background: url('/images/asset-h/wuchang/trait/shoulder.png') no-repeat center center;

	background-size: 100% 100%;

}



.section-feature .speed {

	height: 3.01rem;

	padding: 0 0.65rem;

	display: flex;

	flex-direction: column;

	justify-content: center;

	background: url('/images/asset-h/wuchang/trait/8speed.png') no-repeat center center;

	background-size: 100% 100%;

}



.section-feature .speed span {

	font-size: 0.16rem;

	color: #6f6f6f;

	margin-top: 0.4rem;

}



.section-feature .base {

	height: 3rem;

	padding: 0.7rem 0.65rem;

	display: flex;

	flex-direction: column;

	justify-content: flex-start;

	align-items: flex-start;

	background: url('/images/asset-h/wuchang/trait/base.png') no-repeat center center;

	background-size: 100% 100%;

}



.section-feature .joystick {

	height: 4.8rem;

	padding: 0 0.65rem;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: flex-start;

	background: url('/images/asset-h/wuchang/trait/joystick.png') no-repeat center center;

	background-size: 100% 100%;

}



.section-feature .switch {

	height: 3rem;

	padding: 0 0 0 4.25rem;

	display: flex;

	flex-direction: column;

	justify-content: center;

	background: url('/images/asset-h/wuchang/trait/switch.png?00') no-repeat center center;

	background-size: 100% 100%;

}



.section-feature .box {

	display: flex;

	justify-content: space-between;

	align-items: center;

}



.section-feature .box>.box1 {

	width: 3.7rem;

	height: 3.01rem;

	display: flex;

	flex-direction: row;

	justify-content: center;

	align-items: center;

	background: url('/images/asset-h/wuchang/trait/box1.png') no-repeat center center;

	background-size: 100% 100%;

}



.section-feature .box>.box1>div {

	text-align: center;

	margin: 0 0.33rem;

}



.section-feature .box>.box1 img {

	height: 0.45rem;

}



.section-feature .box>.box1 p {

	font-size: 0.26rem !important;

	margin-top: 0.18rem;

}



.section-feature .box>.box2 {

	width: 3.7rem;

	height: 3.01rem;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	background: url('/images/asset-h/wuchang/trait/box2.png') no-repeat center center;

	background-size: 100% 100%;

	text-align: center;

}



.section-feature .box>.box2 img {

	width: 1.16rem;

	height: 1.23rem;

}



/* åå²çº¿ */

.divide1,

.divide2,

.divide3,

.divide4,

.divide5,

.divide6 {

	width: 100%;

	position: absolute;

	bottom: 0rem;

	left: 0;

	z-index: 99;

}



.divide1,

.divide4 {

	bottom: -1.6rem;

}



.divide2,

.divide3 {

	bottom: -2rem;

}



.divide5 {

	display: none;

}



.divide6 {

	bottom: -2.1rem;

}



/* ç¬¬å­å-åæ° */

.section-parameter .container .carousel {

	opacity: 1;

	padding: 1.3rem 0 0.2rem;

}



.section-parameter .container .carousel img {

	width: 100%;

	padding: 0 0.1rem;

	margin: 0 auto;

}



.section-parameter .container .row {

	background-color: transparent !important;

}



.section-parameter .container {

	width: 16rem;

	padding: 0;

	position: absolute;

	top: 1.7rem;

	left: 50%;

	transform: translate(-50%, 0%);

}



.section-parameter .container>img {

	width: 4.75rem;

}



.section-parameter .container h3 {

	font-size: 0.26rem;

	color: #ebb37b;

	margin: 0.55rem 0 0;

}



.section-parameter .container .row li {

	font-size: 0.2rem;

	color: #d3d3d3;

	opacity: .7;

}



.section-parameter .container li>span {

	padding-left: 0.3rem;

}



.section-parameter .container .col-md-12>li {

	font-size: 0.16rem;

	color: #d3d3d3;

	opacity: .3;

	padding: 0.3rem 0;

}



.section-parameter .container .col-md-12>li:last-child {

	font-size: 0.14rem;

	border: none;

}



.section-parameter .col-md-6 hr,

.section-parameter .col-md-12 hr {

	border-bottom: 1px solid #777777;

	opacity: .6;

	margin: 0.2rem 0;

}



/* å°äºç­äº 767pxï¼å°äº 768px - ææºç«å±ï¼ä½äº 1k å±å¹ï¼ */

@media screen and (max-width: 767px) {

	html {

		font-size: 13.3333vw !important;

	}



	.section-introduce .container h1 {

		font-size: 0.6rem !important;

		padding: 0;

	}



	/* å¨ç»æ ·å¼ */

	.section-picture .container,

	.section-feature .container {

		overflow: hidden;

	}



	/* ç¬¬ä¸å */

	/* è§é¢å¾çèæ¯åæ¢ */

	.section-first .bg-box>video {

		width: 100%;

	}



	.section-first .content-box {

		height: auto;

		top: 2.8rem;

		left: 50%;

		transform: translate(-50%, 0%);

		/* overflow: hidden; */

	}



	.section-first .content-box .logo {

		position: static;

		margin: 0 0 0.55rem;

		display: flex;

		justify-content: center;

	}



	.section-first .content-box .logo img {

		width: 2.6rem;

		margin: 0;

	}



	.section-first .content-box .handle-box {

		width: 4.1rem;

		position: static;

		transform: none;

		margin-left: 0.6rem

	}



	.handle-box img:nth-child(1) {

		width: 3.35rem;

	}



	.handle-box img:nth-child(2) {

		width: 2.5rem;

		margin: 0.25rem auto;

	}



	.handle-box img:nth-child(3) {

		width: 4rem;

		margin-bottom: 0;

	}



	.handle-box>p {

		font-size: 0.31rem !important;

		color: #dadbda !important;

		margin: 0.3rem 0;

	}



	.handle-box img:nth-of-type(4) {

		width: 3.8rem;

	}



	/* å¼¹çª */

	.popup-buy>img {

		width: 5.5rem;

		height: auto;

	}



	.popup-buy {

		position: relative;

	}



	.popup-buy>.handle-btn {

		bottom: 0.5rem;

		display: flex;

		flex-direction: column;

		align-items: center;

	}



	.popup-buy .handle-btn>.btn-box {

		width: 4rem;

		display: flex;

		flex-wrap: wrap;

		justify-content: space-around;

	}



	.popup-buy .handle-btn>.btn-box>a {

		width: 3rem;

		height: .7rem;

		font-size: 0.31rem;

		line-height: 0.5rem;

		text-align: center;

		padding-bottom: 0.05rem;

		margin-bottom: 0.1rem;

	}



	/* å®ä¹ .fancybox-close çæ ·å¼ï¼ä½¿å¶ä½äºå¼¹çªåºé¨å¹¶å±ä¸­ */

	.fancybox-close {

		display: block;

		position: absolute;

		top: auto;

		bottom: -.8rem;

		left: 50%;

		transform: translateX(-50%);

		width: 0.7rem;

		height: 0.7rem;

		background: url('/images/asset-g/black-myth/icon/close.png') center / 98% no-repeat;

		cursor: pointer;

	}



	/* ç¬¬äºå */

	.section-two .container {

		width: 6.5rem;

		padding: 0;

		top: 1rem;

	}



	.section-introduce .bg-text {

		width: 6.1rem;

		height: auto;

		top: auto;

		bottom: -0.45rem;

		left: 50%;

		transform: translate(-50%, 0);

	}



	.section-two .container img {

		width: 3.2rem;

		margin-bottom: 0.2rem;

	}



	.section-two .container>p {

		font-size: 0.24rem !important;

	}



	.section-two .container br {

		display: none;

	}



	/* ç¬¬ä¸å */

	.section-introduce .container {

		width: 6.96rem;

		top: auto;

		left: 50%;

		bottom: 0.95rem;

		transform: translate(-50%, 0%);

	}



	.section-introduce .left-box p {

		font-size: 0.24rem !important;

	}



	.section-introduce .container .left-box {

		width: 100%;

		display: flex;

		flex-direction: column;

		align-items: flex-start;

	}



	.section-introduce .left-box img {

		width: 3.2rem;

		margin: 0 auto 0.2rem;

	}



	.left-box>.text-bg {

		width: 100%;

		padding: 0.5rem 0.5rem 0.8rem;

		margin-top: 0.28rem;

	}



	.section-introduce .btn-box {

		width: 100%;

		margin-top: 0.75rem;

	}



	.left-box>.switch {

		width: 100%;

	}



	.left-box>.switch>img {

		width: 4rem;

		margin-top: -0.3rem;

	}



	.section-introduce ul {

		width: 100%;

		display: flex;

		flex-direction: column;

		align-items: center;

	}



	.section-introduce ul li:first-child {

		margin-bottom: 0.35rem;

	}



	/* ç¬¬åå */

	.switch-box {

		width: 100%;

		display: flex;

		align-items: center;

		justify-content: center;

		margin-top: 0.3rem;

	}



	.section-picture .swiper-slide {

		width: 7rem !important;

		height: 4.8rem !important;

	}



	.swiper-slide .layer-mask {

		border-radius: 12px;

	}



	.section-picture .container>img {

		width: 2.1rem;

		margin-bottom: 0.3rem;

	}



	.switch-box .swiper-button {

		display: none;

	}



	.switch-box .pagination {

		width: 6.08rem;

		justify-content: space-evenly;

	}



	.swiper-pagination-bullet {

		width: 0.36rem;

		height: 0.31rem;

		margin: 0 0rem;

	}



	.swiper-pagination-bullet-active {

		width: 0.36rem;

		height: 0.31rem;

	}



	.swiper-container .swiper-button-front2,

	.swiper-container .swiper-button-after2 {

		display: none;

	}



	.section-video .container {

		width: auto;

		height: auto;

		position: absolute;

		display: block;

		bottom: 1rem;

		left: 50%;

		transform: translate(-50%, 0%);

	}



	.w-video img {

		width: 0.35rem;

		height: 0.34rem;

		margin-top: 0.03rem;

	}



	.w-video span {

		color: #b0aba6;

		font-size: 0.34rem !important;

		line-height: 1;

		margin: 0 0.05rem 0.05rem;

		font-family: "Qingya-Song" !important;

		font-weight: normal;

	}



	.w-video i {

		color: #b0aba6 !important;

		font-size: 0.33rem !important;

	}



	.section-picture .container {

		top: 0.85rem;

	}



	.swiper-slide img {

		width: 7rem;

		height: 4.8rem;

		border-radius: 0.2rem;

		object-fit: cover;

	}



	.swiper-slide a::after {

		content: "";

		width: 7rem;

		height: 4.8rem;

		background: url('../images/asset-h/wuchang/arrow/frame-s.png');

		background-size: 100% 100%;

		background-repeat: no-repeat;

		position: absolute;

		top: 0;

		left: 50%;

		transform: translate(-50%, 0%);

		/* å¢å¼ºç«ä½æ */

		pointer-events: none;

		z-index: 2;

	}



	/* ç¬¬äºå */

	.section-feature .container {

		width: 100%;

		display: flex;

		flex-direction: column;

		align-items: center;

		top: 0.65rem;

	}



	.section-feature .container h1 {

		font-size: 0.34rem !important;

	}



	.left-box .compatible h2 {

		font-size: 0.3rem;

	}



	.section-feature .container p {

		font-size: 0.22rem !important;

		line-height: 1.3;

		margin: 0.2rem 0 0;

	}



	.left-box .compatible p,

	.left-box .compatible p {

		margin: 0.15rem 0 0;

	}



	.section-feature .left-box>div:last-child,

	.section-feature .right-box>div:last-child {

		margin-bottom: 0.2rem;

	}



	.section-feature .left-box,

	.section-feature .right-box {

		width: 6.1rem;

	}



	.section-feature .left-box br,

	.section-feature .right-box br {

		display: none;

	}



	.section-feature .cross,

	.section-feature .shoulder,

	.section-feature .speed,

	.section-feature .base,

	.section-feature .switch,

	.section-feature .joystick {

		height: auto;

		padding: 0 0.36rem;

		margin-bottom: 0.2rem;

	}



	.section-feature .cross {

		height: 2.33rem;

		background: url('/images/asset-h/wuchang/trait/cross-s.png') no-repeat center center;

		background-size: 100% 100%;

		padding: 0 3.25rem 0 0.36rem;

		justify-content: center;

	}



	.section-feature .shoulder {

		height: 6.4rem;

		background: url('/images/asset-h/wuchang/trait/shoulder-s.png') no-repeat center center;

		background-size: 100% 100%;

		padding: 0.4rem 1.3rem 0 0.36rem;

	}



	.section-feature .speed {

		height: 3.32rem;

		background: url('/images/asset-h/wuchang/trait/8speed-s.png') no-repeat center center;

		background-size: 100% 100%;

	}



	.section-feature .speed>p {

		padding-right: 1.55rem;

	}



	.section-feature .speed>span {

		font-size: 0.22rem;

		margin-top: 0.25rem;

	}



	.section-feature .base {

		height: 2.33rem;

		background: url('/images/asset-h/wuchang/trait/base-s.png') no-repeat center center;

		background-size: 100% 100%;

		padding: 0 2.6rem 0 0.36rem;

		justify-content: center;

	}



	.section-feature .base>h1 {

		line-height: 1 !important;

	}



	.section-feature .base>p {

		line-height: 1.2;

		margin: 0.2rem 0 0;

	}



	.section-feature .joystick {

		height: 3.73rem;

		background: url('/images/asset-h/wuchang/trait/joystick-s.png') no-repeat center center;

		background-size: 100% 100%;

		padding: 0 2.85rem 0 0.36rem;

	}



	.section-feature .switch {

		height: 2.53rem;

		background: url('/images/asset-h/wuchang/trait/switch-s.png?00') no-repeat center center;

		background-size: 100% 100%;

		padding: 0 0.4rem 0 2.6rem;

	}



	.section-feature .box>.box1,

	.section-feature .box>.box2 {

		width: 2.95rem;

		height: 2.33rem;

		background: url('/images/asset-h/wuchang/trait/box1-s.png') no-repeat center center;

		background-size: 100% 100%;

	}



	.section-feature .box>.box1 img {

		height: 0.48rem;

	}



	.section-feature .box>.box1 p {

		font-size: 0.24rem !important;

	}



	.section-feature .box>.box2 img {

		width: 0.95rem;

		height: 0.95rem;

	}



	.section-feature .box>.box2>p {

		padding: 0 0.1rem;

		margin: 0.15rem 0 0;

	}



	/* ç¬¬å­å */

	.section-parameter .container {

		width: 6.4rem;

		top: 0.6rem;

	}



	.section-parameter .container>img {

		width: 3.2rem;

	}



	.section-parameter .container .carousel {

		padding: 0.6rem 0 0;

	}



	.section-parameter .container .carousel img {

		width: auto;

	}



	.section-parameter .container .spec>.col-sm-6,

	.section-parameter .container .spec>.col-sm-6>.col-sm-12 {

		padding: 0;

	}



	.section-parameter .container .col-sm-12 {

		text-align: left;

		padding: 0;

	}



	.section-parameter .container .col-sm-12 .mobile-hide {

		display: none;

	}



	.section-parameter.spec h1 {

		font-size: 0.6rem !important;

		line-height: 1.5 !important;

		text-align: center;

	}



	.section-parameter .container h3 {

		font-size: 0.36rem !important;

		margin-top: 0.5rem;

	}



	.section-parameter .container li {

		font-size: 0.24rem !important;

		line-height: 1.5 !important;

		text-align: left;

		list-style: none;

		margin: 0.08rem 0;

	}



	.section-parameter .col-md-6 hr,

	.section-parameter .col-md-12 hr {

		margin: 0.25rem 0;

		border-bottom: 1px solid #716d625e;

	}



	.section-parameter .container .col-md-12>.none-li {

		margin: 0.5rem 0 0;

		padding: 0 0.15rem;

	}



	.section-parameter .container .col-md-12>.none-li>br {

		display: none;

	}



	.section-parameter .container .col-md-12>.none-li:last-child {

		font-size: 0.13rem !important;

		margin: 0;

	}



	.section-parameter .parting {

		width: 7.5rem;

		margin: 0 !important;

		position: absolute;

		top: 0;

		left: 50%;

		transform: translate(-50%, -50%);

	}



	.section-parameter .hr-hide {

		opacity: 0;

		height: 0.5rem;

		margin: 0 !important;

	}



	.divide1,

	.divide4,

	.divide5,

	.divide6 {

		display: block;

		bottom: -0.4rem;

	}



	.divide2,

	.divide3 {

		bottom: -0.4rem;

	}

}



/* 768px å° 1023pxï¼768px å° 1023px - å¹³æ¿åå¤§ææºï¼1k å±å¹ï¼ */

@media only screen and (min-width: 768px) and (max-width: 1023px) {}



/* 1024px å° 1279pxï¼1024px å° 1279px - å°åæ¡é¢åå¤§åå¹³æ¿ï¼1k å° 1.5k å±å¹ï¼ */

@media only screen and (min-width: 1024px) and (max-width: 1279px) {}



@media only screen and (min-width: 1280px) and (max-width: 1365px) {}



/* 1366px å° 1599pxï¼1366px å° 1599px - å¤§åæ¡é¢ï¼2k å±å¹ï¼ */

@media only screen and (min-width: 1366px) and (max-width: 1599px) {}



/* 2560px å° 2879.99pxï¼2560px å° 2880px - ç¹å«éå¯¹ 2560pxï¼2.5k å° 3k å±å¹ï¼ */

@media only screen and (min-width: 2560px) and (max-width: 2879px) {}



/* 2880px åä»¥ä¸ï¼2880px åä»¥ä¸ - è¶é«åè¾¨çè®¾å¤ï¼3k åä»¥ä¸å±å¹ï¼ */

@media only screen and (min-width: 2880px) {}