* { 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; } */