You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
450 lines
22 KiB
450 lines
22 KiB
.floor .top01 {
|
|
background: -o-linear-gradient(top, #3C84FF, #6BC6FF);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#3C84FF), to(#6BC6FF));
|
|
background: linear-gradient(to bottom, #3C84FF, #6BC6FF);
|
|
}
|
|
|
|
.floor .top02 {
|
|
background: -o-linear-gradient(top, #7633FF, #778AFF);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#7633FF), to(#778AFF));
|
|
background: linear-gradient(to bottom, #7633FF, #778AFF);
|
|
}
|
|
|
|
.floor .top03 {
|
|
background: -o-linear-gradient(top, #3BA8BD, #23C8CE);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#3BA8BD), to(#23C8CE));
|
|
background: linear-gradient(to bottom, #3BA8BD, #23C8CE);
|
|
}
|
|
|
|
.floor .top04 {
|
|
background: -o-linear-gradient(top, #E8B64A, #FBD953);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#E8B64A), to(#FBD953));
|
|
background: linear-gradient(to bottom, #E8B64A, #FBD953);
|
|
}
|
|
|
|
.floor .top05 {
|
|
background: -o-linear-gradient(top, #8B96B3, #ADBCD2);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#8B96B3), to(#ADBCD2));
|
|
background: linear-gradient(to bottom, #8B96B3, #ADBCD2);
|
|
}
|
|
|
|
.floor .top06 {
|
|
background: -o-linear-gradient(top, #BE7B93, #E2ABBC);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#BE7B93), to(#E2ABBC));
|
|
background: linear-gradient(to bottom, #BE7B93, #E2ABBC);
|
|
}
|
|
|
|
.floor .top07 {
|
|
background: -o-linear-gradient(top, #FF8929, #FFAD2D);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#FF8929), to(#FFAD2D));
|
|
background: linear-gradient(to bottom, #FF8929, #FFAD2D);
|
|
}
|
|
|
|
.floor .top08 {
|
|
background: -o-linear-gradient(top, #F44E4E, #FF7F7F);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#F44E4E), to(#FF7F7F));
|
|
background: linear-gradient(to bottom, #F44E4E, #FF7F7F);
|
|
}
|
|
|
|
.floor .top09 {
|
|
background: -o-linear-gradient(top, #8A86FF, #A1B3FF);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#8A86FF), to(#A1B3FF));
|
|
background: linear-gradient(to bottom, #8A86FF, #A1B3FF);
|
|
}
|
|
|
|
.floor .top010 {
|
|
background: -o-linear-gradient(top, #5EA08B, #74CFB2);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#5EA08B), to(#74CFB2));
|
|
background: linear-gradient(to bottom, #5EA08B, #74CFB2);
|
|
}
|
|
|
|
.floor .top011 {
|
|
background: -o-linear-gradient(top, #5280DE, #62ACFF);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#5280DE), to(#62ACFF));
|
|
background: linear-gradient(to bottom, #5280DE, #62ACFF);
|
|
}
|
|
|
|
.floor .top012 {
|
|
background: -o-linear-gradient(top, #46BE63, #55E177);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#46BE63), to(#55E177));
|
|
background: linear-gradient(to bottom, #46BE63, #55E177);
|
|
}
|
|
.floor .top013 {
|
|
background: -o-linear-gradient(top, #BE7B93, #E2ABBC);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#BE7B93), to(#E2ABBC));
|
|
background: linear-gradient(to bottom, #BE7B93, #E2ABBC);
|
|
}
|
|
.floor .top014 {
|
|
background: -o-linear-gradient(top, #FF8929, #FFAD2D);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#FF8929), to(#FFAD2D));
|
|
background: linear-gradient(to bottom, #FF8929, #FFAD2D);
|
|
}
|
|
.floor .top015 {
|
|
background: -o-linear-gradient(top, #BE7B93, #E2ABBC);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#BE7B93), to(#E2ABBC));
|
|
background: linear-gradient(to bottom, #BE7B93, #E2ABBC);
|
|
}
|
|
|
|
.floor .top016 {
|
|
background: -o-linear-gradient(top, #FF8929, #FFAD2D);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#FF8929), to(#FFAD2D));
|
|
background: linear-gradient(to bottom, #FF8929, #FFAD2D);
|
|
}
|
|
|
|
.floor .top017 {
|
|
background: -o-linear-gradient(top, #F44E4E, #FF7F7F);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#F44E4E), to(#FF7F7F));
|
|
background: linear-gradient(to bottom, #F44E4E, #FF7F7F);
|
|
}
|
|
|
|
.floor .top018 {
|
|
background: -o-linear-gradient(top, #8A86FF, #A1B3FF);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#8A86FF), to(#A1B3FF));
|
|
background: linear-gradient(to bottom, #8A86FF, #A1B3FF);
|
|
}
|
|
|
|
|
|
.masonry {
|
|
column-count: 2;column-gap: 0;width:1220px
|
|
}
|
|
|
|
|
|
|
|
.floor{overflow:hidden;margin-bottom:16px;background:white;height:296px;}
|
|
.floor .left {width:235px;float:left;height:300px}
|
|
.floor .left h2 { display: block;height: 60px;line-height: 60px;font-size: 18px;padding: 0 10px;width:100px; background-color: rgba(0, 0, 0, .3); border-radius:0px 0px 30px 0}
|
|
.floor .left h2 a { color:#fff; margin-left:10px;}
|
|
.floor .left h2 i { color:#fff;}
|
|
.floor .left ul{padding:15px;overflow:hidden}
|
|
.floor .left ul li{float:left;width:50%}
|
|
.floor .left ul li a{background:white;border-radius:15px;padding:5px 0px; display:block;margin:10px 5px 0; text-align:center}
|
|
.floor .right {overflow:hidden;}
|
|
|
|
.floor .right ul{padding:0px 0;overflow:hidden}
|
|
.floor .right ul li{float:left;width:200px; overflow:hidden; text-align:center;font-size:14px;padding:20px;}
|
|
.floor .right ul li img{width:200px;}
|
|
.floor .right ul li:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
|
|
.floor .right ul li p{height:20px;line-height:20px; text-align:center; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:5px}
|
|
.floor .right ul li p.price{color:#e50a11;margin-top:15px;font-size:16px;}
|
|
|
|
.new ul{padding:30px 0;overflow:hidden}
|
|
.new ul li{float:left;width:100px; overflow:hidden; text-align:center;font-size:14px;padding:0px 10px 0px 10px}
|
|
.new ul li img{width:100px;}
|
|
.new ul li:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
|
|
.new ul li p{width:100px;height:20px;line-height:20px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:20px}
|
|
.new ul li p.price{color:#e50a11;margin-top:10px;font-size:16px;}
|
|
|
|
|
|
.industry-bar {
|
|
position:fixed;top:200px;left:50%;margin-left:-680px;width:70px;display:none;box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
|
|
z-index:1000;
|
|
background:white;
|
|
}
|
|
.industry-bar h5{height:26px;line-height:26px;padding:5px 0;background: linear-gradient(75deg, #1db3c9, #d10000);text-align:center;color:#fff}
|
|
.industry-bar.hover {
|
|
display:block
|
|
}
|
|
|
|
.industry-bar ul {
|
|
background:#fff;
|
|
}
|
|
.industry-bar li {
|
|
padding:8px 8px;line-height:16px; text-align:center;border-bottom:#e9e9e9 1px solid
|
|
}
|
|
.industry-bar li a {
|
|
display:block;line-height:16px;font-size:12px;
|
|
}
|
|
.industry-bar li.current {background: linear-gradient(125deg, #FF9900, #FF6700)
|
|
}
|
|
.industry-bar li.current a{color:white}
|
|
|
|
|
|
.guess-like{width:1250px;margin-top:20px}
|
|
.guess-like li {margin-right: 15px;margin-bottom: 20px;float:left;width:200px;background:white;box-shadow: 0px 0px 8px rgba(0,0,0,0.05); position:relative;padding:14px;overflow:hidden}
|
|
.guess-like li:hover{box-shadow: 0px 0px 8px rgba(0,0,0,0.15);}
|
|
.guess-like li img{width:100%}
|
|
.guess-like li p.s-title{font-size:14px;line-height:20px;height:40px;margin:10px 0;color:#555;overflow:hidden}
|
|
.like {width: 100%;height: 85px;background: linear-gradient(75deg, #FF9900, #FF6700);text-align: center;color: #fff;position: absolute;bottom: -85px;visibility: hidden;-webkit-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;-ms-transition: all .4s ease 0s;-o-transition: all .4s ease 0s;transition: all .4s ease 0s;left:0;}
|
|
.guess-like li:hover .like {visibility: visible;bottom: 0px;}
|
|
.like p{font-size:12px}
|
|
.like i{font-size:16px;border-bottom:#f9f9f9 1px solid;display:block;height:30px;margin:10px 70px 10px;}
|
|
.guess-like li p.price{font-size:18px;line-height:20px;margin-top:15px;width:100%;overflow:hidden;height:20px;}
|
|
.guess-like li p.price em{float:left;color:#ff6600;font-weight:bold}
|
|
.guess-like li p.price em i{font-size:12px}
|
|
.guess-like li p.price span{float:right;font-size:12px;color:#777}
|
|
.f_r{float:right}
|
|
.guess-like li p.price .small{color:#666;font-size:12px;float:right;font-weight:normal}
|
|
.guess-like li .company{height:20px;overflow:hidden;width:100%}
|
|
.guess-like li .company .f_l{width:120px;float:left;line-height:20px;height:20px;}
|
|
.guess-like li .company .f_r{width:55px;float:right;}
|
|
.g7{background:url(img/brand.png) no-repeat; background-size:15px 20px; width:20px;height:20px;display:block;float:left}
|
|
.guess-like li .company i{float:left;display:block}
|
|
.year{display:block;font-size:12px;line-height:20px;float:left;height:20px;}
|
|
.year b{font-weight:bold;color:#ff7900;font-size:14px;}
|
|
|
|
/*内容页左侧*/
|
|
.left-side{width:235px;float:left;overflow:hidden;}
|
|
.s-shopInfo{background:white;margin-top:15px}
|
|
.s-shopInfo h2{font-size:16px;line-height:40px;padding:5px 15px;font-weight:normal;color:#000}
|
|
.s-shopInfo h2:before{content:"";background:#ff6000;float:left;margin-right:10px;height:16px;width:3px;margin-top:12px;}
|
|
.s-shopInfo dl{padding:0 15px;padding:0 15px; overflow:hidden}
|
|
.s-shopInfo a{width:95px;height:90px; display: block; color: #333; font-size: 12px; padding:19px 0px 19px 102px; border-bottom:1px solid #f3f3f3; position: relative; overflow:hidden;}
|
|
.s-shopInfo a img {width: 90px; height: 90px; position: absolute; left: 0; top: 19px;}
|
|
.s-shopInfo a b{display: block; line-height:20px; color: #333; overflow: hidden; font-weight: 400;}
|
|
.s-shopInfo a:hover b{ color:#ee2c2e}
|
|
.s-shopInfo a span {display: block; height: 25px; line-height: 25px; overflow: hidden;font-weight:bold; color: #ee2c2e; margin-top:5px;}
|
|
.s-shopInfo a:last-child{ border:none}
|
|
/*内容页右侧*/
|
|
.right-side { width: 950px;overflow:hidden; float:right;}
|
|
.content{background:white;overflow:hidden;padding:20px;line-height:26px;font-size:14px}
|
|
/*内容页第一屏*/
|
|
.main{background:white;padding:0px 0px 0px 20px; overflow:hidden;}
|
|
.m-left{width:1175px;float:left}
|
|
.m-title{overflow:hidden;padding-bottom:15px;}
|
|
.m-title h1{font-size:22px;font-weight:normal;color:#000; overflow:hidden}
|
|
.info-left{width:380px;float:left;overflow:hidden;padding-top:20px;zoom: 1;}
|
|
.info-middle{width:755px;float:left;padding:15px 20px;overflow:hidden}
|
|
.proPrice{background:#fff5ec;height:31px;line-height:31px; padding:15px 0; margin-bottom:10px; font-size:12px; position:relative;border-top:#ff6000 2px solid}
|
|
.proPrice span{color:#ee2c2e;float:left;line-height:31px;font-size:16px;overflow:hidden}
|
|
.proPrice i{color:#999; font-size:12px;float:left;width:48px; text-align:justify;text-align-last:justify;padding:0 15px;}
|
|
.proPrice font{font-size:24px;margin:0 2px;font-weight:bold;}
|
|
.rule{position:absolute;right:10px;top:18px;}
|
|
.rule a{display:block;float:left;color:#777;margin-right:10px;height:20px;line-height:20px; position:relative}
|
|
.rule a.sc{background:url(img/pic2.png) no-repeat 0 -2px;padding-left:22px}
|
|
.rule a.zb{background:url(img/zb.png) no-repeat 0 center;padding-left:17px}
|
|
.rule a.sys{background:url(img/pic1.png) no-repeat 0 center;padding-left:24px}
|
|
.rule a.sys dl{box-shadow:0px 0px 15px rgba(0,0,0,0.2);padding:10px; position:absolute;left:0px;top:25px;opacity: 0;visibility: hidden;transition: all 0.5s;margin-top:-50px; text-align:center}
|
|
.rule a.sys:hover dl{visibility: visible;opacity: 1;margin-top:0px}
|
|
.rule a:hover{color:#ff6000}
|
|
.order ul li{float:left;margin-right:12px;}
|
|
.order ul li a{display:block;line-height:38px;font-size:16px;padding:0px 30px}
|
|
.order ul li.cont a{background:#ff6000;color:white;border:#ff6600 1px solid;}
|
|
.order ul li.cont a:hover{background:#ff5200}
|
|
.order ul li.bk a{border:#1db3c9 1px solid;color:#1db3c9;}
|
|
.order ul li.bk a:hover{border:#d10000 1px solid;background:#d10000;color:white}
|
|
.order ul li.inq a{border:#ff6600 1px solid;color:#ff6000;}
|
|
.order ul li.inq a:hover{border:#ff6600 1px solid;background:#ff6000;color:white}
|
|
.order ul li.buy a{border:#ff6600 1px solid;color:#ff6000;}
|
|
.order ul li.buy a:hover{border:#ff6600 1px solid;background:#ff6000;color:white}
|
|
.order ul li.shop a{border:#e3e3e3 1px solid;color:#333;}
|
|
.order ul li.shop a:hover{border:#e1e1e1 1px solid;background:#f5f5f5}
|
|
.info-right{overflow:hidden;padding:0px 0px; float:right;background:#e3e3e3}
|
|
.text-list { width:100%; overflow:hidden;margin-bottom:10px;font-size:12px;margin-top:10px;}
|
|
.text-list dl{line-height:28px; width:100%;padding:0px;color:#333;height:28px;overflow:hidden}
|
|
.text-list dl dt{float:left;color:#999;width:48px; text-align:justify;text-align-last:justify;padding:0 15px;}
|
|
.text-list dl dd{overflow:hidden;color:#000}
|
|
.pir {width:130px; float:right; overflow:hidden;}
|
|
.pirtop {width:130px; height:38px;}
|
|
.pirtop span {display:block; width:112px; height:38px; background:url(img/grayline.gif) repeat-x left 20px; margin:0 auto; text-align:center;}
|
|
.pirtop i {font-style:normal; margin:0 auto; display:inline-block; height:38px; line-height:38px; color:#888; padding:0 5px 0 5px;}
|
|
.pir div.bd {width:130px; clear:both; height:450px;overflow:hidden;}
|
|
.pir div.bd li {display:block; width:100px; padding-left:18px; clear:both; height:150px;}
|
|
.pir div.bd li a img {border:1px solid #ececec;width:95px;height:95px;}
|
|
.pir div.bd li a:hover img {border:1px solid #F60;}
|
|
.pir div.bd li span {display:block; width:100px; overflow:hidden; clear:both; text-align:center; height:25px; line-height:25px; color:#5b5b5b; font-size:12px;}
|
|
.pir div.hd {width:130px; height:25px; padding-top:0px; clear:both;text-align:center; position:relative; z-index:2;}
|
|
.pir div.hd ul{text-align:center;}
|
|
.pir div.hd li {display:inline-block;*display:inline;zoom:1; line-height:30px; cursor:pointer; width:6px; height:6px; overflow:hidden; margin:0 4px 0 5px; background:#d9d9d9;}
|
|
.pir div.hd li.on {background:#ff7200;}
|
|
.pir div.hd a.next,.pir div.hd a.prev {display:block; cursor:pointer; width:16px; height:17px; overflow:hidden; background:url(img/ar.gif) no-repeat; position:absolute; left:16px; top:0px;}
|
|
.pir div.hd a.next {left:auto; right:16px; background:url(img/ar.gif) no-repeat -16px top;}
|
|
.pir div.hd a.next:hover {background:url(img/ar.gif) no-repeat -16px -17px;}
|
|
.pir div.hd a.prev:hover {background:url(img/ar.gif) no-repeat left -17px;}
|
|
/*产品橱窗*/
|
|
.p-box{overflow:hidden;background:white;border-bottom:#eee 1px solid}
|
|
.p-box h5{font-size:16px;line-height:40px;padding:0px 15px;border-bottom:#eee 1px solid; font-weight:normal;color:#000}
|
|
.p-box h5:before{content:"";background:#ff6000;float:left;margin-right:10px;height:16px;width:3px;margin-top:12px;}
|
|
.p-box dt{font-size:15px; height:32px;line-height:32px;padding:0px 10px 0px 10px; background:url(img/icon-recommend.png) no-repeat;color:white}
|
|
.p-box dt a{margin-right:15px}
|
|
.p-box dt span{float:right;}
|
|
.p-box dt span a{display:block;font-size:0px;text-indent:-999px;width:60px;}
|
|
.p-box dl{border:#ff7200 1px solid;overflow:hidden}
|
|
.p-box img{width:130px;height:130px;margin-bottom:20px;border-radius:3px}
|
|
.p-box dd{float:left;width:130px;padding:18px 35px 16px 33px;border-left:1px solid #f1f1f1;overflow:hidden;position:relative}
|
|
.p-box dd:nth-child(1){border-left:none}
|
|
.p-box p{text-align:center;line-height:23px;}
|
|
.p-box .til{font-size:14px;color:#333;}
|
|
.p-box .tsg{font-size:14px;color:#ff5400;}
|
|
.p-box dd img{transition: all 0.3s;}
|
|
.p-box dd:hover img{margin-left:-3px;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;}
|
|
/*其他产品*/
|
|
.o-box{overflow:hidden;background:white;padding:0px 20px;}
|
|
.o-box h5{font-size:16px;line-height:40px;padding:5px 0px;font-weight:normal;color:#000;overflow:hidden;border-bottom:#eee 1px solid}
|
|
.o-box h5:before{content:"";background:#ff6000;float:left;margin-right:10px;height:16px;width:3px;margin-top:12px;}
|
|
.o-box dt{font-size:15px; height:32px;line-height:32px;padding:0px 10px 0px 10px; background:url(img/icon-recommend.png) no-repeat;color:white}
|
|
.o-box dt a{margin-right:15px}
|
|
.o-box dt span{float:right;}
|
|
.o-box dt span a{display:block;font-size:0px;text-indent:-999px;width:60px;}
|
|
.o-box img{width:150px;height:150px;margin-bottom:20px;border-radius:3px;border:#eee 1px solid}
|
|
.o-box dd{float:left;width:152px;padding:16px 30px 16px 0px;overflow:hidden;position:relative}
|
|
.o-box dd:nth-child(1){border-left:none}
|
|
.o-box p{text-align:center;line-height:23px;}
|
|
.o-box .til{font-size:14px;color:#333;}
|
|
.o-box .tsg{font-size:14px;color:#ff5400;}
|
|
.o-box dd img{transition: all 0.3s;}
|
|
.o-box dd:hover img{margin-left:-2px;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;}
|
|
|
|
.selltitle{overflow:hidden;background:white;padding:0 20px}
|
|
.selltitle dt{font-size:16px;line-height:38px;padding:5px 0px;font-weight:normal;color:#000;border-bottom:#eee 1px solid}
|
|
.selltitle dt:before{content:"";background:#ff6000;float:left;margin-right:10px;height:16px;width:3px;margin-top:12px;}
|
|
|
|
|
|
/*keys*/
|
|
.sell-keys{background: #fff;overflow: hidden;margin-top:20px;padding:0px 20px 10px}
|
|
.sell-keys h5{font-size:16px;line-height:40px;padding:5px 0px; font-weight:normal;color:#000;border-bottom:#eee 1px solid}
|
|
.sell-keys h5:before{content:"";background:#ff6000;float:left;margin-right:10px;height:16px;width:3px;margin-top:12px;}
|
|
.sell-keys dl{padding:15px 30px 0px 0; overflow:hidden}
|
|
.sell-keys dl dt{font-size:16px;height:25px;color:#000}
|
|
.sell-keys dl dd a{font-size:12px;line-height:28px;height:28px;color:#777}
|
|
.sell-keys dl dd.f4 a{width:25%;float:left}
|
|
.sell-keys dl dd.f6 a{width:16%;float:left}
|
|
.sell-keys dl dd a:hover{color:#ff6700}
|
|
|
|
.sell_tip {width:180px;height:70px;background:url('image/sell_tip.gif') no-repeat;overflow:hidden;z-index:1000;position:absolute;}
|
|
.sell_tip p {margin:0 0 4px 2px;font-weight:bold;}
|
|
.sell_tip div {padding:8px 0 0 10px;}
|
|
.tool {background: #fff; overflow:hidden;padding:10px; margin-bottom:20px; box-shadow: 0px 0px 3px rgba(0,0,0,0.15);}
|
|
.tool table {width:100%;}
|
|
.tool select {height: 23px;padding: 0 0 0 5px;border: 1px solid #ccd1d9;font-size:12px;}
|
|
.tool-btn {border:#ccd1d9 1px solid;;height:24px;line-height:24px;width:70px;padding:0px;cursor:pointer; background:white;font-size:12px;}
|
|
.tool-btn:hover {border:#1db3c9 1px solid;background:#ee2c2c;color:white}
|
|
|
|
.showChange {
|
|
float: right;
|
|
margin-right: 5px;
|
|
margin-top:1px
|
|
}
|
|
.showChange a{cursor: pointer;display:block;line-height:26px;float:left;padding:0px 10px;text-indent:-9999px}
|
|
.showChange a.tupian {
|
|
background:white url("img/matrix_green.png") no-repeat center;
|
|
}
|
|
.showChange a.tupian_gray {
|
|
background: url("img/matrix_gray.png") no-repeat center;
|
|
}
|
|
.showChange a.tuwen {
|
|
background:white url("img/bar_green.png") no-repeat center;
|
|
}
|
|
.showChange a.tuwen_gray {
|
|
background: url("img/bar_gray.png") no-repeat center;
|
|
}
|
|
|
|
.img_list li {height:22px;line-height:22px;overflow:hidden;}
|
|
.product_option {padding:10px 20px 10px 20px;}
|
|
.iq_btn {margin-top:10px;border:none!important;}
|
|
.cc_inp {border:#CCCCCC 1px solid;text-align:center;}
|
|
|
|
|
|
/*搜索图文列表*/
|
|
.sell-list ul li{height:100px;padding:15px 20px 15px 15px;margin-bottom:15px;background:white;position: relative;z-index:10; box-shadow: 0px 0px 10px rgba(0,0,0,0.15);}
|
|
.sell-list ul li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.35);}
|
|
.sell-list ul li:hover .s-buy a{background:#1db3c9;color:white}
|
|
.s-service em{float:left;position:relative;width:16px;height:16px;z-index:100;margin:0px 5px 0px 0px;}
|
|
.s-service em span{display:none}
|
|
.s-service em:hover span{display:block;z-index:1000;width:100px;height:100px;overflow:hidden; position:absolute;left:-65px;padding:5px;top:25px; box-shadow: 0px 0px 5px rgba(0,0,0,0.25); background:white;}
|
|
.s-service em span img{width:100px;height:100px;}
|
|
.sell-list ul li .s-title{font-size:16px}
|
|
.s-db{float:left;margin-right:15px;margin-top:35px}
|
|
.s-db input{width:14px;height:14px;border:#e3e3e3 1px solid;border-radius:0px;background:white;box-sizing: border-box;}
|
|
.s-pic{float:left;margin-right:15px}
|
|
.s-pic img{width:100px;height:100px;border:#eee 1px solid}
|
|
.s-info{width:340px;float:left;overflow:hidden;}
|
|
.s-hs{color:#777;overflow:hidden;height:40px;line-height:20px;overflow:hidden}
|
|
.s-hs em{margin-right:10px}
|
|
.s-brand{border:#1db3c9 1px solid;color:white; float:left; position:absolute; bottom:15px; height:20px;line-height:20px;background:#1db3c9; overflow:hidden}
|
|
.s-brand i{float:left;display:block;padding:0px 5px;}
|
|
.s-brand em{background:white;display:block;float:left;height:20px;line-height:20px;padding:0px 8px;}
|
|
.s-brand em a{color:#1db3c9}
|
|
.s-price{float:left;width:110px;font-size:12px;color:#1db3c9;margin-top:30px;padding-left:20px}
|
|
.s-price {font-size:18px}
|
|
.s-group{float:left;width:200px;}
|
|
.s-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px;}
|
|
.s-name a{color:#000}
|
|
.s-local{margin-bottom:12px; background:url(img/global.png) no-repeat left 1px;padding-left:15px;}
|
|
.s-service{float:right;width:90px; text-align:center}
|
|
.s-buy{width:80px;margin:15px 0px 0px 0px;overflow:hidden}
|
|
.s-buy a{line-height:24px;border:#1db3c9 1px solid;display:block;color:#1db3c9;border-radius:1px;font-size:12px;}
|
|
.sell-list ul li:hover .s-brand{border:#d10000 1px solid;color:white; float:left; position:absolute; bottom:15px; height:20px;line-height:20px;background:#d10000; overflow:hidden}
|
|
.sell-list ul li:hover .s-brand i{float:left;display:block;padding:0px 5px;}
|
|
.sell-list ul li:hover .s-brand em{background:white;display:block;float:left;height:20px;line-height:20px;padding:0px 8px;}
|
|
.sell-list ul li:hover .s-brand em a{color:#d10000;font-weight:bold}
|
|
|
|
|
|
.details_viphead {
|
|
width: 1180px;
|
|
height: 110px;
|
|
margin: 0 auto;
|
|
padding: 0 10px;
|
|
background: url(img/viphead_Bg.png) bottom repeat-x;
|
|
}
|
|
|
|
.details_viphead .breadNav {
|
|
padding-top: 15px;
|
|
margin: 0;
|
|
}
|
|
|
|
.details_viptitle {
|
|
width: 1140px;
|
|
height: 90px;
|
|
margin: 12px auto 0;
|
|
position: relative;
|
|
}
|
|
|
|
|
|
.tess{
|
|
background:url(img/tels.png) no-repeat left center;
|
|
|
|
height: 35px;
|
|
line-height: 35px;
|
|
margin: 0;
|
|
padding: 0 0 0 45px;
|
|
position: absolute;
|
|
right: 10px;
|
|
color: #ef253d;
|
|
font-size: 28px;
|
|
top: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.details_viptitle p {
|
|
width: 1190px;
|
|
font-size: 14px;
|
|
color: #666;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
float: left;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.spanh2 {
|
|
color: #666;
|
|
font-size: 36px;
|
|
font-weight: bold;
|
|
line-height: 50px;
|
|
}
|
|
|
|
.tels {
|
|
background: url(img/telbg.jpg) no-repeat;
|
|
width: 190px;
|
|
height: 40px;
|
|
color: #fff;
|
|
transition: all .3s linear;
|
|
float: left;
|
|
line-height: 44px;
|
|
display: block;
|
|
font-size: 26px;
|
|
text-align: left;
|
|
padding-left: 60px;
|
|
margin: 0 0 0 15px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|