.wheel::before {content: ' '; width: 1px; height: 35px; background-color: #fff; top: -47px; left: 50%; position: absolute }
.wheel{border: 1px solid rgba(255, 255, 255, 1); width: 30px; transition: opacity .3s ease-in-out; height: 54px; position: absolute; left: 0px;right: 0px;margin: auto; 
	bottom: 20px; border-radius: 50px; opacity: 0; z-index: 20 }
.wheel.show::after {position: absolute; right: 0; bottom: 0; left: 0; margin: auto; background-color: #fff; width: 5px; height: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-animation: trackBallSlide 3s linear infinite; animation: trackBallSlide 3s linear infinite }
.wheel.show {opacity: 1 }
.wheel.show:after {content: ""; top: 0; position: absolute; right: 0; bottom: 0; left: 0; margin: auto; background-color: #fff; width: 5px; height: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-animation: trackBallSlide 3s linear infinite; animation: trackBallSlide 3s linear infinite }
@-webkit-keyframes trackBallSlide {0%, 100%, 30%, 60% {opacity: 1; -webkit-transform: translateY(-12px); transform: translateY(-12px) } 15%, 50% {opacity: 0; -webkit-transform: translateY(8px); transform: translateY(8px) }}
@keyframes trackBallSlide {0%, 100%, 30%, 60% {opacity: 1; -webkit-transform: translateY(-12px); transform: translateY(-12px) } 15%, 50% {opacity: 0; -webkit-transform: translateY(8px); transform: translateY(8px) }}
.breadCrumbs{display: none}
.wrap_background{padding-top: 0px}
.detailCenter{max-width: 1920px;margin: auto;}
.detailBanner{margin-top: -122px;position: relative;}
.detailBanner img{width: 100%;object-fit: cover}
.detailTitle{padding: 1.5rem 0px;border-bottom: 1px solid #eee;}
.detailTitle h2{font-weight: 700;font-size: 3rem;color: var(--color-r);letter-spacing: 1.5px}
/*===*/
.brochure{margin-top: 2rem}
.innerBrochure{position: relative;}
.innerBrochure:after{content:"";position: absolute;left: 0px;top:25px;background: #eee;width: 100%;height: 1px;z-index: -1}
.innerBrochure a{display: inline-block;border-radius: 999px;background: var(--color-r);color: #fff;padding: 10px 30px 12px 30px;
	font-weight: 700;font-size: 16px;letter-spacing: 1px}
/*===*/

/*====*/
.item-price .itemVerx-val{font-size: 30px}
.detailVer-item:not(:last-child){margin-bottom: 1rem;padding-bottom: 1rem;border-bottom: 1px solid #eee;}
.detailVer-item h3{font-size: 1.5rem;color: var(--color-r);font-weight: 700;margin-bottom: 0.5rem}
.itemVerx{width: calc(100% / 5);margin: 0.5rem 0px;font-weight: 500;font-size: 16px;color: var(--color-r);}
.itemVerx-val{font-size:19px;font-weight: 700} 
.itemVerx-val span{font-weight: 400;color: #333;font-size: 16px}


/*===*/
.detailAbout-inner{background: var(--color-r);padding: 2rem;position: relative;z-index: 1}
.detailAbout-inner:after{content:"";position: absolute;right: 0px;width: 5rem;height: 100%;background: #fff;z-index: -1}
.detailAbout-l{width: 35%;padding-right: 3rem;letter-spacing: 1px}
.detailAbout-l h3{font-size: 2rem;color: #fff;font-weight: 700}
.detailAbout-desc{font-size: 15px;color: #fff;margin: 1rem 0px;line-height: 1.7}
.detailAbout-l a{display: inline-block;padding: 10px 20px;border-radius: 999px;border: 1px solid  #eee;font-weight: 600;
color: #fff;text-decoration: none!important}
.detailAbout-r{width: 65%}
.detailAbout-r img{width: 100%}
/*===*/
.detailNavbar-sticky{position: sticky;}
.detailNavbar{background: #eee;top: 102px;z-index: 91;animation: slide-down 1s;}
.detailNavbar span{display: inline-block;padding: 0.7rem 0px;margin-right: 1.5rem;font-weight: 500;cursor: pointer;font-size: 1rem}
.detailNavbar span:hover{color: var(--color-r);text-shadow:0 0 1px var(--color-r)}
.detailNavbar span.active{color: var(--color-r);font-weight: 700}
/*===*/
.bmx h2{font-weight: 700;color: var(--color-r);font-size:1.7rem;margin-bottom: 2rem}
.itemBmx{text-align: center;}
.itemBmx img{max-width: 100%;margin: auto;border-radius: 15px}
.itemBmx h3{font-weight: 700;font-size: 18px;margin-top: 1.5rem;letter-spacing: 1px}
.nav-slickCus .slick-prev,.nav-slickCus .slick-next{width:inherit; height:inherit;color: #ddd}
.nav-slickCus .slick-prev:before,.nav-slickCus .slick-next:before{font-family: "Font Awesome 5 Pro";content: "\f053";opacity: 1;
color: #ddd;font-size: 2.8rem;font-weight:300}
.nav-slickCus .slick-prev{left: -1.5rem;}
.nav-slickCus .slick-next{right: -1.5rem;transform: translate(0,-51%) rotate(-180deg);}
.slickCus2 .slick-prev{left: -2.5rem;}
.slickCus2 .slick-next{right: -2.5rem;}
.slickCus2.slick-slider{padding-bottom: 0px!important}
.slickCus2 .slick-dots{bottom: 10px}
.slickCus2 .slick-dots li button:before{color: #00000042}
/*====*/
.mt-detail{margin-top: 3rem}
.detail-title{text-align: center;margin-bottom:3rem}
.detail-title h2{font-weight: 700;color: var(--color-r);font-size:2.5rem;letter-spacing: 1px;margin-bottom: 0px}
/*====*/
.detailExterior-content{margin-top: 3rem}
.item-ExteriorSl img{width: 100%;border-radius: 15px}
.item-collapse:not(:last-child){margin-bottom: 1.2rem;padding-bottom: 1.2rem;border-bottom: 2px solid #eee;}
.item-collapse h3{font-size: 18px;font-weight: 700;cursor: pointer;line-height: 1.6}
.item-collapse h3 i{font-size: 1.7rem;}
.desc-collapse{margin: 1rem 0px;display: none;font-size: 17px;line-height: 1.8}
.item-collapse.active .desc-collapse{display: block;}
.item-collapse.active i{transform: rotate(180deg);}
/*====*/
.item-ExteDoubt{width: calc(100% / 2);margin-bottom: 30px;}
.item-ExteDoubt img{width: 100%;border-radius: 15px}
.item-ExteDoubt h3{font-weight: 700;font-size: 1.1rem;color: var(--color-r);margin-top: 0.5rem;line-height: 1.5;letter-spacing: 1px}
.item-ExteDoubt p{font-size: 17px;margin-bottom: 0px}
/*===*/
.item-Ability{width: 50%;margin-bottom: 30px}
.item-Ability .innerAbility{border: 1px solid var(--color-r);border-radius: 10px;padding:1rem;height: 100%}
.ability-tit{font-weight: 700;font-size:18px;line-height: 1.6}
.ability-desc{font-size: 16px;color: #353535;line-height: 1.5}
.ability-photo img{width: 100%;border-radius: 15px}
.ability-photo{margin-bottom: 2rem}
/*===*/
.item-systemMedia{margin-top: 2rem;width: calc(100% / 2)}
.item-systemMedia img{width: 100%;border-radius: 15px}
.system-photo{width: 49%}
.system-photo img{width: 100%;border-radius: 15px}
.system-content{width: 49%}
/*===*/
.detailInfo .detail-title{margin-bottom: 1rem}
.detailInfo-content{position: relative;}
.detailInfo-inner{font-size: 17px;overflow: hidden;}
.detailInfo-collapse{text-align: center;padding-top:2rem}
.detailInfo-collapse span{font-size: 16px;display: inline-block;border-radius: 999px;border: 1px solid var(--color-r);
padding: 8px 30px;font-weight: 600;cursor:pointer;}
.detailInfo-collapse span i{margin-left: 10px}
.detailInfo-collapse {
    position: absolute;bottom: 0px;width: 100%;height: 80px;
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, 
	rgba(255, 255, 255, 0.7) 21.88%, rgba(255, 255, 255, 0.95) 45.31%,
	rgb(255, 255, 255) 67.71%, rgb(255, 255, 255) 100%);
}
.detailInfo-collapse .detailInfo-contentLess{display: none;}
.showMore .detailInfo-collapse{height: 30px;}
.showMore .detailInfo-contentMore{display: none;}
.showMore .detailInfo-contentLess{display: inline-block;}
.showMore .detailInfo-inner{max-height: inherit!important;}
.showMore .detailInfo-collapse{background: transparent;position:static;}


@media (max-width:1248px) {
	.wrap-content{max-width: 1100px}
	.slickCus2 .slick-next,.nav-slickCus .slick-next{right: 10px!important}
	.slickCus2 .slick-prev,.nav-slickCus .slick-prev{left: 10px!important}
	.nav-slickCus .slick-prev:before, .nav-slickCus .slick-next:before{font-size: 1.5rem}
}

@media (max-width:1024px) {
	.detailNavbar{top:72px;background: #fff}
	.detailNavbar-sticky{width: 50px;padding: 10px 0px;border-radius:0px 10px 10px 0px;box-shadow: 0px 0px 4px 2px #0000001f}
	.detailNavbar-sticky span{font-size: 0px;margin: 3px 0px}
	.detailNavbar-sticky i{font-size: 17px;}
	.detailBanner{margin-top: -47px}
	.wheel{transform: scale(0.7);}
}

@media (max-width:992px) {

	.detailTitle{padding: 1rem 0px}
	.detailTitle h2{font-size: 1.8rem}
	.mt-detail{margin-top: 1.5rem}

	.detailVer-item h3{font-size: 1.2rem}
	.itemVerx{width: calc(100% / 2);font-size: 15px}
	.itemVerx-val{font-size: 18px}
	.innerBrochure a{font-size: 14px}

	.detailAbout-inner{padding: 1rem}
	.detailAbout-r{width: 100%}
	.detailAbout-l{width: 100%;order: 3;padding: 0px;margin-top: 15px}
	.detailAbout-inner:after{display: none}
	.detailAbout-l h3{font-size: 1.3rem}

	.detailNavbar span{padding: 0.5rem 0px;margin:0px 0.5rem}
	.detailNavbar .wrap-content{text-align: center;}

	.itemBmx h3{margin-top: 10px;font-size: 15px}
	.detail-title h2{font-size: 1.5rem;}
	.detail-title{margin-bottom: 1rem}

	.item-collapse h3{font-size: 16px;}
	.detailExterior-content{margin-top: 2rem}
	.item-ExteDoubt{margin-bottom: 20px}
	.item-ExteDoubt h3{font-size:0.9rem}
	.item-ExteDoubt p{font-size: 15px}
	.ability-tit{font-size: 16px}
	.item-Ability{margin-bottom: 10px}

	.item-systemMedia{margin-top: 10px}

	.item-collapse h3 i{font-size: 1rem}

	.slickCus2 .slick-dots{display: none!important}

}

@media (max-width:600px) {
	.system-photo{width: 100%;margin-bottom: 1rem}
	.system-content{width: 100%}
	.system-photo{height: 400px}
	.system-photo img{height: 100%;object-fit: cover;}

	.detailBanner{height: 250px;position: relative;}
	.detailBanner img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0px}

	.item-ExteDoubt{width: 100%}
	.item-Ability{width: 100%}
	.wheel{bottom: 10px}
	.item-price{width: 100%;margin-top: 15px}
	.detailVer-title span{margin-right: 0px!important}
}