/*基础样式*/
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;}
img{ border:0;}
ul, li {list-style-type:none;}
em,i{ font-style:normal;}
html,a,.morejoin,footer a {text-decoration:none;-webkit-text-size-adjust:auto;-webkit-tap-highlight-color: rgba(146,146,146,.5); border:0;}
.show {display:block;}
.hidden {display:none;}
.w740 {margin:0 auto;zoom:1;overflow:hidden;max-width:640px;}
input{ outline:none;-webkit-appearance:none}



/*通用顶部logo*/
.homelogo{background:#ff7300 url("https://www.theveganpunk.com/images/logo.png?d") no-repeat center center;text-align:center; background-size:contain; height:35px; padding:5px 0;}
.homelogo .home{ float:left; background:url("https://www.theveganpunk.com/images/home.png") no-repeat center center;background-size:contain; width:40px; height:23px; margin:6px 0 0 8px;}
.homelogo .abbr { float:right;background:url("https://www.theveganpunk.com/images/abb.png") no-repeat center center; background-size:contain; width:40px; height:24px; margin:6px 8px 0 0;}









/*搜索*/

/*.search {padding: .3em .5em .3em .5em; background:#ebeced}
.search_t {height:34px;padding:2px;position:relative;}
.search ul {cursor:pointer;display:inline-block;background-color:#fff;width:20%;border-radius:5px 0 0 5px ;border:1px solid #d9d9d9;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; background-color:#fff; border-left:solid 1px #e3e4e6;border-right:solid 1px #e3e4e6;}
.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:1px solid #e3e4e6;}
.search input{width:64.6%;margin-left: 20%;border:1px solid #d9d9d9;border-right:none;background:#fff url("https://www.theveganpunk.com/images/input_bg.jpg") no-repeat center center;background-size:60px;}
.search input:focus {border:none;outline:none;border:1px solid #d9d9d9;}
.search .btn {width:15%; display:block;height:34px;float:right; background:#ff7300 url("https://www.theveganpunk.com/images/icon_01.png") no-repeat 0 0;background-size:22px; background-position:15px 5px; cursor:pointer;border-radius:0 5px 5px 0;}
.search ul,.search input{line-height:32px; height:32px;}*/



.search {padding: .2em .5em .2em .5em; background:#ebeced; }
.search_t {height:34px;padding:2px;position:relative;z-index:99999; }
.search ul {cursor:pointer;display:inline-block;background-color:#fff;width:20%; float:left;border-radius:5px 0 0 5px ;border:1px solid #d9d9d9;border-right:none;}
.search ul li {display:none;text-align:center;font-size:.8em;padding-right:7px;margin-left: -1px; background-color:#fff; border-left:solid 1px #d9d9d9;border-right:solid 1px #d9d9d9; color:#818181; margin-top:-2px;}
.search ul li:first-child{margin-top:0; position:relative;}
.search ul li.active {display:block; /*background:url("https://www.theveganpunk.com/images/search_ar.png") no-repeat 92% center;*/ background:none;}
.search ul li.active:before{width:0px; height:0px; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #818181; content:""; left:78%; top:12px; position:absolute;}
.search ul li.up {display:block; /*background:url("https://www.theveganpunk.com/images/search_ar1.png") no-repeat 92% center;*/background:none;}
.search ul li.up:before{width:0px; height:0px; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:4px solid #818181; content:""; left:78%; top:12px; position:absolute;}
.search ul li.active, .search ul li.up {border:0;border-right:solid 1px #d9d9d9;}
.search ul li:last-child {border-bottom:1px solid #d9d9d9;}

.search input{width:64%;border:1px solid #d9d9d9;border-radius:0;border-right:none;border-left:none;background:#fff url("https://www.theveganpunk.com/images/input_bg.jpg") no-repeat center center; background-size:58px; float:left;}
.search input:focus {border:none;outline:none; border:1px solid #d9d9d9; border-right:none; border-left:none;}
.search .btn {width:15%; display:block;height:34px;float:left; background:#ff7300 url("https://www.theveganpunk.com/images/icon_01.png") no-repeat 0 0;background-size:22px; background-position: center 5px; cursor:pointer;border-radius:0 5px 5px 0;}
.search ul,.search input{line-height:32px; height:32px;}






.pub_ico{ background-color:#fff; width:100%; display:inline-block;margin-bottom:-5px;}
.pub_ico li{ width:33.333%; float:left; text-align:center; background:url("https://www.theveganpunk.com/images/line_bg.jpg") repeat-y right; font-size:16px; font-weight:bold;}
.pub_ico li:last-child{ background:none;}
.pub_ico li a{ padding:0 0 0 1.9em; height:50px; line-height:50px; color:#222; display:inline-block;}
.pub_ico li a.brand{ background:url("https://www.theveganpunk.com/images/brand_ico.png") no-repeat left center; background-size:32px;}
.pub_ico li a.company{ background:url("https://www.theveganpunk.com/images/company_ico.png") no-repeat left center; background-size:32px;}
.pub_ico li a.news{ background:url("https://www.theveganpunk.com/images/news_ico.png") no-repeat left center; background-size:32px;}




.navig{ background-color:#ff7300; height:30px; width:100%; clear:both;}
.navig li{ float:left; width:75px; padding-right:5px; background:url("https://www.theveganpunk.com/images/ar_line.png") no-repeat right center; height:30px; line-height:30px; text-align:center; font-size:14px;color:#fff;}
.navig a:link,.navig a:visited {text-decoration:none; color:#fff; }
.navig li:last-child{background:none;}







.ny_tab{height:31px;}
.ny_tab li{ width:33.3333%; float:left; text-align:center; line-height:34px; height:34px; border-bottom:1px solid #e7e7e7; font-size:14px;}
.ny_tab li em{border-right:1px solid #e0e0e0; height:33px; display:block; color:#666; background-color:#ececec;border-bottom:1px solid #ececec;}
.ny_tab li.active{ border-bottom:1px solid #ff7300;}
.ny_tab li.active em{border-bottom:1px solid #ff7300;background-color:#fff;}
.ny_tab li:last-child em{ border-right:none;}
.ny_tab a:link,.ny_tab a:visited {text-decoration:none; color:#666; }






/*轮播*/
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%;}
.swipe-wrap figure p{color:#fff; position:absolute; bottom:0; left:0; z-index:999; font-size:16px; text-indent:12px; line-height:30px; width:100%;background: rgba(0,0,0,0.5);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0,startColorstr = '#50000000',endColorstr = '#50000000') \9;}





.more_btn{ height:36px; width:90%; background:#ff7300; text-align:center; line-height:36px; display:block; margin:1em auto 1.5em auto; color:#fff; font-size:16px; border-radius:3px;}





/*底部通用样式*/
footer {text-align:center;margin:0 auto;padding:10px 0 0 0; font-size:12px; border-top:1px solid #e7e7e7; clear:both;}
footer a {display:inline-block;text-align:center;width:24%;float:left;padding:2px 0; border-right:1px solid #989898;color:#4F4F4F; font-size:14px;}
footer a.last {border:0;}
footer .copyright {padding:5px 0 5px 0;clear:both;}
footer a:link,footer a:visited {text-decoration:none; color:#4F4F4F; }
footer a:hover,footer a:active {text-decoration:none; color:#4F4F4F; }





/*正在加载*/
.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;}
}