body.fixedhead{ padding-top:0;}
.tab .tabmenu{ max-width:none;}
#container{ width:1180px;}
header{ position:relative;}
header .headsearchbox{ height:68px; width:100%;}
header .head .aside{ width:380px;    padding-top: 0px;}
header .headsearchbox .logobox,#pagenav, #pagenav .scrbar{ background:#1e1f1f;}
#pagenav .pagenav{padding-left:200px;}
header .headsearchbox .bgbox{background:#212226; height:75px; width:100%;}
header .headsearchbox .logobox .logoitem{ width:1180px; margin:0px auto; display:flex;align-items: center;    justify-content: space-between; padding-left:200px; padding-top:12px;}
header .headsearchbox .logobox .logoitem a.logo{ padding:0px;}
header .headsearchbox .logobox .logoitem .btn{ border:1px solid #d8b173; border-radius:4px; padding:5px 12px; color:#d8b173;}
#pagenav ul{width:980px;}
#pagenav li{width:13.6%; margin-left:0.8%;}
#pagenav li a{ color:#d8b173; padding:0px;}
#pagenav li.jiameng a{text-align:center}
#pagenav li:hover a{color:#f60;}
#pagenav li.jiameng:hover a{color:#ffff00;}
#pagenav li a span{ position:relative;}
#pagenav li a span:after{ display:block; content:""; position:absolute;right: -12px; top: 50%; margin-top: -2px;width: 0; height: 0; border-width: 4px 4px 0 4px; border-style: solid; border-color: #d8b173 transparent transparent transparent; transition: all ease-in-out 300ms;transform: rotate(-90deg);}
#pagenav li:hover  a span:after{ border-color: #f60 transparent transparent transparent;}
#pagenav li.jiameng a span:after{display:none;}
header .baninfo{background:url(/public/img/indexbg.jpg?20240125) center bottom -48px no-repeat; height:480px;}
header .baninfo .bandesc{ width:1180px;position: relative; height:100%; margin:0px auto;}
@keyframes light{
	0% { transform:translate(-50%,-50%) scale(0); opacity:0;}
	25% { transform:translate(-50%,-50%) scale(0.8); opacity:1;}
	50% { transform:translate(-50%,-50%) scale(0); opacity:0;}
}
header .baninfo .bandesc .light1{ position:absolute; left:45%; top:68%; transform:translate(-50%,-50%) scale(0); opacity:0; animation:light 6s linear infinite;}
header .baninfo .bandesc .light2{ position:absolute; left:60%; top:73%; transform:translate(-50%,-50%) scale(0); opacity:0; animation:light 6s linear infinite 1s;}
header .baninfo .bandesc .light3{ position:absolute; left:70.5%; top:50%; transform:translate(-50%,-50%) scale(0); opacity:0; animation:light 6s linear infinite 2s;}
header .baninfo .bandesc .light4{ position:absolute; left:54%; top:42.5%; transform:translate(-50%,-50%) scale(0); opacity:0; animation:light 6s linear infinite 3s;}
header .baninfo .menubox{ width:185px; float:left; border:1px solid #333;position: absolute; top: -115px;}
header .baninfo .menubox .catmenu li{ width:50%; float:left; text-align:center; padding:7px 0px; background:#333;}
header .baninfo .menubox .catmenu li.active{background:#1e1f1f;}
header .baninfo .menubox .catmenu li .iconfont{ font-size:14px; margin-right:3px;}
header .baninfo .menubox .clist{ }
header .baninfo .menubox .clist ul li{background:#1e1f1f;}
header .baninfo .menubox .clist .ul li a.l{height:28px; line-height:28px; padding:0 15px; display:block; position:relative;}
header .baninfo .menubox .clist .ul li a.l::after{content:">"; font-family:serif; position:absolute; right:10px; color:#555;}
header .baninfo .menubox .clist .ul li a.l:hover{background:#fff;}
header .baninfo .menubox .clist li a.s1 .iconfont {color: #f87b93;}
header .baninfo .menubox .clist li a.s2 .iconfont {color: #ffd27f;}
header .baninfo .menubox .clist li a.s3 .iconfont {color: #95d9e9;}
header .baninfo .menubox .clist li a.s4 .iconfont {color: #cb99ee;}
header .baninfo .menubox .clist li a.s5 .iconfont {color: #a09be1;}
header .baninfo .menubox .clist li a.s6 .iconfont {color: #fb9ebb;}
header .baninfo .menubox .clist li a.s7 .iconfont {color: #ffba7c;}
header .baninfo .menubox .clist li a.s8 .iconfont {color: #93ccfe;}
header .baninfo .menubox .clist li a.s9 .iconfont {color: #71d7ca;}
header .baninfo .menubox .clist li a.s10 .iconfont {color: #f08c88;}
header .baninfo .menubox .clist li a.s11 .iconfont {color: #a1adea;}
header .baninfo .menubox .clist li a.s12 .iconfont {color: #cde79a;}
header .baninfo .menubox .clist li a.s13 .iconfont {color: #97ebe2;}
header .baninfo .menubox .clist li a.s14 .iconfont {color: #b5ebaf;}
header .baninfo .menubox .clist li a.s15 .iconfont {color: #ffb8dd;}
header .baninfo .menubox .clist li a.s16 .iconfont {color: #fee58b;}
header .baninfo .menubox .clist li a.s17 .iconfont {color: #9bdff5;}
header .baninfo .menubox .clist li a.s18 .iconfont {color: #bdc1fc;}
header .baninfo .menubox .clist li a.s19 .iconfont {color: #a2c9f4;}
header .baninfo .menubox .clist li a.s20 .iconfont {color: #ffaaaa;}
header .baninfo .menubox .clist li a.s21 .iconfont {color: #f87b93;}
header .baninfo .menubox .clist li a.s22 .iconfont {color: #ffd27f;}
header .baninfo .menubox .clist li a.s23 .iconfont {color: #95d9e9;}
header .baninfo .menubox .clist li a.s24 .iconfont {color: #cb99ee;}
header .baninfo .menubox .clist li a.s25 .iconfont {color: #a09be1;}
header .baninfo .menubox .clist li a.s26 .iconfont {color: #fb9ebb;}
header .baninfo .menubox .clist li a.s27 .iconfont {color: #ffba7c;}
header .baninfo .menubox .clist li a.s28 .iconfont {color: #93ccfe;}
header .baninfo .menubox .clist li a.s29 .iconfont {color: #71d7ca;}
header .baninfo .menubox .clist li a.s30 .iconfont {color: #f08c88;}
header .baninfo .menubox .clist .ul li a em{ margin-left:15px; }
header .baninfo .menubox .clist .ul li a em:nth-child(2){ margin-left:0px;}
header .baninfo .menubox .clist .ul li a em:nth-child(3){position:relative;}
header .baninfo .menubox .clist .ul li a em:nth-child(3):after{ position:absolute; display:block; content:""; height:14px; width:1px; border-left:1px solid #333; top:2px;transform: rotate(30deg); left:-9px;}
header .baninfo .menubox .clist .ul li a em:nth-child(3):before{ position:absolute; display:block; content:""; height:14px; width:1px; border-left:1px solid #333; top:2px;transform: rotate(30deg); right:-11px;}
header .baninfo .menubox .clist .ul li:hover a em:nth-child(3):after,
header .baninfo .menubox .clist .ul li:hover a em:nth-child(3):before{border-left-color:#eee;}
header .baninfo .menubox .clist .ul li .below{ display:none; position:absolute; left:178px; top:0; width:1040px; padding:10px 30px; background:#fff; box-sizing:border-box; z-index:99;height: 595px; overflow-x:hidden; box-shadow:0 10px 30px rgba(0, 0, 0, 0.05);}
header .baninfo .menubox .clist .ul li .below a{ display:inline-block; margin-right:1em;}
header .baninfo .menubox .clist .ul li .below .belowpart .cat2name{border-bottom:1px solid #eee; padding-bottom:15px; display:block; padding-top:20px; line-height:1em;}
header .baninfo .menubox .clist .ul li .below .belowpart .cat3list{padding-top:15px; line-height:2em;}
header .baninfo .menubox .clist .ul li .below .belowpart .cat3list a{color:#666; line-height:1em;}
header .baninfo .menubox .clist .ul li .below .belowpart .cat3list a.hot,
header .baninfo .menubox .clist .ul li .below .belowpart .cat3list a:hover{color:#f60;}
header .baninfo .menubox .clist .ul li .below .belowpart{ width:50%; float:left;}
header .baninfo .menubox .clist .ul li .below .hotcat{}
header .baninfo .menubox .clist .ul li .below .hotcat a{ width:120px; float:left; text-align:center; margin:0;}
header .baninfo .menubox .clist .ul li .below .hotcat a img{}
header .baninfo .menubox .clist .ul li .below .loadding{ width:100px; height:100px; background:url(/public/img/icon/loading_100x100.gif) no-repeat; margin:200px auto 0;}
header .baninfo .menubox .catpiclist{ padding-top:8px;}
header .baninfo .menubox .catpiclist li{ width:50%; float:left; text-align:center; height:79px; padding: 0px 15px;}
header .baninfo .menubox .catpiclist li a{ display:block;}
header .baninfo .menubox .catpiclist li a .img{ width:51px; height:51px; margin:0px auto;}
header .baninfo .menubox .catpiclist li a .img img{ width:48px; height:48px; border-radius:50%;}
header #searchbox{width: 812px; margin:0px;}
header #searchform .searchicon{ margin-top:0px; left:inherit;}
header #searchform #searchts .hotsearch .extendurl{ position:absolute; right:10px; top:10px; width:640px;}
header #searchform #searchts .hotsearch .extendurl a{ width:49%; float:left; }
header #searchform #searchts .hotsearch .extendurl a:nth-child(2n){ float:right;}

header .baninfo .bandesc .user{position:absolute; right:0; top:10px; color:#4c4c4c;}
header .baninfo .bandesc .user .text{ display:inline;}
header .baninfo .bandesc .user a{color:#7c6542; display:inline;}
header .baninfo .bandesc .user a:hover{color:#f90;}

header .baninfo .rcont{ float: right;width:1000px; text-align:center;}
header .baninfo .rcont .contwenz{ padding-top:20px;}
header .baninfo .rcont .wz1 { font-size:46px;}
header .baninfo .rcont .wz1 em{color: #d8b173; padding-right:20px;}
@keyframes wzbox{0% { opacity:0; transform:translateY(-10px);}10% { opacity:1; transform:translateY(0);}90% { opacity:1; transform:translateY(0);}100% { opacity:0; transform:translateY(-10px);}}
header .baninfo .rcont .wz1 i{ animation:wzbox 4s cubic-bezier(0.36, 0, 0.65, 1) infinite alternate; opacity:1; transform:translateY(-10px); display:inline-block;}
header .baninfo .rcont .wz1 i.s2{ animation-delay:0.1s;}
header .baninfo .rcont .wz1 i.s3{ animation-delay:0.2s;}
header .baninfo .rcont .wz1 i.s4{ animation-delay:0.3s;}
header .baninfo .rcont .wz1 i.s5{ animation-delay:0.4s;}
header .baninfo .rcont .wz1 i.s6{ animation-delay:0.5s;}
header .baninfo .rcont .wz1 i.s7{ animation-delay:0.6s;}
header .baninfo .rcont .wz1 i.s8{ animation-delay:0.7s;}
header .baninfo .rcont .wz1 i.s9{ animation-delay:0.8s;}
header .baninfo .rcont .wz1 i.s10{ animation-delay:0.9s;}
header .baninfo .rcont .wz1 i.s11{ animation-delay:1s;}
header .baninfo .rcont .wz2{ margin-top:3px;}
header .baninfo .rcont .wz2 em{color: #dbb516; text-decoration:underline;}
header .baninfo .rcont .wz2 a:hover em{color: #f90;}
header .baninfo .newfocus{ position:absolute; left:185px; bottom:0; width:995px; height:2em; overflow:hidden;}
header .baninfo .newfocus .item{ float:left; width:50%; padding:0 50px; line-height:2em; position:relative;}
header .baninfo .newfocus .item::before{ content:""; width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,0.6); position:absolute; left:40px; top:50%; margin-top:-2px;}


#searchform { width: 811px; margin: 15px auto 0px auto; position: relative; height:58px;}
#searchform .searchq{width:731px; border:3px solid #ffe4b9; border-right:none; height:58px; line-height:56px; font-size:16px; padding:0 20px 0 140px; outline:none; float:left; background:#fff; color:#333;}
#searchform .searchq::-webkit-input-placeholder{color:rgba(0, 0, 0, 0.3);}
#searchform .searchq::-moz-input-placeholder{color:rgba(0, 0, 0, 0.3);}
#searchform .searchq::-ms-input-placeholder{color:rgba(0, 0, 0, 0.3);}
#searchform .searchbtt {width: 80px;  height: 58px; line-height: 64px;  color: #fff;
 font-size: 22px; background: #ffe4b9; border: 0; float: left; cursor: pointer;}
#searchform .searchicon{position:absolute; top:0; right:0; width:81px; height:58px; line-height:58px; font-size:32px; text-align:center; cursor:pointer; background:#ffe4b9;}
#searchform .searchimg{position: absolute; left:10px;top: 50%; margin-top: -20px;}
#indextabmenu{ text-align:center; width:100%; padding-top:20px;}
#indextabmenu .indextabmenu{ margin:0 auto; overflow:auto; padding-bottom:7px;}
#indextabmenu .indextabmenu::-webkit-scrollbar{ width:0; height:0;}
#indextabmenu .item{display:table-cell; cursor:pointer;}
#indextabmenu .item span{ display:block; white-space:nowrap; width:105px; height:40px; line-height:40px; border-width:1px; border-style:solid; border-left-width:0;}
#indextabmenu .item span:hover{color:#fe741c;}
#indextabmenu .item.active span{ background:#c4b095; color:#fff; position:relative; border-color:#c4b095;}
#indextabmenu .item:first-child span{border-left-width:1px;}
#indextabmenu .item.active span::after{content:""; display:block; width:0; height:0; border-width:7px 7px 0; border-style:solid; border-color:#c4b095 transparent transparent; position:absolute; left:50%; margin-left:-7px;bottom:-8px;}

.tab.style4 .tabmenu .item{ float:none; display:table-cell; width:5%;}
.tab.style4 .tabmenu .item .color1{ color:#999}
.tab.style4.icon .tabmenu .item .color1{ color:#333; line-height:2.5em;}
.tab.style4.icon .tabmenu .item .icon{ font-size:28px; width:60px; height:80px; line-height:70px; margin:0 auto; background: url(/public/img/icon_bg.png) center center no-repeat; background-size:60px auto; margin-bottom:-10px; color:#d3373a;}

.pinyin{ padding:20px 20px 0 20px;}
.pinyin .item{ float:left; width:1.8em; border:1px solid #ede7df; font-size:15px; margin-right:7px; margin-bottom:10px; text-align:center; border-radius:4px; line-height:1.5em;}
.pinyin .item:hover{ background:#c4b095; color:#fff;}

.indexlist{ margin:40px 0;}
.indexlist.mb0{ margin:40px 0 0 0;}
.indexlist dt{ width:220px; height:350px; text-align:center; float:left; background:#f5f3f4; background:linear-gradient(0deg,#f1eff0,#fafafa); border-radius:6px;}
.indexlist dt img{ width:112px; height:112px; display:block; border-radius:50%; margin:40px auto 25px auto;}
.indexlist dt h2{ font-size:28px; color:#797979; line-height:1.5em;}
.indexlist dt h2.font24{ font-size:24px;}
.indexlist dt .desc{ color:#aaa; line-height:1.5em; letter-spacing:3px;}
.indexlist dt .more{ color:#977d64; display:inline-block; padding:0 20px; background:#e8d8c1; border-radius:1em; line-height:2em; margin-top:40px;}
.indexlist dt .more:hover{ color:#f60;}
.indexlist dd{ width:960px; height:350px; float:left; background:#fff; border-radius:6px; overflow:hidden;}

.indexlist.min dt{ height:300px;}
.indexlist.min dt img{ margin:30px auto 20px auto;}
.indexlist.min dt .more{ margin-top:20px;}
.indexlist.min dd{ height:300px;}
.indexlist.h450 dt{ height:440px;}
.indexlist.h450 dt img{ margin:70px auto 20px auto;}
.indexlist.h450 dd{ height:440px;}

#pos_brandlevel dd .navlist ul .item .icon{ width:76px; height:76px; margin:-8px auto;}

.navlist.col10 ul .item{ width:10%; border-left:1px solid #f6f6f6;}
.navlist.col10 ul .item:nth-child(1){ border:none;}
.navlist.col10 ul .item .name{ line-height:1.5em;}
.navlist.col7{border-top:1px solid #f6f6f6; padding:14px 0 3px 0px;}
.indexlist .navlist.col7 ul .item{padding: 5px 0;}
.indexlist .navlist.col7 ul .item .name{font-size: 16px;line-height: 2.2em;}
.brandnavlist{ padding:0 10px;}

.navlist2 .itembox{padding: 20px 15px;}
.tab .navlist2.col8 .item:nth-child(n+9){margin-top: 17px;}
#container>.navlist2.col8 .item:nth-child(n+9){margin-top: 12px;}

#pos_brandzs.tab .tabmenubox{ text-align:left; padding-bottom:20px;}
#pos_brandzs.tab .tabmenu .item { padding:0px 0px 0px 10px;}
#pos_brandzs.tab .tabmenu .item:nth-child(1){ padding:0px;}
#pos_brandzs.tab .tabmenu .item span{ border-radius:0px; font-size:18px;}
#pos_brandzs.tab .tabmenu .item:hover span{color:#fe741c;}

#pos_hotbrandbandan .blocktitle.style1{ padding-bottom:9px;}

#votebox{ margin-bottom:20px;}
#votebox .hotvote{ width:880px; height:695px; float:left;}
#votebox .newvote{ width:280px; height:692px; overflow:hidden; float:right; margin-top:3px;}


#votebox .tab .tabmenubox,#votebox .tab .tabmenu{ display:block; padding-bottom:0px;}
#votebox .tab .tabmenu .item{padding: 0px;}
#votebox .tab .tabmenu .item span{border:none;border-radius:0px; background:#eeeeee; color:#333; width:110px; padding:10px 0px; border-left:1px solid #f5f5f5;}
#votebox .tab .tabmenu .item span:hover{color:#9b876e;}
#votebox .tab .tabmenu .item:nth-child(1) span{ border:none;}
#votebox .tab .tabmenu .item.active span{ background:#fff; color:#9b876e; border-top:3px solid #9b876e;}
#votebox .tabcont{ padding-bottom:10px;}

#votebox .newvote .blocktitle{ background:#eee; font-size:16px;padding-bottom:0px; height:52px; line-height:52px; padding-left:20px;}
#votebox .newvote .blocktitle.style3 span{ color:#333;}
#votebox .newvote .blocktitle.style3 span:hover{ color:#f60;}
#votebox .newvote .item .info{ width:185px;}

#pos_focuslist::before{ display:block; content:""; clear:both;}

.firstcatlist{ padding-top:10px; margin-bottom:-10px;}
.firstcatlist .item{ width:20%; float:left; line-height:2em; font-size:16px; padding:0 0 0 40px; position:relative;}
.firstcatlist .item::before{content:""; left:20px; top:50%; width:8px; height:8px; margin-top:-4px; position:absolute; border-radius:50%; background:#f5e1c8;}

.votecol2 .itembox{height: 575px;}

.moreall3 .blockinfo.zhaoshanglist7{width: 280px;}
.moreall3 .zhaoshanglist7 .itembox{height: 462px;}
.moreall3 .zhaoshanglist7 .blocktitle img{width: 30px;background-color: #FFF;border-radius: 50%;}
.moreall3 .zhaoshanglist7 .item.category.active .img{border-radius: 50%;border: solid 1px #CCC;}
.moreall3 .zhaoshanglist7 .item.category .desc .name{font-weight: bold;}
.moreall3 .zhaoshanglist7 .morebtn .iconfont{top: 10px;font-size: 16px;}

.zhaoshanglist8 .itembox{background-color: #FFF;padding: 0 15px;}

header .searchblocks{position: absolute;margin: 0px;width:130px; height:58px; top:0px;left: 0px;border-right: 1px solid #eee;}
header .searchblocks dt{position:relative; font-size:18px; cursor:pointer;line-height:58px; padding:0 0 0 30px;}
header .searchblocks dt i{ position:absolute; right:12px; top:50%; margin-top:-5px; width:0; height:0; border-width:10px 8px 0 8px; border-style:solid; border-color:#555 transparent transparent transparent; transition:all ease-in-out 300ms;}
header .searchblocks.active dt i{ transform:rotate(180deg);}
header .searchblocks dd{ display:none; width:132px; position:absolute; left:0px; top:95%; z-index:99; text-align:center; background:#fff; border:3px solid #ffe4b9; border-top:0;}
header .searchblocks.active dd{ display:block;}
header .searchblocks dd li{ border-top:1px solid #eee;line-height: 40px; cursor:pointer;}
header .searchblocks dd li:hover{ background:#fe741c; color:#fff;}

.othermingren{ padding:10px; border-top:1px solid #eee; margin-top:5px;}
.othermingren a{ float:left; width:14.666%; margin:7px 1%; background:#eee; text-align:center; line-height:2.2em; border-radius:1.1em; font-size:14px;}

.tab.article{ background:#fff; padding:20px 0 0 0; border-radius:0 0 8px 8px;}
.tab.article .articlelist.col2 .itembox .item .contbox{ max-width:380px;}
.tab.article .articlelist.col2 .itembox .item.nopic .contbox{ max-width:100%;}