/*基础样式*/
html {overflow-y: scroll; -webkit-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,a{margin:0;padding: 0;}
body,button,input,select,textarea{font-family: Helvetica, Arial, sans-serif;color: #3f3f3f;font-size:1em;}
input,select,textarea{	font-size:100%;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
.hidden {display:none;}
ul, li {list-style-type:none;}
html,a,.morejoin,footer a {text-decoration:none;-webkit-text-size-adjust:auto;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.show {display:block;}
.hidden {display:none;}
.w740 {margin:0 auto;zoom:1;overflow:hidden;max-width:640px;}


/*通用顶部logo*/
.mintop{background-color: #FD8024;text-align:center;padding:.3em 0;} 

/*搜索*/
.search { background:#EBEBEB;padding: .5em .5em .2em .5em;}
.search_t {background-color:#FF7300;height:40px;padding:2px;position:relative;}
.search ul {cursor:pointer;display:inline-block;background-color:#fff;width:20%;border-right:2px solid #FF7300;position: absolute;left: 2px;top: 2px;z-index:1;}
.search ul li {display:none;text-align:center;font-size:.8em;padding-right:7px;margin-left: -2px;border-left:solid 2px #F06E00;}
.search ul li.active, .search ul li.up {border:0;}
.search ul li.active {display:block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACiSURBVHjaYty5c6ded3f3xkePHimws7MzIIOfP38yyMnJPSgtLfVnEhERuRQVFZUrLCz8g5GRkYGVlRWMQWyQGEgOpAakkMHX13dLeHh469+/fxn+//8PxiA2SAwkB1LDBBL88eMHg4ODQ6e1tfVakHUgDGI7Ojp2guRAalhAVoAYbGxsv8PCwopevHhhAHQeY2hoaDELC8vvf//+gd0LEGAAKShMdf2kE8oAAAAASUVORK5CYII=) no-repeat 92% center;}
.search ul li.up {display:block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAACVSURBVHjaYrx48SIDDLx69Up+8uTJ+4DM/3l5eU4iIiKPYHJMDAjAunr16t47d+4oAbHyqlWr+kBiMEmWFy9eMDx9+pTh06dP5UePHg1mZ2cHS4DYWlpa5Xx8fC3S0tJwE31WrlxZzczMzMDIyAjGIDZIDCQHs1pv2bJlk9++fcvx//9/ht+/f4MxiA0SA8mB1AAEGABgp0KKZuAXOgAAAABJRU5ErkJggg==) no-repeat 92% center;}
.search ul li:last-child {border-bottom:2px solid #FF7300;}
.search input {border:0;width:62%;margin-left: 20.1%;}
.search input:focus {border:none;outline:none;}
.search .btn {width:15%;display:block;height:40px;float:right; background:url("https://www.theveganpunk.com/images/search_right.png") no-repeat 0 0;background-size:contain;}
.search ul,.search input{line-height:40px;}
.search_b {margin: .5em auto 0 auto;height:32px;line-height:32px;overflow:hidden;}
.search_b label {margin-left:.3em;font-weight: bold;}
.search_b a{padding:0 .2em;  text-align:center;display:inline-block;margin-left:.5em;color:#6C6C6C;}

/*轮播*/
header{position:relative;max-width:740px;margin:0 auto;}
header a{display:block;}
header nav{position:absolute; left:0; bottom:0;width:100%;filter:alpha(opacity=50);opacity:0.5;background: #696666;}
header nav #position {text-align: center;list-style: none;margin: 0;padding: 0;}
header nav #position li {display: inline-block; width: 10px;height: 10px;border-radius: 10px; margin: 0 2px;cursor: pointer;background-color:#fff;}
header nav #position li.on {background-color: #FF6E00;}
.swipe {overflow: hidden;visibility: hidden;position: relative;}
.swipe-wrap {overflow: hidden;position: relative;}
.swipe-wrap figure {float: left;width: 100%;position: relative;font-size:0;line-height:0;}
.swipe-wrap figure img {width:100%;}


/*底部通用样式*/
footer {text-align:center;margin:0 auto;padding:10px 0 0 0;background:url(http://img.shoes.net.cn/minitop/bg18.jpg) repeat-x 0 0;}
footer a {display:inline-block;text-align:center;width:24%;float:left;padding:2px 0; border-right:2px solid #BEBEBE;color:#4F4F4F;}
footer a.last {border:0;}
footer .copyright {padding:5px 0 5px 0;clear:both;}

/*回到微信*/
.backwx {padding:5px 0;overflow:hidden;}
.backwx .wimg {background:url("https://www.theveganpunk.com/images/backwx.png") no-repeat right center;width:50%;height:40px; float:left;}
.backwx span {width:50%;text-align:left;height:40px; line-height: 40px;display:block;float:left;}



/*正在加载*/
.bodyshim {display:none;background-color:#DCDCDC;left:0;top:0; opacity:.5;z-index:1;width:100%;height:100%;position:absolute;}
.loading {display:none;padding-top:10px;margin-left: -50px;z-index:2; position:absolute;top:0; left:50%;width:100px;height:100px;overflow:hidden;vertical-align:middle;text-align:center;}
.loading .load {background-color: rgba(0,0,0,0);border:5px solid rgba(0,183,229,0.9);opacity:.9;border-right:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);border-radius:50px;box-shadow: 0 0 35px rgba(0,183,229,0.9);width:50px;height:50px;margin:0 auto;-webkit-animation:spinPulse 1s infinite linear;}
.loading .load1 {background-color: rgba(0,0,0,0);border:5px solid rgba(0,183,229,0.9);opacity:.9;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-radius:50px;box-shadow: 0 0 15px rgba(0,183,229,0.9); width:30px;height:30px;margin:0 auto;position:relative;top:-50px;-webkit-animation:spinoffPulse 1s infinite linear;}
@-moz-keyframes spinPulse {
0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;}
50% { -moz-transform:rotate(145deg); opacity:1; }
100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
0% { -moz-transform:rotate(0deg); }
100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes spinPulse {
0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgba(0,183,229,0.9); }
50% { -webkit-transform:rotate(145deg); opacity:1;}
100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
0% { -webkit-transform:rotate(0deg); }
100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes move{
0%{-webkit-transform: scale(1.2);opacity:1;}
100%{-webkit-transform: scale(0.7);opacity:0.1;}
}