* {
margin: 0;
padding: 0;
}
html,
body {
background-color: rgb(247, 248, 252);
position: relative;
}
.wrap {
width: 1200px;
margin: 0 auto;
}
a,
img {
display: inline-block;
text-decoration: none;
}
li {
list-style-type: none;
}
.container {
/* min-height:1500px; */
background: white;
/*height: 210px;*/
padding: 20px 13px 30px 22px;
display: flex;
flex-direction: column;
/* position: relative; */
box-sizing: border-box;
}
.container p {
/* width: 28px; */
height: 14px;
line-height: 24px;
color: #afb0bb;
font-size: 14px;
float: left;
margin-right: 35px;
}
.area,
.price,
.more {
line-height: 14px;
margin-top: 28px;
}
.nav-board {
/* height: 283px; */
border-radius: 6px;
background-color: white;
display: flex;
flex-direction: column;
justify-content: space-evenly;
box-sizing: border-box;
position: relative;
}
.nav-board p {
/* width: 28px; */
height: 14px;
line-height: 24px;
color: #afb0bb;
font-size: 14px;
float: left;
margin-right: 35px;
}
/* 所有ul的样式 */
.menucommon {
display: flex;
justify-content: space-between;
height: 14px;
line-height: 24px;
float: left;
box-sizing: border-box;
font-size: 14px;
}
/* 每一个不限加效果 */
.menucommon li a {
line-height: 24px;
text-align: center;
border-radius: 3px;
display: inline-block;
padding: 0 5px;
}
/*.menucommon li:nth-child(1) a {
line-height: 24px;
height: 24px;
text-align: center;
background: #e53a11;
border-radius: 3px;
color: white;
}*/
.menucommon li a.current {
line-height: 24px;
height: 24px;
text-align: center;
background: #e53a11;
border-radius: 3px;
color: white;
}
.menucommon li {
margin-right: 22px;
line-height: 24px;
}
.price-menulist li {
margin-right: 8px !important;
}
.menucommon li a:hover {
border-radius: 4px;
background: rgb(229, 58, 17);
line-height: 24px;
font-size: 14px;
height: 24px;
/* font-family: source han sans cn;
font-weight: 300; */
color: #ffffff;
text-align: center;
}
.brand-menulist {
min-width: 546px;
/* margin-right: 507px; */
}
/* 品牌和地区的元素间隔 */
.area {
position: relative;
}
.area .allshow {
width: 1200px;
/* height: 858px; */
top: 21px;
left: -22px;
}
.area-menulist {
min-width: 680px;
}
.area-menulist ul>li {
height: 24px;
background: #e53a11;
border-radius: 3px;
}
/* 所有 */
.menucommon li a {
color: #313237;
font-size: 14px;
font-family: source han sans cn;
font-weight: 400;
}
/* 展示隐藏部分 */
.all {
height: 14px;
line-height: 14px;
font-size: 14px;
font-family: source han sans cn;
font-weight: normal;
color: #e53a11;
float: right;
display: flex;
position: relative;
}
.all span,
em {
display: inline-block;
height: 14px;
line-height: 14px;
color: #e53a11;
}
.all img {
width: 12px;
height: 5px;
line-height: 14px;
margin-top: 5px;
}
/* 覆盖全部字样时,全部消失不见,收起转为块级元素 */
.all>a em {
display: none;
}
.all a:hover .tringletop {
display: none;
}
.all .box1 .tringleup {
display: none;
}
.all a:hover .tringleup {
display: block;
}
.all .box1 {
margin-left: 9px;
}
.allshow {
/*height: 858px;*/
/* border: 1px solid grey; */
position: absolute;
background: white;
top: 20px;
left: -22px;
z-index: 99;
display: flex;
display: none;
padding: 42px 20px 72px 22px;
justify-content: space-evenly;
box-sizing: border-box;
}
.allshow>p>span i {
color: #e53a11;
font-weight: bold;
}
.allshow p {
/* width: 326px; */
/*height: 744px;*/
font-size: 16px;
font-family: sourcehansanscn-light;
color: #313237;
display: block;
height: 100%;
}
.allshow .text1 {
width: 326px;
margin-right: 24px;
}
.allshow .text2 {
width: 400px;
margin-right: 7px;
}
.allshow .text3 {
width: 401px;
margin-right: 0;
}
.allshow p span {
display: block;
margin-bottom: 38px;
word-spacing: 17px;
}
.all>a:hover .allshow {
display: block;
}
/* 价格部分*/
.inputprice {
float: left;
box-sizing: border-box;
line-height: 24px;
margin-left: 3px;
}
/* 清除输入框样式 */
.inputprice input {
width: 0;
border: 0;
outline: none;
}
.price .inputprice div {
float: left;
width: 58px;
height: 24px;
border: 1px solid #afb0bb;
border-radius: 3px;
}
.inputprice .inputprice-1 {
display: flex;
height: 24px;
margin-left: 2px;
box-sizing: border-box;
}
.inputprice .inputprice-1 input {
font-size: 14px;
flex: 1;
padding-left: 5px;
}
.inputprice .inputprice-1 span {
width: 14px;
height: 14px;
font-size: 14px;
font-weight: 400;
font-family: source han sans cn;
/* color: #313237; */
line-height: 24px;
margin-right: 5px;
}
.inputprice #short {
width: 16px;
float: left;
line-height: 24px;
font-size: 14px;
font-family: source han sans cn;
font-weight: normal;
color: #313237;
padding-left: 5px;
}
.price .inputprice button {
width: 54px;
height: 24px;
line-height: 24px;
background: #e53a11;
border-radius: 3px;
margin-left: 10px;
box-sizing: border-box;
font-family: source han sans cn;
font-size: 14px;
font-weight: 300;
color: #ffffff;
}
/* 更多部分 */
.more .selected>ul {
position: absolute;
margin-left: 35px;
height: 24px;
}
.more .selected>ul>li {
width: 88px;
height: 24px;
line-height: 14px;
background: #ffffff;
border: 1px solid #afb0bb;
border-radius: 3px;
margin-right: 19px;
float: left;
/* box-sizing: border-box; */
}
.more .selected .carlist {
margin-left: 30px;
}
.more .selected>ul>.oil {
width: 104px;
/* box-sizing: border-box; */
}
.more .selected ul>li span {
display: inline-block;
width: 13px;
height: 6px;
margin-left: 30px;
background: center center/cover no-repeat;
}
.selected ul>li:hover span {
background: 2px 2px/12px 5px no-repeat;
}
.more .selected ul .oil span {
margin-left: 47px;
}
.more .selected ul>li i {
/* width: 100%; */
height: 14px;
font-size: 14px;
line-height: 14px;
font-family: source han sans cn;
/* font-weight: 300; */
color: #313237;
margin-left: 11px;
margin-top: 5px;
float: left;
}
.selected>ul>li ul {
display: none;
}
.selected ul li ul>li a {
font-size: 14px;
}
.selected ul li ul>li {
margin-right: 0px;
}
.selected ul li>ul>li {
border: 0;
}
.selected ul>li:hover i {
color: #e53a11;
}
.selected ul>li:hover {
border: 1px solid #e53a11;
border-bottom: 0;
}
.selected li {
position: relative;
}
.selected li:hover ul {
display: block;
width: 88px;
/*height: 143px;*/
position: absolute;
display: block;
background: #ffffff;
border: 1px solid #e53a11;
margin-top: 7px;
margin-left: -1px;
box-sizing: border-box;
z-index: 99;
padding-bottom: 15px;
}
.selected li .oil {
position: relative;
}
.selected .oil:hover ul {
display: block;
width: 104px;
/*height: 143px;*/
position: absolute;
display: block;
background: #ffffff;
border: 1px solid #e53a11;
margin-top: 7px;
margin-left: -1px;
box-sizing: border-box;
padding-bottom: 15px;
}
.selected .carlist ul li a{
margin-left: 5px;
}
.selected li ul li a {
border: 0;
line-height: 24px;
height: 24px;
margin-left: 12px;
}
.selected li ul li:hover {
background: #e53a11;
}
.selected li ul li:hover a {
color: #ffffff;
display: inline-block;
}
.selected li ul li:nth-child(1) {
margin-top: 11px;
}
/* 全部车源样式部分 */
.allcar .allcar-title {
width: 1200px;
height: 24px;
margin-top: 30px;
margin-bottom: 30px;
}
/* 全部车源头部左边 */
.allcar .allcar-title>span:nth-child(1) {
float: left;
width: 104px;
height: 24px;
line-height: 24px;
font-size: 24px;
font-family: source han sans cn;
font-weight: 400;
color: #313237;
}
/* 全部车源右边部分 */
.allcar .allcar-title .allcar-right {
float: right;
display: flex;
margin-right: 340px;
justify-content: space-between;
}
.allcar-title .allcar-right>ul {
/* width: 263px; */
height: 20px;
line-height: 20px;
display: flex;
justify-content: space-between;
}
.allcar-title .allcar-right>ul li {
float: right;
}
.allcar-title .allcar-right>ul li a {
height: 16px;
margin-right: 10px;
}
.allcar-title .allcar-right ul>li>a .trigletop1 {
position: relative;
top: 2px;
}
.allcar-title .allcar-right ul>li>a .trigleup {
position: absolute;
margin-left: -12px;
margin-top: 11px;
}
.allcar-title .allcar-right ul>li a.current {
color: #e53a11;
}
.allcar-title .allcar-right ul>li span {
/* height: 16px; */
line-height: 20px;
font-size: 16px;
margin-right: 6px;
}
.allcar-title ul>li>a img {
width: 12px;
height: 5px;
line-height: 20px;
}
/* 全部车源-列表展示部分 */
.allcar-title .allcar-right .listshow {
margin-left: 23px;
display: block;
height: 20px;
margin-right: 13px;
}
.allcar-title .allcar-right .listshow img {
position: relative;
}
.allcar-title .allcar-right .listshow a {
height: 14px;
font-size: 14px;
line-height: 14px;
font-family: source han sans cn;
color: #313237;
margin-left: 5px;
margin: 2px 13px 2px 5px;
position: absolute;
}
.allcar-title .allcar-right span:hover a {
color: #e53a11;
}
/* 全部车源详细部分 */
.allcar .allcar-info {
padding-right: 29px;
margin-bottom: 20px;
display: flex;
justify-content: flex-start;
/*background-image: ;*/
background: white;
border-radius: 5px;
height: 200px;
box-sizing: border-box;
}
.allcar-info .allcar-img {
/* width: 20px; */
display: block;
/* height: 20px; */
position: relative;
width: 288px;
height: 195px;
float: left;
}
.allcar-info .allcar-img a {
width: 100%;
height: 100%;
}
.allcar-info .allcar-img img {
width: 200px;
height: 200px;
border-radius: 5px;
}
.allcar .allcar-info .allcar-img span {
display: inline-block;
width: 24px;
height: 24px;
position: absolute;
top: 160px;
right: 13px;
/*background-image: url(/uploads/image/spcimg/like.png);*/
}
/* 文本部分 */
.allcar-infodetail {
width: 521px;
/*padding-top: 14px;*/
padding-top: 25px;
padding-left: 34px;
margin-right: 26px;
}
.allcar-infodetail>p:nth-child(1) a {
width: 230px;
font-size: 18px;
font-family: arial;
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* 详情抵押文本内容 */
.allcar-infodetail p span {
display: inline-block;
font-size: 14px;
height: 14px;
line-height: 14px;
color: #afb0bb;
}
/* .allcar-infodetail>p:nth-child(1)>span {
margin-top: 7px;
} */
.allcar-infodetail p a {
/* width: 430px; */
display: inline-block;
height: 18px;
line-height: 18px;
}
.allcar-infodetail p:nth-child(2) {
font-family: arialmt;
color: #313237;
line-height: 21px;
font-size: 14px;
margin-top: 10px;
}
.allcar-infodetail p:nth-child(2) a {
float: right;
color: #e53a11;
font-size: 16px;
font-weight: 400;
}
/* 价格部分 */
.allcar-info .allcar-price p {
/*width: 89px;*/
height: 22px;
line-height: 22px;
color: #e53a11;
margin: 52px auto 32px auto;
text-align: center;
}
.allcar-price p i {
height: 18px;
font-family: arial-boldmt;
font-weight: bold;
}
.allcar-price p strong {
font-size: 22px;
font-family: sourcehansanscn-normal;
font-weight: bold;
}
/* 咨询按钮样式 */
.allcar .allcar-info .zixun-button {
border: 0;
width: 180px;
height: 48px;
text-align: center;
background: #e53a11;
border-radius: 5px;
}
.allcar .allcar-info .zixun-button a {
width: 100%;
height: 100%;
font-size: 18px;
line-height: 48px;
font-family: source han sans cn;
font-weight: 400;
color: #ffffff;
}
.allcar .allcartail {
height: 153px;
margin-left: 318px;
}
.allcar .allcartail .pagenumber {
height: 32px;
float: left;
margin-right: 8px;
margin-top: 51px;
/* background: grey; */
}
.pagenumber ul li {
float: left;
width: 32px;
height: 32px;
background: #f7f8fc;
border: 1px solid #afb0bb;
border-radius: 3px;
line-height: 32px;
text-align: center;
margin-right: 10px;
box-sizing: border-box;
}
.pagenumber ul li a {
width: 100%;
height: 100%;
}
.pagenumber>ul>li:nth-child(1) a img {
width: 100%;
height: 100%;
}
.pagenumber ul>li:nth-child(2) {
background: #e53a11;
}
.pagenumber ul>li:nth-child(2) a {
color: #ffffff;
}
.pagenumber ul>li:nth-child(1) {
border: none;
}
.pagenumber ul>li:nth-child(9) {
border: none;
}
.allcar .allcartail ul li:hover a {
width: 100%;
height: 100%;
background-color: #e53a11;
color: #ffffff;
border: none;
}
.pagenumber>ul .spllise {
border: none;
}
.allcar .clickto {
float: left;
height: 32px;
margin-top: 51px;
}
.allcar .clickto>div {
/* width: 202px; */
height: 32px;
font-size: 14px;
line-height: 32px;
}
.allcartail .clickto i {
color: #e53a11;
}
.allcar .clickto div input {
/* display: inline-block; */
width: 32px;
height: 32px;
box-sizing: border-box;
background: #f7f8fc;
outline: 0;
border: 0;
border: 1px solid #afb0bb;
border-radius: 3px;
margin-right: 9px;
margin-left: 10px;
}
.allcar .clickto div em {
width: 22px;
height: 10px;
color: #313237;
}
.pspan16 span {
font-size: 18px !important;
}
.allcar_info_r {
float:right;
/* position: absolute; */
/* top: 500px;
right: 100px; */
width: 320px;
margin-top: 27px;
font-size: 14px;
box-sizing: border-box;
}
.allcar_r_title1,
.allcar_r_title2{
font-size: 24px;
margin-bottom: 20px;
}
.allcar_r_title2{
margin-top: 20px;
}
.allcar_info_r .news1,
.allcar_info_r .news2
{
background: #ffffff;
}
.allcar_info_r>div ul li>b{
font-size: 16px;
margin-right: 10px;
color: grey;
}
.allcar_info_r>div ul li{
height: 20px;
padding: 15px 16px;
display: flex;
}
.allcar_info_r>div ul li a{
width: 100%;
height: 20px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 16px;
line-height: 20px;
color: #333;
}
/* .allcar_info_r>div ul li{
height: 20px;
padding: 10px 16px;
display: flex;
}
.allcar_info_r>div ul li>b{
font-size: 16px;
}
.allcar_info_r>div ul li a{
width: 100%;
height: 20px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 16px;
line-height: 20px;
color: #333;
} */