html{background:#f2f2f2;} .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;border-radius:10px;} .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:120px; 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:#1db3c9;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:#236dae } .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;bottom: -85px;-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:1045px;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:400px;float:left;overflow:hidden;padding-top:20px;zoom: 1;} .info-middle{width:600px;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}