<!doctype html>
<html>
<head>
<meta charset="UTF-8"/>
<title></title>
<link rel="stylesheet" type="text/css" href="css/RenRenChe.css" />
<link rel="stylesheet" type="text/css" href="css/reset.css" />
</head>
<body>
<!--begin:header部分-->
<div class="header-wrapper">
<div class="wrapper clearfix">
<a class="header-logo"></a>
<div class="header-nav clearfix">
<div class="header-city"><!--多一层 嵌套就会出问题-->
上海
<div class="choose-city-icon"></div>
</div>
<div class="header-nav-title header-nav-title_red">买车</div>
<div class="header-nav-title header-nav-title_red">卖车</div>
<div class="header-nav-title">贷款</div>
<div class="header-nav-title">论坛</div>
<div class="header-nav-title">服务保障</div>
</div>
<span class="header-login">
<i class="iconfont"></i>
<span>登录</span>
</span>
<span class="header-tel">
<div class="tel-img"></div>
<span>400-673-3710</span>
</span>
</div>
</div>
<!--begin:banner部分-->
<div class="banner">
<div class="bannerMin">
<div class="banner-img"><img src="img/banner.jpg" /></div>
<div class="banner-buttons">
<div style="background:#f60;"></div>
<div></div>
<div></div>
</div>
</div>
</div>
<!--buy-sales部分-->
<div class="buy-sales-wrapper clearfix">
<div class="buy-sales-wrapper-left clearfix">
<div class="buy-img-box">
<div class="buy-img"></div>
<div class="buy-img-text">1年/2万公里质保</div>
</div>
<div class="buyMin">
<div class="titleMin">
<ul class="clearfix">
<li class="brand-icon"></li>
<li><a>大众</a></li>
<li><a>宝马</a></li>
<li><a>奥迪</a></li>
<li><a>丰田</a></li>
<li><a>奔驰</a></li>
<li><a>本田</a></li>
<li><a>别克</a></li>
<li><a>福特</a></li>
<li><a>日产</a></li>
<li><a>马自达</a></li>
<li><a>雪佛兰</a></li>
<li class="brand-more">
<a class="brand-more-btn">
更多
<span class="sanjiao1"></span>
<span class="sanjiao2"></span>
<span class="sanjiao3"></span>
</a>
</li>
</ul>
<ul class="clearfix">
<li class="price-icon"></li>
<li><a>3万以下</a></li>
<li><a>3-5万</a></li>
<li><a>5-10万</a></li>
<li><a>10-15万</a></li>
<li><a>15-20万</a></li>
<li><a>20-30万</a></li>
<li><a>30-60万</a></li>
<li><a>60万以上</a></li>
</ul>
<ul class="clearfix">
<li class="tag-icon"></li>
<li><a>SUV</a></li>
<li><a>商务车</a></li>
<li><a>跑车</a></li>
<li><a>急售</a></li>
<li><a>准新车</a></li>
<li><a>超值</a></li>
<li><a style="color:#f60;">促销车</a></li>
</ul>
</div>
<form class="index-search clearfix">
<input type="text" placeholder="请输入关键词，如：别克1.6L" class="search-text" />
<div class="search-button">
<div class="search-icon"></div>
</div>
</form>
</div>
</div>
<div class="buy-sales-wrapper-right">
<div class="sales-img-box">
<div class="sales-img"></div>
<div class="sales-img-text">平均7天出售</div>
</div>
<div class="salesMin">
<div class="salesTitle">
<div class="salesTitle1">快速买车</div>
<div class="salesTitle2">
已有
<span>351222</span>
人成功买车
</div>
</div>
<input type="text" placeholder="手机号码(必填)" class="salesText" />
<button class="salesBtn">帮我卖车</button>
<div class="chooseBox">
<p>后续计划</p>
<label>
<img src="img/chooseBox.png" />
<span>团购新车</span>
</label>
<label>
<img src="img/chooseBox.png" />
<span>买二手车</span>
</label>
<label>
<img src="img/chooseBox.png" />
<span>不买车</span>
</label>
</div>
</div>
</div>
</div>
<div class="buy-sales-banner">
<a class="buy-banner"><img src="img/buy-img.jpg" /></a>
<a class="sales-banner"><img src="img/sales-img.jpg" /></a>
</div>
<!--main2部分开始-->
<div class="main2">
<div class="main2Min">
<div class="product">
<div class="pic"><img src="img/specimen-img1.png"/></div>
<div class="productTitle">现代-瑞纳 2014款 1.4L 自动领先型GLX</div>
<div class="productTxt">2015年4月<em class="separator"> / </em>1.3万公里
<span style="color:#fff;background-color:#ff7815;border-color:#ff7815">急售</span>
<span style="color:#fff;background-color:#4ba4fc;border-color:#4ba4fc">里程少</span>
</div>
<div class="productTxt2">
<div class="price-left">
<div class="price">10.28<span>万</span></div>
<div class="new-price">新车指导价：<span>20.16</span>万</div>
</div>
<div class="right1">咨询电话</div>
</div>
</div>
<div class="product">
<div class="pic"><img src="img/specimen-img2.png"/></div>
<div class="productTitle">奔驰-B级 2012款 B 200</div>
<div class="productTxt">2015年11月<em class="separator"> / </em>1.1万公里
<span style="color:#fff;background-color:#ff7815;border-color:#ff7815">急售</span>
<span style="color:#fff;background-color:#4ba4fc;border-color:#4ba4fc">里程少</span>
<span style="color:#fff;background-color:#ffbd22;border-color:#ffbd22">好车主</span>
</div>
<div class="productTxt2">
<div class="price-left">
<div class="price">10.28<span>万</span></div>
<div class="new-price">新车指导价：<span>20.16</span>万</div>
</div>
<div class="right1">咨询电话</div>
</div>
</div>
<div class="product">
<div class="pic"><img src="img/specimen-img3.png"/></div>
<div class="productTitle">日产-轩逸 2014款 1.6XV CVT尊享版</div>
<div class="productTxt">2011年3月<em class="separator"> / </em>9万公里
<span style="color:#fff;background-color:#ff7815;border-color:#ff7815">急售</span>
</div>
<div class="productTxt2">
<div class="price-left">
<div class="price">10.28<span>万</span></div>
<div class="new-price">新车指导价：<span>20.16</span>万</div>
</div>
<div class="right1">咨询电话</div>
</div>
</div>
<div class="product">
<div class="pic"><img src="img/specimen-img4.png"/></div>
<div class="productTitle">荣威-e550 2016款 旗舰版</div>
<div class="productTxt">2016年10月<em class="separator"> / </em>1.2万公里
<span style="color:#fff;background-color:#ff7815;border-color:#ff7815">急售</span>
<span style="color:#fff;background-color:#4ba4fc;border-color:#4ba4fc">准新车</span>
<span style="color:#fff;background-color:#4ba4fc;border-color:#4ba4fc">0过户</span>
</div>
<div class="productTxt2">
<div class="price-left">
<div class="price">10.28<span>万</span></div>
<div class="new-price">新车指导价：<span>20.16</span>万</div>
</div>
<div class="right1">咨询电话</div>
</div>
</div>
<div class="product">
<div class="pic"><img src="img/specimen-img5.png"/></div>
<div class="productTitle">MG-6 2014款 掀背 1.8T 自动性能版</div>
<div class="productTxt">
2012年5月<em class="separator"> / </em>10.71万公里
<span style="color:#fff;background-color:#27b255;border-color:#27b255">超值</span>
</div>
<div class="productTxt2">
<div class="price-left">
<div class="price">10.28<span>万</span></div>
<div class="new-price">新车指导价：<span>20.16</span>万</div>
</div>
<div class="right1">咨询电话</div>
</div>
</div>
<div class="product">
<div class="pic"><img src="img/specimen-img6.png"/></div>
<div class="productTitle">日产-轩逸 2012款 1.8XL CVT豪华版</div>
<div class="productTxt">2012年7月<em class="separator"> / </em>11.16万公里
<span style="color:#fff;background-color:#27b255;border-color:#27b255">超值</span>
</div>
<div class="productTxt2">
<div class="price-left">
<div class="price">10.28<span>万</span></div>
<div class="new-price">新车指导价：<span>20.16</span>万</div>
</div>
<div class="right1">咨询电话</div>
</div>
</div>
<div class="product">
<div class="pic"><img src="img/specimen-img7.png"/></div>
<div class="productTitle">宝马-1系(进口) 2008款 120i 自动挡</div>
<div class="productTxt">2015年0月<em class="separator"> / </em>6.21万公里
<span style="color:#fff;background-color:#27b255;border-color:#27b255">超值</span>
</div>
<div class="productTxt2">
<div class="price-left">
<div class="price">10.28<span>万</span></div>
<div class="new-price">新车指导价：<span>20.16</span>万</div>
</div>
<div class="right1">咨询电话</div>
</div>
</div>
<div class="product">
<div class="pic"><img src="img/specimen-img8.png"/></div>
<div class="productTitle">比亚迪-F3 2011款 1.5L 新白金版标准型</div>
<div class="productTxt">2012年5月<em class="separator"> / </em>10.71万公里
<span style="color:#fff;background-color:#27b255;border-color:#27b255">超值</span>
</div>
<div class="productTxt2">
<div class="price-left">
<div class="price">10.28<span>万</span></div>
<div class="new-price">新车指导价：<span>20.16</span>万</div>
</div>
<div class="right1">咨询电话</div>
</div>
</div>
<div class="clear"></div>
<a class="more">查看更多</a>
</div>
</div>
<!--main3部分开始-->
<div class="main3 clearfix">
<div class="main3Min">
<div class="product1">
<div class="product1Title">分期购车</div>
<div class="product1Txt">低首付，门槛低，放款快</div>
<div class="product1Img"></div>
</div>
<div class="product1">
<div class="product1Title">帮我找车</div>
<div class="product1Txt">满足您的个性化需求</div>
<div class="product1Img product2Img"></div>
</div>
<div class="productRight"><img src="img/productRight1.png" /></div>
<div class="productRight"><img src="img/productRight2.png" /></div>
<div class="productRight"><img src="img/productRight3.png" /></div>
</div>
</div>
<!--main4部分开始-->
<div class="main4 clearfix">
<div class="main4-fl">
<div class="main4-fl-title">
车主故事
<span>更多</span>
</div>
<div class="tabBtn clearfix">
<button class="tabBtn1"></button>
<div class="tabBtn2">
<div style="background-color:#fd521d;"></div>
<div></div>
<div></div>
</div>
<button class="tabBtn1 tabBtn3"></button>
</div>
<div class="main4-fl-item">
<img src="img/main4-fl-item.png" />
<div class="main4-fl-text">
<p class="txt1">这个漂亮姑娘，买车速度堪比老司机</p>
<p class="txt2">小马达，北漂单身女青年，2016年11月24日于人人车收获了一台马自达3-昂克赛拉。</p>
</div>
</div>
<div class="main4-fl-item" style="margin-right:0;">
<img src="img/main4-fl-item2.png" />
<div class="main4-fl-text">
<p class="txt1">5年4000公里的二手车，你会买吗？</p>
<p class="txt2">意哥，6年北漂，2016年11月30日，他在人人车收获一台车况绝佳的马自达6。</p>
</div>
</div>
</div>
<div class="main4-fr clearfix">
<div class="main4-fr-title">
论坛
<p>更多</p>
</div>
<ul>
<li><a href="">必戳：【爱车达人】主题征文 每天送你千元大奖</a></li>
<li><a href="">遇见人人车后，讲个故事都值300块</a></li>
<li><a href="">不求人攻略：史上最全面的购车指南在这里</a></li>
<li><a href="">买车：异地购车，一次别克凯越的真实交易记录</a></li>
<li><a href="">人人车完成D轮1.5亿美元融资 王思聪参投</a></li>
</ul>
</div>
</div>
<div class="main5">
<div class="main5Min">
<div class="main5Img">
<div class="main5Txt">人人车CEO李健：开源精神改变传统二手车行业</div>
</div>
<div class="clearfix">
<div class="main5-reports1">
<div class="main5-reports1-title">媒体报道</div>
<ul>
<li><a>QuestMobile二手车电商数据解读：人人车行业领先</a></li>
<li><a>央视：二手车市场陷阱多，谨防黑心车商</a></li>
<li><a>二手车电商大战，人人车获胜，凭什么？</a></li>
<li><a>人人车宣布获1.5亿美元D轮融资 累计成交逾20万辆二手车</a></li>
<li><a>人人车完成D轮1.5亿美元融资 王思聪参投</a></li>
</ul>
</div>
<div class="main5-reports1 main5-reports2">
<ul>
<li><a>人人车李健：没什么比善良更重要，产品也是</a></li>
<li><a>萝卜报告：二环十三郎教你选二手车</a></li>
<li><a>人人车：拒绝一百万辆问题车，打造靠谱口碑</a></li>
<li><a>新车评颜宇鹏：互联网二手车革新体验</a></li>
<li><a>新浪汽车：人人车打造透明的二手车市场</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footerMin">
<div class="footerMin-box1">
<a class="footerMin-box1-btn1">一年/两万公里质保</a>
<a class="footerMin-box1-btn2">14天可退</a>
<a class="footerMin-box1-btn3">249项检测</a>
<a class="footerMin-box1-btn4">100%个人车源</a>
<a class="footerMin-box1-btn5">一站式服务</a>
</div>
<div></div>
</div>
<div class="footer2Min">
<dl class="footer2List">
<dt><a href="">关于我们</a></dt>
<dd><a href="">公司介绍</a></dd>
<dd><a href="">联系我们</a></dd>
<dd><a href="">加入我们</a></dd>
</dl>
<dl class="footer2List">
<dt><a href="">交易流程</a></dt>
<dd><a href="">买车流程</a></dd>
<dd><a href="">卖车流程</a></dd>
<dd><a href="">异地购车</a></dd>
</dl>
<dl class="footer2List">
<dt><a href="">新手购车指南</a></dt>
<dd><a href="">新车VS二手车</a></dd>
<dd><a href="">选车注意事项</a></dd>
<dd><a href="">过户手续办理</a></dd>
</dl>
<dl class="footer2List">
<dt><a href="">二手车精选</a></dt>
<dd><a href="">车型库</a></dd>
<dd><a href="">二手车咨询</a></dd>
<dd><a href="">二手车问答</a></dd>
</dl>
<dl class="footer2List">
<dt> </dt>
<dd><a href="">二手车估价</a></dd>
<dd><a href="">二手车迁入标准</a></dd>
<dd><a href="">二手车贷款</a></dd>
</dl>
<div class="footer2List QRcode2">
<img src="img/footer-QRcode1.png"/>
<p>关注微信</p>
</div>
<div class="footer2List QRcode2">
<img src="img/footer-QRcode2.png"/>
<p>下载 APP</p>
</div>
<div class="footer2List">
<img src="img/footer-phone-icon.png"/>
</div>
<div class="footer2List footer2ListBox">
<div>
<p class="footer2List-title">400-861-0500</p>
<p class="footer2List-txt">免费咨询（咨询、建议、投诉）</p>
<p class="footer2List-txt">周一至周六 9：00-19:00</p>
<div class="footer2ListBtn">
<a class="footer2ListBtn1" href="#">官方微信</a>
<a class="footer2ListBtn2" href="#">官方微博</a>
<a class="footer2ListBtn3" href="#">官方论坛</a>
<a class="footer2ListBtn4" href="#">举报事故车</a>
</div>
</div>
</div>
<!--footer-numBox部分开始-->
<div class="footer-numBox">
<p class="footer-num-title">按字母查询</p>
<a href="#">A</a>
<a href="#">B</a>
<a href="#">C</a>
<a href="#">D</a>
<a href="#">F</a>
<a href="#">G</a>
<a href="#">H</a>
<a href="#">J</a>
<a href="#">K</a>
<a href="#">L</a>
<a href="#">M</a>
<a href="#">N</a>
<a href="#">Q</a>
<a href="#">R</a>
<a href="#">S</a>
<a href="#">W</a>
<a href="#">X</a>
<a href="#">Y</a>
<a href="#">Z</a>
</div>
</div>
<!--footer3Min部分开始-->
<div class="footer3Min">
<div class="footer3Min-box">
<a href="#">深圳二手车</a>
<a href="#">热门城市</a>
<a href="#">热门品牌</a>
<a href="#">热门车系</a>
<a href="#">手机找二手车</a>
<a href="#" class="noborder">友情链接</a>
</div>
<p class="footer3Min-title">二手车，人人二手频道。专注个人二手车，提供大量真实、优质的个人二手出售转让信息，供您选择。我们致力于打造专业二手车交易市场，所以每辆二手车，都经过我们的二手车检测师专业、全面、权威的检测！购买二手车，就上人人车频道。 二手车触屏版。</p>
</div>
</div>
<div class="footerLast">
<p >Copyright © 2017, renrenche.com, All Rights Reserved 京公网安备 11010802015302号 京ICP证160608号</p>
</div>
</div>
</body>
</html>
@charset "UTF-8";
/*公共样式部分*/
body {
font-family:'微软雅黑';
font-size: 14px;
color:#000;
background:#fff;
}
.clearfix:after {
content:'';/**给复合的盒子加一个空内容，将复合的盒子撑起来。**/
display:block;
clear:both;
}
a {
text-decoration: none;
color: #222;
}
/*header部分*/
.header-wrapper {
position: relative;
top: 0;
left: 0;
width: 100%;
background:url(../img/bottom.png) bottom repeat-x #fff;
line-height: 20px;
}
.wrapper {
margin: 0 auto;
width: 1190px;
position:relative;
}
.header-logo {
float: left;
width: 140px;
overflow: hidden;
display: block;
height: 60px;
background:url(../img/logo.png) no-repeat;
}
.header-logo:hover {
background:url(../img/logo.png) no-repeat 0 -60px;
}
/*header-nav部分*/
.header-nav {
color: #222;
float: left;
margin-right: 40px;
font-size: 16px;
}
.header-city {
float: left;
position: relative;
text-align: center;
margin-left: 20px;
margin-top: 11px;
padding: 10px 10px 18px;
width: 80px;
cursor: pointer;
}
.header-city .choose-city{
text-decoration:none;
}
.header-city .choose-city-icon{
width: 8px;
height: 6px;
background: url(../img/XueBiTu.png) 0 -369px;
float: right;
margin-left: 8px;
margin-top: 8px;
}
.header-nav-title_red {
z-index: 13;
color: red;
font-size: 20px;
}
.header-nav-title {
float: left;
margin-left: 20px;
padding: 20px 10px;
position: relative;
cursor:pointer;
}
/*header-login部分*/
.header-login {
position: absolute;
right: 184px;
font-size: 16px;
display: inline-block;
line-height: 32px;
height: 32px;
margin: 14px 0;
padding-right: 20px;
border-right: 1px solid #222;
cursor: pointer;
}
.header-login .iconfont {
display: inline-block;
margin-right: 8px;
font-size: 32px;
width:28px;
height:32px;
background:url(../img/loginBtn.png);
}
.header-login span {
vertical-align: top;
}
/*header-tel部分*/
.header-tel {
width: 164px;
color: #333;
font-size: 20px;
text-align: right;
cursor: pointer;
position: absolute;
right: 0;
top: 20px;
}
.header-tel .tel-img {
width: 15px;
height: 15px;
background: url(../img/XueBiTu.png) -100px 0;
float: left;
margin: 5px 0 0 10px;
}
.header-tel span {
font-size: 20px;
color: #fd521d;
line-height: 24px;
font-family: 'Helvetica Neue','Microsoft Yahei';
}
/*banner部分*/
.banner{
position: relative;
width: 1157px;
margin: 0 auto;
}
.bannerMin{
width: 1157px;
height: 260px;
margin: 20px auto 0;
position: relative;
}
.banner-img{
z-index: 1;
position: absolute;/*兄弟级元素一个用定位，另外一个也需要用定位*/
}
.banner .banner-buttons {
position:absolute;
width: 10px;
z-index: 2;
left: 1140px;
margin-top: 50px;
}
.banner .banner-buttons div {
cursor: pointer;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #819090;
margin-top: 15px;
}
/*buy-sales部分*/
.buy-sales-wrapper {
height: 164px;
margin: 40px auto;
width: 1190px;
}
/*buy-sales-wrapper-left部分*/
.buy-sales-wrapper-left {
float: left;
width: 720px;
}
/*buy-box部分样式*/
.buy-img-box {
float: left;
height: 100%;
width: 125px;
}
.buy-img-box .buy-img {
background: url(../img/XueBiTu.png) 0 -30px;
width: 56px;
height: 56px;
margin: 34px auto 10px;
}
.buy-img-box .buy-img-text {
font-size: 12px;
color: #666;
text-align: center;
}
/*buyMin部分样式*/
.buyMin {
height: 100%;
float: left;
margin: 2px 10px 0;
}
.titleMin{
width: 100%;
margin-left: 1%;
}
.buyMin ul {
margin-bottom: 20px;
display: block;
height: 20px;
line-height: 20px;
}
.buyMin ul li {
float: left;
margin-right: 16px;
font-size: 13px;
}
.buyMin .brand-icon {
margin-right: 6px;
width: 20px;
height: 20px;
background: url(../img/XueBiTu.png) -185px -30px;
}
.brand-more {
position: relative;
}
.brand-more .brand-more-btn {
position: absolute;
text-align: center;
width: 50px;
padding-left: 3px;
left: -15px;
}
.sanjiao1 {
position: absolute;
top: 8px;
right: 3px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 4px 0;
border-color: #000333 transparent transparent;
}
.sanjiao2 {
position: absolute;
top: 22px;
right: 9px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 4px 5px;
border-color: transparent transparent #fff;
z-index: 1001;
display: none;
}
.sanjiao3 {
position: absolute;
top: 20px;
right: 8px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 7px;
border-color: transparent transparent #ee3400;
display: none;
}
.buyMin ul .price-icon {
margin-right: 6px;
width: 20px;
height: 20px;
background: url(../img/XueBiTu.png) -205px -30px;
}
.buyMin ul .tag-icon {
margin-right: 6px;
width: 20px;
height: 20px;
background: url(../img/XueBiTu.png) -225px -30px;
}
.index-search {
margin-left: 1%;
margin-right: 165px;
position: relative;
}
.index-search .search-text {
width: 234px;
height: 40px;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-indent: 10px;
float: left;
line-height: 38px;
border: 1px solid #ddd;
border-right: none;
font-size: 14px;
color: #222;
}
.index-search .search-button {
width: 40px;
height: 40px;
float: left;
border: 1px solid #ddd;
padding: 0;
box-sizing: border-box;
text-align: left;
cursor: pointer;
}
.index-search .search-button .search-icon {
width: 15px;
height: 15px;
margin: 11px 0 0 11px;
background: url(../img/XueBiTu.png) -70px 0;
}
/*buy-sales-wrapper-right部分*/
.buy-sales-wrapper-right {
float: left;
width: 470px;
}
/*sales-img-box部分*/
.sales-img-box {
float: left;
height: 204px;
width: 125px;
padding: 0 17px;
border-left: 1px solid #eee;
}
.sales-img-box .sales-img {
background: url(../img/XueBiTu.png) -56px -30px;
width: 56px;
height: 56px;
margin: 34px auto 10px;
}
.sales-img-box .sales-img-text {
font-size: 12px;
color: #666;
text-align: center;
}
/*salesMin部分开始*/
.salesMin {
float: left;
width: 292px;
position: relative;
}
/*salesTitle部分开始*/
.salesTitle {
margin: 12px 0 10px;
height: 16px;
}
.salesTitle1 {
width: 75px;
float: left;
font-size: 16px;
line-height: 14px;
}
.salesTitle2 {
font-size: 12px;
color: #666;
float: left;
width: 170px;
line-height: 14px;
}
.salesTitle2 span {
color: #fd521d;
}
/*salesText部分*/
.salesText{
margin-bottom: 20px;
width: 279px;
height: 36px;
line-height: 30px;
padding: 0 0 0 9px;
font-size: 14px;
}
.salesBtn {
display: block;
width: 292px;
height: 40px;
line-height: 36px;
text-align: center;
color: #fff;
border: none;
font-size: 14px;
text-decoration: none;
background-color: #fd521d;
}
/*chooseBox部分*/
.chooseBox p {
width: 24%;
margin-top: 13px;
float: left;
color: #acacac;
}
.chooseBox label {
padding-top: 13px;
float: left;
margin-right: 6px;
}
.chooseBox label img {
vertical-align:middle;
margin-right: 4px;
}
.chooseBox label span {
vertical-align:middle;
}
/*buy-sales-banner部分*/
.buy-sales-banner {
height: 100px;
width: 1190px;
margin: 0 auto;
text-align: center;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.buy-banner{
display: inline-block;
width: 692px;
padding-right: 15px;
padding-bottom: 10px;
}
.sales-banner {
display: inline-block;
width: 442px;
padding-left: 18px;
border-left: 1px solid #eee;
padding-bottom: 10px;
}
/**main2Min部分开始**/
.clear{
clear:both;
}
.main2Min{
width:1190px;
margin:0 auto;
}
.product{
width: 288px;
margin: 40px 8px 0 0;
float: left;
border: 1px solid transparent;/**将border提前布局好，后面当hover边框颜色时内容就不会闪动**/
}
.product:hover{
border: 1px solid #fd6f1a;
}
.main2Min .product:nth-child(4),.product:nth-child(8){
margin-right:0px;
}
.productTitle{
width: 266px;
height: 30px;
line-height: 30px;
font-size: 14px;
margin: 15px 10px 0;
}
.pic{
margin:1px;
width:286px;
height:192px;
background:#aaa;
}
.productTxt{
width:266px;
height:20px;
line-height:20px;
margin:5px 10px 0;
}
.productTxt2{
width:268px;
height:60px;
margin:5px auto;
}
.price-left{
float:left;
}
.price {
color: #fd521d;
font-size: 24px;
margin:5px 0;
}
.new-price {
float: left;
color: #999;
font-size: 12px;
line-height: 20px;
}
.right1 {
float:right;
text-align: center;
line-height:32px;
width: 76px;
height: 32px;
line-height: 32px;
margin-top: 8px;
border: 1px solid #fd521d;
background-color: #fff;
color: #fd521d;
}
.product:hover .right1{
float:right;
text-align: center;
line-height:32px;
width: 76px;
height: 32px;
line-height: 32px;
margin-top: 8px;
color: #fff;
background-color: #fd521d;
}
.main2 .more{
margin: 30px auto;
text-align: center;
text-decoration:none;
display: block;
font-size: 18px;
height: 48px;
line-height: 46px;
border: 1px solid #fd521d;
padding: 0 12px;
width: 190px;
background-color: #fff;
color: #fd521d;
}
.main2 .more:hover {
color: #fff;
background-color: #fd6f1a;
border: 1px solid #fd6f1a;
margin: 30px auto;
text-align: center;
text-decoration:none;
display: block;
font-size: 18px;
height: 48px;
line-height: 46px;
padding: 0 12px;
width: 190px;
}
/*main3部分*/
.main3{
width: 100%;
background-color: #f2f2f3;
}
.main3Min {
margin: 0 auto;
width: 1190px;
}
.product1{
margin: 30px 10px;
padding: 20px 10px;
width: 198px;
background-color: #fff;
float: left;
color: #000;
}
.product1Title {
font-size: 20px;
margin-bottom: 6px;
height: 26px;
}
.product1Txt{
font-size: 14px;
color: #666;
margin-bottom: 10px;
white-space: nowrap;
text-overflow: ellipsis;
text-decoration: none;
overflow: hidden;
}
.product1Img{
width: 190px;
height: 153px;
background-repeat: no-repeat;
background:url(../img/product1Img.png);
background-position: center center;
}
.product2Img{
background:url(../img/product2Img.png);
}
.productRight{
cursor: pointer;
margin: 30px 10px;
width: 218px;
height: 249px;
background-color: #fff;
float: left;
color: #000;
}
.productRight img{
width:218px;
height:249px;
}
/*main4部分*/
.main4{
height: 200px;
margin: 20px auto 0;
width: 1190px;
}
/*main4-fl部分*/
.main4-fl{
float: left;
width: 750px;
margin-right: 50px;
height: 180px;
overflow: hidden;
position: relative;
}
.main4-fl-title{
margin-right: 10px;
color: #000;
font-size: 20px;
}
.main4-fl span {
font-size: 12px;
color: #666;
cursor: pointer;
}
.main4-fl .tabBtn{
margin-top: -30px;
float: right;
}
.tabBtn1{
display: block;
width: 20px;
height: 20px;
float: right;
margin-top: 10px;
cursor: pointer;
text-decoration: none;
background: url(../img/tabBtn1.png) 0 -1px no-repeat;
border: 1px solid #ddd;
}
.tabBtn3{
background: url(../img/tabBtn2.png) 0 -1px no-repeat;
}
.tabBtn2{
text-align: center;
display: inline-block;
float: right;
margin-top: 10px;
}
.tabBtn2 div{
display: inline-block;
cursor: pointer;
margin: 6px 3px;
float: left;
width: 6px;
height: 6px;
border-radius: 20px;
background-color: #ccc;
}
/*main4-fl-item*/
.main4-fl-item{
width: 350px;
margin-top:30px;
margin-right: 50px;
float: left;
height: 140px;
}
.main4-fl-item img {
float: left;
width: 180px;
height: 120px;
}
.main4-fl-item .main4-fl-text{
width: 160px;
float: left;
margin-left: 10px;
}
.main4-fl-item .txt1{
color: #333;
overflow: hidden;
font-size: 16px;
line-height: 20px;
height: 40px;
margin-bottom: 18px;
}
.main4-fl-item .txt2{
color: #999;
font-size: 12px;
line-height: 22px;
height: 100px;
overflow: hidden;
}
/*main4-fr部分*/
.main4-fr{
float: left;
width: 330px;
margin-left: 30px;
}
.main4-fr-title{
color: #000;
font-size: 20px;
}
.main4-fr-title p{
float: right;
color: #666;
font-size: 12px;
margin-top: 8px;
}
.main4-fr ul {
margin-top: 20px;
}
.main4-fr li {
text-decoration: none;
cursor: pointer;
line-height: 20px;
font-size:14px;
margin: 8px 0;
background: url(../img/XueBiTu.png) -295px 8px no-repeat;
padding-left: 12px;
text-align: left;
}
.main4-fr li a{
text-decoration: none;
cursor: pointer;
}
/*main5部分*/
.main5{
height: 265px;
width: 100%;
border-top: 1px solid #eee;
}
.main5Min{
padding-top: 30px;
height: 205px;
width: 1157px;
text-align: center;
margin: 0 auto;
}
.main5Img{
width: 310px;
height: 205px;
background: url(../img/main5Img.jpg);
float: left;
position: relative;
}
.main5Txt{
height: 40px;
line-height: 40px;
font-size: 14px;
color: #e7e7e7;
background-color: #000;
opacity: .6;
margin-top: 165px;
}
.main5-reports{
float: left;
width: 330px;
margin-left: 80px;
}
.main5-reports1{
float: left;
width: 330px;
margin-left: 80px;
}
.main5-reports2{
margin-top: 22px;
}
.main5-reports1-title{
font-size: 20px;
margin-left: -195px;
font-weight: 700;
padding-bottom: 5px;
}
.main5-reports1 ul {
width: 400px;
}
.main5-reports1 li {
cursor: pointer;
line-height: 20px;
margin: 8px;
background: url(../img/XueBiTu.png) -295px 8px no-repeat;
padding-left: 12px;
text-align: left;
font-size: 14px;
}
.main5-reports1 li a{
text-decoration: none;
cursor: pointer;
}
/* 设置footer样式 */
.footer{
background:#f8f8f8;
}
.footerMin{
margin:0 auto;
width:1190px;
}
.footerMin-box1{
border-bottom:1px solid #eeeeee;
width:1190px;
text-align:center;
font-size:0;
}
.footerMin-box1 a{
text-decoration: none;
display:inline-block;
font-size:12px;
padding: 0 100px 0 65px;
line-height:100px;
}
.footerMin-box1-btn1{
background:url(../img/footer-icon-top1.png) no-repeat 28px 36px;
}
.footerMin-box1-btn2{
background:url(../img/footer-icon-top2.png) no-repeat 28px 36px;
}
.footerMin-box1-btn3{
background:url(../img/footer-icon-top3.png) no-repeat 28px 36px;
}
.footerMin-box1-btn4{
background:url(../img/footer-icon-top4.png) no-repeat 28px 36px;
}
.footerMin-box1-btn5{
background:url(../img/footer-icon-top5.png) no-repeat 28px 36px;
}
/* 设置footer2样式 */
.footer2Min{
margin:32px auto;
width:1190px;
height:232px;
border-bottom:1px solid #eeeeee;
}
.footer2List{
float:left;
margin-right:50px;
}
.footer2ListBox{
margin: -30px 0 0 50px;
}
.footer2List dt{
font-size:14px;
margin:10px 0 20px;
}
.footer2List dd{
margin:10px 0 0;
}
.footer2List dd a{
color:#666;
font-size:12px;
text-decoration:none;
}
.footer2Min .QRcode2{
margin-left:-30px;
}
.footer2Min .QRcode2 p{
text-align:center;
margin-top:5px;
}
.footer2Min .footer2List-title{
display:inline-block;
font-size:18px;
margin: 0 0 15px 0;
}
.footer2Min .footer2List-txt{
font-size:12px;
margin-bottom:10px;
}
/* 设置footer2ListBtn样式 */
.footer2ListBtn{
font-size:0;
width:186px;
height:46px;
}
.footer2ListBtn a{
display:inline-block;
line-height:20px;
font-size:12px;
padding:0 5px 5px 23px;
color:#666;
}
.footer2ListBtn1{
background:url(../img/footer-icon-right1.png) no-repeat 1px;
}
.footer2ListBtn2{
background:url(../img/footer-icon-right2.png) no-repeat 1px;
}
.footer2ListBtn3{
background:url(../img/footer-icon-right3.png) no-repeat 1px;
}
.footer2ListBtn4{
background:url(../img/footer-icon-right4.png) no-repeat 1px;
}
/* 设置footer-numBox 样式 */
.footer-numBox{
font-size:0;
width:940px;
height:40px;
}
.footer-num-title{
display:inline-block;
width:90px;
font-size:16px;
height:40px;
text-align:center;
line-height:40px;
}
.footer-numBox a{
padding: 15px;
margin: 20px 2px 0;
font-size: 14px;
border: 1px solid #ccc;
color: #666;
display: inline-block;
}
/* 设置footer3Min样式 */
.footer3Min{
margin:0 auto;
width:1190px;
border-bottom:1px solid #eeeeee;
}
.footer3Min-box{
width:802px;
height:40px;
}
.footer3Min a{
display:inline-block;
line-height:20px;
font-size:12px;
color:#999;
padding:0 20px;
border-right:1px solid #ccc;
}
.footer3Min .noborder{
border-right:0;
}
.footer3Min-title{
display:inline-block;
margin:0px 0 40px;
line-height:30px;
}
.footerLast{
border-top:1px solid #272c2e;
background:#272c2e;
height:60px;
}
.footerLast p{
color: #999;
width:700px;
height:20px;
line-height:20px;
text-align:center;
font-size:12px;
margin:20px auto;
}
1028
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
