html,
body {
	overflow-x: hidden;
}


.buy-car-search-wrap .wrap {
	background: #F9FBFB;
	border-radius: 4px;
	padding: 24px 24px 0;
}

.buy-car-search-wrap .wrap dl dd .subnav {
	display: none;
}

.buy-car-search-wrap .wrap dl.sort-3 {
	margin: 0 0 16px;
}

.buy-car-search-wrap .wrap dl .stretch {
	color: rgba(0, 0, 0, 0.25);
}

.buy-car-search-wrap .wrap .classify {
	display: none;
}

.buy-car-search-wrap .wrap .cx {
	display: none;
	border-top: 1px solid #E7ECF2;
}

.buy-car-search-wrap .wrap .cx dd .stretch .icon {
	font-size: 9px;
}

.buy-car-search-wrap .wrap .cx dd .stretch a {
	margin: 0;
}

.buy-car-search-wrap .wrap .cx dd .center-info {
	height: 38px;
	overflow: hidden;
}

.buy-car-search-wrap .wrap .cx dd .center-info.on {
	height: auto;
}

.buy-car-search-wrap .wrap .select {
	display: flex;
	justify-content: start;
	color: rgba(3, 0, 0, 0.80);
	text-align: center;
}

.buy-car-search-wrap .wrap .select dl dt.active {
	color: #04A4AA;
}

.buy-car-search-wrap .wrap .select dl:hover dd {
	display: block;
	-webkit-animation: topFadeIn .3s ease-out;
	-moz-animation: topFadeIn .3s ease-out;
	animation: topFadeIn .3s ease-out;
}

.buy-car-search-wrap .wrap .select dd li:hover a {
	color: #04A4AA;
}

.buy-car-search-wrap .wrap .select dt {
	cursor: pointer;
}

.buy-car-search-wrap .wrap .selected {
	padding: 24px 0 0;
	border-top: 1px solid #E7ECF2;
	display: none;
}

.buy-car-search-wrap .wrap .selected dl {
	line-height: 22px;
}

.car-list-wrap h4 {
	font-size: 20px;
	color: rgba(3, 0, 0, 0.40);
	line-height: 28px;
	margin: 40px 0;
}

.car-list-wrap h4 span {
	color: #04A4AA;
	display: inline-block;
	padding: 0 5px;
}

.car-list-wrap .tab {
	border-bottom: 2px solid #04A4AA;
	height:39px;
	box-sizing: border-box;
}

.car-list-wrap .tab li {
	line-height: 38px;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.60);
	cursor: pointer;
}

.car-list-wrap .tab li a {
	display: block;
	padding: 0 16px;
}

.car-list-wrap .tab li.active {
	color: #fff;
	background: #04A4AA;
	border-radius: 8px 8px 0 0;
}

.car-list-wrap .tab li.active a {
	color: #fff;
}

.car-list-wrap .screen {
	height: 32px;
	line-height: 32px;
	padding: 0 24px;
}

.car-list-wrap .screen .layui-input-block {
	margin: 0;
}

.car-list-wrap .screen .layui-form-checkbox[lay-skin=primary] i {
	border: 1px solid #04A4AA;
	border-radius: 2px;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
}

.car-list-wrap .screen .layui-form-checked[lay-skin=primary] i {
	border-color: #04A4AA !important;
	background-color: #04A4AA;
	font-size: 10px;
	line-height: 14px;
}

.car-list-wrap .screen .layui-form-item .layui-form-checkbox[lay-skin=primary] {
	margin-right: 40px;
	padding-left: 25px;
}

.car-list-wrap .screen .layui-form-checkbox[lay-skin=primary] span {
	padding: 0;
}

.car-list-wrap .car-classify {
	width: 894px;
}

.car-list-wrap .car-classify .list {
	margin: 0 -12px 24px;
}

.car-list-wrap .car-classify .list li {
	width: 33.33%;
	height: 360px;
	box-sizing: border-box;
	padding: 0 12px;
	margin-top: 24px;
}

.car-list-wrap .list li .box {
	background: #F9FBFB;
	border-radius: 4px;
	height: 100%;
	overflow: hidden;
}

.car-list-wrap .list li .box:hover {
	background: #fff;
	box-shadow: 0 0 16px 0 #CFE5FB;
}

.car-list-wrap .list li .box .block-layout {
	padding-bottom: 75%;
}

.car-list-wrap .list li .box .car-info {
	padding: 16px 16px 0;
}

.car-list-wrap .list li .box .c-name {
	font-size: 20px;
	color: rgba(3, 0, 0, 0.80);
	line-height: 28px;
	height: 56px;
}

.car-list-wrap .list li .box .c-name:hover {
	color: #04A4AA;
}

.car-list-wrap .list li .box .c-use {
	font-size: 12px;
	color: rgba(0, 0, 0, 0.40);
	line-height: 22px;
	margin-top: 4px;
}

.car-list-wrap .list li .box .price {
	color: #FD5945;
	font-size: 12px;
	text-align: right;
	margin-top: 6px;
}

.car-list-wrap .list li .box .price .bright {
	font-size: 20px;
	color: #FD5945;
	line-height: 28px;
	margin: 8px 0 0;
}

.car-list-wrap .car-classify .list li .box .tips {
	top: 0;
	left: 0;
	font-size: 0;
}

