

.tab.style3{padding-top:15px;}
.tab.style3 .tabmenu .item .img{width:60px;margin:0 auto;}
.tab.style3 .tabmenu .item.active .img{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
.tab.style3 .tabmenu .item{position:relative;padding:0px 8px;}
.tab.style3 .tabmenu .item.active:after{content:""; display:block; width:0; height:0; border:6px solid; border-bottom:0; border-color:transparent; border-top-color:#9b876e; position:absolute; bottom:-10px; left:50%; margin-left:-6px;}
.tab.style3 .tabmenu .item .img img{max-width:100%;}
.tab.style3 .tabmenu .item span{border:0; background:none; font-size:14px;}
.tab.style3 .tabmenu .item.active span{color:#999;}

.tab.style3 .tabmenubox .tabmenu{display:inline-block; height:113px; white-space:nowrap;}
.tab.style3 .tabmenubox .tabmenu .item{width:116px; margin-left:10px; padding:8px 8px 0; background:#eee; border-radius:8px; margin-bottom:13px; display:inline-block; vertical-align:middle;}
.tab.style3 .tabmenubox .tabmenu .item:first-child{margin-left:0;}
.tab.style3 .tabmenubox .tabmenu .item.active{background:rgba(196, 176, 149, 0.3);}
.tab.style3 .tabmenubox .tabmenu .item:hover{background:rgba(196, 176, 149, 0.3);}
.tab.style3 .tabmenubox .tabmenu .item span{padding:0;}

.tab.style8 .tabmenubox .tabmenu{height: 125px;white-space: nowrap;}
.tab.style8 .tabmenubox .tabmenu .item{background: #eeecec;border-radius: 6px; width:120px;display: inline-block;vertical-align: middle;margin-left: 9px;padding: 5px 0; position:relative;}
.tab.style8 .tabmenubox .tabmenu .item img{ width:80px; display:block; margin:0 auto; margin-bottom:-10px;}
.tab.style8 .tabmenubox .tabmenu .item span{border: 0;background: none;font-size: 16px;color: #999999;padding: 0 10px;}
.tab.style8 .tabmenubox .tabmenu .item.active{background: linear-gradient(0deg, #d7d0c8 0%, #f3efea 100%)}
.tab.style8 .tabmenubox .tabmenu .item.active span{color: #c49b64;}
.tab.style8 .tabmenubox .tabmenu .item.active:after{content:""; display:block; width:0; height:0; border:12px solid; border-bottom:0; border-color:transparent; border-top-color:#d9d3ca; position:absolute; bottom:-10px; left:50%; margin-left:-12px;}
.tab.style8 .tabmenubox .tabmenu .item.active:before{ content:""; background:url(/public/img/brand10/activebg.png) no-repeat; width:32px; height:32px; background-size:32px auto; position:absolute; left:5px; top:5px;}
.tab.style8 .tabmenubox .tabmenu .item:first-child{ margin-left:0;}

.tab.style2 .tabmenu .item.active span:after{display: none;}
.tab.style3 .tabmenu .item img{width: 60px;margin: 0 auto;}
.tab.style3 .tabmenu .item.active img {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

.btnlist a{display: inline-block;line-height: 1em;border-radius: 1em;padding: 6px 20px;text-align: center;margin: 0 10px;}
.btnlist a span{vertical-align: middle;}
.btnlist a .iconfont{margin-right: 10px;}

.tab.style7 .tabmenubox{ background-image: radial-gradient(circle,#e4ccae,#a6896a); border-radius:10px 10px 0 0; padding:13px 0 11px;}
.tab.style7 .tabmenu .item{ padding:0 40px;}
.tab.style7 .tabmenu .item span{ color:#FFF;}
.tab.style7 .tabmenu .item.active span{background-color: #ede7df;color: #ac8d6e;border-color: #ede7df; font-weight:bold;}

.tab.style7 .tabcont{ background-image: radial-gradient(circle,rgba(221,200,174,.3),rgba(188,165,139,.3)); border-radius:0 0 10px 10px;padding: 20px;}
.tab.style7 .swipe .perview i{background:rgba(115,135,110,.3);}
.tab.style7 .swipe .perview i.active{background-color: #9b876e; width:18px;}

.ptext{margin-bottom: 20px;}
.ptext .ttl{display: inline-block;line-height: 34px;vertical-align: top; margin-left:5px;}
.ptext .iconfont{color: #c9b8a6;top: -2px;}
.ptext .desc{ border-left: solid 1px #9b876e;padding: 0px 20px;margin-left:20px; width:590px;}
.ptext .star{display: inline-block;width: 75px;height: 14px;background: url(/public/img/icon/star_orange.png) repeat-x;background-size: 15px auto;margin-left:5px;vertical-align: middle;}

#leftlay .webshoplist1{padding: 0 0 20px;background: none;border: none;}
#leftlay .productlist3 .morebtn{padding: 20px 0 0;}
#leftlay .productlist3 .morebtn a{background: #9b876e;color: #fff;}
#leftlay .productlist3 .morebtn a:hover{ color:#ff0}

#leftlay .webshoplist1.onecol{padding: 0;}
#leftlay .webshoplist1.onecol .itembox{background-image: radial-gradient(circle,rgba(221,200,174,.3),rgba(188,165,139,.3));border-radius: 10px 10px 0 0;padding: 20px;}
#leftlay .productlist3.onecol{background-image: radial-gradient(circle,rgba(221,200,174,.3),rgba(188,165,139,.3));border-radius: 0 0 10px 10px;padding: 0 20px 20px;}

.tab.style2 .tabmenu .item{ position:relative;padding: 20px 10px 0;}
.tab.style2 .tabmenu .item .img{position: absolute;right:0px; top: 0px;z-index: 1;}
.tab.style2 .tabmenu .item .img img{ width: 30px;}

.warntext{padding: 8px 10px;background: #f5f3f0;border: 1px solid #ebe7e2;margin-top:10px;text-align: justify;color: #666; line-height:1.8em;}

.adlist{ margin:10px 0; position:relative;}
.adlist a.item{ float:left; width:50%;}
.adlist a.item img{ width:100%; box-shadow:0 0 0 1px #eee;}
.adlist a.item:hover img{ opacity:0.8}
.adlist a.ad{ position:absolute; right:50%; bottom:0; margin-right:1px; background:rgba(0,0,0,0.3); color:#eee; font-size:12px; padding:0 5px;}
.adlist a.ad2{ position:absolute; right:0; bottom:0; background:rgba(0,0,0,0.3); color:#b9b9b9; font-size:12px; padding:0 5px;}
.adlist a.ad:hover,.adlist a.ad2:hover{ color:#ff0}

#leftlay .voteresult .itembox{ margin:10px 0 0 0;}