body{margin:0;padding:0;font-size:14px;color:#333;background:#f7f7f7;}
body,input{font-family:'Microsoft Yahei',Helvetica,Arial,sans-serif;}
ul,li{list-style:none;}
h1,h2,h3,ul,li{margin:0;padding:0;}
a{color:#333;text-decoration:none;}
a:hover{color:#800;}
.footer{margin-top:20px;}
.sbox ul li h3{font-size:14px;font-weight:300;}
img{border:0;max-width:100%;height:auto;}
/* ul li:hover img{transform:scale(1.05);} */
/* a,li,img,input[type="submit"]{transition:all .4s ease 0s;} */
*,*:before,*:after{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.sbox{background:#fff;}
input[type="submit"],.sbox ul li span.buy a{background:#f60;color:#fff;}
.menu .cur,.menu a:hover{background:#a00;color:#fff;}
.wrap,.sbox,.footer{height:100%;overflow:hidden;}
.sbox{border-top:1px solid #e7e7e7;margin-top:20px;}
.sbox ul li span.price{color:#f22;font-weight:700;}
.search input[type="text"],.footer,.footer a{color:#999;}
.header{background:#a00;}
.header,.menu{width:100%;}
.wrap,.headwrap,.menuwrap{margin:0 auto;width:1200px;position:relative;}
.headwrap{height:80px;}
.menuwrap{height:40px;}
.logo{position:absolute;top:20px;left:0;}
.logo img{max-height:40px;}
.menu{background:#800;}
.fixed{z-index:999;position:fixed;top:0;opacity:0.8;}
.menu ul li{float:left;position:relative;}
.menu ul li a{display:block;font-size:16px;color:#fff;line-height:40px;padding:0 19px;}
.search{position:absolute;top:20px;right:0;}
.search input{float:left;border:0;font-size:14px;}
.search input[type="text"]{background:url(so_ico.png) no-repeat 5px #fff;width:300px;height:40px;line-height:40px;text-indent:25px;border-radius:2px 0px 0px 2px;}
input[type="submit"]{font-weight:600;border:0;width:90px;height:40px;cursor:pointer;border-radius:0px 2px 2px 0px;}
input[type="submit"]:hover{background-color:#f40;}
.sbox{width:100%;}
.sbox ul{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;}
.sbox h2{font-size:20px;height:30px;font-weight:500;margin:10px 0;text-indent:15px;border-left:5px solid #a00;}
.sbox ul li{width:25%;height:auto;border:1px solid #f7f7f7;padding:10px;position:relative;}
.sbox ul li a{display:block;overflow:hidden;}
.sbox ul li:hover{border-color:#f22;}
.sbox h2,.sbox ul li img,.sbox ul li h3,.sbox ul li span{float:left;width:100%;}
.sbox ul li img{height:278px;border-radius:2px;}
.sbox ul li h3{line-height:35px;height:35px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.sbox .de_coupon{background: linear-gradient(0deg,#f11,#f60 70%); width: 60px; height: 39px; color: #fff; position: absolute; z-index: 9; font-size: 12px; border-radius: 0 0 10px 0;}
.sbox .de_coupon .c1{display: block; height: 20px; font-weight: 700; text-align: center; line-height: 20px;}
.sbox .de_coupon .c2{display: block; text-align: center; height: 14px; line-height: 14px;}
.sbox ul li p.post-free{display: inline-block; margin: -2px 4px 0; height: 17px; font-size: 14px; line-height: 17px; color: #fff; text-align: center; background-color: #e1251b; border-radius: 2px; padding: 1px 3px; margin-right: 4px;}
.sbox ul li span{height:30px;line-height:30px;}
.sbox ul li span.price{float:left;font-size:20px;width:65%;}
.sbox ul li span.buy{float:right;width:35%;text-align:center;border-radius:2px;background:#f60;color:#fff;}
.sbox ul li span.buy a{display:block;font-size:16px;}
.footer a:hover{color:#800;text-decoration:underline;}
.footer{background:#e7e7e7;padding:10px 0;width:100%;text-align:center;line-height:25px;font-size:12px;}
#gotop{z-index:300;width:40px;height:40px;border-radius:2px;background:#a00 url(gotop.png) center no-repeat;position:fixed;right:10px;bottom:70px;}
#gotop:hover{background-color:#800;}
@media only screen and (max-width: 1024px){.wrap,.headwrap,.menuwrap{width:1000px;}
.slider,.fullSlide .bd li a img{width:680px;height:320px;}
.newlist{height:320px;}
.newlist ul li{height:30px;line-height:30px;}
.sbox ul li img,.lbox ul li img{height:233px;}
.left,.wzlist{width:680px;}
.vbox .pic img{width:300px;height:300px;margin-right:10px;}
.vbox .info{width:350px;}
.vbox .info .price,.vbox .info .buy,.vbox .info .num,.bdsharebuttonbox{margin-top:20px;}
.tuijian ul li img{height:148px;}}
@media only screen and (max-width: 768px){html,body{overflow-x:hidden;font-size:100%;}
body.open{position:fixed;right:40%;top:0;width:100%;height:100%;overflow:hidden;}
.header{background:none;}
.headwrap{height:50px;background:#a00;}
.menuwrap{height:100%;}
.wrap,.headwrap,.menuwrap,.left,.sbox,.lbox,.vbox .pic img,.vbox .info,.wzlist{width:100%;}
.slider,.fullSlide .bd li a img{width:100%;height:200px;}
.sbox ul li h3,.lbox ul li h3,.tuijian ul li h2,.vlist ul li h2,.search input,.sbox ul li span.price,.lbox ul li span.price,.sbox ul li span.buy,.lbox ul li span.buy{font-size:100%;}
.logo{top:10px;}
.logo,.logo img{max-height:30px;}
.search,.sbox h2 span,.right,.path,.links,#gotop{display:none;}
.sico{right:40px;background:url(search_ico.png) center no-repeat;}
.mico{right:0;background:url(menu_ico.png) center no-repeat;}
.sico,.mico{position:absolute;top:0;display:block;width:40px;height:50px;text-indent:-9999px;background-size:20px;}
.active{background-color:#800;}
.search{width:100%;position:absolute;right:0;top:50px;z-index:301;border-bottom:1px solid #800;padding:20px 0;background:rgba(136,0,0,0.8);}
.search input[type="text"]{width:70%;margin-left:5%;}
.search input[type="submit"]{width:20%;}
.menu.fixed{opacity:1;}
.menu.open{right:0;}
.menu{background:#800;position:fixed;right:-40%;top:0;width:40%;height:100%;overflow-y:auto;transition:.3s;}
.menu ul li{width:100%;}
.menu ul li a{padding:0 16px;}
.menu ul li ul{display:block;opacity:1;position:relative;top:0;}
.newlist{width:100%;margin-top:20px;height:auto;}
.newlist ul li{height:40px;line-height:40px;}
.sbox h2,.lbox h1{font-size:16px;font-weight:600;margin:10px 0;text-indent:2%;}
.sbox ul li,.lbox ul li,.tuijian ul li{width:50%;height:100%;padding:2%;}
.sbox ul li img,.lbox ul li img,.tuijian ul li,.tuijian ul li img{height:auto;min-height:100px;max-height:300px;}
.pagebar a{margin:20px 0 0}}
@media only screen and (max-width: 500px){.wzlist ul li img{display:none;}}