.itinerary-top {
	display: flex;
}
.itinerary-laber {
	width: 33.33%;
	position: relative;
}
.itinerary-laber > img {
	display: block;
	width: 100%;
}
.itinerary-text {
	position: absolute;
	color: #fff;
	bottom: 0.36rem;
	left: 0.42rem;
}
.itinerary-text-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.itinerary-h {
	font-size: 0.28rem;
	margin-bottom: 0.1rem;
}
.itinerary-p {
	font-size: 0.24rem;
}
.itinerary-bt {
	width: 1.5rem;
	height: 0.5rem;
	text-align: center;
	line-height: 0.5em;
	font-size: 0.2rem;
	background: #fabd00;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #000;
	display: none;
	margin-top: 0.3rem;
}
.itinerary-bt img {
	margin-left: 8px;
	margin-top: 2px;
}
.itinerary-text {
	transition: all 0.3s;
}
.itinerary-laber:hover .itinerary-text {
	bottom: 0.49rem;
}
.itinerary-laber:hover .itinerary-bt {
	display: flex;
}
.itinerary-laber:hover .itinerary-text-box {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.itinerary-bottom {
	background: #000000;
	color: #fff;
	padding-bottom: 0.6rem;
}
.itinerary-li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.6rem;
}
.itinerary-left {
	padding-left: 0.9rem;
	padding-right: 0.25rem;
}
.itinerary-right {
}
.itinerary-right img {
	display: block;
	width: 12.5rem;
	height: 8rem;
	object-fit: cover;
}
.itinerary-headtop {
	text-align: center;
	line-height: 0.62rem;
	font-size: 0.26rem;
}
.itinerary-bottom .itinerary-bt {
	display: flex;
	margin-top: 1.3rem;
}
.itinerary-title {
	border-left: 5px solid #fabd00;
	margin-bottom: 0.4rem;
	padding-left: 0.3rem;
	box-sizing: border-box;
}
.itinerary-user {
	color: #999999;
	font-size: 0.16rem;
	display: flex;
	align-items: center;
}
.itinerary-user span {
	margin-right: 0.15rem;
}
.itinerary-user img:first-child {
	width: 0.3rem;
	height: 0.3rem;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 8px;
}
.itinerary-user img {
}
.itinerary-head {
	font-size: 0.38rem;
	line-height: 0.38rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.itinerary-h2 {
	font-size: 0.2rem;
	line-height: 0.32rem;
	width: 5rem;
}
.itinerary-li.active {
	justify-content: left;
}
.itinerary-li.active .itinerary-left {
	padding-left: 0.6rem;
}
.itinerary-box {
	font-family: 'HYZhongHeiJ';
	padding-top: 0.7rem;
}
.details-box {
	width: 14rem;
	margin: auto;
	background: #fff;
	box-sizing: border-box;
	padding: 0.4rem 1rem;
}
.details-head {
	font-size: 0.32rem;
	color: #000;
}
.details-top {
	border: 1px solid #e7e7e7;
	padding: 0.17rem 0.21rem;
	display: flex;
	align-items: center;
	margin-top: 20px;
}
.details-top > img {
	width: 0.9rem;
	height: 0.9rem;
	border-radius: 50%;
	margin-right: 20px;
}
.details-h {
	font-size: 0.24rem;
	color: #000;
	font-weight: bold;
}
.details-add {
	color: #666666;
	display: flex;
	align-items: center;
	font-size: 0.16rem;
	margin: 4px 0;
}
.details-p {
	color: #999999;
	font-size: 0.16rem;
}
.details-bottom {
	padding: 40px 0;
}
.details-bottom img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 0.5rem;
}
.details-ps {
	font-size: 0.16rem;
	line-height: 0.28rem;
	margin-bottom: 0.2rem;
}
.details-btbox {
	display: flex;
	justify-content: center;
	align-items: center;
}
.details-bt {
	display: flex;
	align-items: center;
	width: 1.5rem;
	border: 1px solid #333333;
	text-align: center;
	line-height: 0.48rem;
	height: 0.5rem;
	font-size: 0.2rem;
	justify-content: center;
	margin: 0 20px;
	cursor: pointer;
}
.details-bt img {
	margin-top: 0.03rem;
	margin-left: 0.06rem;
}
.discussion-box {
	display: flex;
	justify-content: space-between;
	padding: 40px 100px;
	background: #e7e7e7;
	width: 14rem;
	margin: auto;
}
.discussion-right {
	width: 3.85rem;
}
.recommend-head {
	color: #000000;
	font-size: 0.28rem;
	line-height: 0.28rem;
}
.recommend-ul {
	margin-top: 0.3rem;
}
.recommend-li {
	font-size: 0.18rem;
	line-height: 0.28rem;
	margin-bottom: 0.2rem;
	border-left: 3px solid #fabe00;
	padding-left: 0.16rem;
}
.discussion-left {
	width: 750px;
}
.discussion-head {
	color: #000000;
	font-size: 0.28rem;
	line-height: 0.28rem;
	margin-bottom: 0.3rem;
}
.discussion-li {
	display: flex;
	margin-bottom: 0.3rem;
}
.discussion-img {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 0.16rem;
}
.discussion-img img {
	display: block;
	width: 100%;
	height: 100%;
}
.discussion-text {
	width: calc(100% - 0.66rem);
}
.discussion-h {
	font-size: 0.2rem;
	line-height: 0.24rem;
	color: #000;
}
.discussion-p {
	color: #999999;
	margin-top: 0.1rem;
	font-size: 0.16rem;
}
.discussion-time {
	font-size: 0.16rem;
	line-height: 0.26rem;
	color: #636363;
	margin-top: 0.06rem;
}
.pagination-ul {
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagination-li {
	width: 0.34rem;
	height: 0.34rem;
	line-height: 0.34rem;
	text-align: center;
	font-size: 0.12rem;
	margin-right: 0.08rem;
	background: #fff;
	cursor: pointer;
}
.pagination-li.active {
	background: #feb800;
}
.swiper-slide {
	position: relative;
}
.swiper-text {
	position: absolute;
	color: #fff;
	left: 2.6rem;
	bottom: 1.2rem;
}
.swiper-h {
	font-size: 0.46rem;
	line-height: 0.46rem;
}
.swiper-p {
	font-size: 0.22rem;
	margin-top: 0.15rem;
}
.adventure-swiper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 14rem;
	position: absolute;
	top: 8.92rem;
	left: 2.61rem;
	z-index: 999;
}
.swiper-img {
	cursor: pointer;
	border: 3px solid transparent;
}
.swiper-img.active {
	border: 3px solid #feb800;
}
.swiper-img img {
	width: 3.3rem;
	height: 1.68rem;
}
.adventure-page {
	background: #242424;
	padding: 1.4rem 2.61rem;
	color: #fff;
}
.adventure-nav {
	display: flex;
	align-items: center;
}
.nav-li {
	font-size: 0.14rem;
	line-height: 0.24rem;
	border-bottom: 2px solid #242424;
	color: #fff;
	opacity: 0.8;
	cursor: pointer;
	margin-right: 0.6rem;
	padding-bottom: 0.1rem;
}
.nav-li.active {
	color: #fff;
	border-bottom: 2px solid #ffba00;
	opacity: 1;
}
.adventure-box {
}
.adventure-head {
	text-align: center;
	font-size: 0.24rem;
	line-height: 0.36rem;
	margin-top: 0.3rem;
	margin-bottom: 0.22rem;
}
.adventure-ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	color: #fff;
}
.adventure-li {
	width: 4.4rem;
	background: #2d2d2d;
	margin-bottom: 0.3rem;
	cursor: pointer;
}
.adventure-top {
	position: relative;
}
.adventure-top img {
	width: 100%;
	height: 2.4rem;
	display: block;
	object-fit: cover;
}
.adventure-top .bf {
	width: 0.4rem;
	height: 0.4rem;
	left: 0.2rem;
	bottom: 0.17rem;
	position: absolute;
}
.adventure-bottom {
	padding: 0.22rem;
}
.adventure-h {
	font-size: 0.24rem;
	margin-bottom: 0.1rem;
}
.adventure-user {
	display: flex;
	align-items: center;
}
.adventure-user img {
	width: 0.3rem;
	height: 0.3rem;
	border-radius: 50%;
	margin-right: 0.08rem;
}
.adventure-user span {
	margin-right: 0.15rem;
}
.adventure-top .time {
	position: absolute;
	right: 0.15rem;
	bottom: 0.2rem;
	font-size: 0.14rem;
}
.adventure-bt {
	width: 1.5rem;
	border: 1px solid #ffffff;
	font-size: 0.2rem;
	text-align: center;
	line-height: 0.5rem;
	margin: auto;
	cursor: pointer;
	font-weight: bold;
}
.adventure-bt.active {
	background: #fabd00;
	border: 1px solid #fabd00;
	color: #000;
}
.adventurelist-box {
	width: 14rem;
	margin: auto;
	padding-top: 0.3rem;
}
.adventurelist-head {
	display: flex;
	align-items: center;
	font-size: 0.2rem;
	color: #fff;
	margin-bottom: 0.3rem;
	cursor: pointer;
	width: 1.5rem;
}
.adventurelist-head img {
	margin-right: 0.1rem;
}
.adventurelist-input {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.17rem;
}
.adventurelist-left {
}
.adventurelist-right {
	font-size: 0.16rem;
	color: #636363;
}
.adventurelist-left input {
	width: 3.62rem;
	height: 0.4rem;
	background: none;
	border: 1px solid #d9d9d9;
	padding-left: 0.1rem;
	color: #fff;
}
.adventuredetails-box {
	background: #000000;
	padding-bottom: 0.6rem;
}
.adventuredetails-top {
	display: flex;
	justify-content: space-between;
}
.adventuredetails-video {
	width: 100%;
	height: 9rem;
}
.adventuredetails-video video {
	width: 100%;
	height: 100%;
	background: #fff;
	object-fit: contain;
}
.adventuredetails-ul {
	width: calc(100% - 14.5rem);
}
.adventuredetails-li-box {
	height: 8.16rem;
	overflow: auto;
}
.adventuredetails-li-box::-webkit-scrollbar {
	width: 0 !important;
}
.adventuredetails-head {
	line-height: 0.84rem;
	font-size: 0.24rem;
	color: #fff;
	padding: 0 0.3rem;
}
.adventuredetails-li:hover {
	background: #242424;
}
.adventuredetails-li.active {
	background: #242424;
}
.adventuredetails-li {
	padding: 0.2rem 0.3rem;
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
.adventuredetails-time {
	position: absolute;
	font-size: 0.12rem;
	bottom: 0.06rem;
	right: 0.06rem;
}
.adventuredetails-img img {
	width: 1.36rem;
	height: 0.9rem;
}
.adventuredetails-img {
	position: relative;
}
.adventuredetails-text {
	width: calc(100% - 1.54rem);
}
.adventuredetails-h {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	margin-bottom: 0.3rem;
}
.adventuredetails-p {
	color: #636363;
	font-size: 0.16rem;
}
.adventuredetails-bottom {
	width: 14.6rem;
	background: #242424;
	margin: 0.4rem auto;
	display: flex;
	padding: 0.1rem 0;
}
.adventuredetails-bottom .adventuredetails-ul {
	width: 4.65rem;
	height: 100%;
}
.adventuredetails-bottom .adventuredetails-li:hover {
	background: #000000;
}
.adventuredetails-left {
	padding: 0.3rem 0.4rem;
	border-right: 1px solid #636363;
}
.discussion-left .discussion-ul {
	height: 7rem;
	overflow: auto;
}
.discussion-left .discussion-ul::-webkit-scrollbar {
	width: 0 !important;
}
.discuss-box {
	color: #fff;
	border-bottom: 1px dashed #c8c8c8;
	padding: 0.2rem 0 0.4rem 0;
	margin-bottom: 0.4rem;
}
.adventuredetails-bottom .discussion-head {
	color: #fff;
}
.adventuredetails-bottom .discussion-h {
	color: #fff;
}
.adventuredetails-bottom .discussion-p {
	color: #e7e7e7;
}
.adventuredetails-bottom .discussion-left {
	width: 100%;
}
.discuss-top {
	display: flex;
	align-items: center;
}
.discuss-bottom {
	font-size: 0.16rem;
	color: #e7e7e7;
	margin-top: 0.24rem;
}
.discuss-head {
	border: 0.5px solid #e1e1e1;
	border-radius: 100px;
	width: 1rem;
	height: 1rem;
	padding: 0.05rem;
	margin-right: 0.18rem;
}
.discuss-head img {
	width: 100%;
	height: 100%;
	display: block;
}
.discuss-text {
}
.discuss-h {
	font-size: 0.24rem;
}
.discuss-p {
	color: #999999;
	font-size: 0.16rem;
	display: flex;
	align-items: center;
	margin-top: 0.05rem;
}
.discuss-p img {
	margin-right: 0.06rem;
}
.discussion-reply {
	padding: 0.1rem 0.15rem;
	margin-top: 0.1rem;
	color: #fff;
	display: flex;
}
.item img {
	width: 100%;
	margin-bottom: 0.16rem;
}
#wrapper {
	min-width: 250px;
	max-width: 14.6rem;
	margin: 0 auto;
}
/*品牌列表*/
.brand-list .brand-bd {
	position: relative;
	margin-left: 10px;
	margin-top: 0.4rem;
}
.brand-list .item,
.brand-list .additem {
	cursor: pointer;
	padding: 0.2rem 0.15rem;
	box-sizing: border-box;
	position: absolute;
	width: 4.6rem;
	top: 0;
	left: 40%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.brand-list .hover {
	background-color: #000000;
}
.brand-list .additem {
	padding: 0;
	width: 4.4rem;
	border: none;
}

.list-text {
}
.list-h {
	color: #fff;
	font-size: 0.24rem;
}
.list-p {
	font-size: 0.16rem;
	line-height: 0.26rem;
	color: #fff;
}
.list-user {
	display: flex;
	align-items: center;
	color: #999999;
	font-size: 0.16rem;
	margin-top: 0.1rem;
	margin-bottom: 0.16rem;
}
.list-user img {
	width: 0.3rem;
	height: 0.3rem;
	margin-right: 0.08rem;
	margin-bottom: 0;
}
.list-user span {
	margin-right: 0.16rem;
}
.wrapper-head {
	font-size: 0.24rem;
	line-height: 0.68rem;
	text-align: center;
	color: #fff;
	background: #000000;
}

.personalcenter-box {
	width: 12rem;
	margin: auto;
}
.personalcenter-top {
	background: #fff;
	display: flex;
	align-items: center;
	padding: 0.24rem;
}
.personalcenter-head {
	border: 0.5px solid #e1e1e1;
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 50%;
	padding: 0.05rem;
	margin-right: 0.24rem;
}
.personalcenter-head img {
	width: 100%;
	height: 100%;
}
.personalcenter-text {
}
.personalcenter-h {
	font-weight: 600;
	font-size: 0.24rem;
	line-height: 0.24rem;
	color: #333333;
	margin-bottom: 0.08rem;
}
.personalcenter-p {
	font-weight: 400;
	font-size: 0.14rem;
	color: #666666;
}
.personalcenter-p span {
	color: #333333;
	font-size: 0.2rem;
	margin-left: 0.03rem;
}
.personalcenter-p span.active {
	font-size: 0.14rem;
	color: #feb800;
	margin-left: 0.15rem;
	cursor: pointer;
}
.personalcenter-bottom {
	margin-top: 0.16rem;
	display: flex;
	justify-content: space-between;
}
.personalcenter-right {
	background: #fff;
	width: 9.44rem;
}
.personalcenter-left {
	width: 2.4rem;
	background: #fff;
	padding: 0.16rem;
	box-sizing: border-box;
}
.personalcenter-nav {
	margin-bottom: 0.08rem;
	background: #fff;
	line-height: 0.44rem;
	padding: 0 0.12rem;
	color: #666;
	font-size: 0.16rem;
	cursor: pointer;
}
.personalcenter-nav.active {
	background: url('../images/y.png') no-repeat 13px center #feb800;
	color: #333;
	font-weight: bold;
	padding-left: 0.32rem;
}
.personalcenter-nav:hover {
	color: #000;
}
.personalcenter-title {
	padding: 0.24rem 0.26rem;
	padding-top: 0.3rem;
	font-size: 0.18rem;
	color: #333;
	font-weight: bold;
	position: relative;
	border-bottom: 1px solid #d9dadc;
}
.personalcenter-title:before {
	content: '';
	display: block;
	position: absolute;
	background: #feb800;
	width: 0.72rem;
	height: 2px;
	bottom: 0;
}
.personalcenter-ul {
	display: flex;
	height: 8.18rem;
	overflow: auto;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0.2rem 0.36rem;
}
.personalcenter-li {
	width: 4.2rem;
	height: 3.82rem;
	background: url('../images/carbg1.png') no-repeat;
	background-size: 100% 100%;
	margin-bottom: 0.3rem;
	padding: 0.22rem 0.265rem;
	position: relative;
}
.personalcenter-li img {
	margin-top: 0.25rem;
}
.orderform-h {
	font-weight: 400;
	font-size: 0.2rem;
	line-height: 0.2rem;
	color: #333333;
	margin-bottom: 0.05rem;
}
.orderform-p {
	font-weight: 400;
	font-size: 0.14rem;
	color: #636363;
}
.orderform-p2 {
	position: absolute;
	color: #aa0c0c;
	font-size: 0.12rem;
}
.orderform-number {
	display: flex;
	align-items: center;
	margin-top: 0.15rem;
}
.number-box {
	font-size: 0.12rem;
	color: #636363;
	margin-right: 0.4rem;
}
.number-box span {
	font-weight: 700;
	font-size: 0.18rem;
	line-height: 0.2rem;
	color: #333333;
}
.orderform-bt-box {
	display: flex;
	margin-top: 0.2rem;
}
.orderform-bt {
	background: #ffba00;
	line-height: 0.4rem;
	padding: 0 0.14rem;
	color: #000;
	text-align: center;
	font-size: 0.14rem;
	cursor: pointer;
	margin-right: 0.15rem;
}
.orderform-bt.bt2 {
	border: 1px solid #333333;
	background: transparent;
}
.orderform-laber {
	position: absolute;
	right: 0;
	top: 0;
	background: #636363;
	border-radius: 0px 0px 0px 6px;
	color: #bfbfbf;
	padding: 0.04rem;
	font-size: 0.12rem;
}
.orderform-laber.active {
	background: #ffba00;
	color: #333333;
}
.integral-box {
	padding: 0.24rem 0.22rem;
}
.integral-top {
	background: #f8f8f8;
	padding: 0.08rem 0;
	height: 0.8rem;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
.integral:first-child {
	border-right: 1px solid #d9d9d9;
}
.integral {
	text-align: center;
	padding: 0 0.5rem;
}
.integral-number {
	font-family: 'DIN';
	font-style: normal;
	font-weight: 700;
	font-size: 0.3rem;
	line-height: 0.2rem;
	color: #333333;
}
.integral-name {
	font-family: 'HYZhongDengXianJ';
	font-style: normal;
	font-weight: 400;
	font-size: 0.14rem;
	color: #333333;
	margin-top: 0.12rem;
}
.integral-ul {
	height: 6.8rem;
	overflow: auto;
}
.integral-li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px dashed #e4e4e4;
	padding: 0.16rem 0;
}
.integral-left {
}
.integral-right {
	color: #ffba00;
	font-size: 0.16rem;
}
.integral-h {
	font-family: 'HYZhongHeiJ';
	font-style: normal;
	font-weight: 600;
	font-size: 0.16rem;
	color: #333333;
}
.integral-p {
	font-size: 0.14rem;
	color: #666666;
	margin-top: 0.05rem;
}
.personaldetails-box {
	padding: 0.24rem 0.32rem;
}
.personaldetails-top {
	margin-bottom: 0.22rem;
	text-align: center;
	position: relative;
}
.personaldetails-top img {
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	display: block;
	margin: auto;
}
.txbox {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(.png);
	text-align: center;
	width: 1rem;
	height: 1rem;
	color: #fff;
	line-height: 1rem;
	border-radius: 100%;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: calc(50% - 0.5rem);
}
.personaldetails-ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.personaldetails-li {
	width: 4.3rem;
	margin-bottom: 0.2rem;
}
.personaldetails-li.active {
	width: 100%;
}
.personaldetails-li input,
select {
	border: 1px solid #d9d9d9;
	width: 100%;
	height: 0.4rem;
	margin-top: 0.05rem;
	padding-left: 0.14rem;
	font-size: 0.14rem;
	font-family: 'HYZhongHeiJ';
}
.personaldetails-bt {
	width: 4.28rem;
	height: 0.5rem;
	background: #ffba00;
	text-align: center;
	line-height: 0.5rem;
	color: #000;
	font-size: 0.14rem;
	cursor: pointer;
	margin: auto;
}
.label-ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 0.1rem;
}
.label-li {
	width: 1rem;
	height: 0.32rem;
	border: 1px solid #bfbfbf;
	border-radius: 100px;
	color: #888888;
	line-height: 0.28rem;
	text-align: center;
	margin-right: 0.18rem;
	margin-bottom: 0.1rem;
	cursor: pointer;
	font-size: 0.12rem;
}
.label-li.active {
	background: #ffba00;
	color: #333333;
	border: 1px solid #ffba00;
}
.personaldetails-li textarea {
	border: 1px solid #d9d9d9;
	width: 100%;
	height: 0.78rem;
	margin-top: 0.05rem;
	font-size: 0.14rem;
	font-family: 'HYZhongHeiJ';
	padding: 0.12rem;
	resize: none;
}
.orderdetail-box {
	background: url('../images/carbg.png') no-repeat;
	background-size: auto 100%;
	width: 100%;
	height: calc(100vh - 70px);
	position: relative;
}
.orderdetail-right {
	background: url('../images/Rectangle .png') no-repeat;
	background-size: 100% 100%;
	width: 7.25rem;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 0.43rem;
	box-sizing: border-box;
	overflow: auto;
}
.orderdetail-left {
	position: absolute;
	font-weight: 400;
	font-size: 0.2rem;
	line-height: 0.24rem;
	color: #ffffff;
	left: 0.35rem;
	top: 0.35rem;
	cursor: pointer;
}
.orderdetail-top {
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 0.2rem;
	margin-bottom: 0.2rem;
}
.orderdetail-h {
	font-size: 0.24rem;
	line-height: 0.24rem;
	color: #333333;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.13rem;
}
.orderdetail-h span {
}
.orderdetail-p {
	font-size: 0.18rem;
	color: #333333;
}
.orderdetail-ul {
	border-bottom: 1px dashed #cdcdcd;
	margin-bottom: 0.3rem;
	padding-bottom: 0.1rem;
}
.orderdetail-li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 0.18rem;
	color: #333;
	line-height: 0.5rem;
}
.orderdetail-head {
	font-family: 'HYDaHeiJ';
	font-style: normal;
	font-weight: 400;
	font-size: 0.24rem;
	line-height: 0.24rem;
	color: #333333;
	margin-bottom: 0.2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.orderdetail-head span {
	color: #feb800;
	font-size: 0.16rem;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.orderdetail-head img {
	margin-left: 0.05rem;
}
.orderdetails-left {
}
.orderdetails-right {
}
.orderdetail-li.active {
	border-bottom: none;
}
.orderdetail-li.active .orderdetails-right {
	color: #aa0c0c;
	font-size: 0.18rem;
	font-family: 'DIN';
	font-weight: bold;
}
.orderdetail-bt-box {
	display: flex;
	justify-content: flex-end;
}
.orderdetail-bt-box .orderform-bt {
	width: 1.6rem;
}
.orderdetail-bt-box .bt2 {
	width: 0.9rem;
}
.orderdetail-bottom {
	color: #aa0c0c;
	font-size: 0.14rem;
	margin-top: 0.18rem;
	text-align: right;
}
.itinerary-laber img.itinerary-laber-cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.discussion-left .discussion-ul {
	min-height: 3rem;
	height: auto;
}
.pagination {
	margin-right: 0.08rem;
}

/**新首页**/
.banner-box {
	position: relative;
	width: 100%;
	height: 100%;
}
.banner-box img {
	width: 100%;
}
.banner-box .banner-text {
	position: absolute;
	top: 2.4rem;
	left: 1.6rem;
	width: 4.05rem;
}
.banner-bt {
	position: absolute;
	width: 1.556rem;
	height: 0.505rem;
	font-family: 'HYZhongHeiJ';
	font-size: 18.5px;
	line-height: 0.505rem;
	letter-spacing: 0.01em;
	color: #000000;
	background: #ffb72c;
	text-align: center;
	cursor: pointer;
	top: 2.98rem;
	left: calc(50% - 0.778rem);
	overflow: hidden;
	z-index: 1;
	transition: 0.5s;
}
.ewm-box {
	position: absolute;
	text-align: center;
	right: 0.8rem;
	bottom: 0.745rem;
}
.ewm-box img {
	width: 1.21rem;
}
.ewm-box p {
	font-size: 0.16rem;
	line-height: 0.22rem;
	text-align: center;
	color: #ffffff;
	margin-top: 0.18rem;
}
.video-box2 {
	/*width: 16rem;
  height: 7.78rem;
  margin:1.06rem  auto;*/
	position: relative;
	width: 100%;
	height: calc(100vh - 70px);
	transform: scale(0.8);
}
.video-box2 video {
	width: 100%;
	height: 100%;
	object-fit: fill;
}
.video-text {
	position: absolute;
	left: 0.8rem;
	top: 0.8rem;
	z-index: 10;
}
.vtext-h {
	font-family: 'FZLanTingHeiS-M-GB';
	font-size: 0.58rem;
	color: #fff;
}
.vtext-p {
	font-family: 'FZLanTingHeiS-L-GB';
	font-size: 0.16rem;
	color: #fff;
	width: 3.3rem;
	line-height: 0.26rem;
	margin-top: 0.19rem;
}
.vtext-bt {
	width: 2.53rem;
	height: 0.69rem;
	background: #ffb72c;
	font-size: 0.18rem;
	color: #000;
	line-height: 0.69rem;
	text-align: center;
	font-family: 'HYZhongHeiJ';
	cursor: pointer;
	font-weight: bold;
	margin-top: 0.52rem;
}
.firststop-box {
	display: flex;
	width: calc(100% - 3.2rem);
	margin: auto;
	justify-content: space-between;
	padding-bottom: 1.06rem;
	margin-top: 1.06rem;
}
.firststop-right {
	position: relative;
}
.ab {
	position: absolute;
	top: 1.3rem;
	left: 0;
}
.firststop-left {
	width: 40%;
	position: relative;
	/*padding-top: 0.1rem;*/
}
.firststop-right .img {
	position: absolute;
	left: -2.6rem;
	top: 0.2rem;
}
.firststop-h {
	font-size: 0.4rem;
}
.firststop-p {
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1.5;
	/*margin-top: 0.2rem;*/
}
.testdrive-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.testdrive-left {
	background: url('../images/l1.png') no-repeat center center;
	background-size: auto 100%;
	width: 50%;
	height: 7.91rem;
	color: #fff;
	position: relative;
	overflow: hidden;
	transition-property: all;
	transition-duration: 0.5s;
}
.testdrive-right {
	background: url('../images/l2.png') no-repeat center center;
	background-size: auto 100%;
	width: 50%;
	height: 7.91rem;
	color: #fff;
	position: relative;
	overflow: hidden;
	transition-property: all;
	transition-duration: 0.5s;
}
.testdrive-left.active {
	width: 70%;
}
.testdrive-right.active {
	width: 70%;
}
.testdrive-bottom {
	position: absolute;
	background: rgba(255, 255, 255, 0.06);
	backdrop-filter: blur(50px);
	/* Note: backdrop-filter has minimal browser support */
	width: 12.37rem;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.36rem 0.8rem;
}
.testdrive-bottom .vtext-bt {
	margin-top: 0;
}
.testdrive-h {
	font-size: 0.34rem;
	margin-bottom: 0.16rem;
}
.testdrive-p {
	font-size: 0.16rem;
}
.news-box {
	padding-bottom: 1.05rem;
}
.news-ul {
	width: calc(100% - 3.2rem);
	margin: auto;
	display: flex;
	justify-content: space-between;
}
.news-li {
	width: 7.76rem;
}
.news-li img {
	width: 100%;
	display: block;
	object-fit: cover;
}
.news-h {
	font-size: 0.26rem;
	margin-top: 0.26rem;
	color: #000;
}
.news-p {
	font-size: 0.16rem;
	color: #000;
	margin-top: 0.16rem;
}
.news-box .vtext-bt {
	margin: auto;
	margin-top: 0.7rem;
}
.news-head {
	font-family: 'FZLanTingHeiS-M-GB';
	font-size: 0.6rem;
	width: calc(100% - 3.2rem);
	margin: auto;
	margin-top: 1.06rem;
	margin-bottom: 0.52rem;
}

.stage-box {
	background: url('../images/stage1.png') no-repeat;
	background-size: 100%;
	padding-top: 6.78rem;
}
.stage-top {
}
.stage-top img {
	width: 13.54rem;
	display: block;
	margin: auto;
}
.stage-bottom {
	display: flex;
	background: rgba(35, 35, 35, 0.8);
	width: 9.5rem;
	margin: auto;
	margin-top: 0.8rem;
	color: #fff;
	padding: 0.4rem 0.61rem;
	align-items: self-end;
	justify-content: space-between;
}
.stage-left {
	width: 4.13rem;
}
.stage-right {
	font-size: 0.16rem;
	text-align: center;
}
.stage1 {
	background: url('../images/stage2.png') no-repeat;
	background-size: 100% 100%;
	padding-bottom: 1rem;
}
.stage-h {
	font-family: 'Source Han Sans SC';
	font-style: normal;
	font-weight: 700;
	font-size: 0.2rem;
}
.stage-p {
	color: rgba(255, 255, 255, 0.63);
	font-size: 0.14rem;
	margin-top: 0.03rem;
	margin-bottom: 0.2rem;
}
.stage-li {
	background: #323232;
	height: 0.53rem;
	display: flex;
	align-items: center;
	margin-bottom: 0.133rem;
	padding: 0 0.16rem;
}
.stage-laber {
	width: 0.8rem;
	font-size: 0.16rem;
}
.stage-li input {
	background: transparent;
	border: none;
	box-shadow: none;
	width: 70%;
	height: 0.4rem;
}
.bt {
	background: #ffb72c;
	width: 100%;
	line-height: 0.505rem;
	text-align: center;
	margin-top: 0.27rem;
	cursor: pointer;
	font-size: 0.16rem;
	color: #000;
}
.stage-right img {
	width: 2.07rem;
	margin-bottom: 0.27rem;
}
.stage-left2 {
	padding-bottom: 0.5rem;
	text-align: center;
	width: 4rem;
}
.stage-left2 img {
	width: 0.8rem;
	margin-bottom: 0.27rem;
}
.stage-left2 .cg-h {
	font-family: 'Source Han Sans SC';
	font-style: normal;
	font-weight: 400;
	font-size: 0.16rem;
	margin-bottom: 0.05rem;
}
.stage-left2 .cg-p {
	font-family: 'Source Han Sans SC';
	font-style: normal;
	font-weight: 400;
	font-size: 0.14rem;
	color: rgba(255, 255, 255, 0.38);
}

.skew-box {
	height: 9.3rem;
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
}
.skew-box .video-text {
	right: 0;
	width: 6.48rem;
	top: 1.87rem;
	left: auto;
}
.left1.active {
	width: calc(100% - 10.6rem);
	opacity: 1;
}
.left2.active {
	width: calc(100% - 10.6rem);
	opacity: 1;
}
.left3.active {
	width: calc(100% - 10.6rem);
	opacity: 1;
}
.left1 {
	width: 5.3rem;
	transition: all 0.5ss;
	height: 100%;
	opacity: 0.8;
	background: url('../images/car3.png') no-repeat bottom center;
	background-size: auto 100%;
}
.left2 {
	height: 100%;
	width: 5.3rem;
	transition: all 0.5s;
	opacity: 0.8;
	background: url('../images/car2.png') no-repeat bottom center;
	background-size: auto 100%;
	overflow: hidden;
}
.left3 {
	transition: all 0.5s;
	height: 100%;
	width: 5.3rem;
	background: url('../images/car4.png') no-repeat bottom center;
	background-size: auto 100%;
	opacity: 0.8;
}
.car1 {
	background: url('../images/car2.png') no-repeat bottom center;
	background-size: auto 100%;
	width: 100%;
	height: 100%;
}
.car2 {
	background: url('../images/car4.png') no-repeat bottom center;
	background-size: auto 100%;
	width: 100%;
	height: 100%;
}

.stage-li select {
	background: transparent;
	border: none;
	box-shadow: none;
	width: 70%;
	height: 0.4rem;
	color: #fff;
}

.stage-li select option {
	background: rgba(35, 35, 35, 0.8);
}

.other_a {
	cursor: pointer;
}

.skew-box .active {
	position: relative;
}
.skew-box .car-text {
	display: none;
	width: 6rem;
	top: 0.3rem;
	left: 50%;
	margin-left: -3rem;
	position: absolute;
	text-align: center;
}
.skew-box .active .car-text {
	display: block;
}
.skew-box .car-text .vtext-p {
	width: 6rem;
}
.skew-box .car-text .vtext-bt {
	margin: 6rem auto 0;
}
.orders-top {
	height: 0.88rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0.36rem;
}
.orders-return {
	font-size: 0.2rem;
	color: #333;
	cursor: pointer;
}
.orders-return img {
	transform: rotateZ(180deg);
	margin-right: 0.1rem;
}
.orders-nav {
	display: flex;
	align-items: center;
}
.orders-nav-li {
	color: #636363;
	font-size: 0.2rem;
	padding: 0 0.3rem;
	cursor: pointer;
	position: relative;
}
.orders-nav-li.active {
	font-size: 0.24rem;
	color: #000;
	font-weight: bold;
}
.orders-nav-li.active:before {
	content: '';
	background: #ffba00;
	width: 0.4rem;
	left: calc(50% - 0.2rem);
	height: 2px;
	position: absolute;
	bottom: -0.1rem;
}
.car-series {
	position: relative;
	height: 8.11rem;
}
.car-series img {
	width: 100%;
	height: 100%;
}
.car-series-box {
	position: absolute;
	bottom: 0.55rem;
	width: 6rem;
	left: calc(50% - 3rem);
}
.car-series-ul {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
}
.car-series-li {
	font-size: 0.2rem;
	color: #fff;
	cursor: pointer;
	justify-content: space-between;
	margin-right: 0.9rem;
}
.car-series-li:last-child {
	margin-right: 0;
}
.car-series-li.active {
	color: #feb800;
	font-size: 0.24rem;
}
.car-series-bt {
	background: #ffba00;
	width: 1.6rem;
	line-height: 0.5rem;
	text-align: center;
	font-size: 0.14rem;
	color: #000;
	margin: auto;
	margin-top: 0.45rem;
	cursor: pointer;
}
.hide {
	display: none;
}
.vehicletype-box {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 0 0.36rem;
	position: relative;
}
.vehicletype-banner {
	width: 11.24rem;
	height: 8.11rem;
	padding-bottom: 0.33rem;
	position: relative;
}
.vehicletype-ul {
	width: 6.6rem;
	height: 7rem;
	overflow: auto;
}
.vehicletype-li {
	width: 100%;
	padding: 0.3rem 0.2rem;
	border: 4px solid #d9d9d9;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.3rem;
	cursor: pointer;
}
.vehicletype-li.active {
	border: 4px solid #ffba00;
}
.vehicletype-li.active .vehicletype-right .vehicletype-head {
	color: #feb800;
	font-weight: bold;
}
.vehicletype-left {
}
.vehicletype-right {
	text-align: right;
}
.vehicletype-right img {
	margin-top: 0.33rem;
	width: 3.29rem;
	height: 1.62rem;
}
.vehicletype-head {
	font-family: 'HYDaHeiJ';
	font-style: normal;
	font-weight: bold;
	font-size: 0.22rem;
	line-height: 0.22rem;
	color: #333333;
	margin-bottom: 0.2rem;
}
.vehicletype-lis {
	font-family: 'HYZhongHeiJ';
	font-style: normal;
	font-weight: 400;
	font-size: 0.18rem;
	line-height: 0.35rem;
	color: #636363;
	position: relative;
	padding-left: 0.2rem;
}
.vehicletype-lis:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	background: #636363;
	width: 0.06rem;
	height: 0.06rem;
	top: 0.14rem;
	border-radius: 50%;
}
.vehicletype-bottom {
	position: absolute;
	bottom: 0;
	background: #ffffff;
	right: 0;
	width: 7.4rem;
	box-shadow: 0px -6px 11px rgba(0, 0, 0, 0.05);
	padding: 0.25rem 0.22rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.vehicletype-money {
	min-width: 1rem;
}
.vehicletype-bottom .car-series-bt {
	margin: 0;
}
.arrow-left {
	width: 0.3rem;
	height: 0.5rem;
	background: url('../images/left.png') no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	position: absolute;
	z-index: 9999;
	top: calc(50% - 0.25rem);
	left: 0.31rem;
}
.arrow-right {
	width: 0.3rem;
	height: 0.5rem;
	background: url('../images/right.png') no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	position: absolute;
	z-index: 9999;
	top: calc(50% - 0.25rem);
	right: 0.31rem;
}
.individuation-li {
	border-bottom: 1px dashed #cdcdcd;
	margin-bottom: 0.3rem;
	padding-bottom: 0.15rem;
}
.individuation-head {
	font-family: 'HYDaHeiJ';
	font-style: normal;
	font-weight: bold;
	font-size: 0.22rem;
	line-height: 0.22rem;
	color: #2a2a2a;
	margin-bottom: 0.22rem;
}
.color-ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.color-li {
	width: 0.84rem;
	border: 2px solid #fff;
	text-align: center;
	margin-bottom: 0.08rem;
	margin-right: 0.08rem;
	cursor: pointer;
	padding: 0.15rem 0;
}
.color-li:nth-child(7n) {
	margin-right: 0;
}
.color-li.active {
	border: 2px solid #ffba00;
}
.color-li.active .color-img {
	border: 1px solid #000000;
}
.color-img img {
	display: block;
	width: 100%;
}
.color-img {
	border-radius: 50%;
	width: 0.5rem;
	height: 0.5rem;
	margin: auto;
}
.color-h {
	margin-top: 0.12rem;
	color: #333;
	font-size: 0.16rem;
}
.trim-ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.trim-li.active {
	border: 2px solid #ffba00;
}
.trim-li {
	padding: 0.15rem 0.19rem;
	border: 2px solid #ffffff;
	margin-right: 0.1rem;
	text-align: center;
	cursor: pointer;
}
.trim-li img {
	width: 0.68rem;
}
.trim-p {
	font-family: 'HYZhongDengXianJ';
	font-style: normal;
	font-weight: 400;
	font-size: 0.16rem;
	text-align: center;
	color: #333333;
	margin-top: 0.1rem;
}
.optional-ul {
}
.optional-li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #d9d9d9;
	height: 0.66rem;
	padding: 0 0.25rem;
	background: url('../images/xiala.png') no-repeat 95% center;
	font-family: 'DIN';
	font-style: normal;
	font-weight: 500;
	font-size: 0.22rem;
	color: #333333;
	margin-bottom: 0.22rem;
}
.optional-li.active {
	border: 2px solid #feb800;
}
.optional-left {
}
.optional-right {
	padding-right: 0.5rem;
}
.vehicletype-money {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 2.3rem);
}
.money-left {
}
.money-right {
}
.money-p:last-child {
	margin-top: 0.1rem;
}
.money-p {
	font-family: 'HYZhongDengXianJ';
	font-style: normal;
	font-weight: 400;
	font-size: 0.16rem;
	color: #333333;
}
.money-p span {
	color: #feb800;
	cursor: pointer;
	margin-left: 0.1rem;
}
.money-h {
	font-family: 'DIN';
	font-style: normal;
	font-weight: 700;
	font-size: 0.24rem;
	color: #333333;
	display: flex;
	align-items: center;
	line-height: 0.2rem;
}
.money-h img {
	margin-left: 0.1rem;
}
.determined-box {
	position: relative;
}
.determined-box > img {
	display: block;
	width: 11.24rem;
	height: 8.11rem;
	object-fit: cover;
}
.determined-page {
	position: absolute;
	background: url('../images/Rectangle.png') no-repeat;
	background-size: 100% 100%;
	width: 7.56rem;
	height: 100%;
	right: 0;
	top: 0;
	padding: 0 0.28rem;
}
.determined-page .vehicletype-bottom {
	width: 100%;
	z-index: 99999;
}
.determined-top {
	border-bottom: 1px solid #d9d9d9;
	line-height: 0.72rem;
	color: #333333;
	font-size: 0.24rem;
	font-weight: bold;
}
.determined-li {
	padding: 0.3rem 0;
	border-bottom: 1px dashed #cdcdcd;
}
.determined-head {
	color: #333333;
	font-size: 0.24rem;
	font-weight: bold;
	margin-bottom: 0.2rem;
}
.determined-p {
	font-family: 'HYZhongDengXianJ';
	font-style: normal;
	font-weight: 400;
	font-size: 0.18rem;
	color: #333333;
	display: flex;
	align-items: center;
}
.determined-p img {
	width: 0.5rem;
	margin-right: 0.1rem;
}
.determined-detail {
	font-family: 'HYZhongHeiJ';
	font-style: normal;
	font-weight: 400;
	font-size: 0.18rem;
	color: #333333;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 0.24rem;
}
.determined-left {
}
.determined-right {
	font-weight: bold;
}
.modal-bg {
	background: rgba(0, 0, 0, 0.45);
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
}
.configuration-box {
	position: absolute;
	background: #fff;
	width: 100%;
	bottom: 1.06rem;
	right: 0;
	z-index: 9999;
	padding: 0.24rem 0.28rem;
}
.configuration-head {
	padding-bottom: 0.24rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #d9d9d9;
}
.configuration-head-left {
	font-family: 'HYDaHeiJ';
	font-style: normal;
	font-weight: bold;
	font-size: 0.24rem;
	color: #2a2a2a;
}
.configuration-head-right {
	font-size: 0.16rem;
}
.configuration-head-right span {
	cursor: pointer;
	color: #feb800;
	margin: 0 0.05rem;
}
.configuration-li {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.configuration-ul {
	border-bottom: 1px dashed #cdcdcd;
	margin-top: 0.3rem;
}
.configuration-li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.24rem;
}
.configuration-left {
	font-family: 'HYZhongHeiJ';
	font-weight: 400;
	font-size: 0.18rem;
	color: #333333;
}
.configuration-right {
	font-family: 'DIN';
	font-weight: bold;
	font-size: 0.18rem;
	color: #333333;
}
.configuration-right.active {
	color: #aa0c0c;
	font-size: 0.24rem;
}
.identical-head {
	font-size: 0.24rem;
	font-weight: bold;
	margin-top: 0.3rem;
	padding-bottom: 0.14rem;
	border-bottom: 3px solid #ffba00;
	display: inline-block;
	margin-bottom: 0.28rem;
}
.identical-li.active {
	border: 2px solid #feb800;
}
.identical-li {
	padding: 0.26rem 0.2rem;
	background: #ffffff;
	margin-bottom: 0.28rem;
	cursor: pointer;
}
.identical-top {
	display: flex;
	align-items: center;
	font-weight: bold;
	justify-content: space-between;
}
.identical-left {
	color: #2a2a2a;
	font-size: 0.24rem;
}
.identical-right {
	color: #333;
	font-size: 0.24rem;
}
.identical-bottom {
	background: #f1f1f1;
	margin-top: 0.2rem;
	padding: 0 0.1rem;
	padding-top: 0.18rem;
	padding-bottom: 0.1rem;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.identical-ul {
	height: 85%;
	overflow: auto;
}
.identical-uls {
}
.identical-lis {
	font-size: 0.18rem;
	line-height: 0.34rem;
	color: #333333;
	padding-left: 0.3rem;
	position: relative;
}
.identical-lis:before {
	position: absolute;
	content: '';
	background: #333;
	display: block;
	width: 0.05rem;
	height: 0.05rem;
	border-radius: 50%;
	left: 0.1rem;
	top: 50%;
	margin-top: -0.02rem;
}
.identical-bottom img {
}
.modal-bg.active {
	z-index: 99999;
}
.modal-box {
	background: #ffffff;
	width: 9.6rem;
	margin: auto;
	margin-top: 0.8rem;
	padding: 0 0.4rem;
	padding-bottom: 0.2rem;
}
.modal-head {
	color: #000000;
	font-size: 0.36rem;
	border-bottom: 1px solid #d9d9d9;
	font-weight: bold;
	line-height: 0.36rem;
	padding: 0.4rem 0;
}
.modal-top {
	margin-top: 0.3rem;
}
.modal-top-h {
	font-family: 'HYDaHeiJ';
	font-style: normal;
	font-weight: 400;
	font-size: 0.24rem;
	color: #333333;
}
.modal-top-p {
	font-family: 'HYZhongHeiJ';
	font-style: normal;
	font-weight: 400;
	font-size: 0.18rem;
	color: #333333;
	margin-top: 0.2rem;
}
.modal-ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.modal-li {
	width: 4.23rem;
	margin-bottom: 0.34rem;
}
.modal-laber {
	font-family: 'HYDaHeiJ';
	font-style: normal;
	font-size: 0.2rem;
	font-weight: bold;
	color: #333333;
	margin-bottom: 0.15rem;
}
.modal-page {
	border: 1px solid #d3d3d3;
	height: 0.56rem;
	display: flex;
	align-items: center;
	padding: 0 0.21rem;
	color: #636363;
	font-size: 0.18rem;
}
.modal-page select {
	border: none;
	display: block;
	font-size: 0.18rem;
	margin-top: -0.03rem;
}
.modal-li.active .modal-page {
	padding: 0;
	border: 2px solid #feb800;
}
.monthly-ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.monthly-li {
	border: 1px solid #bfbfbf;
	width: 0.76rem;
	line-height: 0.58rem;
	text-align: center;
	cursor: pointer;
}
.monthly-li.active {
	border: 1px solid #ffba00;
	background: #ffba00;
}
.modal-bt {
	background: #ffba00;
	width: 4.28rem;
	margin: auto;
	cursor: pointer;
	line-height: 0.5rem;
	text-align: center;
	color: #000;
	font-size: 0.18rem;
}
.vehicle-page {
}
.vehicle-top {
	position: relative;
}
.vehicle-top img {
	width: 100%;
	display: block;
}
.vehicle-top-box {
	position: absolute;
	left: 1.16rem;
	bottom: 0.61rem;
}
.vehicle-top-h {
	font-family: 'Source Han Sans SC';
	font-style: normal;
	font-weight: 900;
	font-size: 0.55rem;
	line-height: 0.6rem;
	letter-spacing: 0.01em;
	color: #ffffff;
	text-transform: uppercase;
}
.vehicle-top-p {
	font-family: 'Source Han Sans SC';
	font-style: normal;
	font-weight: 400;
	font-size: 0.45rem;
	line-height: 0.55rem;
	text-transform: uppercase;
	color: #ffffff;
	margin-top: 0.04rem;
}
.vehicle-p {
	font-family: 'Source Han Sans SC';
	font-style: normal;
	font-weight: 400;
	font-size: 0.4rem;
	line-height: 0.6rem;
	letter-spacing: 0.01em;
	color: #000000;
	margin-top: 0.47rem;
	margin-bottom: 0.82rem;
	padding: 0 1.16rem;
}
.vehicle-box1 {
	position: relative;
}
.vehicle-box1 img {
	width: 100%;
	display: block;
}
.vehicle-box2 {
	position: relative;
	height: 18rem;
}
.veimg1 {
	right: 1.16rem;
	top: 0.86rem;
	position: absolute;
	width: 9.56rem;
}
.veimg2 {
	left: 1.16rem;
	top: 7rem;
	position: absolute;
	width: 9.56rem;
}
.box2-text {
	position: absolute;
	font-family: 'Source Han Sans SC';
	font-style: normal;
	font-weight: 400;
	font-size: 0.4rem;
	line-height: 0.6rem;
	/* or 150% */
	letter-spacing: 0.01em;
	color: #000000;
	right: 3.2rem;
	bottom: 3.5rem;
}
.shade-page {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.58);
	left: 0;
	top: 0;
}
.shade-box {
	color: #fff;
	font-size: 0.6rem;
	line-height: 0.9rem;
	position: absolute;
	bottom: 1rem;
	text-align: left;
	width: 5rem;
	left: calc(50% - 2rem);
}
.shade-p {
}
.shade-h {
	font-size: 1rem;
	margin: 0.2rem 0;
	margin-left: -1.2rem;
	margin-bottom: 0.25rem;
}
.shade-h span {
	color: #ffb72c;
	font-weight: bold;
}
.shade-h2 {
	font-size: 0.72rem;
}
.vehicle-banner {
	width: 100%;
	position: relative;
}
.group-box {
	padding: 1.25rem 1.6rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.group-box img {
	display: block;
	width: 3.05rem;
}
.number {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	right: 1.6rem;
	top: 0.5rem;
}
.number div {
	width: 0.5rem;
	text-align: right;
	letter-spacing: -0.1875px;
	color: #939393;
	cursor: pointer;
	font-size: 0.14rem;
}
.number div.active {
	color: #000;
}
.vehicle-text {
	position: absolute;
	color: #fff;
	left: 1.15rem;
	top: 1.79rem;
}
.vehicle-text-h {
	font-size: 0.53rem;
	line-height: 0.9rem;
	letter-spacing: 0.01em;
}
.h2 {
	font-size: 0.4rem;
	line-height: 0.7rem;
}
.leftbox {
	padding-right: 3.2rem;
	margin-bottom: 1.6rem;
}
.rightbox {
	padding-left: 3.2rem;
	margin-bottom: 1.6rem;
}
.rightbox .vehicle-text {
	text-align: right;
	left: auto;
	right: 1.06rem;
}
.vehicle-text.box {
	top: 3rem;
}
.stage-box2 {
}
.stage-box2 .stage1 {
	background: url('../images/stage2.png') no-repeat #000;
	background-size: 100% 100%;
	padding-bottom: 1rem;
}
.stage-box2 .stage-bottom {
	margin-top: 0;
}
.stage2-top {
	position: relative;
}
.stage2-top img {
	display: block;
	width: 100%;
}
.stage2-top-img {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.98rem 3.13rem;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
}
.stage2-top-img img {
	width: 3.8rem;
	height: 1.66rem;
	cursor: pointer;
}
.stage-box2 {
	background: #000;
}
.stage-box2 .stage1 {
	padding-top: 1.2rem;
}
.stage-box2 .testdrive-left {
	background: url('../images/stage9.png') no-repeat center center #000;
	background-size: cover;
	width: 7.74rem;
}
.stage-box2 .testdrive-left.active {
	width: calc(100% - 7.74rem);
}
.stage-box2 .testdrive-right.active {
	width: calc(100% - 7.74rem);
}
.stage-box2 .testdrive-right {
	background: url('../images/stage10.png') no-repeat center center #000;
	background-size: cover;
	width: 7.74rem;
}
.bf-button {
	position: absolute;
	width: 1.3rem;
	height: 1.3rem;
	bottom: 1rem;
	left: 1.4rem;
	cursor: pointer;
	z-index: 999;
}
.stage3-top {
	position: relative;
}
.stage3-top video {
	width: 100%;
}
.stage3-bottom {
	width: 100%;
	position: relative;
	height: 10.21rem;
	background: #171717;
}
.stage3 {
	background: url('../images/stage13.png') no-repeat center center;
	background-size: auto auto;
	width: 3.85rem;
	height: 5.57rem;
	position: absolute;
	top: 2.75rem;
	left: calc(50% - 1.925rem);
	transition-property: all;
	transition-duration: 1.5s;
}
.stage3.active {
	background: url('../images/stage13.png') no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.stage3-text {
	position: absolute;
	color: #fff;
	right: 1.67rem;
	text-align: right;
	bottom: 1.5rem;
	opacity: 0;
	transition-property: all;
	transition-duration: 1.5s;
}
.stage3.active .stage3-text {
	opacity: 1;
}
.stage3-h {
	font-size: 0.4rem;
	line-height: 0.6rem;
	margin-bottom: 0.1rem;
}
.stage3-p {
	font-family: 'HYDaHeiJ';
	font-size: 0.2rem;
	line-height: 0.28rem;
}
.daqie {
	transition-property: all;
	transition-duration: 1s;
	position: absolute;
	width: 5.32rem;
	left: -2.24rem;
	top: -0.51rem;
}
.stage3.active .daqie {
	width: 100%;
	height: 100%;
	opacity: 0;
}

.news-box .news-li img {
	width: 7.6rem;
	height: 4.5rem;
}

.determined-page .vehicletype-bottom {
	z-index: 8;
}
.ewm_model {
	z-index: 10;
}
.ewm_div {
	background: url('../../new_jeeps/images/ewmbg.png') no-repeat #fff;
	background-size: 100% 100%;
	padding: 20px;
	width: 340px;
	margin: auto;
}
.ewm_div .ewm {
	width: 300px;
	position: initial;
	display: block;
}
.modal-bt.ewm_model_close {
	width: 300px;
	margin-top: 50px;
}
.ewm_box {
	width: 508px;
	top: 50%;
	margin-top: -200px;
	left: 50%;
	margin-left: -254px;
	position: absolute;
	padding: 40px 0;
	background: #fff;
}
.closeimg {
	position: absolute;
	width: 12px;
	height: 12px;
	right: 15px;
	top: 15px;
	cursor: pointer;
}

.car_model_item_li {
	position: relative;
	width: 45%;
	float: left;
	display: flex;
	align-items: center;
}
.car_model_item_li img {
	margin-right: 0.08rem;
}
/*.car_model_item_li:before {*/
/*    content: '';*/
/*    display: block;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    background: #636363;*/
/*    width: 0.06rem;*/
/*    height: 0.06rem;*/
/*    top: 0.14rem;*/
/*    border-radius: 50%;*/
/*}*/

#car_model_item {
	height: 4.5rem;
	overflow: auto;
}

.car_model_swiper_p_left {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#car_model_swiper_p {
	width: 10.24rem;
}

#car_model_vehicletype {
	width: 7.6rem;
}

.car_model_lbox .vehicletype-bottom {
	width: 8.4rem;
}

.car-series-bt {
	line-height: 0.6rem;
	font-size: 0.22rem;
}

#car_model_item .determined-detail {
	justify-content: left;
}
.bold {
	font-weight: bold;
}