﻿.brand_home span {color: #fff;text-decoration: none;position: absolute;left: 8px;bottom: 8px;-webkit-text-size-adjust:auto;}
.brand_home a {-webkit-text-size-adjust:auto; width:100%; height:100%; display:block;}
/*顶部logo*/
.mintop {background-color: #FD8024;color: #fff;position: relative;z-index: 2;text-align: center;}
.mintop img {margin: 5px 0;}

.em_right_2 { padding-right:0.2em;}
.em_left_2 { padding-left:0.2em;}
.blue {background-color: #00869C;}

.kt { background:url("https://www.theveganpunk.com/images/kt.jpg?t=11") no-repeat center center; -webkit-background-size:cover;}
.dl { background:url("https://www.theveganpunk.com/images/dl.jpg") no-repeat center center; -webkit-background-size:cover;}
.ou { background:url("https://www.theveganpunk.com/images/ou.jpg") no-repeat center center; -webkit-background-size:cover;}
.sport {background: url("https://www.theveganpunk.com/images/sport.png") no-repeat #00869C;background-position: 98% center;}
.girl {background: url("https://www.theveganpunk.com/images/girl.png") no-repeat #F08200;background-position: 98% 0;}
.leisure {background: url("https://www.theveganpunk.com/images/leisure.png") no-repeat #00A000;background-position: 98% center;}
.bx {background: url("https://www.theveganpunk.com/images/bx.png") no-repeat #A100A8;background-position: 98% center;}
.hw {background: url("https://www.theveganpunk.com/images/hw.png") no-repeat #00A000;background-position: 98% center;}
.web {background: url("https://www.theveganpunk.com/images/web.png") no-repeat #A100A8;background-position: 98% center;}
.px {background: url("https://www.theveganpunk.com/images/px.png") no-repeat #00869C;background-position: 98% center;}
.tx {background: url("https://www.theveganpunk.com/images/tx.png") no-repeat #F08200;background-position: 98% center;}

.brand_home {width:33.333%; margin-top:.6em;margin-bottom:.6em; float: left;}
.fl_right { float:right;}

/*列表*/
.list_item{ width:100%; background-color:#EFEFEF;border-top: 1px solid #D8D2D2;margin-bottom:10px;}
.list_item ul {display:block;width:100%;overflow:hidden; border-bottom:1px solid #DDDDDD;border-top:1px solid #FFFFFF;}
.list_item ul li {width:33.22%;float:left; list-style:none; text-align:center;}
.list_item ul li a {text-decoration:none; color:#5B5B5B;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.list_item ul li span {width: 100%;display: block;text-align: center;margin:0.4em 0 0.6em 0;}
.list_item ul li img { border-radius:0.3em;margin-top:1em;}

.topnone {border-top:none;}
.more a,.pre_brand a,.next_brand a {text-decoration:none;color:#fff;-webkit-tap-highlight-color: rgba(0,0,0,0);}
/*下一页*/
.more a,.pre_brand a,.next_brand a{width:100%;display:block;color:#7574aa;}
.more { text-align:center; background-color:#EFEFEF; height:2.8em; line-height:2.8em; font-size:1em;border-top:1px solid #FFFFFF;}

.pre_brand, .next_brand {margin-bottom:10px; width:50%; background-color:#EFEFEF;   height:2.8em; line-height:2.8em; font-size:1em;text-align:center;border-top:1px solid #FFFFFF;}
.pre_brand {float:left;}
.next_brand {float:right;}


.brand_h116 {margin-bottom: 0.4em;text-align: center;position: relative;}

.fl{position:absolute;width:10px;height:10px;-webkit-animation:myfirst 5s;-webkit-animation-delay:2s;}


/*品牌branner图*/
.brand_detian_main {width:100%; background-color:#F0F0F0;margin-bottom:10px;overflow:hidden;}
.branner {width:100%;text-align:center;background-color:#F0F0F0;}
.branner img {width:100%;    }
.brand_nav {padding-top:.5em;font-size:0.9em;}
.brand_nav ul {height:36px;width:100%;}

.brand_nav ul li {float:left; -webkit-tap-highlight-color: rgba(0,0,0,0);background-color:#FFFFFF; list-style-type:none; line-height:34px;border:1px solid #DDDDDD;text-align:center;}
.brand_nav ul li.active {border-bottom-color:#FFF;color:#FF4400;}
.brand_content {background-color:#FFF;border:1px solid #DDDDDD;margin:-1px 0.2em 0 0.2em;font-size:0.8em;}
.brand_content_item {margin:1em;line-height:1.5em;display:none;}
.brand_content_item p { text-indent:1.2em;}

/*加盟留言*/
#join1 {zoom:1;overflow:hidden;}
.joinform {display:none;}
.join dl {display:block;zoom:1;overflow:hidden;margin-left:7px;padding-left:24px;font-size:14px;}
.join dl dt {width:80%;display:block;height:20px; line-height:20px; padding-left:18px;margin:5px 0 3px 0;}
.join dl dd span{color:#FF0030;float:left;line-height:30px; margin-top:5px;margin-left:3px;}
.join .warn {color:#A5A2A2;background:url("https://www.theveganpunk.com/images/tips.png") no-repeat -100px -100px;}
.join .success { background-position:0 -43px;}
.join .err { background-position:0 -22px;}
.join .tip {background-position:0 0;}

.join .inputs,.join .selects {border:1px solid #e7e7e7;color:#999999; display:block;margin-top:5px;outline: none;border-radius:5px;}
/*.join .selects {-webkit-appearance: none; background:url("https://www.theveganpunk.com/images/semin.jpg") center right no-repeat; }*/
.join .inputs {float:left;width:80%;padding:8px; }
.join .selects {width:86%;height:34px;line-height:34px;-webkit-appearance: none; background:url("https://www.theveganpunk.com/images/semin.jpg") center right no-repeat; background-size:auto 34px;}

.join .stip {height:16px;min-width:16px; padding-left:20px;display:inline-block;}
.join .loading {background:url("https://www.theveganpunk.com/images/042.gif") no-repeat 0 0;}
.join .err {background:url("https://www.theveganpunk.com/images/tips.png") no-repeat 0 -22px;}
.join .success {background:url("https://www.theveganpunk.com/images/tips.png") no-repeat 0 -43px;}
.join .btn{ background:-webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background-color: #FF7200;font-size: 12px;text-decoration: none;color: #fff;padding:8px;border:none;outline:none;border-radius: 3px;margin-left:0.5em;}
.join .booksub {text-align:center;margin-top:1em;}

/*联系我们*/
.contact p {text-indent:0;}
/*资讯列表*/
.newlist {}
.newlist ul {zoom: 1;clear: both;overflow: hidden;}
.newlist ul li:active {background: #F5F4F4;}
.newlist ul li {-webkit-tap-highlight-color:#BEB9B6;border-bottom: 1px solid #ECEAEA;padding: 5px 0;line-height: 1.6;overflow: hidden;}
.newlist ul li a,.brand_content_item .tip a {-webkit-tap-highlight-color: rgba(0,0,0,0);color: #000;}
.newlist ul li a:active { background-color:none;}
.newlist ul li a:visited {color:#727E80;}
.newlist ul li a:focus {outline:none;-moz-outline-style:none; background-color:none;}
.newlist ul li:last-child {border:none;}
.newlist a:link {text-decoration: none!important;    }
.newlist li img {float: left;max-height: 9em;max-width: 9em;border-radius: 5px;margin: 5px 5px 0 0;position: relative;overflow: hidden;}
.newlist li h2 {width: 100%;display:block;font-size: 14px;line-height: 1.2;margin: 5px 0;font-weight: 200;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-family: proxima-nova,sans-serif;text-shadow: 0 1px 0 #f3f3f3;}
.newlist p {font-weight: 400;color: #4B4743; line-height:1.6em;display: block;margin:0.1em .2em .5em .2em;overflow: hidden;white-space: pre-wrap;word-break: break-all;text-align: left;}
.newlist p.no {text-indent:18px;}
.time {color: #ACA9A9;font-size: 12px;padding-right:3em;position: absolute;bottom: 0;right: 0;}
.time:before {content:"";background:url("https://www.theveganpunk.com/images/time.png") no-repeat;width:14px;height:14px;position:absolute;top:0;left:-18px;}

/*产品列表*/
.imgList {letter-spacing: -3px;font-size: 0px;line-height: 0px; margin-left:8px; position:relative;}
.imgList a {display: inline-block;zoom: 1;text-decoration: none; position:absolute;border:1px solid #EDECEC;background-color:#fff; -webkit-tap-highlight-color:#BEB9B6;}
.imgList a img {vertical-align:middle;text-align:center;}


/*弹出框样式*/
body:after {content: url("https://www.theveganpunk.com/images/close.png") url("https://www.theveganpunk.com/images/loading.gif") url("https://www.theveganpunk.com/images/prev.png") url("https://www.theveganpunk.com/images/next.png");display: none;}
.lightboxOverlay {position: absolute;top: 0;left: 0;z-index: 9999;background-color: black;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity: 0.8;display: none;}
.lightbox {position: absolute;left: 0;width: 100%;z-index: 10000;text-align: center;line-height: 0;font-weight: normal;}
.lightbox .lb-image {display: block;height: auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.lightbox a img {border: none;}
.lb-outerContainer {position: relative;background-color: white;*zoom: 1;width: 250px;height: 250px;margin: 0 auto;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
.lb-outerContainer:after {content: "";display: table;clear: both;}
.lb-container {padding: 4px;}
.lb-loader {position: absolute;top: 43%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
.lb-cancel {display: block;width: 32px;height: 32px;margin: 0 auto;background: url("https://www.theveganpunk.com/images/loading.gif") no-repeat;}
.lb-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
.lb-container > .nav {  left: 0;}
.lb-nav a {  outline: none;}
.lb-prev, .lb-next {width: 49%;height: 100%;cursor: pointer;display: block;}
.lb-prev {left: 0;float: left;}
.lb-prev:hover {background: url("https://www.theveganpunk.com/images/prev.png") left 48% no-repeat;}
.lb-next {right: 0;float: right;}
.lb-next:hover {background: url("https://www.theveganpunk.com/images/next.png") right 48% no-repeat;}
.lb-dataContainer {margin: 0 auto;padding-top: 5px;*zoom: 1;width: 100%;-moz-border-radius-bottomleft: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;}
.lb-dataContainer:after {content: "";display: table;clear: both;}
.lb-data {padding: 0 4px;color: #bbbbbb;}
.lb-data .lb-details {width: 85%;float: left;text-align: left;line-height: 1.1em;}
.lb-data .lb-caption {font-size: 13px;font-weight: bold;line-height: 1em;}
.lb-data .lb-number {display: block;clear: left;padding-bottom: 1em;font-size: 12px;color: #999999;}
.lb-data .lb-close {display: block;float: right;width: 30px;height: 30px;background: url("https://www.theveganpunk.com/images/close.png") top right no-repeat;text-align: right;outline: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7;}
.lb-data .lb-close:hover {cursor: pointer;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}



/*轮播*/
.page-swipe {margin: 0;}
.page-swipe header a{display:block;}
.page-swipe header #slider figure div.wrap {max-width: 540px;display: block;margin: 0 auto;position: relative;}
.page-swipe header #slider figure div.image {display: block;height: inherit;}
.page-swipe header nav{position:absolute; left:0; bottom:0;width:100%;background-color:#000;filter:alpha(opacity=50);opacity:0.5;}
.page-swipe header nav #position {text-align: right;list-style: none;margin: 0;padding: 0;}
.page-swipe header nav #position li {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #FFFFFF;margin: 0 2px;cursor: pointer;}
.page-swipe 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;}

/*合作客户栏目*/
a {text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0.35);}

/*联系我们*/
.w97 {width:97%;margin:0 auto;zoom:1;overflow:hidden;}
.w98 {width:98%;margin:0 auto;}
.w100 {width:100%;margin:0 auto;}




@media screen and (width:320px){
   .fl{right:4px;top:43px;}
@-webkit-keyframes myfirst
{
0%   {right:4px; top:43px;}
15%  {right:4px; top:98px;}
30%  {right:4px; top:43px;}
45%  {right:4px; top:98px;}
60% {right:4px; top:43px;}
75%  {right:4px;top:98px;}
100% {right:4px; top:43px;}
}

.brand_h116 {height: 116px;margin-bottom:.3em;}
.list_item ul li img {width: 100px;}
.em_right_left_1 { padding-right:0.06em; padding-left:0.14em;}



/*品牌导航*/
.brand_nav {margin:0;}
.brand_nav ul li {width:18%; margin-left:.2em;margin-right:.1em;}

/*加盟留言框*/
.inputs {width:200px;}
.selects {width:200px;}
}
@media screen and (width:360px){
.fl{ right:4px;top:43px;}
@-webkit-keyframes myfirst
{
0%   {right:4px; top:43px;}
15%  {right:4px; top:98px;}
30%  {right:4px; top:43px;}
45%  {right:4px; top:98px;}
60% {right:4px; top:43px;}
75%  {right:4px;top:98px;}
100% {right:4px; top:43px;}
}
.brand_h116 {height: 116px;margin-bottom:.3em;}
.em_left_2 {padding-left: 0.1em;}
.list_item ul li img {width: 112px;height:56px;}
.em_right_left_1 { padding-right:0.03em; padding-left:0.07em;}


/*品牌详细页导航*/
.brand_nav {margin:0;}
.brand_nav ul li {width:18%; margin-left:.2em;margin-right:.1em;}

/*加盟留言框*/
.inputs {width:240px;}
.selects {width:240px;}
}
@media screen and (min-width:540px) {
.brand_h116 {height: 176px;margin-bottom:.4em;}
.em_left_2 {padding-left: 0.1em;}
.em_right_left_1 {padding-right:0.1em;padding-left:0.1em;}
.fl{right:5px;top:74px;}
@-webkit-keyframes myfirst
{
0%   {right:5px; top:74px;}
15%  {right:5px; top:129px;}
30%  {right:5px; top:74px;}
45%  {right:5px; top:129px;}
60% {right:5px; top:74px;}
75%  {right:5px;top:129px;}
100% {right:5px; top:74px;}
}



/*品牌导航*/
.brand_nav {margin:0;}
.brand_nav ul li {width:18%; margin-left:0.2em;margin-right:.3em;}

.list_item ul li img {width: 150px;}

/*加盟留言框*/
.inputs {width:340px;}
.selects {width:340px;}
 }
@media screen and (min-width:640px) {
.brand_h116 {height: 178px;margin-bottom:0.25em;}
.em_right_left_1 { padding-right:0.15em;padding-left:0.07em; }
.em_left_2 {padding-left: 0.1em;}
.fl{right:5px;top:74px;}

@-webkit-keyframes myfirst
{
0%   {right:5px; top:74px;}
15%  {right:5px; top:129px;}
30%  {right:5px; top:74px;}
45%  {right:5px; top:129px;}
60% {right:5px; top:74px;}
75%  {right:5px;top:129px;}
100% {right:5px; top:74px;}
}

/*列表图大小*/
.list_item ul li img {width: 168px;}



/*品牌导航*/
.brand_nav {margin:0;}
.brand_nav ul li {width:18%; margin-left:0.2em;margin-right:.4em;}

/*加盟留言框*/
.inputs {width:340px;}
.selects {width:340px;}
}