@charset "utf-8";

.index-ban { background:url(img/top-ban.jpg) no-repeat center -300px; width:100%; height:764px; padding: 124px 0 80px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;color:white }
.index-ban .top10 {width: 380px;height: 363px;float:left;background: url(img/top10-round.png) no-repeat;display:block;float:left}
.hdpx{overflow:hidden;margin-left:100px;font-size:20px}
.brandinfo .info ul li .gw {width:80px;height:32px; font-size:14px;line-height:32px; text-align:center;cursor:pointer;color:white;background: linear-gradient(to right, #FF9900, #FF6700);display:block;border-radius:2px}
.brandinfo .info ul li:hover .gw {width:80px;height:32px; font-size:14px;line-height:32px; text-align:center;cursor:pointer;color:white;background: linear-gradient(to right, #ee2e2c, #F32000);display:block;border-radius:2px}


.dbfads-modal {position: fixed; top:0; left:0; width: 100%; height: 100%; background:rgba(0,0,0,0.5);z-index:99;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); display:none;}
.dbfads-dialog { width:651px;height: 420px;position: fixed;left: 50%;top: 40%;margin-left: -270px;margin-top: -200.5px;background: #fff;border:2px solid #555ba6;padding:30px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.dbfads-dialog .bd-x { position:absolute; right:0; top:0;  background:#555ba6;width:18px; height:18px; }
.dbfads-dialog .bd-x i { color:#fff;font-size:24px; display: block; width: 18px; height: 18px; line-height: 18px; text-align: center;cursor:pointer;
	 -webkit-transform:rotate(45deg); 
     -ms-transform:rotate(45deg); 
    -moz-transform:rotate(45deg); 	
      -o-transform:rotate(45deg);
         transform:rotate(45deg);}
.dbfads-dialog .sharepic {float:left;width:200px; height:90px;border:1px solid #eee;}
.dbfads-dialog .sharepic img { width:200px; height:90px;}
.dbfads-dialog .success { float:left; font-size:20px; background:#f5f5f5;width:385px; height:82px; color:#ff6600;line-height:35px; padding-top:10px}
.dbfads-dialog .success .red { color:#999;}
.dbfads-dialog .success .orange { color:#555ba6; }




.dbfads-dialog .qrcode { width:34%; float:left;font-size: 12px; line-height:24px; color:#666;}
.dbfads-dialog .qrcode img { width:185px; height:185px;margin-bottom:10px;}
.dbfads-dialog .votedesc { width:60%; float:right;font-size: 14px;}
.dbfads-dialog .votedesc .line18em { color:#666; line-height:24px;}
.dbfads-dialog .votedesc .line18em i { color:#ff6000;}
.dbfads-dialog .votedesc .blue { color:#555ba6;margin-bottom: 10px;display: block;}
.dbfads-dialog .votedesc .blue i { display:block; width:18px; height:18px; background:#555ba6; border-radius:50%; float:left; margin-right:5px; color:#fff;text-align:center; line-height:18px;}





.title-b{ padding: 10px 20px 10px;background: #f3f3f3;line-height: 30px;text-align: left;font-size: 24px;position: relative;border-top-left-radius: 15px;border-top-right-radius: 15px;margin-bottom: 10px;}
.tip{ color:red;font-weight: bold; text-indent: 120px;font-size:14px;}


.b-t{background:white;overflow:hidden;padding:20px}
.b-t ul li{line-height:33px;font-size:16px;float:left;width:48%;margin-right:2%;}
.b-t ul li span{float:right;margin-right:10px;}







/*品牌幻灯*/
#focus{width:1200px;height:440px;overflow:hidden;position:relative;}
#focus ul{height:440px;position:absolute;}
#focus ul li{float:left;width:1200px;height:440px;overflow:hidden;position:relative;}
#focus ul li img{width:1200px;height:440px;}
#focus ul li div{position:absolute;overflow:hidden;}
#focus ul li p{display: block;position: absolute;bottom: 40px;font-size: 24px;color: #fff;font-weight: bold;height: 30px;line-height: 30px;padding-left: 30px;}
#focus .btn{position:absolute;width:200px;height:14px;right:10px;bottom:30px;text-align:right;}
#focus .btn span{display:inline-block;_display:inline;_zoom:1;width:12px;height:12px;_font-size:0;margin-right:5px;cursor:pointer;border:#fff 1px solid;margin-top: 7px;}
#focus .btn span.on{background:#ff6000;height: 12px;width:12px;border:#ff6000 1px solid;margin-top: 10px;}
#focus .preNext{width:45px;height:100px;position:absolute;top:180px;background:url(img/sprite.png) no-repeat 0 0;cursor:pointer;display: none;}
#focus .pre{left:0;}
#focus .next{right:0;background-position:right top;}




.b-ad{float:left;width:850px;overflow:hidden}
.b-ad img{width:850px;height:400px;}
.b-new{overlfow:hidden;float:right;overflow:hidden;width:350px;}

.b-new .qc-head{height:40px;clear:both;font-size:16px;line-height:39px;text-align:center;padding:0px 0px;border:#e1e1e1 1px solid;border-top:#ee2e2c 3px solid;border-right:#e5e5e5 1px solid; background:#f7f7f7 url(img/l.jpg) no-repeat right;border-bottom:none}
.b-new .qc-head li{float:left;list-style-type:none;font-weight:normal;width:50%;border-bottom:#e1e1e1 1px solid;cursor:pointer }
.b-new .qc-head li.current{font-weight:bold;border-bottom:#fff 1px solid;background:#ffffff url(img/l.jpg) no-repeat right}
.b-new .qc-head li.current a{color:#ff7200}
.b-new .qc-body dl{overflow:hidden;padding:0px 15px;border:#e1e1e1 1px solid;border-top:none;}
.past-box{background-color:#fff; overflow:hidden;border:#eee 1px solid}
.past-box dt{line-height:40px;font-size:16px;padding:0px 15px;eight:40px;font-weight:bold;color:#ee2e2c; border-bottom:#eee 1px solid}
.past-box dt span{float:right;font-size:14px;}
.past-box img{width:120px;height:40px;border:#e5e5e5 1px solid; padding:5px}
.past-box ul li {padding:20px 0px;height:78px;border-bottom:#efefef 1px solid; position:relative;float:left;width:50%; text-align:center;overflow:hidden}
.past-box p{font-size:14px;line-height:20px;margin-top:5px;height:20px; overflow:hidden}
.past-box ul li:nth-child(5){border-bottom:none}
.past-box ul li:nth-child(6){border-bottom:none}
.past-box ul li ins{text-decoration:none; line-height:20px;font-size:14px;color:#888}
.past-box ul li em{float:right}
.past-box ul li font{color:#ff4200;}
.past-box ul li a:hover img{opacity:.9;filter:alpha(opacity=90)}
.past-box ul li div{ position:absolute; bottom:40px;left:112px;}

/*推荐品牌*/
.i-title{font-size:28px;color:#000;height:60px;overflow:hidden; text-align:center; position:relative}
.i-title b{display:block; background:#f5f5f5;width:150px; text-align:center; font-weight:400; position:absolute; top:0px; left:535px; z-index:10}
.i-title b.white{background:white}
.i-title .ch-title {width: 225px;height: 2px;background: #333;margin: 10px auto;-webkit-transition: width .3s linear;-moz-transition: width .3s linear;-ms-transition: width .3s linear;-o-transition: width .3s linear;transition: width .3s linear;position:absolute;top:10px;left:500px;}

/*推荐品牌*/
.ib-left{width:199px;float:left;overflow:hidden;height:320px;background:#555ba6 url(img/hg.png) no-repeat 50px 140px; background-size:80px 80px;}
.sk_tit{font-size:34px;color:white;text-align:center;margin:50px 0px 10px 0}
.sk_subtit{font-size:20px;color:#ccc;text-align:center}
.ib-middle{float:left;width:1000px;overflow:hidden;background:white;border-right:#e5e5e5 1px solid;border-top:#e5e5e5 1px solid}
.i-brand ul {width:1020px}
.i-brand ul li{float:left;overlfow:hidden;position: relative;font-size:14px;border-right:#e5e5e5 1px solid;border-bottom:#e5e5e5 1px solid; background:white;width:200px;overflow:hidden;}
.i-brand ul li img{width:100%;height:159px}
.i-brand ul li:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.i-brand ul li p.p_title{color:white;line-height:30px;height:40px;}
.i-brand ul li p.in{background: white;border-radius:15px;margin-top:20px;line-height: 27px;height:27px;margin:0px 40px;color:#52BE81}

.i-brand ul li div {position: absolute;width: 200px;height:159px;padding-top:38px;right: 0px;top:0px;background: rgba(0,0,0,0.8);margin-top: -100px;z-index: 2;opacity: 0;visibility: hidden;transition: all 0.5s;display: block;min-width: auto;border: 0; text-align:center;border-radius: 0;}
.i-brand ul li:hover div {margin-top: 0px;visibility: visible;opacity: 1;}
	


.brand-t{overflow:hidden;}
.brand-t dt{font-size:24px;color:#000;height:30px;line-hegiht:30px;overflow:hidden;padding:20px 0}
.brand-t dt b{float:left;font-weight:400;display:block;margin-right:10px}
.brand-t dt b a{color:#000;}
.brand-t dt span{ background:url(img/kSirmSRKfpAYTsdgghdfhGdamYZ.png) no-repeat right center; float:right;background-size:20px 20px;font-size:0px}
.brand-t dt span a{display:block;width:20px;height:30px}

.plate-left{width: 270px;float: left;}
.plate-left-pic{width: 270px;height: 420px;position: relative;overflow: hidden}
.plate-left-pic img{width: 270px;height: 420px;position: absolute;bottom: 0;left: 0;z-index: 1;}
.plate-left-pic img:hover{opacity: 0.9;}
.plate-left-text{position: absolute;background: rgba(0, 0, 0, 0.8);-pie-background: rgba(0,0,0,.8);/*IE6-8*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8000000, endColorstr=#c8000000); /*IE6-8*/width: 240px;height: 80px;bottom: 0;left: 0;z-index: 2;border-bottom: 5px solid #ff6000;padding: 10px 15px;}
.plate-left-text h1{color: #EC5159;font: 18px/30px "Microsoft Yahei";height: 30px;overflow: hidden;}
.plate-left-text p{color: #fff;font: 13px/24px "Microsoft Yahei";height: 48px;overflow: hidden;}

.plate-center{float:left;width:929px;overflow:hidden;background:white;border-right:#e5e5e5 1px solid;border-top:#e5e5e5 1px solid}
.plate-center ul {width:1020px}
.plate-center ul li{float:left;padding:27px 13px;position: relative;font-size:14px;border-right:#e5e5e5 1px solid;border-bottom:#e5e5e5 1px solid; background:white;width:160px;overflow:hidden;}
.plate-center ul li img{width:160px;height:85px}
.plate-center ul li:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.plate-center ul li p.p_title{color:white;line-height:30px;height:40px;}
.plate-center ul li p.in{background: white;border-radius:15px;margin-top:20px;line-height: 27px;height:27px;margin:0px 40px;color:#52BE81}

.plate-center ul li div {position: absolute;width: 200px;height:159px;padding-top:38px;right: 0px;top:0px;background: rgba(0,0,0,0.8);margin-top: -100px;z-index: 2;opacity: 0;visibility: hidden;transition: all 0.5s;display: block;min-width: auto;border: 0; text-align:center;border-radius: 0;}
.plate-center ul li:hover div {margin-top: 0px;visibility: visible;opacity: 1;}


.w920{width:815px;float:left;}
.w920 .brand-box{margin-bottom:20px;}
.w920 .brand-box dt{margin-bottom: 0;}
.brand-left{width:815px;float:left;}
.brand-list ul li{padding:15px;background:white;overflow:hidden;margin-bottom: 20px;box-shadow: 0px 0px 3px rgba(0,0,0,0.15);}
.brand-list ul li:hover{box-shadow: 0px 0px 8px rgba(0,0,0,0.35);}
.brand-list .left{width:180px;float:left;}
.brand-list .left img{width:160px;}
.brand-list .center{float:left;width:470px;}
.brand-list .right{float:right;width:110px}

.brand-list .center h5{font-size:18px;height:30px;overflow: hidden}
.brand-list .center h5 a{color:#555ba6;}
.brand-list .center h5 a:hover{color:#ff6000;}
.brand-list .center p{font-size:14px;line-height:20px;color:#777;}

.brand-list .right a{line-height:38px;height:38px;color:white;font-size:14px;display:block;overflow:hidden;margin:10px 0;border-radius:3px;padding:0px 15px 0px 35px}
.brand-list .right a.xq{background:#009237 url(img/ico-brand.png) no-repeat 15px center;background-size:16px 16px}
.brand-list .right a.vo{background:#555ba6 url(img/ico-vote.png) no-repeat 15px center;background-size:16px 16px}
.brand-list .right a.xq:hover{background:#ff6000 url(img/ico-brand.png) no-repeat 15px center;background-size:16px 16px}
.brand-list .right a.vo:hover{background:#ff6000 url(img/ico-vote.png) no-repeat 15px center;background-size:16px 16px}

.brand-right{width:360px;float:right;}

.w920 .head-txt{padding:12px 18px;border-bottom:#eee 1px solid;color:#000}
.w920 .head-txt strong {font-size:18px;border-left:#555ba6 3px solid;text-indent:10px;display:block;height:16px;line-height:16px;margin-top:5px;font-weight:normal}


.brand-box{background: white;box-shadow: 0px 0px 3px rgba(0,0,0,0.15);overflow: hidden;margin-bottom:30px}
.brand-box dt{font-size:18px;padding:12px 18px;border-bottom:#eee 1px solid;margin-bottom:15px;color:#000}
.brand-box dt:before{content:"";width:3px;height:18px;background:#555ba6;float:left;margin-right:10px;margin-top:4px}
.brand-box h5{font-size:18px;padding:12px 18px;background: linear-gradient(145deg,#f46,#ff6000);color:white}
.brand-box h5:before{content:"";width:3px;height:18px;background:#fff;float:left;margin-right:10px;margin-top:4px}
.brand-box dt span{float: right;font-size:14px}
.brand-box ul.pic {width:420px}
.brand-box ul.pic li{padding:10px 10px;margin:0px 0px 15px 18px;float:left;position: relative;font-size:14px;border:#e5e5e5 1px solid; background:white;width:130px;overflow:hidden;border-radius:2px}
.brand-box ul.pic li img{width:130px;height:65px}
.brand-box ul.pic li:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.brand-box ul.pic li p.p_title{color:white;line-height:30px;height:35px;font-size:12px}
.brand-box ul.pic li p.in{background: white;border-radius:15px;margin-top:0px;line-height: 25px;height:25px;margin:0px 20px;color:#52BE81;font-size:12px;}

.brand-box ul.pic li div {position: absolute;width: 150px;height:85px;padding-top:10px;right: 0px;top:0px;background: rgba(0,0,0,0.8);margin-top: -100px;z-index: 2;opacity: 0;visibility: hidden;transition: all 0.5s;display: block;min-width: auto;border: 0; text-align:center;border-radius: 0;}
.brand-box ul.pic li:hover div {margin-top: 0px;visibility: visible;opacity: 1;}

.brand-box .news-ul-wordnew{background:#ffffff;display:inline-block;padding: 0px 15px 20px;overflow:hidden}
.brand-box .news-ul-wordnew li{float:left;font-size:14px;margin: 5px 5px;padding: 0px;line-height: 35px;height: 35px;border:1px solid #ecebeb}
.brand-box .news-ul-wordnew li a{padding: 6px 20px;color: #333333;}
.brand-box .news-ul-wordnew li:hover{background:#ecebeb}
.brand-box .news-ul-wordnew li:nth-child(3n+2) a{color: #009237; }
.brand-box .news-ul-wordnew li:nth-child(3n+3) a{color: #7E6FEE; }

.brand-box ul.news {width:102%;overflow:hidden;padding:10px 0px 15px 0}
.brand-box ul.news li{line-height:30px;font-size:14px;width:48%;margin-left:2%;float:left}
.brand-box ul.news li a{color:#3f6799;}
.brand-box ul.news li a:hover{color:#ff6000;}

.brand-box ul.news-f1 {overflow:hidden;padding:0px 20px 15px 20px}
.brand-box ul.news-f1 li{line-height:30px;font-size:14px;}
.brand-box ul.news-f1 li:before{content:".";width:4px;height:4px;margin-right:5px;margin-top:-2px;float:left;}
.brand-box ul.pro {width:102%;overflow:hidden;padding:10px 0px 15px 0}
.brand-box ul.pro li{line-height:18px;font-size:14px;float:left;width:175px;margin-left:20px;margin-right:5px;margin-top:10px;margin-bottom:10px}
.brand-box ul.pro li div{height:175px;width:175px;overflow: hidden;margin-bottom:10px;}
.brand-box ul.pro li:hover img{transform: scale(1.05);}
.brand-box ul.pro li img{width:175px;height:175px;cursor: pointer;transition: all 0.6s;}
.brand-box ul.pro li a{color:#3f6799;}
.brand-box ul.pro li a:hover{color:#ff6000;}
.brand-box ul.pro li p{height:36px;line-height:18px;overflow:hidden;}
.brand-box ul.pro li p.price{color:#ee2e2c;font-weight: bold;padding-top:9px;height:18px}
/*列表页*/
.brandinfo {padding: 13px;background: #fff; height:132px;box-shadow: 0px 0px 3px rgba(0,0,0,0.15);margin-bottom:20px; position:relative;z-index:1}
.brandinfo .pic-img {width: 207px;float: left;border: 1px solid #eee;line-height: 2.2em;text-align: center;background: #7d71b1;margin: 5px 20px 5px 5px;}
.brandinfo .pic-img img {width:100%; height:90px;}
.brandinfo .pic-img a span {color:#fff; display:block; font-size:14px;}
.brandinfo .info { overflow:hidden; margin-top:2px;height:130px; position:relative;z-index:1}
.brandinfo .info ul li  { display:block; width:100%; height:32px;}
.brandinfo .info ul li span { font-size:22px; color:#333; font-weight:600;}
.brandinfo .info ul li span a {color: #555ba6; font-size:16px; font-weight:400;}
.brandinfo .info ul li p { float:left; display:inline-block; font-size:14px; color:#333; margin:0px 20px 0 0; line-height:30px}
.brandinfo .info ul li p i { display:inline-block; font-size:18px; color:#41baad; padding:0px 5px; cursor:pointer}
.brandinfo .info ul li p i span { display:none; width:90px; height:90px; padding:5px; position:absolute; top:20px; left:290px; box-shadow:0 0 5px rgba(0,0,0,.2); z-index:100; background:white;cursor: pointer;
}
.brandinfo .info ul li p i span img { width:90px; height:90px;}
.brandinfo .info ul li p i:hover span { display:block;}
.brandinfo .info ul li p a { color:#555ba6;}
.brandinfo a.jia{z-index:100;background: #ee2e2c;height:45px;width:120px; font-size:18px; text-align:center;color:white;display: block;border-radius:5px;line-height: 45px; position: absolute;right:20px; top: 40px}
.brandinfo a.jia:hover{background:#ff6000;}

.toupiao{padding:20px;font-size:16px;line-height:26px;}
.toupiao em{color:#ff6000;font-weight:bold}
.toupiao i{color:#ff6000;font-weight:bold}
.toupiao .tp-l{width:480px;float:left;margin-right:20px}
.toupiao .tp-r{overflow: hidden;}
.toupiao .tp-r a{background:#555ba6 url(img/ico-vote.png) no-repeat center 10px;border-radius:30px;background-size:25px 25px;height:60px;color:white;font-size:12px;display:block;overflow:hidden;width:60px;line-height:90px; text-align:center;float:left}
.toupiao .tp-r a:hover{background:#ff6000 url(img/ico-vote.png) no-repeat center 10px;background-size:25px 25px;}
.toupiao .tp-r p{padding:5px 0px 0px 15px;font-size:14px;line-height:25px;overflow:hidden;color:#777}
.toupiao .tp-r p span{font-size:18px;color:#ff6000;font-weight:bold}

.w260{float: right;width:360px}
.bs{background: white;box-shadow: 0px 0px 3px rgba(0,0,0,0.15);overflow: hidden;margin-bottom:30px;padding:20px;}
.b-logo{height:100px;width:100px;margin:0px auto}
.b-logo img{width:100px;height:100px;border-radius:50%}
.b-text{ text-align:center;color:#777;border-bottom:#eee 1px solid;padding-bottom:15px;margin-bottom:15px;overflow:hidden;font-size:14px}
.b-text a{color:#555ba6;padding:0px 3px}
.b-rz a{width:46%;line-height:30px;color:white;display: block; text-align:center;border-radius:2px}
.b-rz a:nth-child(1){float:left; background:#28166f}
.b-rz a:nth-child(2){float:right;background:#fdb80c}
.bs a:hover{color:#ff6000;}