.main {overflow:hidden; clear:both;}




.brand_list{ background-color:#f5f5f5; padding:1em;}
.brand_list li{ height:45px; margin-bottom:.8em;}
.brand_list li img{ height:50px; float:left;}
.brand_list li .right_con{ height:48px; border:1px solid #e7e7e7; background:#fff url("https://www.theveganpunk.com/images/brand_ar.png") no-repeat right center;background-size:20px;}
.brand_list li .right_con span{ font-size:14px; border-left:2px solid #ff7300; padding-left:8px; margin:5px 0 5px 120px;  line-height:18px; font-weight:bold; width:100%; display:list-item;}
.brand_list li .right_con span a{ width:100%; display:block;}
.right_con span a:link,.right_con span a:visited {text-decoration:none; color:#121212;}
.brand_list li .right_con em{ font-size:12px; padding-left:120px; color:#a6a6a6; display:block;}
.right_con em a:link,.right_con em a:visited {text-decoration:none; color:#a6a6a6;}




.logo_list { margin-bottom:1.5em;}
.logo_list .banner{ width:100%;}
.logo_list .banner img{ width:100%;}
.logo_list ul{zoom: 1;clear: both;overflow: hidden;}
.logo_list li{ float:left; width:33.33%; text-align:center;}
.logo_list li .pic_logo{border-bottom:1px solid #ededed; border-right:1px solid #ededed; text-align:center;}
.logo_list li .pic_logo a{display:inline-table; padding:4px 0; font-size:0; line-height:0px;}
.logo_list li.last .pic_logo{border-right:1px solid #fff;}
.logo_list li .pic_logo a img{ height:100%; width:100%;}

@media screen and (min-width:320px){
.logo_list li .pic_logo a{ width:80px; height:40px;}}
@media screen and (min-width:360px){
.logo_list ul li .pic_logo a{ width:84px; height:42px;}}
@media screen and (min-width:480px){
.logo_list ul li .pic_logo a{ width:110px; height:55px;}}
@media screen and (min-width:540px){
.logo_list ul li .pic_logo a{ width:130px; height:65px;}}
@media screen and (min-width:740px){
.logo_list ul li .pic_logo a{ width:150px; height:75px;}}





.enter_banner{ width:100%; min-height:60px;}
.enter_banner img{ width:100%;}

.enter_box{width:100%;}

.enter_box .not{ text-align:center; min-height:100px; line-height:100px;}
.enter_nav{ width:98%; height:30px; line-height:30px; border:1px solid #e2e2e2;border-radius:3px; position:relative; top:-16px; background:#fff; margin:auto;}
.enter_nav li{ float:left; width:20%; text-align:center; font-size:14px;}
.enter_nav a:link,.enter_nav a:visited {text-decoration:none; color:#3f3f3f;}
.enter_nav li.active a:link{ color:#ff7300;}
.enter_nav li a{ display:block; height:30px; border-right:1px solid #e2e2e2;}
.enter_nav li:last-child a{border-right:none;}

.enter_con{ border:1px solid #e2e2e2; border-radius:3px; font-size:14px; line-height:22px;padding:1em; margin:0 .5em 1em .5em; overflow:hidden; }
.enter_con img{ display:block; width:100%; margin:.5em auto;}
.enter_con p{ margin-bottom:1em;}

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

.enter_box .contact{border:1px solid #e7e7e7;border-radius:3px; padding:1em; margin:0 .5em 1em .5em;line-height:22px; font-size:14px; color:#333;line-height:22px; font-size:14px; color:#333;}
.enter_box .contact p{ margin-bottom:1em;}




/*资讯列表*/
.newlist { margin:0 1em;}
.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; font-size:12px;}
.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;}





.mess_box{ margin-bottom:1em;}
.mess_box li{ height:45px; border-bottom:1px solid #ccc; background:url("https://www.theveganpunk.com/images/jion_icon.png") no-repeat; background-size:22px; font-size:12px;}
.mess_box li.red{ border-bottom:1px solid #f00; background:url("https://www.theveganpunk.com/images/jion_icon_red.png") no-repeat;background-size:22px;}
.mess_box li.item1{ background-position:12px 12px;}
.mess_box li.item2{ background-position:12px -54px;}
.mess_box li.item3{ background-position:12px -119px;}
.mess_box li.item4{ background-position:12px -185px;}
.mess_box li.item5{ background-position:12px -251px;}
.mess_box li.item6{ background-position:13px -316px;}
.mess_box li i{ float:left; padding-top:18px; display:block; width:7px; height:10px;}
.mess_box li i.dian{ background:url("https://www.theveganpunk.com/images/star02.png") no-repeat 0 20px;}



.mess_box dl{ line-height:32px; background:#fff; margin-left:38px; width:100px; padding-top:6px; color:#a9a9a9; position:absolute;font-size:12px;}
.mess_box dt{background:url("https://www.theveganpunk.com/images/jion_icon.png") no-repeat; background-size:23px; background-position:70px -398px;padding-left:.5em;border:1px solid #ddd;}
.mess_box dd{ display:none; color:#333; border-left:1px solid #ddd; border-right:1px solid #ddd; padding-left:.5em; font-size:12px;}
.mess_box dd.last{ border-bottom:1px solid #ddd;}
.mess_box li input.text{ height:30px; margin:6px 0 0 42px; width:82%; border:none;color:#a9a9a9; font-size:14px; padding-left:3px; outline:none;}

.sub_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;}
.mess_box li select.sel_text{height:30px; margin:6px 0 0 3px; float:left; border:1px solid #ccc; color:#a9a9a9; font-size:14px; width:87px;}
.mess_box li select.first{ margin-left:42px;}






.tips{ text-align:center; color:#666; font-size:12px;}
.tips em{ background:url("https://www.theveganpunk.com/images/tips.png") no-repeat; line-height:20px; padding-left:18px; display:inline-block;}
.tips em.success{ background-position:-2px -42px;}
.tips em.err{ background-position:-2px -21px;}
.tips em.sigh{ background-position:-2px 0px;}





/*加盟留言*/
.join {position: relative;min-height:200px;}
.join:before {content:"";position:absolute;top:0;width:2px;background-color:#ADADAD;height:100%;z-index:1;left:15px;}
.join .addjoin {z-index:2;position:relative;margin-top:10px;margin-bottom:10px;}
.join .addjoin .joinico {width:30px; height:30px; background-color:#fff;border:2px solid #757B75;border-radius:15px;float:left;margin-right:3px;background:url("https://www.theveganpunk.com/images/pen.gif") no-repeat center center #fff;background-size:18px auto;}
.join .addjoin h2 {color:#828080;font-size:20px;line-height:32px;}
.join ul {margin-left:7px;margin-top:30px;margin-bottom:30px;}
.join ul li {position: relative;margin-top:30px;margin-bottom:30px; padding-left:24px;color:#9E9C9C;height: inherit; border-bottom: none; background: none;}
.join ul li:before {content: "";width: 14px;height: 14px;border:2px solid #757B75;position:absolute;left:0;top:0;background-color:#fff;z-index:1;}
.join ul li:after {content: "";display: block;width: 4px;height: 4px;position: absolute;background: #ADADAD;left:7px;top:7px;z-index:2;}
.join ul li .jointimetype {margin-top:8px;height:15px;line-height:15px;}
.join ul li .jointime, .join ul li .jointype {font-size:12px;float:left;}
.join ul li .jointype {margin-left:3px;}
.join ul li .joininfo {background-color: #FFFFFF;color: #666666;line-height:22px;margin-top:8px; display: block;font-size: 12px;padding:6px 10px;position: relative;border-radius: 5px;box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.15);}
.join .end:before {content: "";width: 14px;height: 14px;border:2px solid #757B75; position:absolute;left:7px;bottom:0;background-color:#fff;z-index:1;}
.join .end:after {content: "";display: block;width: 4px;height: 4px; position: absolute;background: #ADADAD;left:14px;bottom:7px;z-index:2;}
.join .morejoin{ text-align:center;}