Description
body{ margin:0; padding:0}
ul, li,h1,h2,h3,ol{ margin:0; padding:0}
img{ max-width:100%}
.wapbar{ width:1130px; margin:0 auto; display:block; position:relative; background:#fff;}
.topbanner{ width:100%; border-top:6px solid #000;margin-bottom:10px}
.mobanner{ display:none}
.pcbanner{ display:block; background:url(https://image.pushauction.com/0/0/8b257530-e790-4764-b8ae-cc5723caee29/2d6921bf-5b29-4061-bed1-362f56949adb.jpg); height:172px; overflow: hidden; }
.logodes{ display:block;padding-bottom:5px}
.mobanner img ,.pcbanner img,.topbanner img{ max-width:100%;}
.menu{width:100%; margin:0 auto; display:block; position:relative; height:57px; margin:0 auto; font-family:Verdana, Geneva, sans-serif; font-size:14px;loverflow:hidden; margin-top:25px}
.menu a{ color:#000; text-decoration:none; padding:8px 28px;-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;-webkit-font-smoothing: antialiased; text-align:center}
.menu a:hover{ text-decoration: underline;color:#666;opacity:0.9; background:#000; color:#FFF;}
.leftwid{ display:block; width:230px; float:left;}
.midtwid{ width:890px; display:block; position:relative; float:right;}
#fenle{line-height:33px; font-size:12px; margin-bottom:20px; background: url(https://image.pushauction.com/0/0/8b257530-e790-4764-b8ae-cc5723caee29/5780e13b-74a9-4c9f-9a71-251ac74069f5.jpg) no-repeat bottom #FAFAFA; padding-bottom:15px}
#fenle ul{ padding:0; width:95%; margin:0 auto }
#fenle li{padding:0px; margin:0px;font-family: Arial, Helvetica, sans-serif; border-bottom:1px solid #DDDDDB;}
#fenle li{ list-style: none;text-align:left; margin:0; padding:0;}
#fenle li a{color:#000; font-weight:bold;text-decoration: none; font-size:13px; background:url(https://image.pushauction.com/0/0/8b257530-e790-4764-b8ae-cc5723caee29/e699a4c0-5df6-4162-8960-35917aecb5ff.jpg) left no-repeat ; padding-left:15px;display:block;}
#fenle li a:hover {color:#666;display:block; text-decoration:underline}
#fenle ul ul li a {color: #666;text-decoration: none; padding-left:10px; background:url(https://image.pushauction.com/0/0/8b257530-e790-4764-b8ae-cc5723caee29/1171d98b-abf5-455c-a591-3f38ece8875f.jpg) no-repeat left; background-position:0px 12px;font-size:12px;font-weight: normal; height:28px; overflow:hidden}
#fenle ul ul li a:hover{color:#333display:block; text-decoration:underline }
.sponpro{font-family:Verdana, Geneva, sans-serif; background:#FAFAFA;font-size:12px; line-height:20px; padding-top:15px; padding-bottom:10px; text-align:center}
.sponpro .reomen{ width:200px; margin:0 auto;overflow:hidden; margin-bottom:15px }
.sponpro .miantit{ width:200px; }
.sponpro a{ color:#000; text-decoration:none}
.sponpro a:hover{ color: #C00; text-decoration: underline}
.sponpro a span{ background:#292A31;color:#fff; padding:3px 8px;font-size:12px; font-family:Verdana, Geneva, sans-seri; margin-top:5px;}
.sponpro a:hover span{background:#000;color:#fff; }
.sponpro a,.sponpro a span,.sponpro a img{-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;-webkit-font-smoothing: antialiased;}
.sponpro a:hover,.sponpro a:hover span,.sponpro a:hover img{opacity:0.8}
.sponpro strong{color: #C00; font-size:16px;}
.sponpro .pricewid{line-height:35px;}
.sponpro img{ max-width:180px;}
.rightblack{height:50px; line-height:50px; width:100%;background: url(https://image.pushauction.com/0/0/8b257530-e790-4764-b8ae-cc5723caee29/e85fb2e5-0015-4e22-b1eb-9b06dd853b0a.jpg) right bottom no-repeat #292A31; font-family: Verdana, Geneva, sans-serif}
.rightblack strong{padding-left:14px; font-size:16px; color:#fff;}
.titbox{ background:#292A31; line-height:150%; padding-top:13px; padding-bottom:13px;font-family: Verdana, Geneva, sans-serif; font-size:18px; text-align:center; font-weight:normal;color:#FFF; margin-bottom:10px}
.titbox h1{ margin:0; padding:0; font-size:16px;color:#fff;}
.titbox strong{color:#FFF; text-align:center}
.descbox{color:#000; font-size:14px;font-family:”Microsoft Sans Serif”,Verdana, Geneva, sans-serif; width:98%; margin:0 auto; font-size:14px; padding-top:10px; padding-bottom:10px; line-height:150%}
.descbox ul,.descbox ol{margin-left:18px;}
.descbox img,.descbox table{ max-width:100%; height:auto}
.descbox p{ margin:0; padding:0}
.descbox td{ padding:3px; padding-left:6px; font-family:Verdana, Geneva, sans-serif; font-size:14px; border-bottom:1px solid #ccc}
.descbox table{ border:1px solid #ccc; margin-top:10px}
#policybox {display:block; position:relative;margin-top:10px; margin-bottom:10px; width:100%; overflow:hidden }
#policybox section {display: block;padding:0;text-align:left; font-family:”Open Sans”,Verdana, Geneva, sans-serif; line-height:150%; font-size:14px; display:block;background:#FAFAFA; }
#policybox input {display: none;}
#policybox label {display: inline-block;color:#fff; background:#000}
#policybox label:hover {cursor: pointer;background:#FCBE73;color:#000;}
#policybox input:checked + label {cursor: pointer;background:#FCBE73; color:#000; border-bottom:none;}
#policybox label,#policybox input:checked + label {margin:0 auto; padding:0;height:50px;line-height:50px;font-family:Verdana, Geneva, sans-serif;font-size:14px; width:19%;font-weight:bold;cursor: pointer; text-align:center;text-transform:uppercase;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
display: block;
}
.politit{margin-top:10px;background: url(https://image.pushauction.com/0/0/8b257530-e790-4764-b8ae-cc5723caee29/e85fb2e5-0015-4e22-b1eb-9b06dd853b0a.jpg) right bottom no-repeat #292A31; height:35px; line-height:32px; overflow:hidden}
.politit strong{ color:#Fff; font-size:16px; font-family: Verdana, Geneva, sans-serif; margin:0; padding:0; text-align:left; margin-left:12px}
.hotbox{ display:block; background:#FAFAFA;position:relative}
.boxi{ width:200px; padding-top:10px }
.boxi{margin-left:17px; margin-bottom:12px; float:left;}
.boxi .boxphoto {width:200px; height:200px; max-width:200px; max-height:200px; border:1px solid #cccdisplay:table-cell;overflow:hidden;text-align:center;vertical-align:middle;}
.boxi img{ height:auto;max-width:200px; max-height:200px;}
.boxi p{ margin:0; padding:0}
.boxi .price{color:#C00;font-size:18px; line-height:30px; font-family: Arial, Helvetica, sans-serif; margin-bottom:6px; margin-top:6px }
.boxi .boxtit{ height:36px; overflow:hidden}
.boxi a{font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:none; font-size:12px; line-height:18px;text-align:center; color:#000;-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;-webkit-font-smoothing: antialiased;}
.boxi a:hover{ color:#EB5204; text-decoration:underline;opacity:0.8}
.boxi a span{background:#292A31;color:#fff;padding:3px 8px; font-size:12px; font-family:Verdana, Geneva, sans-seri;margin-top:8px;-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;-webkit-font-smoothing: antialiased;}
.boxi a:hover span{background:#FA961D;color:#fff; opacity:0.8}
.boxi .picwid{ width:98%; margin:0 auto; margin-bottom:10px}
.copylibox{ width:1130px; margin:0 auto; margin-top:15px;background:url(https://image.pushauction.com/0/0/8b257530-e790-4764-b8ae-cc5723caee29/e85fb2e5-0015-4e22-b1eb-9b06dd853b0a.jpg) bottom center no-repeat #292A31; padding-top:18px; padding-bottom:10px;text-align:center; line-height:30px; color:#999; font-family: Verdana, Geneva, sans-serif; font-size:12px}
.copylibox a{color: #999;padding-left:10px; padding-right:10px; text-decoration:none}
.copylibox a:hover{ color:#CCC; text-decoration:underline}
/*picture common*/
.image_gallery{ padding-top:10px}
.image_gallery,.thumbnails,.thumbnails li{text-align:center}
*{padding:0;margin:0;outline:0;border:none;box-sizing:border-box;font-family:’Arial’,sans-serif}
p{font-size:16px;line-height:26px;color:#231f20}
img{max-width:100%}
.clear{clear:both}
.image_gallery{ padding-bottom:20px;width:96%; margin:0 auto;}
.container{width:100%;position:relative;margin:0 auto}
.thumbnails{font-size:0}
.thumbnails li{margin:10px 5px 0;width:100px;height:100px;background:#fff;display:inline-block;vertical-align:middle}
.item_desc h3,.item_desc ul{ margin-bottom:10px}
.item_desc h2{ margin:0; padding:0; text-transform:uppercase; margin-bottom:2px; margin-top:7px; font-size:12pt; font-family:Arial, Helvetica, sans-serif; line-height:160%;}
.thumbnails input[name=select]{display:none}
.thumbnails .item-hugger{padding:5px;width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #e3e3e3;transition:all 150ms ease-in-out}
.thumbnails .gallery_content,.white-box{height:540px;overflow:hidden}
.thumbnails label{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}
.thumbnails .title{padding:20px 0 0;font-size:18px;color:#555;transition:all 150ms linear}
.thumbnails .gallery_content{max-width:540px;width:100%;background:#fff;transition:all 150ms linear;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.thumbnails input[name=select]:checked+.item-hugger{border-color:#333}
.thumbnails input[name=select]:checked~.gallery_content{opacity:1}
@media only screen and (max-width:980px){
.image_gallery,.item_desc{width:100%}
.tabs .tab,.tabs label{order:initial;transition:.3s all;display:block}
}
@media only screen and (max-width:540px){
.thumbnails .gallery_content,.white-box{height:400px}.thumbnails li{width:70px;height:70px}
}
.aalbg:after,.wapbar:after,.midtwid:after,.descbox:after,.hotbox:after,#policybox:after{ content: “.”;
display: block;
height: 0;
clear: both;
visibility: hidden; }
@media (min-width:980px)
{
#policybox section {display:none;}
.politit{ display:none}
}
@media screen and (max-width: 980px) {
.wapbar{ width:99%; margin:0 auto}
.menu a{ padding-right:5px; padding-left:5px; line-height:30px; font-size:12px}
.mobanner{display: block}
.hotbox{width:100%;}
.logodes{ display:none}
.pcbanner{ background:#F1F1F1; background-image:none; height: auto; overflow:hidden}
.desboxmar{ width:96%; margin:0 auto;}
.midtwid{ width:100%; float:none}
.leftwid{ display:none}
#policybox{ width:100%;}
#policybox label{ display:none}
#policybox section {display: block; }
.politit{ display: block}
.boxi{ width:45%; }
.boxi{margin-left:5px; margin-bottom:15px; float:left; text-align:center}
.boxi img{height:auto; max-width:150px; max-height:150px}
.copylibox{ width:100%; margin:0 auto; padding-top:18px; padding-bottom:10px;text-align:center; line-height:30px; color:#999; font-family: Verdana, Geneva, sans-serif; font-size:12px}
.copylibox a{color: #999;padding-left:6px; padding-right:6px; text-decoration:none}
}
@media screen and (max-width: 768px) {
.boxi{ width:31%; }
.boxi{margin-left:5px; margin-bottom:15px; float:left; text-align:center}
.boxi img{ height:auto;max-width:150px; max-height:150px;}
.boxi .boxphoto{ height:150px;display:table-cell;overflow:hidden;text-align:center;vertical-align:middle;}
}
@media screen and (max-width: 600px) {
.boxi{ width:45%; }
.boxi{margin-left:5px; margin-bottom:15px; float:left; text-align:center}
.boxi img{ height:auto;max-width:175px; max-height:175px;}
.boxi .boxphoto{ height:175px;display:table-cell;overflow:hidden;text-align:center;vertical-align:middle;}
}
@media screen and (max-width: 480px) {
.boxi{margin-left:8px; margin-bottom:15px;width:45%;float:left;}
.boxi img{ height:auto;max-width:170px; max-height:170px;}
.boxi .boxphoto{ height:170px;display:table-cell;overflow:hidden;text-align:center;vertical-align:middle;}
}
//判æ–设备是PC端还是移动端: false PC端 | true 移动端
const isMobile = () => {
return !!navigator.userAgent.match(/(iPhone|iPod|Android|ios|iOS|WebOS|Windows Phone|Phone)/i);
}
console.log(isMobile())
const mobileElement = document.getElementById(‘mobileElement’)
if(isMobile()){
mobileElement.style.display = ‘block’
}else{
mobileElement.style.display = ‘none’
}
Reviews
There are no reviews yet.