#container{ width:1220px;}
 #container .rightlay{ width:300px;}
 #container .rightlay.fixed{ margin-left:310px;}
 #container .rightlay.fixed2{ margin-left:310px;}
 .rightlay #rightmenu .hotblocks .item{ width:120px;}
 .rightlay .joinbtt a{ padding:0 20px;}
 #container .rightlay .leftbrandlogo li{ width:149px; padding:5px 0; background:#fff; box-shadow:0 0 0 1px #e6e7f2;}
 #container .rightlay .leftbrandlogo li img{ width:138px; height:60px; margin:0 auto; display:block;}
 .baikecitiao .itembox .item.active .info{ display:none !important;}
 .rightlay #rightmenu .searchhot .contbox .cont.hotsearch a .name{ width:140px;}
 .rightlay .tab>.tabmenubox>.tabmenu{ font-size:14px; padding-bottom:0;}
 .rightlay .tab>.tabmenubox .tabmenu .item{ border-radius:1em; padding:0 10px; margin:0 5px; display:inline-block; border:0; background:#d8d8ea}
 .rightlay .tab>.tabmenubox .tabmenu .item.active{ background:#555ba6}
 .rightlay .tab.righttab .tabmenubox{ background:rgba(85, 91, 166, 0.1);}
 .rightlay .tab.righttab .tabmenubox .tabmenu{ padding:0; margin:0; display:block;}
 .rightlay .tab.righttab .tabmenubox .tabmenu .item{ padding:0; margin:0; float:left; font-size:15px; line-height:2.4em; width:150px; text-align:center; background:none;}
 .rightlay .tab.righttab .tabmenubox .tabmenu .item.active{ color:#555ba6; font-weight:bold;}
 .rightlay .tab.righttab .tabmenubox .tabmenu .item.active::after{content:""; width:30px; height:4px; background:#555ba6; position:absolute; bottom:0; left:50%; margin-left:-15px;}
 .blockstyle2 .rightlay .tab.righttab .tabmenubox{ background:#f0e4d9;}
 .blockstyle2 .rightlay .tab.righttab .tabmenubox .tabmenu .item.active{ color:#8d512c;}
 .blockstyle2 .rightlay .tab.righttab .tabmenubox .tabmenu .item.active::after{ background:#8d512c;}
 .rightlay #rightmenu .xglist dd{ padding:0 10px 15px 10px;}
 .rightlay .blockmorebox{ padding:0;}
 .rightlay .blockmorebox .morebtn{ padding:10px 0; background:none; font-size:14px; color:#555ba6}
 .rightlay .blockmorebox .morebtn:hover{color:#f60;}
 .rightlay .blockmorebox .morebtn .icon-gengduo4{ float:right; margin:0 0 0 3px;}
 .blockstyle2 .rightlay .blockmorebox .morebtn{color:#8d512c}
 .blockstyle2 .rightlay .blockmorebox .morebtn:hover{color:#f60;}
 .xglist.style2 dd{ padding:0 0 10px 0;}
 .xglist.style2 dd a{ display:block; width:80%; margin:0 auto; background:#d7d9ea; border-radius:1.1em; line-height:2.2em; padding:0 5%;}
 .xglist.style2 dd .col2 a{ text-align:left; width:65%; padding-left:15%;}
 .rightlay #rightmenu .xglist li .dhidden img{ width:20px; height:20px; background:rgba(190, 15, 27,0.1); border-radius:50%; padding:1px; margin-right:5px;}
 .blockstyle2 .xglist.style2 dd a{ background:rgba(190, 15, 27,0.1);}
 .rightnavlist dd{ padding:0 2% 10px 2%;}
 .rightnavlist .item{ width:46%; margin:10px 2%; text-align:center; float:left; box-shadow:0 0 0 1px #ddd; border-radius:5px; padding:10px 0;}
 .rightnavlist .item a.color1{ display:block; padding:5px 10px 10px 10px;}
 .rightnavlist .item .iconfont{ display:block; font-size:32px; margin:0 auto;}
 .rightnavlist .item .t{ font-weight:bold; line-height:2.5em; border-bottom:1px solid #ddd;}
 .rightnavlist .item a.c333{ font-size:12px; display:inline-block; margin:0 3px;}
 .rightlay .xglist .iconlist .iconfont{ color:#fff; font-size:28px; display:block; margin:0 auto; width:50px; height:50px; line-height:50px; border-radius:50%; background:#a09be1; margin-bottom:5px;}
 .rightlay .xglist .iconlist .iconfont.s1{ background:linear-gradient(135deg, #f87b93, #f3113c);}
 .rightlay .xglist .iconlist .iconfont.s2{ background:linear-gradient(135deg, #ffd27f, #ffae1a);}
 .rightlay .xglist .iconlist .iconfont.s3{ background:linear-gradient(135deg, #95d9e9, #40bbd7);}
 .rightlay .xglist .iconlist .iconfont.s4{ background:linear-gradient(135deg, #cb99ee, #a147e0);}
 .rightlay .xglist .iconlist .iconfont.s5{ background:linear-gradient(135deg, #a09be1, #544bca);}
 .rightlay .xglist .iconlist .iconfont.s6{ background:linear-gradient(135deg, #fb9ebb, #f85084);}
 .rightlay .xglist .iconlist .iconfont.s7{ background:linear-gradient(135deg, #ffba7c, #ff8415);}
 .rightlay .xglist .iconlist .iconfont.s8{ background:linear-gradient(135deg, #93ccfe, #3fa4fe);}
 .rightlay .xglist .iconlist .iconfont.s9{ background:linear-gradient(135deg, #71d7ca, #00b8a0);}
 .rightlay .xglist .iconlist .iconfont.s10{ background:linear-gradient(135deg, #f08c88, #e4312a);}
 .rightlay .xglist .iconlist .iconfont.s11{ background:linear-gradient(135deg, #a1adea, #586dda);}
 .rightlay .xglist .iconlist .iconfont.s12{ background:linear-gradient(135deg, #cde79a, #a5d54b);}
 .rightlay .xglist .iconlist .iconfont.s13{ background:linear-gradient(135deg, #97ebe2, #45dccb);}
 .rightlay .xglist .iconlist .iconfont.s14{ background:linear-gradient(135deg, #b5ebaf, #7bdc71);}
 .rightlay .xglist .iconlist .iconfont.s15{ background:linear-gradient(135deg, #ffb8dd, #ff80c2);}
 .rightlay .xglist .iconlist2 .iconfont{ color:#555ba6; font-size:28px; display:block; margin:0 auto; width:50px; height:50px; line-height:50px; border-radius:50%; background:rgba(85, 91, 166,0.1); margin-bottom:5px;}
 .blockstyle2 .rightlay .xglist .iconlist2 .iconfont{ color:#8d512c; background:rgba(190, 15, 27,0.1);}
 .rightlay .hotrenwu .itembox{ padding:4px 10px 0 10px; }
 .rightlay .hotrenwu .itembox .item{ display:block; line-height:3em; border-bottom:1px solid #ddd;}
 .rightlay .hotrenwu .itembox .item .num{ padding:0 5px; color:#999}
 .rightlay .hotrenwu .itembox .item .num.n1{ color:#f60}
 .rightlay .hotrenwu .itembox .item .num.n2{ color:#f90}
 .rightlay .hotrenwu .itembox .item .num.n3{ color:#fa0}
 .rightlay .fabubtns .desc{ padding:5px 17px; line-height:1.8em; text-align:justify;}
 .rightlay .fabubtns .btns{ text-align:center; padding-bottom:10px;}
 .rightlay .fabubtns .btns a{ display:inline-block; border:1px solid #cacce3; background:#d7d9ea; width:41%; margin:5px 2.5%; line-height:2em;}
 .rightlay .fabubtns .btns2{ text-align:center; padding-bottom:10px;}
 .rightlay .fabubtns .btns2 a{ display:inline-block; background:#555ba6; border-radius:1em; width:41%; margin:5px 2.5%; line-height:2em;}
 .rightlay .fabubtns .btns2 a .icon-gengduo4{ margin-right:-10px;}
 .blockstyle2 .rightlay .fabubtns .btns2 a{ background:#8d512c}
 .rightlay .zhuangxiulist .step{ margin:12px 14px; padding:0 0 10px 0; border-bottom:1px solid #ddd; line-height:1.8em;}
 .rightlay .zhuangxiulist .step.bortop{ border-top:1px solid #ddd; padding-top:10px;}
 .rightlay .zhuangxiulist .step:last-child{ margin-bottom:0;}
 .rightlay .zhuangxiulist .list{ width:100%;}
 .rightlay .zhuangxiulist .list a{ float:left; display:inline-block; width:25%;}
 .rightlay .zhishitixi .licont{ padding:5px 10px 0 10px;}
 .rightlay .zhishitixi .item{ display:block; padding:10px 0; border-bottom:1px solid #ddd;}
 .rightlay .zhishitixi .item .num{ width:20px; text-align:center; line-height:40px; float:left; color:#999}
 .rightlay .zhishitixi .item .num.n1{ color:#f60}
 .rightlay .zhishitixi .item .num.n2{ color:#f90}
 .rightlay .zhishitixi .item .num.n3{ color:#fa0}
 .rightlay .zhishitixi .item .img{ width:80px; text-align:center; line-height:40px; float:left;}
 .rightlay .zhishitixi .item .title{ width:180px; line-height:20px; float:left;}
 .rightlay .rightlist .itembox{ padding:4px 10px 0 10px; }
 .rightlay .rightlist .itembox .item{ display:block; padding:10px 0; border-bottom:1px solid #ddd;}
 .rightlay .rightlist .itembox .item .numb{ width:1.2em; height:1.2em; line-height:1.2em; display:inline-block; vertical-align:text-bottom; margin-right:0;}
 .rightlay .rightlist .itembox .item .numb::after{ display:none;}
 .rightlay .rightlist .itembox .item .img{ float:left; width:120px; margin-right:10px;}
 .rightlay .rightlist .itembox .item .img img{ width:100%;}
 .rightlay .rightlist .itembox .item .desc{ float:left; width:150px; line-height:1.8em;}
 


.fff{ color:#fff;}
 a.fff:hover,a.fff.active{ color:#fe741c;}
 .c000{ color:#000;}
 a.c000:hover,a.c000.active{ color:#fe741c;}
 .c333{ color:#333;}
 a.c333:hover,a.c333.active{ color:#fe741c;}
 .c666{ color:#666;}
 a.c666:hover,a.c666.active{ color:#fe741c;}
 .c888{ color:#888;}
 a.c888:hover,a.c888.active{ color:#fe741c;}
 .c999{ color:#999;}
 a.c999:hover,a.c999.active{ color:#fe741c;}
 .ccc{ color:#ccc;}
 a.ccc:hover,a.ccc.active{ color:#fe741c;}
 .eee{ color:#eee;}
 a.eee:hover,a.eee.active{ color:#fe741c;}
 .bgccc{ background:#ccc}
 .bgeee{ background:#eee}
 .bgfff{ background:#fff}
 .bgorange{background:#fe741c;}
 .red{ color:#CA0606}
 .orange{ color:#fe741c}
 a.orange:hover,a.orange.active{ color:#f60;}
 .cfe741c{ color:#fe741c;}
 a.cfe741c:hover,a.cfe741c.active{ color:#f60;}
 .cfdb80c{ color:#fdb80c;}
 a.cfdb80c:hover,a.cfdb80c.active{ color:#fe741c;}
 .cffdc00{ color:#ffdc00;}
 a.cffdc00:hover,a.cffdc00.active{ color:#fe741c;}
 .cf12828{ color:#f12828;}
 a.cf12828:hover,a.cf12828.active{ color:#fe741c;}
 .c0a0139{ color:#0a0139;}
 a.c0a0139:hover,a.c0a0139.active{ color:#fe741c;}
 .cffff00,.cffff00 a{ color:#ffff00;}
 a.cffff00:hover,a.cffff00.active,.cffff00 a:hover{ color:#fe741c;}
 .color1,.color1 a{ color:#555ba6}
 .color1 a:hover,a.color1:hover,a.color1.active{ color:#fe741c;}
 .color2,.color2 a{ color:#44476c}
 .color2 a:hover,a.color2:hover,a.color2.active{ color:#fe741c;}
 .color3,.color3 a{ color:#28166f}
 .color3 a:hover,a.color3:hover,a.color3.active{ color:#fe741c;}
 .color4,.color4 a{ color:#8d99b8}
 .color4 a:hover,a.color4:hover,a.color4.active{ color:#fe741c;}
 .color5,.color5 a{ color:#8d99b8; border-color:rgba(141, 153, 184, 0.3);}
 .color5 a:hover,a.color5:hover,a.color5.active{ color:#fe741c;}
 .bg1{ background:#555ba6}
 .bg2{ background:#e6e7f2}
 .bg3{ background:#28166f}
 .bg4{ background:#f9f9f9}
 .bd1{ border-color:#555ba6}
 .bd2{ border-color:#e6e7f2}
 .li_1.num1{background:rgba(85,91,166,0.2);}
 .li_1.num2{background:rgba(85,91,166,0.15);}
 .li_1.num3{background:rgba(85,91,166,0.1);}
 .li_1.num1 i { background:#555ba6;}
 .li_1.num2 i { background:rgba(85,91,166,0.7);}
 .li_1.num3 i { background:rgba(85,91,166,0.4);}
 .blockstyle2 .color1,.blockstyle2 .color1 a{ color:#8d512c}
 .blockstyle2 .color1 a:hover,.blockstyle2 a.color1:hover,.blockstyle2 a.color1.active{ color:#fe741c;}
 .blockstyle2 .color2,.blockstyle2 .color2 a{ color:#333333}
 .blockstyle2 .color2 a:hover,.blockstyle2 a.color2:hover,.blockstyle2 a.color2.active{ color:#fe741c;}
 .blockstyle2 .color3,.blockstyle2 .color3 a{ color:#a91324}
 .blockstyle2 .color3 a:hover,.blockstyle2 a.color3:hover,.blockstyle2 a.color3.active{ color:#fe741c;}
 .blockstyle2 .color4,.blockstyle2 .color4 a{ color:#de878d}
 .blockstyle2 .color4 a:hover,.blockstyle2 a.color4:hover,.blockstyle2 a.color4.active{ color:#fe741c;}
 .blockstyle2 .color5,.blockstyle2 .color5 a{ color:#de878d; border-color:rgba(222, 135, 141, 0.3);}
 .blockstyle2 .color5 a:hover,.blockstyle2 a.color5:hover,.blockstyle2 a.color5.active{ color:#fe741c;}
 .blockstyle2 .bg1{ background:#8d512c}
 .blockstyle2 .bg2{ background:#f5e7b8}
 .blockstyle2 .bg3{ background:#a81425}
 .blockstyle2 .bg4{ background:#F7F2DD}
 .blockstyle2 .bd1{ border-color:#9d532c}
 .blockstyle2 .bd2{ border-color:#efd5cb}
 .blockstyle2 .tab.substyle1 .tab2menubox .tabmenu .item.active span{ background:#8d512c;}
 .blockstyle2 .tab.style1 > .tabmenubox .tabmenu .item.active{ background:#8d512c; border-color:#8d512c;}
 .blockstyle2 .li_1.num1{background:rgba(190,15,27,0.2);}
 .blockstyle2 .li_1.num2{background:rgba(190,15,27,0.15);}
 .blockstyle2 .li_1.num3{background:rgba(190,15,27,0.1);}
 .blockstyle2 .li_1.num1 i { background:#8d512c;}
 .blockstyle2 .li_1.num2 i { background:rgba(190,15,27,0.7);}
 .blockstyle2 .li_1.num3 i { background:rgba(190,15,27,0.4);}
 .blockstyle3 .color1,.blockstyle3 .color1 a{ color:#87a5b5}
 .blockstyle3 .color1 a:hover,.blockstyle3 a.color1:hover,.blockstyle3 a.color1.active{ color:#fe741c;}
 .blockstyle3 .color2,.blockstyle3 .color2 a{ color:#44476c}
 .blockstyle3 .color2 a:hover,.blockstyle3 a.color2:hover,.blockstyle3 a.color2.active{ color:#fe741c;}
 .blockstyle3 .color3,.blockstyle3 .color3 a{ color:#b7c9d3}
 .blockstyle3 .color3 a:hover,.blockstyle3 a.color3:hover,.blockstyle3 a.color3.active{ color:#fe741c;}
 .blockstyle3 .color4,.blockstyle3 .color4 a{ color:#abc0cb}
 .blockstyle3 .color4 a:hover,.blockstyle3 a.color4:hover,.blockstyle3 a.color4.active{ color:#fe741c;}
 .blockstyle3 .color5,.blockstyle3 .color5 a{ color:#97b5c5; border-color:rgba(151, 181, 197, 0.3);}
 .blockstyle3 .color5 a:hover,.blockstyle3 a.color5:hover,.blockstyle3 a.color5.active{ color:#fe741c;}
 .blockstyle3 .bg1{ background:#87a5b5}
 .blockstyle3 .bg2{ background:#edf2f4}
 .blockstyle3 .bg3{ background:#b7c9d3}
 .blockstyle3 .bg4{ background:#f9f9f9}
 .blockstyle3 .bd1{ border-color:#87a5b5}
 .blockstyle3 .bd2{ border-color:#edf2f4}
 .blockstyle3 .tab.substyle1 .tab2menubox .tabmenu .item.active span{ background:#87a5b5;}
 .blockstyle3 .tab.style1 > .tabmenubox .tabmenu .item.active{ background:#87a5b5; border-color:#87a5b5;}
 .blockstyle3 .li_1.num1{background:rgba(135,165,181,0.2);}
 .blockstyle3 .li_1.num2{background:rgba(135,165,181,0.15);}
 .blockstyle3 .li_1.num3{background:rgba(135,165,181,0.1);}
 .blockstyle3 .li_1.num1 i { background:#87a5b5;}
 .blockstyle3 .li_1.num2 i { background:rgba(135,165,181,0.7);}
 .blockstyle3 .li_1.num3 i { background:rgba(135,165,181,0.4);}
 .bg01{background:rgba(85,91,166,.1);}
 .blockstyle2 .bg01{background:rgba(190,15,27, 0.1);}
 .blockstyle3 .bg01{ background:rgba(135,165,181,0.1);}
 .blockstyle4 .bg01{background:rgba(0, 169, 113, 0.1);}


.bangdan{padding-bottom: 20px;}
 .bangdan .bangdesc{ padding:12px 20px; background-color:#F6F6F6; border-radius:5px; color:#868686;}
 .bangdan .bangdesc .desc{height:3.6em; overflow:hidden;}
 .bangdan .bangdesc .more{ height:0; text-align:center;}
 .bangdan .bangdesc .more img{width: 30px;height: 30px;top: -5px;position: relative;z-index: 1;}
 .bangdan .brandlist{}
 .bangdan .brandlist li{ height:50px;border-radius:5px; margin-top:20px; background-color:#F6F6F6; overflow:hidden;}
 .bangdan .brandlist li:after{content:""; clear:both; display:block;}
 .bangdan .brandlist li a{display:block; color:#FFF; line-height:50px; height:50px; padding:0 253px 0 5px;position:relative;border-radius: 5px 0 6px 5px; box-sizing:border-box;}
 .bangdan.active .brandlist li a{ transform:translateX(0); opacity:1}
 .bangdan .brandlist li a:after{content:""; width:20px; height:54px; transform:rotate(12deg); margin-left:-13px; border-radius:0 6px 8px 0; position:absolute; left:100%; top:-3px;}
 .bangdan .brandlist li a .l{float:left; width:100%; height:50px;}
 .bangdan .brandlist li a .l .num{width:45px; margin-left:10px; float:left;}
 .bangdan .brandlist li a .l .blogo{transition:all ease-in-out 300ms; float:left; margin-top:5px;}
 .bangdan .brandlist li a .l .bname{margin-left:10px;}
 .bangdan .brandlist li a:hover .l .bname{color:#ff0;}
 .bangdan .brandlist li a .r{position:absolute; right:5px; top:0;}
 .bangdan .brandlist li a .r .score{float:right; margin-right:5px;}
 .bangdan .brandlist li a .r .score .ename{color:rgba(255, 255, 255, 0.6);}
 .bangdan .brandlist li a .r .shuiyin{float:right; line-height:50px; font-size:0; margin-right:5px;}
 .bangdan .brandlist li a .r .shuiyin img{width:20px;}
 .bangdan .brandlist li a .r .starbox{float:right; margin-right:5px; position:relative; line-height:50px;}
 .bangdan .brandlist li a .r .starbox i.iconfont{font-size:20px; padding:0 2px; height:50px; line-height:50px; float:left;}
 .bangdan .brandlist li a .r .starbox .mbg{height:50px; position:absolute; right:0; top:0;}
 .bangdan .brandlist li a .num, .bangdan .brandlist li a .score{font-family:'oswald';}
 .bangdan .brandlist li.li1 a{ background:#fb2c19;background: -webkit-linear-gradient(to right,rgba(251,44,25,0.6), #fb2c19); background: -o-linear-gradient(to right, rgba(251,44,25,0.6), #fb2c19); background: -moz-linear-gradient(to right,rgba(251,44,25,0.6), #fb2c19); background:linear-gradient(to right, rgba(251,44,25,0.6), #fb2c19); width:780px; animation:bangdan1 500s ease-in-out infinite; animation-delay:1s;}
 .bangdan .brandlist li.li1 a:after{ background: #fb2c19;}
 .bangdan .brandlist li.li2 a{ background:#fb7b44;background: -webkit-linear-gradient(to right,rgba(251,123,68,0.6),#fb7b44) ; background: -o-linear-gradient(to right, rgba(251,123,68,0.6),#fb7b44); background: -moz-linear-gradient(to right,rgba(251,123,68,0.6),#fb7b44); background:linear-gradient(to right, rgba(251,123,68,0.6),#fb7b44); width:766px; animation:bangdan2 500s ease-in-out infinite; animation-delay:1s;}
 .bangdan .brandlist li.li2 a:after{ background: #fb7b44;}
 .bangdan .brandlist li.li2 a .starbox .mbg{background:linear-gradient(to right,transparent,#fc834f);}
 .bangdan .brandlist li.li3 a{ background:#88A877;background: -webkit-linear-gradient(to right,rgba(136,168,119,0.6),#88A877); background: -o-linear-gradient(to right,rgba(136,168,119,0.6),#88A877); background: -moz-linear-gradient(to right,rgba(136,168,119,0.6),#88A877); background:linear-gradient(to right,rgba(136,168,119,0.6),#88A877); width:752px; animation:bangdan3 500s ease-in-out infinite; animation-delay:1s;}
 .bangdan .brandlist li.li3 a:after{ background: #88A877;}
 .bangdan .brandlist li.li3 a .starbox .mbg{background:linear-gradient(to right,transparent,#8EAC7E);}
 .bangdan .brandlist li.li4 a{ background:#12C6AC;background: -webkit-linear-gradient(to right,rgba(18,198,172,0.6),#12C6AC); background: -o-linear-gradient(to right,rgba(18,198,172,0.6),#12C6AC); background: -moz-linear-gradient(to right,rgba(18,198,172,0.6),#12C6AC); background:linear-gradient(to right,rgba(18,198,172,0.6),#12C6AC); width:738px; animation:bangdan4 500s ease-in-out infinite; animation-delay:1s;}
 .bangdan .brandlist li.li4 a:after{ background: #12C6AC;}
 .bangdan .brandlist li.li4 a .starbox .mbg{background:linear-gradient(to right,transparent,#20C9B0);}
 .bangdan .brandlist li.li5 a{ background:#456CA6;background: -webkit-linear-gradient(to right,rgba(69,108,166,0.6),#456CA6); background: -o-linear-gradient(to right,rgba(69,108,166,0.6),#456CA6); background: -moz-linear-gradient(to right,rgba(69,108,166,0.6),#456CA6); background:linear-gradient(to right,rgba(69,108,166,0.6),#456CA6); width:724px; animation:bangdan5 500s ease-in-out infinite; animation-delay:1s;}
 .bangdan .brandlist li.li5 a:after{ background: #456CA6;}
 .bangdan .brandlist li.li5 a .starbox .mbg{background:linear-gradient(to right,transparent,#5074AB);}
 .bangdan .brandlist li.li6 a{ background:#3e4c4f;background: -webkit-linear-gradient(to right,rgba(62,76,79,0.5),#3e4c4f); background: -o-linear-gradient(to right,rgba(62,76,79,0.5),#3e4c4f); background: -moz-linear-gradient(to right,rgba(62,76,79,0.5),#3e4c4f); background:linear-gradient(to right,rgba(62,76,79,0.5),#3e4c4f); width:710px; animation:bangdan6 500s ease-in-out infinite; animation-delay:1s;}
 .bangdan .brandlist li.li6 a:after{ background: #3e4c4f;}
 .bangdan .brandlist li.li6 a .starbox .mbg{background:linear-gradient(to right,transparent,#4C595C);}
 .bangdan .brandlist li.li7 a{ background:#505D5F;background: -webkit-linear-gradient(to right,rgba(62,76,79,0.5),rgba(62,76,79,0.9)); background: -o-linear-gradient(to right,rgba(62,76,79,0.5),rgba(62,76,79,0.9)); background: -moz-linear-gradient(to right,rgba(62,76,79,0.5),rgba(62,76,79,0.9)); background:linear-gradient(to right,rgba(62,76,79,0.5),rgba(62,76,79,0.9)); width:696px; animation:bangdan7 500s ease-in-out infinite; animation-delay:1s;}
 .bangdan .brandlist li.li7 a:after{ background:#505D5F;}
 .bangdan .brandlist li.li7 a .starbox .mbg{background:linear-gradient(to right,transparent,#5C686A);}
 .bangdan .brandlist li.li8 a{ background:#636E70;background: -webkit-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.8)); background: -o-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.8)); background: -moz-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.8)); background:linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.8)); width:682px; animation:bangdan8 500s ease-in-out infinite; animation-delay:1s;}
 .bangdan .brandlist li.li8 a:after{ background:#636E70;}
 .bangdan .brandlist li.li8 a .starbox .mbg{background:linear-gradient(to right,transparent,#6F7A7C);}
 .bangdan .brandlist li.li9 a{ background:#757E80;background: -webkit-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.7)); background: -o-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.7)); background: -moz-linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.7)); background:linear-gradient(to right,rgba(62,76,79,0.4),rgba(62,76,79,0.7)); width:668px; animation:bangdan9 500s ease-in-out infinite; animation-delay:1s;}
 .bangdan .brandlist li.li9 a:after{ background:#757E80;}
 .bangdan .brandlist li.li9 a .starbox .mbg{background:linear-gradient(to right,transparent,#7E8789);}
 .bangdan .brandlist li.li10 a{ background:#879091;background: -webkit-linear-gradient(to right,rgba(62,76,79,0.3),rgba(62,76,79,0.6)); background: -o-linear-gradient(to right,rgba(62,76,79,0.3),rgba(62,76,79,0.6)); background: -moz-linear-gradient(to right,rgba(62,76,79,0.3),rgba(62,76,79,0.6)); background:linear-gradient(to right,rgba(62,76,79,0.3),rgba(62,76,79,0.6)); width:654px; animation:bangdan10 500s ease-in-out infinite; animation-delay:1s;}
 .bangdan .brandlist li.li10 a:after{ background:#879091;}
 .bangdan .brandlist li.li10 a .starbox .mbg{background:linear-gradient(to right,transparent,#91999A);}
 .bangdan .morebtn{ padding:0 20px; height:2.2em; line-height:2.2em;background: -webkit-linear-gradient(to right,#fb2c19,#fe741c); background: -o-linear-gradient(to right,#fb2c19,#fe741c); background: -moz-linear-gradient(to right,#fb2c19,#fe741c); background:linear-gradient(to right,#fb2c19,#fe741c);text-align:center; border-radius:5px;display: inline-block;margin-top: 20px;}
 .bangdan .morebtn:hover{ color:#ff0}
 .bangdan .zhiminglist{margin-top: 5px;}
 .bangdan .zhiminglist li{text-align: center;box-sizing: border-box; width:144px; float:left; margin-top:15px; margin-left:20px;border-width: 1px;border-style: solid; border-radius:6px 0 6px 0; line-height:2.4em;}
 .bangdan .zhiminglist li:nth-child(5n+1) { margin-left: 0;}
 .bangdan .bttlist{ text-align:center; margin-top:20px;}
 .bangdan .bttlist li{ display:inline-block;line-height: 2.2em;border-radius: 1.1em;padding: 0 20px;margin: 0 10px;}
 .bangdan .bttlist li .iconfont{ display:inline-block; font-size:1.5em; margin-right:4px;}
 .bangdan .warntext{padding: 10px; background: #f6f6f6; border: 1px solid #e6e6e6; margin-top: 20px;}
 .bangdan .warntext b{ color:#333;}


.brandboxinfo{}
 .brandboxinfo .itembox{ padding:0 20px; background-color:#FFF; border-radius:6px;}
 .brandboxinfo .manager{margin-left:10px;}
 .brandboxinfo .manager i, .brandboxinfo .manager span{display:inline-block; vertical-align:middle;}
 .brandboxinfo .manager span{padding-left:4px;}
 .brandboxinfo .linkcolor{ color:#eb0717;}
 .brandboxinfo .linkcolor i, .brandboxinfo .linkcolor span{display:inline-block; vertical-align:middle;}
 .brandboxinfo .linkcolor span{padding-left:4px;}
 .brandboxinfo .scorenum i, .brandboxinfo .scorenum em, .brandboxinfo .scorenum span{display:inline-block; vertical-align:middle;}
 .brandboxinfo .scorenum em{padding:0 4px;}
 .brandboxinfo .acont i, .brandboxinfo .acont em, .brandboxinfo .acont span{display:inline-block; vertical-align:middle;}
 .brandboxinfo .acont em{padding:0 4px;}
 .brandboxinfo a.linkcolor:hover{ color:#fe741c;}
 .brandboxinfo .boxbg{ background:#413435e8  right bottom no-repeat;background-size:100% auto; padding:20px;margin: 0 -20px; border-radius:6px 6px 0 0;}
 .brandboxinfo .topinfo{}
 .brandboxinfo .topinfo .number{ width:80px; height:70px; background-size:80px auto; display:block;font-family: 'oswald';font-size: 40px; text-align: center; line-height: 70px; color: #FFF;}
 .brandboxinfo .topinfo .infobox1{ width:700px;margin-left: 20px; position:relative;}
 .brandboxinfo .topinfo .infobox1 .imgbox{ position:relative;display: inline-block;}
 .brandboxinfo .topinfo .infobox1 .imgbox .img{ border:solid 1px #770000; display:inline-block; padding:5px; background-color:#FFF; position:relative; z-index:5;}
 .brandboxinfo .topinfo .infobox1 .imgbox:after{ content:""; width:219px; height:102px; background:rgba(0,0,0,0.3);transform: rotate(-3deg); position:absolute; left:0px; top:0;z-index: 1;}
 .brandboxinfo .topinfo .infobox1 .name{display:inline-block; vertical-align:middle; position:relative;margin-left: 2px;}
 .brandboxinfo .topinfo .infobox1 .name .bname{ font-size:40px; max-width:300px; line-height:56px;}
 .brandboxinfo .topinfo .infobox1 .name .area{ position:absolute; left:100%; top:0; line-height: 56px;min-width: 60px;margin-left: 20px;}
 .brandboxinfo .topinfo .infobox1 .name .starbox{width:198px; height:26px; display:inline-block; overflow:hidden;}
 .brandboxinfo .topinfo .infobox1 .name .starbox .star{display: block;height: 26px;}
 .brandboxinfo .topinfo .infobox1 .zhishu{ position:absolute; right:0; top:0;}
 .brandboxinfo .topinfo .infobox1 .zhishu i{ font-size:56px;font-family: 'oswald'; display:block; text-align:center;}
 .brandboxinfo .btnlist{ margin-top:20px;}
 .brandboxinfo .btnlist .btn{ width:183px; margin-left:20px; float:left; height:2em; line-height:2em; border-radius:1em; border-style:solid; border-width:1px;}
 .brandboxinfo .btnlist .btn .mname{ display:inline-block;width: 18px;height: 18px;line-height: 18px;border-radius: 3px;text-align: center;text-decoration: none;font-family: "思源黑体";font-size: 12px; margin-right:4px;}
 .brandboxinfo .btnlist .btn:first-child{ margin-left:0;}
 .brandboxinfo .btnlist .btn i.iconfont{ font-size:14px; margin-left:4px;}
 .brandboxinfo .btnlist .btn i, .brandboxinfo .btnlist .btn em{display:inline-block; vertical-align:middle;}
 .brandboxinfo .btnlist .btn em{max-width:75%;}
 .brandboxinfo .btnlist a.btn{color:#f9d205; border-color:rgba(249, 210, 5, 0.3);}
 .brandboxinfo .btnlist a.btn:hover{color:#fe741c; border-color:rgba(254, 116, 28, 0.3);}
 .brandboxinfo .btnlist a.btn .mname{background-color:#f9d205; color:#8d512c;}
 .brandboxinfo .btnlist a.btn:hover .mname{background-color:#fe741c;}
 .brandboxinfo .btnlist div.btn{ color:rgba(255,255,255,0.3); border-color:rgba(255,255,255,0.1);}
 .brandboxinfo .btnlist div.btn .mname{ background-color:rgba(255,255,255,0.3);color: #9d2733;}
 .brandboxinfo .btnlist:after{ content:""; display:block; clear:both;}
 .brandboxinfo .bottom{ margin-top:20px;}
 .brandboxinfo .bottom.haspic .leftinfo{ width:640px; float:left;}
 .brandboxinfo .bottom .btnlist{ margin-bottom:15px; margin-top:0px;}
 .brandboxinfo .bottom .btnlist .btn{ width:198px;}
 .brandboxinfo .bottom .cname{display:inline-block; margin-right:20px;}
 .brandboxinfo .bottom .phone{display:inline-block;}
 .brandboxinfo .bottom .phone i, .brandboxinfo .bottom .phone span{display:inline-block; vertical-align:middle;}
 .brandboxinfo .bottom .phone span{padding-left:6px;}
 .brandboxinfo .bottom .rongyu{ margin-top:5px; text-align:justify;}
 .brandboxinfo .bottom .rongyu .ts{color:rgba(255,255,255,0.3);}
 .brandboxinfo .bottom .wxpic{ width:140px; background-color:#FFF; float:right;}
 .brandboxinfo .bottom .wxpic .ewmimg{background-size:100%!important; padding:0; width:140px; height:140px;}
 .brandboxinfo .bottom .wxpic>div{ padding-bottom:8px; line-height:1em;}
 .brandboxinfo .txtlist{ padding:10px 0;}
 .brandboxinfo .txtlist li{ width:32%; float:left; line-height:2em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
 .brandboxinfo .txtlist li:nth-child(3n+2){ margin:0 2%;}
 .brandboxinfo .txtlist li .ttl{ color:#999}
 .brandboxinfo .txtlist:after{ content:""; display:block; clear:both;}
 .brandboxinfo .btnstyle{ line-height:0; height:2em; overflow:hidden; border-radius:1em; text-align:center; background:#f8e7e8; float:left;}
 .brandboxinfo .btnstyle .mgcontl{ color:#999; margin:0 4px; line-height:2em;}
 .brandboxinfo .btnstyle span{line-height:2em;}
 .brandboxinfo .btnstyle .icon-jiantou-xiangshang{color: #ff4b00;}
 .brandboxinfo .btnstyle img{ display:inline-block; max-height:24px; margin-right:4px;}
 .brandboxinfo .urllist{}
 .brandboxinfo .urllist .btnstyle{ width:185px; margin-left:20px; margin-bottom:20px;}
 .brandboxinfo .urllist .btnstyle:nth-child(4n+1){ margin-left:0;}
 .brandboxinfo .urllist:after{ content:""; display:block; clear:both;}
 .brandboxinfo .urllist .btnstyle .linkcolor i, .brandboxinfo .urllist .btnstyle .linkcolor span, .brandboxinfo .urllist .btnstyle .linkcolor em{display:inline-block; vertical-align:middle;}
 .brandboxinfo .urllist .btnstyle .linkcolor .iconmg{font-size:1em;}
 .brandboxinfo .rongyuinfo{ font-size:13px; background-color:#ddd;margin: 0 -20px;padding:10px 10px;}
 .brandboxinfo .rongyuinfo:after{ content:""; display:block; clear:both;}
 .brandboxinfo .rongyuinfo .li{ float:left; text-align:center; line-height:2.2em; height:2.2em; border-radius:2em; width:18%; margin:0 1%; background-color:#e8d297; margin-top:5px; margin-bottom:5px;}
 .brandboxinfo .rongyuinfo .li.grey{ background:#cecece;}
 .brandboxinfo .rongyuinfo .li .iconfont{ color:#0062ff; font-size:24px;margin-right: 4px;}
 .brandboxinfo .rongyuinfo .li.s2 .iconfont{color:#ff3300;}
 .brandboxinfo .rongyuinfo .li.s3 .iconfont{color:#ff0073;}
 .brandboxinfo .rongyuinfo .li.s4 .iconfont{ color:#ff8700;}
 .brandboxinfo .rongyuinfo .li.s5 .iconfont{color:#ff3300;}
 .brandboxinfo .rongyuinfo .li.grey .iconfont{color:#666;}
 .brandboxinfo .rongyuinfo .li.bgimg2 img{ margin-right:4px;}
 .brandboxinfo .rongyuinfo .li.bgimg2.grey img{filter: grayscale(100%);}
 .brandboxinfo .rongyuinfo .li i, .brandboxinfo .rongyuinfo .li img, .brandboxinfo .rongyuinfo .li span{display:inline-block; vertical-align:middle;}
 .brandboxinfo .rongyuinfo .li i, .brandboxinfo .rongyuinfo .li img{margin-right:6px;}
 .brandboxinfo .catlist{ padding:20px 0;}
 .brandboxinfo .catlist em{ float:left; width:140px;line-height: 2em;}
 .brandboxinfo .catlist .btnstyle{ width:200px; margin-left:20px;}
 .brandboxinfo .catlist .btnstyle img, .brandboxinfo .catlist .btnstyle span, .brandboxinfo .catlist .btnstyle i{display:inline-block; vertical-align:middle;}
 .brandboxinfo .catlist:after{ content:""; display:block; clear:both;}
 .brandboxinfo .other{border-top: solid 1px #EEE; padding:20px 0;}
 .brandboxinfo .other .oitem{width:420px; height:42px; display:inline-table; vertical-align:middle;line-height: 42px;}
 .brandboxinfo .other .oitem .bflag{ display:inline-block; padding:0px 10px; margin-right: 10px;vertical-align: middle; border:solid 1px #EEE;}
 .brandboxinfo .other .oitem .bflag.hasbg{background:#f9d205;}
 .brandboxinfo .other .oitem .bflag img{ margin-right:4px;}
 .brandboxinfo .other .oitem .bflag,.brandboxinfo .other .oitem .bflag a{ color:#ff3134; font-size:14px; font-weight:bold; line-height:1.8em;}
 .brandboxinfo .other .morebtn{width:160px; height:42px; line-height:42px;background: -webkit-linear-gradient(to right,#fb2c19,#fe741c); background: -o-linear-gradient(to right,#fb2c19,#fe741c); background: -moz-linear-gradient(to right,#fb2c19,#fe741c); background:linear-gradient(to right,#fb2c19,#fe741c); float:right; text-align:center; border-radius:5px;}
 .brandboxinfo .other .morebtn.specsbtn{ margin-right:20px;}
 .brandboxinfo .other .morebtn:hover{color:#ffff00;}
 .brandboxinfo .other .morebtn i, .brandboxinfo .other .morebtn span{display:inline-block; vertical-align:middle;}
 .brandboxinfo .other .morebtn i{font-size:1.1em; padding-left:6px;}
 .ratio125 .brandboxinfo .topinfo .infobox1 .imgbox .img img{width:166px!important; height:72px!important;}
 .ratio125 .brandboxinfo .topinfo .infobox1 .imgbox:after{width:178px; height:84px;}
 .ratio125 .brandboxinfo .topinfo .infobox1 .name .bname{ font-size:36px; max-width:350px;}
 .ratio125 .brandboxinfo .topinfo .infobox1 .name .starbox{width:150px; height:20px; background-size:auto 20px;}
 .ratio125 .brandboxinfo .topinfo .infobox1 .name .starbox .star{height:20px; background-size:auto 20px;}
 



.navlist { padding:10px 0;}
 .navlist.bgf6f6{ background:#f6f6f6;}
 .navlist.col2 ul .item{ width:30%; margin:0 10%;}
 .navlist.col3 ul .item{ width:31.333%; margin:0 1%;}
 .navlist.col4 ul .item{ width:23%; margin:0 1%;}
 .navlist.col5 ul .item{ width:18%; margin:0 1%;}
 .navlist.col6 ul .item{ width:14.6667%; margin:0 1%;}
 .navlist.col7 ul .item{ width:12.2857%; margin:0 1%;}
 .navlist.col8 ul .item{ width:10.5%; margin:0 1%;}
 .navlist.col9 ul .item{ width:11.1111%;}
 .navlist.col10 ul .item{ width:10%;}
 .navlist.col11 ul .item{ width:9.1111%;}
 .navlist.col12 ul .item{ width:8.3333%;}
 .navlist.col13 ul .item{ width:7.6923%;}
 .navlist.nopic.col2 ul .item{ width:50%; margin:0;}
 .navlist.nopic.col3 ul .item{ width:33.333%; margin:0;}
 .navlist.nopic.col4 ul .item{ width:25%; margin:0;}
 .navlist.nopic.col5 ul .item{ width:20%; margin:0;}
 .navlist.nopic.col6 ul .item{ width:16.6667%; margin:0;}
 .navlist.nopic.col7 ul .item{ width:14.2857%; margin:0;}
 .navlist.nopic.col8 ul .item{ width:12.5%; margin:0;}
 .navlist ul .item{ float:left; box-sizing:border-box; padding:10px 0; min-width:80px; text-align:center;}
 .navlist ul .item .icon{ display:block; width:60px; height:60px; color:#fff; margin:0 auto; font-size:30px; border-radius:50%; line-height:60px; overflow:hidden; }
 .navlist ul .item .icon.shadow{box-shadow:0 0 0 6px rgba(255,255,255,.1)}
 .navlist ul .item .icon img{ display:block; width:100%; border-radius:50%;}
 .navlist ul .item .name{ line-height:2em;}
 .navlist.col5 ul .item .icon{width:80px; height:80px; line-height:80px; font-size:40px;}
 .navlist.col4 ul .item .icon{width:80px; height:80px; line-height:80px; font-size:40px;}
 /* .navlist ul .item .icon .iconfont{ line-height:60px;height: 60px; width:60px; display:block; margin:0 auto;}
 .navlist.col5 ul .item .icon .iconfont{ line-height:80px;}
 .navlist.col4 ul .item .icon .iconfont{ line-height:80px;}
 */ .navlist ul .item.s1 .icon{ background:linear-gradient(135deg, #f87b93, #f3113c);}
 .navlist ul .item.s2 .icon { background:linear-gradient(135deg, #ffd27f, #ffae1a);}
 .navlist ul .item.s3 .icon { background:linear-gradient(135deg, #95d9e9, #40bbd7);}
 .navlist ul .item.s4 .icon { background:linear-gradient(135deg, #cb99ee, #a147e0);}
 .navlist ul .item.s5 .icon { background:linear-gradient(135deg, #a09be1, #544bca);}
 .navlist ul .item.s6 .icon { background:linear-gradient(135deg, #fb9ebb, #f85084);}
 .navlist ul .item.s7 .icon { background:linear-gradient(135deg, #ffba7c, #ff8415);}
 .navlist ul .item.s8 .icon { background:linear-gradient(135deg, #93ccfe, #3fa4fe);}
 .navlist ul .item.s9 .icon { background:linear-gradient(135deg, #71d7ca, #00b8a0);}
 .navlist ul .item.s10 .icon { background:linear-gradient(135deg, #f08c88, #e4312a);}
 .navlist ul .item.s11 .icon { background:linear-gradient(135deg, #a1adea, #586dda);}
 .navlist ul .item.s12 .icon { background:linear-gradient(135deg, #cde79a, #a5d54b);}
 .navlist ul .item.s13 .icon { background:linear-gradient(135deg, #97ebe2, #45dccb);}
 .navlist ul .item.s14 .icon{ background:linear-gradient(135deg, #b5ebaf, #7bdc71);}
 .navlist ul .item.s15 .icon { background:linear-gradient(135deg, #ffb8dd, #ff80c2);}
 .navlist ul .item.s16 .icon { background:linear-gradient(135deg, #fee58b, #fed030);}
 .navlist ul .item.s17 .icon { background:linear-gradient(135deg, #9bdff5, #4dc6ee);}
 .navlist ul .item.s18 .icon { background:linear-gradient(135deg, #bdc1fc, #8a90fa);}
 .navlist ul .item.s19 .icon { background:linear-gradient(135deg, #a2c9f4, #599eec);}
 .navlist ul .item.s20 .icon { background:linear-gradient(135deg, #ffaaaa, #ff6767);}
 .navlist ul .item.c1 .icon{ background:#fdddd1;}
 .navlist ul .item.c2 .icon{ background:#dbf3fa;}
 .navlist ul .item.c3 .icon{ background:#fed1e4;}
 .navlist ul .item.c4 .icon{ background:#dfe2fa;}
 .navlist ul .item.c5 .icon{ background:#c0e2ff;}
 .navlist ul .item.c6 .icon{ background:#f8f9cb;}
 .navlist ul .item.c7 .icon{ background:#dfe2fa;}
 .navlist ul .item.c8 .icon{ background:#d4e4fc;}
 .navlist ul .item.c9 .icon{ background:#f7cbaf;}
 .navlist ul .item.c10 .icon{ background:#ddefe2;}
 .navlist ul .item.c11 .icon{ background:#fff2c9;}
 .navlist ul .item.c12 .icon{ background:#fee4e8;}
 .navlist ul .item.c13 .icon{ background:#f3dcd4;}
 .navlist ul .item.c14 .icon{ background:#f3e6d3;}
 .navlist ul .item.c15 .icon{ background:#f9e7e4;}
 .navlist ul .item.c16 .icon{ background:#e5dbfc;}
 .navlist.nobg ul .item .icon{ background:none; color:#7878E7;}
 .navlist ul .item.b1 .icon{background:#EDF5D4}
 .navlist ul .item.b2 .icon{background:#DFE2FA}
 .navlist ul .item.b3 .icon{background:#FDDDD1}
 .navlist ul .item.b4 .icon{background:#FED1E4}
 .navlist ul .item.b5 .icon{background:#D4E4FC}
 .navlist ul .item.b6 .icon{background:#F8F9CB}
 .navlist ul .item.b7 .icon{background:#FFFCEC}
 .navlist ul .item.b8 .icon{background:#EDFDF2}
 .navlist.style2 ul .item .icon{ background-color:#F4F4F4; border-radius:20px;}
 .navlist.style4 .icon{ background:none !important; box-shadow: none !important;}
 .navlist.style4 .item.s1 .iconfont {color: #f87b93;}
 .navlist.style4 .item.s2 .iconfont {color: #ffd27f;}
 .navlist.style4 .item.s3 .iconfont {color: #95d9e9;}
 .navlist.style4 .item.s4 .iconfont {color: #cb99ee;}
 .navlist.style4 .item.s5 .iconfont {color: #a09be1;}
 .navlist.style4 .item.s6 .iconfont {color: #fb9ebb;}
 .navlist.style4 .item.s7 .iconfont {color: #ffba7c;}
 .navlist.style4 .item.s8 .iconfont {color: #93ccfe;}
 .navlist.style4 .item.s9 .iconfont {color: #71d7ca;}
 .navlist.style4 .item.s10 .iconfont {color: #f08c88;}
 .navlist.style4 .item.s11 .iconfont {color: #a1adea;}
 .navlist.style4 .item.s12 .iconfont {color: #cde79a;}
 .navlist.style4 .item.s13 .iconfont {color: #97ebe2;}
 .navlist.style4 .item.s14 .iconfont {color: #b5ebaf;}
 .navlist.style4 .item.s15 .iconfont {color: #ffb8dd;}
 .navlist.style4 .item.s16 .iconfont {color: #fee58b;}
 .navlist.style4 .item.s17 .iconfont {color: #9bdff5;}
 .navlist.style4 .item.s18 .iconfont {color: #bdc1fc;}
 .navlist.style4 .item.s19 .iconfont {color: #a2c9f4;}
 .navlist.style4 .item.s20 .iconfont {color: #ffaaaa;}
 .navlist.style4 .item.s21 .iconfont {color: #f87b93;}
 .navlist.style4 .item.s22 .iconfont {color: #ffd27f;}
 .navlist.style4 .item.s23 .iconfont {color: #95d9e9;}
 .navlist.style4 .item.s24 .iconfont {color: #cb99ee;}
 .navlist.style4 .item.s25 .iconfont {color: #a09be1;}
 .navlist.style4 .item.s26 .iconfont {color: #fb9ebb;}
 .navlist.style4 .item.s27 .iconfont {color: #ffba7c;}
 .navlist.style4 .item.s28 .iconfont {color: #93ccfe;}
 .navlist.style4 .item.s29 .iconfont {color: #71d7ca;}
 .navlist.style4 .item.s30 .iconfont {color: #f08c88;}
 .navlist.style4 .item.scolor .iconfont{color:#898dc2;}
 .navlist ul .item.m1 .icon{background:linear-gradient(0deg,rgba(33,130,255,.2),rgba(60,177,255,.2),rgba(86,224,255,.2)) !important;}
 .navlist ul .item.m2 .icon{background:linear-gradient(0deg,rgba(108,48,255,.2),rgba(144,95,255,.2),rgba(179,141,255,.2)) !important;}
 .navlist ul .item.m3 .icon{background:linear-gradient(0deg,rgba(255,46,42,.2),rgba(255,136,136,.2)) !important;}
 .navlist ul .item.m4 .icon{background:linear-gradient(0deg,rgba(255,130,30,.2),rgba(255,169,83,.2),rgba(255,208,135,.2)) !important;}
 .navlist ul .item.m1 .iconfont{background-image:linear-gradient(0deg, #2182ff, #3cb1ff,#56e0ff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
 .navlist ul .item.m2 .iconfont{background-image:linear-gradient(0deg, #6c30ff, #905fff,#b38dff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
 .navlist ul .item.m3 .iconfont{background-image:linear-gradient(0deg, #ff2e2a,#ff8888);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
 .navlist ul .item.m4 .iconfont{background-image:linear-gradient(0deg, #ff821e, #ffa953,#ffd087);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
 .pdimg.navlist ul .item .icon{ width:70px; height:70px;}
 .navlist.nopic .slice{border-left:1px solid #eee;border-top:1px solid #eee;}
 .navlist.nopic .item{ border:1px solid #eee; border-left:0; padding:5px 0;border-top:none;}
 .navlist .swipe{padding-bottom: 20px;}
 


.categorycol4.bgf6f6{ background:#f6f6f6;}
 .categorycol4.pdbottom{ padding-bottom:0px;}
 .categorycol4 .itembox{ padding:10px 0; margin:0 -10px;}

 .categorycol4 .item{ float:left; width:20%; text-align:center; padding:5px 0 10px 0;}
 .categorycol4 .item.hide{ display:none;}
 .categorycol4 .itembox.open .item.hide{ display:block;}
 .categorycol4 .item a{ display:block; border:1px solid #eee; line-height:2.5em; border-radius:1.5em; margin:0 10px; padding:0 10px;}
 .categorycol4.noradius .item a{ border-radius:0px;}
 .categorycol4.bgfff .item a{ border:none; border-radius:0px; background:#fff;}
 .categorycol4 .item img{ width:110px; height:48px; display:block; margin:0 auto;}

 .blockstyle2 .categorycol4 .item a{border-color:#eed5ca;}
 .categorycol4.huibg .item a{ background:#f6f6f6; border:none; border-radius:0px;}
 .categorycol4.huibg .color1 a{ color:#333}
 .categorycol4.huibg .color1 a:hover{ color:#f60}
 .categorycol4.col6 .item{width:16.6%;}
 .categorycol4.col10 .item{ width:10%;}
 .categorycol4.col10.bd1 .item a{ border-color:#d4d5e4;}
 


 .articlelist .blocktitle{ margin-bottom:-20px;}
 .articlelist.nomtop .itembox{ margin-top:0px;}
 .articlelist>ul>.item{ padding:15px 0; border-bottom:1px solid #eee; position:relative;}
 .blockstyle2 .articlelist>ul>.item{border-bottom-color:#eae5cb;}
 .articlelist .img{display: table-cell;padding-left: 15px; position:relative;}
 .articlelist .img a{ display:block; width:220px; height:137px;overflow:hidden;}
 .articlelist .img img{ width:100%; display:block;transition: all ease-in-out 300ms;}
 .articlelist .img a:hover img {transform: scale(1.1);}
 .articlelist .tablecell{display: table-cell;width: 90%;vertical-align: middle;text-align: left;}
 .articlelist .contbox{ width:600px;}
 .searchselect .articlelist .contbox{ width:560px;}
 .articlelist .contbox .title{ line-height:1.8em; max-height:1.8em; padding-bottom:4px;}
 .articlelist .contbox .description{ max-height:3.6em; overflow:hidden;}
 .articlelist>ul>.item.nopic .contbox .title{ height:auto;}
 .articlelist>ul>.item .biaoshibox{display: inline-block; position: absolute; left: 7px; top: 0; line-height:2em; z-index: 1;padding:0px 6px 0px 10px;}
 .articlelist>ul>.item .biaoshibox .name{ color: #fff; }
 .articlelist>ul>.item .biaoshibox:before{ contboxent:""; display:inline-block; border-top:16px solid; border-right:10px solid transparent; position: absolute; right: -10px; top:0px;}
 .articlelist>ul>.item .biaoshibox:after{ contboxent:""; display:inline-block; border-bottom:16px solid; border-right:10px solid transparent; position: absolute; right: -10px; bottom:0px;}
 .articlelist>ul>.item .biaoshibox .sjx{ display:inline-block; border-top:8px solid; border-left:8px solid transparent; position: absolute; left: 0px; bottom:-8px; }
 .articlelist .contbox .piclist { margin-top:10px; position:relative;}
 .articlelist>ul>.item .piclist .biaoshibox { top:10px;}
 .articlelist .contbox .piclist .picimg{ width:260px; height:170px; float:left; margin-left:30px; background-position:center center; background-size: cover;}
 .articlelist.tukupiclist .contbox .piclist .picimg{ height:260px;}
 .articlelist .contbox .piclist .picimg.first{ margin-left:0px;}
 .articlelist .contbox .piclist .picimg img{ display:block; margin:0px auto; max-width:100%;}
 .articlelist .contbox .other{ padding-top:5px; position:relative; overflow:hidden; padding-right:100px;}
 .articlelist .contbox .other .isyuan{display:inline-block;padding:1px 8px; line-height:1.8em; border-radius:1px;margin-right:3px;}
 .articlelist .contbox .other a.biaoqian{ display:inline-block; border-width:1px; border-style:solid;padding:0 5px; line-height:24px;margin-right:3px;}
 .articlelist .contbox .other a.biaoqian:hover{ color:#f60}
 .articlelist .contbox .other a.zoneinfo{display:inline-block;line-height:1.5em; height:2em;}
 .articlelist .contbox .other a.zoneinfo img{width: 1.4em;height: 1.4em;border-radius: 50%;vertical-align: middle;margin-right: 10px;}
 .articlelist .contbox .other .attention{ position:absolute; right:0; bottom:0; min-width:100px; color:#ccc; line-height:2em; text-align:right;}
 .articlelist .contbox .other .attention span{display:inline-block; vertical-align:middle; margin-left:5px;}
 .articlelist .contbox .other .attention span:after{content:""; display:block; clear:both;}
 .articlelist .contbox .other .attention span i{font-size:13px; float:left; line-height:1em;}
 .articlelist .contbox .other .attention span i.iconfont{margin-right:3px;}
 .articlelist .contbox .specslist{ width:340px; display:inline-block; vertical-align:bottom;}
 .articlelist .contbox .specsttl{ line-height:26px;display:inline-block; vertical-align:bottom;}
 .articlelist>ul>.item.nopic .tablecell{ display:block; width:100%;}
 .articlelist>ul>.item.nopic .contbox{ width:auto;}
 .articlelist.zhaoshang .contbox .title{ color:#333;}
 .articlelist ul{ counter-reset:li;}
 .articlelist>ul>.item.hasbg:hover{background-color: #f7f7f7;margin: 0 -12px;border: solid 2px #fc8142;padding: 13px 10px 14px 10px;}
 .articlelist .item .brandlist{ display:inline-block; margin-left:10px;}
 .articlelist .item .alevel{ height: 25px; line-height: 22px;display: inline-block;vertical-align: middle;}
 .articlelist .itemscroll{ overflow:hidden;}
 .articlelist.col2 .itembox{margin-top: 15px;}
 .articlelist.col2 .item{ width:49.4%; float:left;padding: 10px;box-sizing: border-box; background-color:#FFF; height:130px;}
 .articlelist.col2 .item:nth-child(2n){ float: right}
 .articlelist.col2 .contbox{ width:400px;}
 .articlelist.col2 .contbox .title{ font-size:16px; padding-bottom:0;}
 .articlelist.col2 .other .bq:nth-child(3){ display:none;}
 .articlelist.col2 .img{ vertical-align:middle;padding-left: 10px;}
 .articlelist.col2 .img a{ width:150px; height:93px;}
 .articlelist.col2 .img img{ width:150px;}
 .articlelist.col2 ul:after{ content:""; clear:both; display:block;}




 #container .leftlay .artcontent{ margin-top:0;}
 #container .leftlay .bline.bline1{ height:20px;}
 #container .miaodian{ margin-left:-170px;}
 #container .miaodian li{min-width: 100px; width:auto;letter-spacing:0px;}
 .bannerbg{ width:100%; min-width:1220px; height:350px; background:cadetblue; text-align:center;}


 .bannerbg .w1220{ width:1220px; margin:0 auto;  text-align:center; position:relative;}
 .bannerbg .w1220::after{content:""; width:88px; height:188px;   background-size:88px 188px;}
 .bannerbg .top{ width:840px; height:190px; padding:40px 75px 40px 0; text-align:center; display:inline-block; float: left;}
 .bannerbg .top .catpic{ width:192px; height:100px; margin:0 auto; position:relative;}
 .bannerbg .top .catpic img{ width:192px; height:100px; border-radius:8px;}
 .bannerbg .top .catpic:before{ content:""; position:absolute; right:100%; top:50%; margin-top:-25px; width:50px; height:50px;  background-size:100% 100%; margin-right:20px;}
 .bannerbg .top .catpic:after{ content:""; position:absolute; left:100%; top:50%; margin-top:-25px; width:50px; height:50px; background-size:100% 100%; margin-left:20px;}
 .bannerbg .top .desc2{ margin-top:10px;     overflow: hidden;}
 .bannerbg .top .desc2 span{ color:#FFF; font-weight:bold; line-height:44px; display:block;}
 .bannerbg .top .desc3{ color:#FFF; margin-top:28px;}
 
 .bannerbg .desc{ width:300px; font-size:12px; height:280px; color:rgba(255,255,255,0.15); text-align:justify; line-height:1.8em;float: left;}
 .bannerbg .desc .tablecell{ height:280px; width:100%;}
 .bannerbg .desc .tablecell a.color1{ color:#666}
 .bannerbg .desc .tablecell a.color1:hover{ color:#ff0}


 #position{ margin-top:-90px}
 #position .posotionnav{ border-bottom:none;line-height: 32px;padding: 0; color:#FFF;}
 #position .posotionnav a{ color:#FFF;}
 #position .posotionnav a:hover{color:#fe741c;}
 #pos_bangdan{ background-color:#FFF;border-radius: 5px;}
 .blockstyle2 .tab.style5 > .tabmenubox{border-bottom: solid 1px #EEE;margin-bottom: 15px;height: 57px;}
 .blockstyle2 .tab.style5 > .tabmenubox .tabmenu{padding:0;}
 .blockstyle2 .tab.style5 > .tabmenubox .tabmenu .item{padding:7px 15px 0 15px;line-height: 50px;height: 50px;}
 .blockstyle2 .tab.style5>.tabmenubox .tabmenu .item em.icon{width:27px; height:19px;position: absolute;top: 0;right: 0; padding:0;}
 .blockstyle2 .tab.style5>.tabmenubox .tabmenu .item em.icon:after{ content:""; border:none;}
 .blockstyle2 .tab.style5>.tabmenubox .tabmenu .item em.flag{font-size:10px; color:#FFF; background-color:#F4340B; line-height:12px; display:inline-block; padding:2px; position:absolute; top:3px; right:0px;}
 .blockstyle2 .tab.style5>.tabmenubox .tabmenu .item em.flag:after{ content:"";position: absolute;top: 16px;left: 2px;height: 0px;width: 0;border-color: #F4340B;border-style: solid;border-right-color: transparent !important;border-left-color: transparent !important;border-bottom-color: transparent !important;border-width: 6px 5px 0px 0px;}
 .blockstyle2 .tab.substyle3 .tab2menubox .tabmenu{border:none; font-size:16px;}
 .blockstyle2 .tab.substyle3 .tab2menubox .tabmenu .item{border:none; padding:0 15px; margin-left:15px; background:rgba(190, 15, 27, 0.1); border-radius:4px;}
 .blockstyle2 .tab.substyle3 .tab2menubox .tabmenu .item:first-child{margin-left:0;}
 .blockstyle2 .tab.substyle3 .tab2menubox .tabmenu .item span{color:#8d512c;}
 .blockstyle2 .tab.substyle3 .tab2menubox .tabmenu .item.active{background:#8d512c; position:relative; overflow:visible; background:linear-gradient( 0deg, #8d512c, #db404a);}
 .blockstyle2 .tab.substyle3 .tab2menubox .tabmenu .item.active span{color:#fff;}
 .blockstyle2 .tab.substyle3 .tab2menubox .tabmenu .item.active::after{content:""; position:absolute; left:50%; top:100%; border-width:6px; border-style:solid; border-color:#8d512c transparent transparent transparent; margin-left:-6px;}
 #pos_bangdan .brand10webshop{border: solid 1px #EEE;}
 #pos_bangdan .brand10webshop ul .item{ background:none;}
 #pos_bangdan>.tabcont>.licont{ margin:0 20px;}
 #pos_bangdan>.tabcont>.licont .brand10zhishibang{ padding:10px 0 1px 0;}
 #pos_bangdan>.tabcont>.licont .brand10zhishibang .titlename{ text-align:center;}
 #container .rightlay{ margin-top:-58px;}
 #container #rightmenu{border-radius: 5px;}
 .blockstyle2 .brandbang .zhiminglist .zhimingbrandlist .bitem.bg2{background-color: #F6F1DC;}
 .blockstyle2 .brand10xgbangdan .brandlist.bg2{background-color: #F6F1DC;border-color: #eae5cb;}
 .blockstyle2 .brand10xgbangdan .brandlist.bg2 .item{border-color:#eae5cb;}
 .publicmapview{ position:relative;}
 .publicmapview .mapiframe{ width:100%; height:800px; margin-top:-25px; background:#fff; }