select,
input,
textarea {
	border-radius: 0;
	-webkit-border-radius: 0;
	color: #555555;
}

input:focus {
	outline: none;
}

input,
button,
select,
textarea {
	outline: none;
	/*-webkit-appearance:none;*/
}

textarea {
	resize: none;
	/*-webkit-appearance:none;*/
}

textarea,
input,
select {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

/* font */
.font14 {
	font-size: 0.14rem;
	font-size: max(0.14rem, 12px);
}

.font16 {
	font-size: 0.16rem;
	font-size: max(0.16rem, 12px);
}

.font18 {
	font-size: 0.18rem;
	font-size: max(0.18rem, 14px);
}

.font19 {
	font-size: 0.19rem;
	font-size: max(0.19rem, 13px);
}

.font20 {
	font-size: 0.2rem;
	font-size: max(0.2rem, 14px);
}

.font22 {
	font-size: 0.22rem;
	font-size: max(0.22rem, 12px);
}

.font24 {
	font-size: 0.24rem;
	font-size: max(0.24rem, 14px);
}

.font25 {
	font-size: 0.25rem;
	font-size: max(0.25rem, 14px);
}

.font26 {
	font-size: 0.26rem;
	font-size: max(0.26rem, 15px);
}

.font27 {
	font-size: 0.27rem;
	font-size: max(0.27rem, 15px);
}

.font28 {
	font-size: 0.28rem;
	font-size: max(0.28rem, 16px);
}

.font30 {
	font-size: 0.3rem;
	font-size: max(0.3rem, 16px);
}




.font36 {
	font-size: 0.36rem;
	font-size: max(0.36rem, 17px);
}

.font38 {
	font-size: 0.38rem;
	font-size: max(0.38rem, 17px);
}

.font40 {
	font-size: 0.4rem;
	font-size: max(0.4rem, 17px);
}

.font42 {
	font-size: 0.42rem;
	font-size: max(0.42rem, 17px);
}

.font46 {
	font-size: 0.46rem;
	font-size: max(0.46rem, 17px);
}

.font48 {
	font-size: 0.48rem;
	font-size: max(0.48rem, 18px);
}

.font56 {
	font-size: 0.56rem;
	font-size: max(0.56rem, 18px);
}



.font84 {
	font-size: 0.84rem;
	font-size: max(0.84rem, 20px);
}

.font90 {
	font-size: 0.9rem;
	font-size: max(0.9rem, 20px);
}

.font100 {
	font-size: 1.1rem;
	font-size: max(1.1rem, 20px);
}

.font120 {
	font-size: 1.1rem;
	font-size: max(1.1rem, 22px);
}

.font345 {
	font-size: 3.45rem;
	font-size: max(3.45rem, 22px);
}

.font112 {
	font-size: 1.12rem !important;
	font-size: max(1.12rem, 22px) !important;
}

.font66 {
	font-size: 0.66rem !important;
	font-size: max(0.66rem, 18px) !important;
}

.font34 {
	font-size: 16px;
	font-size: max(0.34rem, 16px);
}

.font32 {
	font-size: 14px !important;
	font-size: max(0.32rem, 14px);
}

.font70 {
	font-size: 0.68rem;
	font-size: max(0.68rem, 18px);
}

.font164 {
	font-size: 1.64rem;
	font-size: max(1.64rem, 22px);
}

.line1 {
	line-height: 1;
}

.font333 {
	color: rgba(33, 33, 33, 0.4);
}

.fontFFF {
	color: #fff;
}

.fontF7F1E8 {
	color: #F7F1E8 !important;
}

.font000 {
	color: #000;
}

.font08 {
	color: #080808;
}

.font09 {
	color: #090909;
}

.font89 {
	color: #898989;
}

.fontB5B5B6 {
	color: #b5b5b6;
}

.font817662 {
	color: #817662;
}

.font837763 {
	color: #837763;
}

.font898989 {
	color: #898989;
}

.font212121 {
	color: #212121;
}

.fontRed {
	color: #d02d2d !important;
}

.pt100 {
	padding-top: 1rem;
}

.pb100 {
	padding-bottom: 1rem;
}

.pt120 {
	padding-top: 1.2rem;
}

.pb120 {
	padding-bottom: 1.2rem;
}

.mt100 {
	margin-top: 1rem;
}

.bgFFFFFF {
	background-color: #fff;
}

.pt85 {
	padding-top: 0.85rem;
}

.pt186 {
	padding-top: 1.86rem;
}

input::placeholder {
	color: rgba(33, 33, 33, 0.4);
}

.mt12 {
	margin-top: 0.12rem;
}

.mt72 {
	margin-top: 0.72rem;
}

.mb100 {
	margin-bottom: 1rem;
}

.dot {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

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

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

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

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

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

.TopHead {
	display: flex;
	position: fixed;
	z-index: 1000;
	width: 100%;
	background: rgba(33, 33, 33, 0.8);
	height: 56px;
	justify-content: space-between;
	align-items: center;
	padding: 0 0.7rem;
	min-height: 0.56rem;
}

.TopHead .TopList,
.TopHead .rightList,
.TopHead .toperList,
.TopHead .right {
	display: flex;
	align-items: center;
	height: 100%;
}

.TopHead .rightList .more {
	margin-top: 0;
	margin-right: 0.15rem;
}

.TopHead .TopList {
	width: 8.20rem;
}

.TopHead .TopList .oneItem {
	margin-right: 0.53rem;
}

.TopHead .TopList .oneItem:last-child {
	margin-right: 0;
}

.TopHead .right {
	/* width: 820rem; */
	width: auto;
	justify-content: flex-end;
	height: 100%;
	position: relative;
}

.TopHead .right .toper {
	height: 100%;
}

.TopHead .toperList .Search {
	margin-left: 0.13rem;
	margin-right: 0.28rem;
	/* position: relative; */
	height: 100%;
	display: flex;
	align-items: center;
}

.TopHead .toperList .Searchico {
	background-image: url(../images/searchIconWhite.png);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	display: block;
	background-size: 21px;
	cursor: pointer;
	background-position: center;
}

.TopHead .toperList .Search.aon .Searchico {
	background-image: url(../images/closeIconWhite.png);
}

.TopHead .toperList .Searchico:hover,
.TopHead .toperList .Search.on .Searchico {
	background-image: url(../images/searchIconRed.png);
}

.TopHead .toperList .Search.on .searchbox {
	display: block;
	background: #fff;
}

.TopHead .rightList li {
	display: flex;
}

.TopHead .rightList li:nth-child(1) .more,
.TopHead .rightList li:nth-child(2) .more {
	background-color: transparent;
	border-color: #fff;
}

.TopHead .rightList li:nth-child(1) .more:hover,
.TopHead .rightList li:nth-child(2) .more:hover {
	background-color: #d02d2d;
}

.TopHead .searchbox {
	position: absolute;
	left: 0;
	width: 100%;
	height: 36px;
	line-height: 36px;
	top: 100%;
	display: none;
	background: transparent;
	border-radius: 36px;
}

.TopHead .searchbox input {
	height: 36px;
	box-sizing: border-box;
	border: none;
	float: left;
	padding: 0 0.3rem;
	line-height: 36px;
	width: calc(100% - 60px);
	background: #f8f8f6;
	border-top-left-radius: 36px;
	border-bottom-left-radius: 36px;
	font-size: 14px;
	font-size: max(0.18rem, 14px);
}

.TopHead .searchbox button {
	width: 60px;
	height: 38px;
	color: #fff;
	background: #d02d2d;
	border-radius: 0 0.04rem 0.04rem 0;
	-webkit-border-radius: 0 0.04rem 0.04rem 0;
	-moz-border-radius: 0 0.04rem 0.04rem 0;
	-ms-border-radius: 0 0.04rem 0.04rem 0;
	-o-border-radius: 0 0.04rem 0.04rem 0;
	border: none;
	display: flex;
	justify-content: center;
	align-items: center;
	float: left;
	margin-top: -1px;
	cursor: pointer;
	border-radius: 36px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.TopHead .toperList .ver {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
}

.TopHead .toperList .ver dd {
	position: absolute;
	background: #fff;
	color: #212121;
	font-size: 13px;
	font-size: max(0.18rem, 13px);
	width: 1.50rem;
	display: none;
	justify-content: center;
	align-items: center;
	right: 0;
	top: 100%;
	box-shadow: 0 0.10rem 0.10rem rgba(0, 0, 0, 0.1);
	border-radius: 0.5rem;
	transition: all 0.3s ease;
}

.TopHead .toperList .ver dd:hover {
	color: #d02d2d;
}

.TopHead .toperList .ver dt {
	/* background-image: url(../images/enWhite.png); */
	background-repeat: no-repeat;
	width: 0.42rem;
	height: 0.42rem;
	display: flex;
	background-size: 0.42rem;
	cursor: pointer;
	font-size: 16px;
	font-size: max(0.18rem, 16px);
	align-items: center;
}

/* .TopHead .toperList .ver dt:hover,
.TopHead .toperList .ver.on dt {
	background-image: url(../images/enOrange.png);
} */
.TopHead .toperList .ver dt:hover {
	color: #d02d2d;
}

.TopHead .toperList .ver.on dd {
	display: flex;
}

@media screen and (max-width: 1200px) {
	.TopHead .TopList .oneItem {
		margin-right: 0.26rem;
	}
}

@media screen and (min-width: 1025px) {
	.TopListThree {
		display: none;
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 5rem;
	}

	.TwoItem .imgBox {
		display: none;
		position: fixed;
		right: 0;
		top: 0;
		width: calc(100% - 8.90rem);
		height: 100vh;
	}

	.TwoItem .imgBox2 {
		display: none;
		position: fixed;
		right: 0;
		top: 0;
		width: calc(100% - 8.90rem);
		height: 100vh;
		object-fit: cover;
	}

	.TwoItem .imgBox2 img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.TopListTwoBox {
		width: 100%;
		height: calc(100vh - 56px);
		background: #212121;
		position: fixed;
		left: 0;
		top: 56px;
		padding-left: 0.70rem;
		display: none;
		padding-top: 1.06rem;
	}

	.TopListTwo .TwoItem,
	.ThreeItem {
		margin-bottom: 0.33rem;
	}

	.TopClose {
		padding-top: 0.36rem;
		padding-bottom: 0.36rem;
		width: 8.20rem;
		display: none;
		justify-content: flex-end;
		padding-right: 0.5rem;
		position: fixed;
		top: 56px;
		z-index: 999;
	}

	.TopListTwo {
		width: 8.20rem;
		position: relative;
		color: #837763;
	}

	.TopHead.fix {
		background: #212121;
		padding-right: 0;
	}

	.TopHead.fix .center {
		flex: 1;
		height: 56px;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 999;
		background: rgba(33, 33, 33, 0.8);
	}

	.TopHead.fix .right {
		background: rgba(33, 33, 33, 0.8);
		z-index: 2;
		padding-right: 0.70rem;
	}

	.TopHead.fix .TopClose {
		display: flex;
	}

	.TopHead.fix::after {
		content: "";
		display: block;
		width: calc(100% - 8.90rem);
		height: 56px;
		position: absolute;
		right: 0;
		top: 0;
		background-color: #212121;
	}

	/* .TopListTwo .TwoItem:nth-child(1) .TopListThree{
		display: block;
	} */
	.TopListTwo .ThreeItem:nth-child(1) .imgBox,
	.TopListTwo .TwoItem:nth-child(1) .imgBox2 {
		z-index: 2;
		display: block;
	}

	.TopListTwo a:hover {
		color: #fff;
	}

	.TwoItem.on .TwoItemCon {
		color: #fff;
	}

	.ThreeItem.on .ThreeItemCon {
		color: #fff;
	}

	.openbtn {
		display: none;
	}

	.TwoItem.on .arr {
		display: none;
	}

	.oneItem.on .TopListTwoBox {
		display: block;
	}

	.ThreeItem.on .imgBox {
		display: block;
		z-index: 3;
	}

	.TwoItem.on .TopListThree {
		display: block;
		background: #212121;
	}

	.TwoItem.on .imgBox2 {
		display: block;
		z-index: 2;
	}
}

@media screen and (max-width: 1024px) {
	.TopHead .searchbox {
		right: 0;
		width: 288px;
		left: auto;
	}

	.TopHead .toperList .ver dd {
		width: 86px;
		height: 36px;
	}

	.TopClose {
		display: none;
	}

	.TopList .imgBox2 {
		display: none !important;
	}

	.TopList .imgBox {
		display: none !important;
	}

	/* .TopHead .TopList{
		display: none;
	} */
	.TopHead .right {
		width: auto;
	}

	.TopHead .rightList {
		display: none;
	}

	.TopHead .toperList .Searchico,
	.TopHead .toperList .ver dt {
		width: 22px;
		height: 22px;
		background-size: 21px;
	}

	.TopHead .center {
		position: fixed;
		left: 50%;
		transform: translate(-50%, 0px);
	}

	.openbtn,
	.openbtn2 {
		background: transparent;
		display: block;
		width: 32px;
		height: 25px;
		top: 11px;
		right: 10px;
		cursor: pointer;
	}

	.openbtn span,
	.openbtn2 span {
		display: block;
		height: 0.03rem;
		background: #113961;
		border-radius: 0.04rem;
		margin: 0.04rem;
		transition: all ease 0.3s;
		-webkit-border-radius: 0.04rem;
		-moz-border-radius: 0.04rem;
		-ms-border-radius: 0.04rem;
		-o-border-radius: 0.04rem;
		height: 3px;
		border-radius: 0.04rem;
		margin: 4px;
		background: #fff;
	}

	.openbtn.on2 .sp1,
	.openbtn2.on2 .sp1 {
		-webkit-transform: translate(0, 7px) rotate(45deg) !important;
		-moz-transform: translate(0, 7px) rotate(45deg) !important;
		-ms-transform: translate(0, 7px) rotate(45deg) !important;
		-o-transform: translate(0, 7px) rotate(45deg) !important;
		transform: translate(0, 7px) rotate(45deg) !important;
	}

	.openbtn.on2 .sp2,
	.openbtn2.on2 .sp2 {
		-webkit-transform: translate(0, 0) rotate(-45deg) !important;
		-moz-transform: translate(0, 0) rotate(-45deg) !important;
		-ms-transform: translate(0, 0) rotate(-45deg) !important;
		-o-transform: translate(0, 0) rotate(-45deg) !important;
		transform: translate(0, 0) rotate(-45deg) !important;
	}

	.openbtn.on2 .sp3,
	.openbtn2.on2 .sp3 {
		display: none;
	}

	.TopHead .TopList {
		width: 62vw;
		flex-direction: column;
		position: fixed;
		top: 56px;
		left: 0;
		background: #212121;
		display: none;
	}

	.TopHead.fix2 .TopList {
		display: none;
	}

	.TopHead.fix2 {
		background-color: #212121;
	}

	.oneItemCon {
		display: flex;
		align-items: center;
		padding: 9px 0;
		height: 32px;
		font-size: 20px;
		padding-left: 20px;
		position: relative;
	}

	.TopHead .TopList .oneItem {
		margin-right: 0;
	}

	.TwoItemCon {
		color: #fff;
		font-size: 16px;
		height: 40px;
		line-height: 40px;
		display: flex;
		position: relative;
		margin-left: 30px;
	}

	.ThreeItemCon {
		color: #fff;
		font-size: 15px;
		height: 36px;
		line-height: 36px;
		display: flex;
		position: relative;
		margin-left: 30px;
	}

	.TopHead .TopList .oneItem {
		width: 100%;
		padding-left: 0.70rem;
	}

	.TopListTwoBox {
		display: none;
	}

	.TopListThree {
		display: none;
	}

	.n-header-crossing-icon:after,
	.n-header-crossing-icon:before {
		content: "";
		position: absolute;
		width: 10px;
		height: 1px;
		background-color: #fff;
		top: 5px;
	}

	.n-header-crossing-icon:after {
		transform: rotate(90deg);
	}

	.n-header-crossing-icon {
		position: absolute;
		left: 0;
		top: 18px;
	}

	.oneItemCon.on2 {
		color: #837763;
	}

	.oneItemCon.on2 .n-header-crossing-icon::after {
		display: none;
	}

	.TwoItemCon.on2,
	.TwoItemCon:hover {
		border-bottom: 1px solid #837763;
	}

	.ThreeItemCon:hover {
		border-bottom: 1px solid #837763;
	}

	.TwoItemCon .arr {
		flex: 1;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		padding-right: 30px;
	}

	.TwoItemCon .TwoItemConA {
		flex: 1;
	}

	.TwoItemCon .arr::before,
	.TwoItemCon .arr::after {
		content: "";
		position: absolute;
		width: 10px;
		height: 1px;
		background-color: #fff;
		top: 18px;
	}

	.TwoItemCon .arr:after {
		transform: rotate(90deg);
	}

	.TopHead.fix2 .TopList {
		display: flex !important;
	}

	.TwoItemCon.on2 .arr:after {
		display: none;
	}

	.oneItem.on2 .TopListTwoBox {
		display: block;
	}

	.TwoItem.on2 .TopListThree {
		display: block;
		padding: 5px 10px;
	}

	.TopHead .TopList {
		width: 100%;
		height: calc(100vh - 56px);
	}
}

.TwoItem.on .arr:after {
	display: none;
}

.mt38 {
	margin-top: 0.38rem;
}

.mt56 {
	margin-top: 0.56rem;
}

.pb56 {
	padding-bottom: 0.56rem;
}

.pc {
	display: block;
}

.mobile {
	display: none;
}

.clear::after {
	content: "";
	display: block;
	clear: both;
}

@media screen and (max-width: 760px) {
	.pt100 {
		padding-top: 30px;
	}

	.pb100 {
		padding-bottom: 30px;
	}

	.pt120 {
		padding-top: 30px;
	}

	.pb120 {
		padding-bottom: 30px;
	}

	.pc {
		display: none;
	}

	.mobile {
		display: block;
	}
}

.oneItemCon {
	color: #fff;
}

.oneItemCon:hover {
	color: #d02d2d;
}

.oneItemCon.on2 {
	color: #d02d2d;
}

.oneItemCon.on {
	color: #d02d2d;
}

@media screen and (max-width: 1024px) {
	.carTypeSwiper {
		padding: 0 0.70rem 0 10%;
	}

	.banner .swiper-button-next img,
	.banner .swiper-button-prev img {
		width: 34px;
	}

	.slick-arrow {
		width: 36px !important;
		height: 36px !important;
	}

	.modalCon .slick-next {
		right: 0 !important;
	}

	.modalCon .slick-prev {
		left: 0 !important;
	}

	.slick-arrow {
		width: 36px !important;
		height: 36px !important;
		top: 40% !important;
		transform: translate(0, -50%) !important;
	}

	.slick-arrow::after {
		width: 34px;
		height: 11px;
		top: 12px;
		right: 12px;
	}

	.slick-prev::after {
		left: 12px;
		right: auto !important;
	}

	.slick-next:hover::after {
		transform: translate3d(26px, 0, 0) rotate(0);
	}

	.slick-prev:hover::after {
		transform: translate3d(-26px, 0, 0) rotate(0);
	}

	.navigation .navigation__link .navigation__date--img img {
		max-width: 100%;
	}

	.modalCon .slick-prev {
		left: -10% !important;
	}
}

@media screen and (max-width: 760px) {
	.carTypeLink a img {
		margin-right: 6px;
		height: 14px;
	}

	.carUl .zlbjIndex .myMenu li {
		width: 14px !important;
		height: 14px !important;
		margin-right: 10px !important;
		margin-bottom: 10px;
	}

	.line1 {
		line-height: 1.5;
	}

	.qbzk,
	.CyclingLife {
		padding-top: 30px;
	}

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

	.publicIntro {
		margin-bottom: 30px;
		margin-top: 10px;
	}

	.hdList .item {
		margin-bottom: 6px;
	}

	.mt12 {
		margin-top: 1.12rem;
	}

	.btnGroup a,
	.btnGroup button,
	.sellBox a,
	.carTypeChange a,
	.moreWhite {
		padding: 0;
		height: 28px;
		display: flex;
		align-items: center;
		width: 88px;
		justify-content: center;
		line-height: 28px;
		padding-bottom: 0 !important;
	}
   .more400{ width:400px!important;}
	.server .serverList .title {
		line-height: 1;
	}

	.carTypeChange a {
		border-radius: 30px;
		width: auto;
		min-width: 88px;
	}

	.carTypeLink {
		margin-top: 10px;
	}

	.carUl .linkBox {
		bottom: 10px;
	}

	.blackMore {
		margin-top: 15px;
		width: 100px;
		height: 20px;
		line-height: 20px;
	}

	.font19 {
		font-size: 14px;
		font-size: max(0.19rem, 14px);
	}

	.title.font19 {
		font-size: 16px;
		font-size: max(0.19rem, 16px);
	}

	.czbp .sectionOne .intro {
		margin-top: 10px;
	}

	.czbp .seactionTwo .item .title i {
		margin-right: 6px;
	}
}

.oneItem.active .oneItemCon {
	color: #d02d2d;
}

.TwoItem.active .TwoItemCon {
	color: #fff;
}

.TwoItem.active .imgBox2 {
	display: block;
	z-index: 2;
}

.ThreeItem.active .ThreeItemCon {
	color: #fff;
}

/* .TopListTwo .TwoItem:nth-child(1) .TopListThree {
	display: block;
} */

.TwoItem.active .TopListThree {
	display: block;
}

.TwoItem.on .TopListThree {
	background: #212121;
	z-index: 2;
}

@media screen and (max-width: 1024px) {
	.mt38 {
		margin-top: 15px;
	}

	.pt186 {
		padding-top: 86px;
	}

	.mb100 {
		margin-bottom: 30px;
	}

	.mt100 {
		margin-top: 30px;
	}
}

@media screen and (min-width: 1025px) {
	.TopHead .TopList .center {
		position: fixed;
		left: 50%;
		transform: translate(-50%, 0);
	}
}

@media screen and (min-width:1921px) {
	.TopHead .toperList .Searchico {
		width: 0.22rem;
		height: 0.22rem;
		background-size: 0.21rem;
	}
}

textarea::placeholder {
	font-family: sans-serif;
}

.width26 {
	width: 0.26rem;
}

@media screen and (max-width:1200px) {
	.width26 {
		width: 14px;
	}
}

@media screen and (max-width:820px) {
	.font22 {
		font-size: 12px;
		font-size: max(0.22rem, 12px);
	}

	.font56 {
		font-size: 18px !important;
		font-size: max(0.56rem, 18px) !important;
	}

	.font36 {
		font-size: 17px !important;
		font-size: max(0.36rem, 17px) !important;
	}

	.font38 {
		font-size: 17px;
		font-size: max(0.38rem, 17px);
	}

	.font40 {
		font-size: 17px !important;
		font-size: max(0.4rem, 17px) !important;
	}

	.font42 {
		font-size: 17px;
		font-size: max(0.42rem, 17px);
	}

	.font46 {
		font-size: 17px !important;
		font-size: max(0.46rem, 17px) !important;
	}

	.font48 {
		font-size: 18px !important;
		font-size: max(0.48rem, 18px) !important;
	}

	.font56 {
		font-size: 18px !important;
		font-size: max(0.56rem, 18px) !important;
	}

	.font84 {
		font-size: 20px !important;
		font-size: max(0.84rem, 20px) !important;
	}

	.font90 {
		font-size: 20px !important;
		font-size: max(0.9rem, 20px) !important;
	}

	.font100 {
		font-size: 22px !important;
		font-size: max(1.1rem, 20px) !important;
	}

	.font120 {
		font-size: 22px !important;
		font-size: max(1.1rem, 22px) !important;
	}

	.font345 {
		font-size: 22px !important;
		font-size: max(3.45rem, 22px) !important;
	}

	.font112 {
		font-size: 22px !important;
		font-size: max(1.12rem, 22px) !important;
	}

	.font66 {
		font-size: 18px !important;
		font-size: max(0.66rem, 18px) !important;
	}

	.font32 {
		font-size: 14px !important;
		font-size: max(0.32rem, 14px);
	}

	.font34 {
		font-size: 16px !important;
		font-size: max(0.34rem, 16px);
	}

	.font70 {
		font-size: 18px !important;
		font-size: max(0.7rem, 18px) !important;
	}
}

@media screen and (max-width:1440px) {
	.font14 {
		font-size: 12px;
		font-size: max(0.14rem, 12px);
	}

	.font16 {
		font-size: 12px;
		font-size: max(0.16rem, 12px);
	}

	.font18 {
		font-size: 14px;
		font-size: max(0.18rem, 14px);
	}

	.font19 {
		font-size: 13px;
		font-size: max(0.19rem, 13px);
	}

	.font20 {
		font-size: 14px;
		font-size: max(0.2rem, 14px);
	}

	.font22 {
		font-size: 0.22rem;
		font-size: max(0.22rem, 12px);
	}

	.font24 {
		font-size: 14px;
		font-size: max(0.24rem, 14px);
	}

	.font25 {
		font-size: 14px;
		font-size: max(0.25rem, 14px);
	}

	.font26 {
		font-size: 15px;
		font-size: max(0.26rem, 15px);
	}

	.font27 {
		font-size: 15px;
		font-size: max(0.27rem, 15px);
	}

	.font28 {
		font-size: 16px;
		font-size: max(0.28rem, 16px);
	}

	.font30 {
		font-size: 16px;
		font-size: max(0.3rem, 16px);
	}
}

@media screen and (max-width:1024px) {
	.cbf190trEight li .title {
		left: 0.7rem !important;
	}

	.cbf190trNine .fontbox {
		padding-left: 0.7rem !important;
		padding-right: 0.7rem !important;
	}
}

.cbf190trTwelve {
	width: 100%;
}

@media screen and (max-width:1024px) {
	.TopHead .right .toper {
		display: none;
	}

	.TopHead .rightList {
		display: flex;
	}

	.TopHead .rightList li {
		display: none;
	}

	.TopHead .rightList li:nth-child(1) {
		display: flex;
	}

	/* .TopHead {
		height: 2.94rem;
	} */

	.TopHead .center img {
		width: 10.24rem;
	}

	.TopHead .rightList .more {
		width: auto;
		height: auto;
		font-size: 0.61rem;
		/* font-size:11px; */
		padding: 0.25rem 0.56rem;
		line-height: 1;
	}

	.TopHead .TopList {
		top: 56px;
	}

	.publicBannerFont div {
		margin-top: 2.94rem;
	}
}

@media screen and (max-width:760px) {
	.banner {
		height: 43rem;
	}
.TopHead .center img {
		width:200px;
	}
	.TopHead .rightList .more {font-size: 0.75rem;}
	.banner .picBox,
	.banner .slideshow {
		width: 19.79rem;
		height: 15.08rem;

	}

	.banner .picBoxModal {
		width: 19.89rem;
		height: 15.18rem;
	}
.TopHead {
		height: 56px;
	}
	.banner .slideYears {
		font-size: 7.14rem;
		line-height: 0.8;
		left: 1.07rem;
		top: 5.76rem;
	}

	.banner .slideBusImg {
		width: 17.83rem !important;
		left: 2.96rem !important;
		top: 12.21rem !important;
	}

	.banner .price span {
		/* font-size: 0.61rem; */
		font-size:11px;
		color: #CFC9BA;
	}

	.banner .titleBoxDiv {
		bottom: 6.32rem;
		left: 0px;
		padding-left: 2.96rem;
	}

	.banner .title span {
		/* font-size: 0.55rem; */
		font-size:11px;
		line-height: 1.43;
	}

	.banner .title::before {
		width: 0.72rem;
		height: 0.72rem;
	}

	.banner .title {
		padding-left: 1.4rem;
	}

	.banner .priceBox {
		right: 1.07rem;
		top: auto;
		bottom: 7.84rem;
	}

	.banner .actionDecadeBox {
		left: 1.07rem;
		bottom: 10.27rem;
	}

	.banner .actionDecade .addIcon {
		width: 2.52rem;
		height: 2.52rem;
		background: rgb(208, 45, 45);
		border-radius: 50%;
		border: none;
		transition: transform 0.3s ease 0s;
	}

	.banner .slideTitle {
		font-size: 1.13rem;
		line-height: 1.2;
	}

	.banner .slideTitle .font25 {
		font-size: 0.75rem;
	}

	.banner .swiper-button-prev {
		right: auto !important;
		bottom: 1.9rem !important;
		left: 10.3rem !important;
	}

	.banner .swiper-button-next {
		right: 10.3rem !important;
		bottom: 1.9rem !important;
	}

	.banner .lm,
	.banner .swiper-slide-active .lmFont {
		display: none;
	}

	.carType {
		padding-top: 1.06rem;
	}

	.carType .item:nth-child(1) {
		margin-bottom: 1.06rem;
	}

	.carType .item .itemCon {
		height: 14.4rem;
	}

	.carType .fontBox .title {
		font-size: 1.37rem;
		line-height: 1;
	}

	.carType .fontBox .subTitle {
		margin-top: 0.73rem;
		/* font-size: 0.68rem; */
		font-size: 14px;
		line-height: 1;
		margin-bottom: 1.11rem;
	}

	.carType .fontBox .more {
		margin-top: 0
	}

	.banner .swiper-button-prev,
	.banner .swiper-button-next {
		width: 1.64rem;
		height: 1.64rem;
	}

	.CyclingLife .publicH2,
	.publicH2 {
		font-size: 1.37rem;
		line-height: 1;
	}

	.CyclingLife .publicIntro,
	.publicIntro {
		margin-bottom: 1.9rem;
		margin-top: 1.12rem;
		/* line-height: 1; */
		padding-bottom: 0;
	}

	.qxshBox {
		height: 13.28rem;
	}

	.qxshImg {
		bottom: auto;
		top: 0;
		height: 13.28rem;
		object-fit: cover;
		background: #fff;
	}

	.CyclingLife {
		background: #fff;
	}

	.qxshImg .imgbox {
		display: none;
	}

	.qbzk,
	.CyclingLife {
		padding-top: 4rem;
	}

	.cxFont .title {
	    font-size: 1.37rem !important;
	    line-height: 1;
	    margin-bottom: 0.66rem !important;
	}

	.cxPrice span {
		font-size: 1.12rem;
		line-height: 1;
		bottom: 6.57rem;
	}

	.home_w_text {
		/* font-size: 0.68rem; */
		font-size: 14px;
		line-height: 1;
	}

	.cxPrice {
		font-size: 5.98rem;
		line-height: 1;
	}

	.qbzkList .cxBox {
		margin-bottom: 0.8rem;
		height: 24.4rem;
	}

	.cxFont {
		padding-top: 2.26rem;
		/* padding-left: 1.07rem; */
	}

	.home_w_text {
		/* font-size: 0.68rem; */
		font-size: 14px;
		line-height: 1;
		margin-top: 0;
		padding-bottom: 0;
		margin-bottom: 1.25rem;
	}

	.hdList .item {
		margin-bottom: 0.8rem;
		height: 11.71rem;
	}

	.hdList .item .itemCon img {
		object-fit: cover;
	}

	.hdList .item .itemCon:hover .cxFont {
		padding-left: 1.07rem;
	}

	.hdList .item .itemCon:hover .intro {
		width: 13rem;
	}

	.hdList .item:nth-child(1) .cxFont,
	.hdList .item:nth-child(2) .cxFont,
	.hdList .item:nth-child(3) .cxFont {
		padding-top: 2.26rem;
		padding-bottom: 2.26rem;
		display: flex;
		justify-content: center;
	}

	.top_menu_icon a {
		padding-left: 26px;
		background-size: 18px;
		background-position: left center;
	}

	.top_menu_icon {
		position: fixed;
		left: 0.7rem;
		top: 500px;
		font-size: 18px;
	}
	

	.TopHead .TopList .oneItem.active .n-header-crossing-icon:after,
	.TopHead .TopList .oneItem.active .n-header-crossing-icon:before,
	.TopHead .TopList .oneItem.on .n-header-crossing-icon:after,
	.TopHead .TopList .oneItem.on .n-header-crossing-icon:before,
	.oneItemCon.on2 .n-header-crossing-icon:after,
	.oneItemCon.on2 .n-header-crossing-icon:before {
		background-color: #d02d2d;
	}

	.qxProduct {
		flex-direction: column;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.server .serverList .item {
		margin-bottom: 0.8rem;
		height: 14.4rem;
	}

	.server .serverList .title {
		line-height: 1;
		font-size: 1.37rem;
	}

	.server .serverList .whiteMore,
	.more {
		margin-top: 1.12rem;
	}

	.server .top .imgBox {
		height: 24.4rem;
	}

	.server .top .right {
		position: absolute;
		right: auto;
		left: 0.7rem;
	}

	.server .subTitle {
		font-size: 1.37rem;
		line-height: 1.5;
		margin-bottom: 1.45rem;
	}

	.in_qybs dl dt {
		font-weight: bold;
		line-height: 1;
		margin-bottom: 0.68rem;
	}

	.in_qybs dl dt span {
		font-size: 1.37rem !important;
		line-height: 1;
	}

	.in_qybs dl dd {
		/* font-size: 0.61rem; */
		font-size:12px;
		line-height: 1;
	}

	.in_qybs dl {
		padding-top: 0.8rem;
		padding-bottom: 0.8rem;
	}

	.in_qybs {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.hbList,
	.hb img {
		width: 17.45rem;
	}

	.friendBox .top {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.friendBox .num {
	    font-size: 3rem;
	    line-height: 1;
	}
.friendBox .numBox span {
    color: rgb(207, 201, 186);
    margin-left: 4rem;
}
	.friendBox .num .counter {
		font-size: 3rem;
		width: auto;
	}
	.centerFont {
	    top: 22rem;
	}
	.friendBox {
	    padding-top: 2.8rem;
	}
	.friendBox .left .font {
	    margin-bottom: 1.4rem;
	    /* font-size: 0.68rem; */
		font-size: 14px;
	}
	.hb {
	    margin-top: 1.4rem;
	}
	.qxshImg {
	    bottom: auto;
	    top: 0;
	    height: 12.26rem;
	    object-fit: cover;
	    background: #fff;
	    object-position: left;
	    right: auto;
	}
	.publicBanner img.mobile {
	    width: 100%;
	    height: 23.2rem;
	    object-fit: cover;
			object-position: center;
	}
	.sellBox a {
	   padding: 0;
	   height: 26px;
	   display: flex;
	   align-items: center;
	   width: 2.55rem;
	   justify-content: center;
	   line-height: 26px;
	   padding-bottom: 0 !important;
	   font-size: 12px;
	}
	.carTypeTwo li:last-child {
	    margin-top: 0;
	}
	.top_menu_icon{
		top: 38.5rem;
	}
	.publicBanner {
	    min-height: 56px;
	}
	.carList .linkBox .more {
	    margin-top: 0;
	    width: auto;
	    font-size: 0.75rem;
	    height: auto;
	    padding: 0.25rem 0.56rem;
		line-height: 1;
	}
	
}
@media screen and (max-width:760px) {
	.closeBtn {
		width: 2.15rem;
		height: 2.15rem;
		top: 4.16rem;
	}

	.modalConHead .left .name {
		font-size: 1.37rem;
		line-height: 1.37rem;
	}

	.modalCon {
		padding: 2.94rem 0.7rem;
	}

	.modalConHead .left {
		margin-top: 3.34rem;
		padding-bottom: 0;
	}

	.carTypeChange {
		margin-top: 1.8rem;
	}

	.plType {
		top: 14.5rem;
	}

	.slick-arrow {
		width: 1.68rem !important;
		height: 1.68rem !important;
	}

	.carTypeLink {
		position: absolute;
		margin-top: 0 !important;
		top: 8.54rem;
		right: 0.7rem;
	}

	.carTypeLink a img {
		margin-right: 0.38rem;
		height: 0.68rem;
	}

	.modalConHead .left .intro {
		font-size: 12px;
		line-height: 12px;
		margin-top: 0.85rem;
	}

	.carTypeLink a {
		font-size: 12px;
		margin-left: 1.16rem;
		min-width: auto;
		height: 0.68rem;
	}

	.carTypeSwiper {
		padding: 0;
	}

	.modalCon .slick-prev {
		left: 0px !important;
	}

	.navigation .navigation__date--white {
		text-align: center;
	}

	.navigation .navigation__link .navigation__date--img {
		width: 100%;
	}

	.carTypeList .item.slick-current .navigation__date--img img {
		opacity: 1;
		transform: translateX(0);
	}

	.carTypeList .item.slick-current .navigation__date--circle {
		background-color: rgb(208, 45, 45);
	}

	.carTypeList .item.slick-current .navigation__date--circle::before {
		transform: translate(-50%, -50%) scale(1);
	}

	.navigation a {
		text-decoration: none;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
	}

	.navigation {
		width: 100%
	}

	.carTypeList .item {
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.carTypeSwiper {
		padding: 0;
	}

	.navigation .navigation__date--circle::before {
		width: 1.9rem;
		height: 1.9rem;
	}
	.navigation .navigation__date--circle {
	    width: 0.32rem;
	    height: 0.32rem;
	    padding-top: 0.32rem;
	    padding-left: 0.32rem;
	}
	.navigation .navigation__date--brown {
	    font-size:12px;
	    text-align: center;
	}
	.navigation .navigation__link .navigation__date {
	    margin-bottom: 3.1rem;
	}
	.carType .item:nth-child(1) {
	    margin-bottom: 0;
	    padding-bottom: 0;
	}
	.carTypeList .slider {
	    width: 100%;
	    margin-top: 5.26rem;
	}
	.carTypeList .item.slick-current .navigation__date,
	.carTypeList .item:hover .navigation__date {
	    transform: translateY(0);
	}
	.plType dd a {
	    font-size: 12px !important;
	}
	.navigation .navigation__link .navigation__date--img img {
	    max-width: 100%;
	    opacity: 1;
	    transform: translateX(0);
	}
	.carUl .item2 {
	    height: 10.45rem;
	    margin-bottom: 4.68rem;
	}
	.qxProduct.publicCon2 .carTypeLink{
		top: 96px;
	}
	.carUl .imgBox {
	    margin-bottom: 0px;
	    height: auto;
	    margin-top: -14%;
	}
	.carUl .item2{
		height: auto;
	}
	.carUl .itemCon2{
		position: static;
	}
	.carUl .linkBox {
	    position: static;
	    padding-bottom: 15px;
	}
	.carUl .item2 {
	    height: auto;
	    margin-bottom: 5.28rem;
	}
	.carList .title{
		margin-bottom: 2.6rem;
	}
	.carTypeTwo .item a::after {
	    height: 2px;
	    bottom: -4px;
	}
	.carUl .itemCon2 .title {
	    line-height: 1.35;
	}
	.carTypeList.qxshSlide .itemCon3{
		display: flex;
		    flex-direction: column;
		    justify-content: center;
		    align-items: center;
	}
	.carTypeSwiper .itemCon3 .imgBox {
	    width: 12.05rem;
	    height: 11.2rem;
	    background: #393939;
	}
	.qxshFont .name {
	    margin-top: 1rem;
	}
	.qxshFont{
		width: 12.05rem;
	}
	.carTypeSwiper .myMenu3{
		width: 12.05rem;
	}
	.carTypeSwiper .myMenu3 {
	    width: 12.05rem;
	    margin: 0 auto;
	    margin-top: 0.78rem;
	}
	.contrastBg .titleHBox .imgBox {
	    height: auto;
	}
	.carSelectList .ul .circle {
	    width: 12px;
	    height: 12px;
	    border-radius: 50%;
	    border: 1px solid #837762;
	    position: absolute;
	    right: 12px;
	    top: 12px;
	}
	.fwcn .rightBox .intro {
    margin-top: 1.12rem;
    margin-bottom: 0;
}
}