.car-list-wrap .car-classify .list li .box .tips a {
	border-radius: 4px 0 4px 0;
	display: inline-block;
	width: 48px;
	line-height: 22px;
	text-align: center;
	color: #fff;
	margin-right: 8px;
	font-size: 12px;
	cursor: context-menu;
}

.car-list-wrap .car-classify .list li .box .zxc {
	background-image: linear-gradient(248deg, #34DC9F 14%, #2ACED1 100%);
}

.car-list-wrap .car-classify .list li .box .tj {
	background-image: linear-gradient(245deg, #FFD073 10%, #C89F55 99%);
}

.car-list-wrap .car-classify .list li .box .rx {
	background-image: linear-gradient(241deg, #FF7097 13%, #FD5945 100%);
}

.car-list-wrap .car-classify .list li .box .js {
	background-image: linear-gradient(230deg, #FFD073 0%, #FA666B 100%);
}





.car-store {
	width: 282px;
}

.car-store .topinner img {
	margin: 0;
}

.car-store .topinner a {
	display: block;
	background: #04A4AA;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	line-height: 40px;
	cursor: pointer;
}

.car-store h5 {
	margin: 80px 0 0;
	font-size: 26px;
	color: rgba(0, 0, 0, 0.80);
	line-height: 38px;
}

.car-store .c-s-title {
	margin: 40px 0 0;
}

.car-store .c-s-title dt {
	font-size: 30px;
	color: rgba(0, 0, 0, 0.80);
	line-height: 38px;
}

.car-store .c-s-title dd {
	font-size: 14px;
	color: rgba(3, 0, 0, 0.40);
	line-height: 22px;
	margin: 8px 0 0;
}

.car-store .c-s-title dd a {
	color: rgba(0, 0, 0, 0.60);
}

.car-store .c-s-list {
	margin: 0 -12px;
}

.car-store .c-s-list li {
	box-sizing: border-box;
	padding: 0 12px;
	margin: 24px 0 0;
}

.car-store .c-s-list li .box {
	background: #F9FBFB;
	border-radius: 4px;
}

.car-store .c-s-list li .block-layout {
	padding-bottom: 75%;
}

.car-store .c-s-list li .box .car-name {
	font-size: 20px;
	color: rgba(3, 0, 0, 0.80);
	line-height: 28px;
}

.car-store .c-s-list li .box .car-addr,
.car-store .c-s-list li .box .car-stock {
	font-size: 14px;
	color: rgba(3, 0, 0, 0.40);
	line-height: 22px;
}

.car-store .c-s-list li .box .car-addr {
	margin: 4px 0;
}

.car-store .c-s-list li .box .car-info {
	padding: 16px;
	box-sizing: border-box;
}

.car-store .c-s-list li .box .car-price {
	color: #FD5945;
	font-size: 12px;
}

.car-store .c-s-list li .box .car-price .bright {
	font-size: 20px;
	line-height: 28px;
}

.car-personal .c-s-list li .box .car-info {
	height: 148px;
}

.car-personal .c-s-list li .box .car-price {
	bottom: 16px;
	right: 16px;
}

.car-store .c-s-list li .box .car-name:hover {
	color: #04A4AA;
}

.car-store .car-list-wrap .list li {
	width: 100%;
	height: 360px;
	margin-top: 24px;
}

.adv {
	margin: 40px 0 0;
}

.adv img {
	width: 100%;
	margin: 0 0 24px;
}


.broker-card {
	padding: 16px 32px;
	box-sizing: border-box;
	background: #F9FBFB;
	border-radius: 4px;
	margin: 0 auto 24px;
}

.broker-card .h-img {
	width: 200px;
	height: 200px;
	margin-right: 32px;
	flex: 1;
	max-width: 200px;
}

.broker-card .h-img img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.broker-card .card-info .name {
	font-size: 30px;
	color: rgba(0, 0, 0, 0.80);
	line-height: 38px;
	margin-top: 16px;
}

.broker-card .card-info {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.60);
	line-height: 22px;
	flex: 1;
}

.broker-card .card-info .num dl {
	margin: 16px 67px 0 0;
	text-align: center;
}

.broker-card .card-info .num dl dd {
	margin: 4px 0 0;
	position: relative;
}

.broker-card .card-info .num .r dd::before {
	content: '';
	position: absolute;
	width: 1px;
	top: 2px;
	bottom: 2px;
	background: #ccc;
	left: -33px;
}

.broker-card .card-info .time {
	margin: 18px 0 4px;
}

.broker-card .card-info .time dd {
	margin-left: 8px;
}

.broker-card .card-info .addr {
	line-height: 33px;
}

.broker-card .card-info .addr dd {
	margin-left: 8px;
}

.broker-card .card-info .addr .addr-detail {
	max-width: 460px;
}

.broker-card .card-info .addr .btn-map {
	font-size: 14px;
	color: #04A4AA;
	cursor: pointer;
}

.broker-card .card-info .addr .btn {
	background: #04A4AA;
	border-radius: 4px;
	width: 250px;
	line-height: 32px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

.broker-card .card-info .addr .btn i {
	font-size: 13px;
	margin: 0 5px 0 0;
}

.broker-card .card-info .addr .btn .tel2 {
	display: none;
}

.broker-card .card-info .addr .btn.active .tel1 {
	display: none;
}

.broker-card .card-info .addr .btn.active .tel2 {
	display: block;
}

.broker-card .card-info .collection {
	right: 0;
	top: 16px;
}