/** /public/css/block/brand/introduce.css **/
.brandintroduce .branddesc{ text-align:left;}
.brandintroduce .branddesc .img{width:890px; height:549px; position:relative;}
.brandintroduce .branddesc .img img{width:100%; height:100%;}
.brandintroduce .branddesc.minpic .img{float:left; margin:3px 15px 0 0; width:470px; height:290px; position:relative;}
.brandintroduce .branddesc.minpic .desc{display:inline; max-height:none; text-align:justify;}
.brandintroduce .branddesc.minpic .desc p:first-child{ padding-top:0;}
.brandintroduce .branddesc.minpic.noheight{ max-height:none;}
.brandintroduce .branddesc .img{ width:100%;}
.brandintroduce .branddesc .img img{ max-width:100%;}
.brandintroduce .branddesc .desc{line-height:1.8em;color:#444; padding-bottom:10px; }
.brandintroduce .branddesc .desc p{text-indent:2em; padding:0.25em 0; word-break:break-all;}
.brandintroduce .branddesc .desc p b{color:#333;}
.brandintroduce .authorinfo{ height:50px; line-height:50px; text-align:left; border-top:1px solid rgba(51,51,51,0.05); margin-top:10px;}
.brandintroduce .authorinfo .btn a{color:#be0f1b;}
.brandintroduce .authorinfo .btn a .iconfont,
.brandintroduce .authorinfo .btn a span{float:left; line-height:50px; font-size:12px; width:auto; height:auto;}
.brandintroduce .authorinfo .btn a .iconfont{margin:0 4px 0 8px;}

.brandintroduce .brandspecs a{ width:18%; float:left; margin-left:2.5%;margin-top: 20px;height: 50px;line-height: 40px;border-radius: 60px;padding: 5px;background: rgba(220, 173, 154, 0.2);}
.brandintroduce .brandspecs a:nth-child(5n+1){ margin-left:0;}
.brandintroduce .brandspecs a img.pic{width:40px;height:40px;border-radius: 50%;display: inline-block;line-height: 0;vertical-align: top;}
.brandintroduce .brandspecs a em{margin-left: 5px; font-size:15px;}
.brandintroduce .brandspecs:after{ content:""; clear:both; display:block;}
.brandintroduce .brandspecs.isopen a.hide{ display:none;}
.brandintroduce .brandspecs.isopen a.mores{ float:right;}
.brandintroduce .brandspecs.isopen a.mores em:after{ content:"展开更多>>";}
.brandintroduce .brandspecs a.mores em:after{ content:"收起>>";}
.brandintroduce .brandspecs a.mores .imgbg{width:40px;height:40px;border-radius: 50%;line-height: 0;display:table-cell; vertical-align:middle;background-size: 9999px auto;overflow: hidden;}
.brandintroduce .brandspecs a.mores .imgbg img{ width:40px;}
.brandintroduce .brandspecs a.mores em{ display:table-cell; vertical-align:middle;padding-left:5px;}

.brandintroduce .xyinfo{height:80px; margin:0 -1%; text-align:center;}
.brandintroduce .xyinfo .item{height:80px; background:rgba(220, 173, 154, 0.2); float:left; width:9%; margin:0 0.5%; border-radius:6px; display:table;}
.brandintroduce .xyinfo.col5 .item{width:18%; margin:0 1%;}
.brandintroduce .xyinfo.col6 .item{width:15.1%; margin:0 0.8%;}
.brandintroduce .xyinfo.col6 .item:first-child{width:14.9%;}
.brandintroduce .xyinfo.col7 .item{width:13.3%; margin:0 0.5%;}
.brandintroduce .xyinfo.col7 .item:first-child{width:13.2%;}
.brandintroduce .xyinfo.col8 .item{width:11.5%; margin:0 0.5%;}
.brandintroduce .xyinfo.col9 .item{width:10.1%; margin:0 0.5%;}
.brandintroduce .xyinfo.col9 .item:first-child{width:10.2%;}
.brandintroduce .xyinfo .item .itembg{display:table-cell; vertical-align:middle; line-height:0;}
.brandintroduce .xyinfo .item .itembg>.iconfont{font-size:16px; width:16px; height:16px; padding:8px; background:rgba(220, 173, 154, 0.2); border-radius:50%; display:inline-block; box-sizing:content-box; color:#be0f1b;}
.brandintroduce .xyinfo .item .itembg .name{line-height:1em; font-size:15px; padding:10px 0 8px 0; color:#333;}
.brandintroduce .xyinfo .item:hover .itembg .name{color:#ff6600;}
.brandintroduce .xyinfo .item.nolink:hover .itembg .name{color:#333;}
.brandintroduce .xyinfo .sj:hover .itembg .wz{display:none;}
.brandintroduce .xyinfo .sj .itembg .shuju{display:none!important;}
.brandintroduce .xyinfo .sj:hover .itembg .shuju{display:block!important; line-height:16px;}
.brandintroduce .xyinfo .item .itembg .red{line-height:1em; font-size:16px; display:inline-block;}
.brandintroduce .xyinfo .item .itembg .red span{float:left; line-height:16px;}
.brandintroduce .xyinfo .item .itembg .red span.u-star{line-height:0;}
.brandintroduce .xyinfo .item .itembg .red .iconfont{font-size:12px; float:left; line-height:16px; margin-left:2px; width:auto; height:auto;}
.brandintroduce .xyinfo .item .itembg .red .icon-jiantou-xiangxia{color:#999;}
.brandintroduce .xyinfo .item .itembg .red:after{content:""; clear:both; display:block;}
.brandintroduce .xyinfo .item .itembg .red .u-tjzs{width:65px; height:12px;}
.brandintroduce .xyinfo .item .itembg .red .u-tjzs .u-tjzs-out{width:65px; height:12px; background-size:13px 12px;}
.brandintroduce .xyinfo .item .itembg .red .u-tjzs .u-tjzs-in{height:12px; background-size:13px 12px; background-image:url(https://su.maigoo.com/public/mod/img/public/xin-o.png);}
 
 
 
 
 /** /public/css/block/brand/catlist.css **/
.brandcatlist{ padding:20px 0 0 0;}
.brandcatlist dl{ position:relative;}
.brandcatlist dt{width:50px; position:absolute; left:0; top:0;}
.brandcatlist dd{ padding-left:50px;}
.brandcatlist dd a{ width:15.666%; margin:0 0 10px 1%; border:1px solid rgba(190, 15, 27, 0.1); border-radius:4px; text-align:center; line-height:34px; float:left; font-size:15px;}
.brandcatlist .itembox.open dd a{ display:block !important;}
.brandcatlist dd a.more{ background:rgba(190, 15, 27, 0.1);}
.brandcatlist dd a.more::after{content:"展开更多>>";}
.brandcatlist .itembox.open dd a.more::after{content:"收起>>";}
 
 
 
 
 /** /public/css/block/public/navlist.css **/
.navlist{}
.navlist .itembox{}
.navlist .itembox:after,.navlist .itembox .slice:after{ content: "";  height: 0;clear: both; display: block;}
.navlist .swipe{padding-bottom: 40px;}

.navlist ul .item{ float:left; box-sizing:border-box;min-width:70px; text-align:center;}
.navlist ul .item .icon img{display:block; width:100%;}
.navlist ul .item .name{ line-height:2em;}

.navlist.style1 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.style1 ul .item .icon.shadow{box-shadow:0 0 0 6px rgba(255,255,255,.1)}/*不通用，待定修改*/
.navlist.style1 ul .item .icon img{border-radius:50%; width:100%; height:100%;}
.navlist.style1 ul .item .name{ line-height:2em; font-size:14px;}

.navlist.style2 ul .slice{border-top: 1px solid #eee;border-left:solid 1px #eee; background:#FFF;}
.navlist.style2 ul .item{border-bottom: 1px solid #eee;border-right: 1px solid #eee;padding:10px; margin-top:0 !important;}
.navlist.style2 ul .item .name{ font-size:13px;}
.navlist.style2 ul .item .icon{ display:block; width:70px; height:70px; border-radius:50%; margin:0 auto; padding:5px;}

/*一行n个*/
.navlist.col2 ul .item{ width:50%;}
.navlist.col2 ul .item:nth-child(n+3){ margin-top:20px;}

.navlist.col3 ul .item{ width:33.3%;}
.navlist.col3 ul .item:nth-child(n+4){ margin-top:20px;}

.navlist.col4 ul .item{ width:25%;}
.navlist.col4 ul .item:nth-child(n+5){ margin-top:20px;}

.navlist.col5 ul .item{ width:20%;}
.navlist.col5 ul .item:nth-child(n+6){ margin-top:20px;}

.navlist.col6 ul .item{ width:16.6667%;}
.navlist.col6 ul .item:nth-child(n+7){ margin-top:20px;}

.navlist.col7 ul .item{ width:14.2857%;}
.navlist.col7 ul .item:nth-child(n+8){ margin-top:20px;}

.navlist.col8 ul .item{ width:12.5%;}
.navlist.col8 ul .item:nth-child(n+9){ margin-top:20px;}

.navlist.col9 ul .item{ width:11.1111%;}
.navlist.col9 ul .item:nth-child(n+10){ margin-top:20px;}

.navlist.col10 ul .item{ width:10%;}
.navlist.col10 ul .item:nth-child(n+11){ margin-top:20px;}

.navlist.col11 ul .item{ width:9.09%;}
.navlist.col11 ul .item:nth-child(n+12){ margin-top:20px;}

.navlist.col12 ul .item{ width:8.33%;}
.navlist.col12 ul .item:nth-child(n+13){ margin-top:10px;}

.navlist.col14 ul .item{ width:7.14%;}

/*以下是个体单独样式*/
.navlist.style1 ul .item.s1 .icon.shadow{background:linear-gradient(135deg, #f87b93, #f3113c);}
.navlist.style1 ul .item.s2 .icon.shadow{background:linear-gradient(135deg, #ffd27f, #ffae1a);}
.navlist.style1 ul .item.s3 .icon.shadow{background:linear-gradient(135deg, #95d9e9, #40bbd7);}
.navlist.style1 ul .item.s4 .icon.shadow{background:linear-gradient(135deg, #cb99ee, #a147e0);}
.navlist.style1 ul .item.s5 .icon.shadow{background:linear-gradient(135deg, #a09be1, #544bca);}
.navlist.style1 ul .item.s6 .icon.shadow{background:linear-gradient(135deg, #fb9ebb, #f85084);}
.navlist.style1 ul .item.s7 .icon.shadow{background:linear-gradient(135deg, #ffba7c, #ff8415);}
.navlist.style1 ul .item.s8 .icon.shadow{background:linear-gradient(135deg, #93ccfe, #3fa4fe);}
.navlist.style1 ul .item.s9 .icon.shadow{background:linear-gradient(135deg, #71d7ca, #00b8a0);}
.navlist.style1 ul .item.s10 .icon.shadow{background:linear-gradient(135deg, #f08c88, #e4312a);}
.navlist.style1 ul .item.s11 .icon.shadow{background:linear-gradient(135deg, #a1adea, #586dda);}
.navlist.style1 ul .item.s12 .icon.shadow{background:linear-gradient(135deg, #cde79a, #a5d54b);}
.navlist.style1 ul .item.s13 .icon.shadow{background:linear-gradient(135deg, #97ebe2, #45dccb);}
.navlist.style1 ul .item.s14 .icon.shadow{background:linear-gradient(135deg, #b5ebaf, #7bdc71);}
.navlist.style1 ul .item.s15 .icon.shadow{background:linear-gradient(135deg, #ffb8dd, #ff80c2);}
.navlist.style1 ul .item.s16 .icon.shadow{background:linear-gradient(135deg, #fee58b, #fed030);}
.navlist.style1 ul .item.s17 .icon.shadow{background:linear-gradient(135deg, #9bdff5, #4dc6ee);}
.navlist.style1 ul .item.s18 .icon.shadow{background:linear-gradient(135deg, #bdc1fc, #8a90fa);}
.navlist.style1 ul .item.s19 .icon.shadow{background:linear-gradient(135deg, #a2c9f4, #599eec);}
.navlist.style1 ul .item.s20 .icon.shadow{background:linear-gradient(135deg, #ffaaaa, #ff6767);}

.navlist.style1 ul .item.geee .icon{background:#EEE;}


.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 ul .item.m1 .icon.shadow{background:linear-gradient(0deg,rgba(33,130,255,.2),rgba(60,177,255,.2),rgba(86,224,255,.2));}
.navlist ul .item.m2 .icon.shadow{background:linear-gradient(0deg,rgba(108,48,255,.2),rgba(144,95,255,.2),rgba(179,141,255,.2));}
.navlist ul .item.m3 .icon.shadow{background:linear-gradient(0deg,rgba(255,46,42,.2),rgba(255,136,136,.2)) !important;}
.navlist ul .item.m4 .icon.shadow{background:linear-gradient(0deg,rgba(255,130,30,.2),rgba(255,169,83,.2),rgba(255,208,135,.2));}
.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;}
 
 
 
 
 /** /public/css/block/brand/shili.css **/
.brandshili .itembox{ width:100%; background:url(https://su.maigoo.com/public/img/brand/shilibg.png); background-size:100% auto;}
.brandshili .itembox.notry{ background-position:left bottom;}
.brandshili .itembox .lirun{ width:100%; height:355px; position:relative; padding:70px 15px 15px 15px;}
.brandshili .itembox .years{ position:absolute; left:50%; top:20px; transform:translateX(-50%); background:rgba(0,0,0,0.2); color:#f9d205; line-height:2em; border-radius:4px; z-index:2;}
.brandshili .itembox .years dt{ padding:0 10px;}
.brandshili .itembox .years dt::after{content:""; border-width:6px; border-style:solid; border-color:#f9d205 transparent transparent transparent; display:inline-block; vertical-align:middle; margin:5px 0 0 5px;}
.brandshili .itembox .years dd{ display:none; background:#b22239; line-height:2.2em; text-align:center; color:rgba(255,255,255,0.5); cursor:pointer;}
.brandshili .itembox .years dd:hover{ color:#ff0;}
.brandshili .itembox .years:hover dd{ display:block;}
.brandshili .itembox .lirun .item{ height:270px; width:33.333%; float:left; text-align:center; position:relative;}
.brandshili .itembox .lirun .item .cvs{ margin:0 auto;}
.brandshili .itembox .lirun .item .ttl{ font-size:16px; font-weight:bold; color:#fff; position:absolute; left:0; top:30%; width:30%; text-align:center; line-height:2em; z-index:1;}
.brandshili .itembox .lirun .item .word{ font-size:30px; font-weight:bold; color:#ff0; position:absolute; left:0; top:0; width:100%; text-align:center; line-height:270px; z-index:1;}
.brandshili .itembox .lirun .item .percent{ font-size:14px; color:#fff; position:absolute; right:0; top:5px; line-height:2em; z-index:1;}

.brandshili .itembox .rybd{ width:100%; height:205px; position:relative; text-align:center; margin-bottom:20px;}
.brandshili .itembox .rybd .title{ text-align:center; line-height:70px; font-size:18px; color:#fff;}
.brandshili .itembox .rybd .jiantou{width: 22px;text-align: center;padding: 5px 0;position: absolute;top: 50%;margin-top: -36px;cursor: pointer;color: #fff;background: rgba(0,0,0,.6);}
.brandshili .itembox .rybd .jiantou.sright {right: 0;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.brandshili .itembox .rybd .jiantou.sleft {border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.brandshili .itembox .rybd .item{ width:15.5%; display:inline-block; height:118px; border-left:1px dashed rgba(255,255,255,0.2); position:relative;}
.brandshili .itembox .rybd .item::before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: url(https://su.maigoo.com/plugin/mod/img/1020/maigoosy_white.png) center -25px no-repeat; opacity:0.6}
.brandshili .itembox .rybd .item:nth-child(1){ border-left:0;}
.brandshili .itembox .rybd .item .ttl{padding:0 8px; color:rgba(255,255,255,0.7); text-align:center;line-height:1.5em;position:relative;z-index: 4;}
.brandshili .itembox .rybd .item a.ttl:hover{ color:rgba(255,255,255,0.3);}
.brandshili .itembox .rybd .item .sort{padding:5px 10px 10px; color:#fff; line-height:60px; text-align:center;}
.brandshili .itembox .rybd .item .sort span{ display:inline-block; width:60px; height:60px; border-radius:50%; line-height:60px; text-align:center; margin:0 5px; vertical-align:middle; background:#f23030; background:linear-gradient(50deg,#f23030,#9c0a17); font-size:24px; font-weight:bold;}
 
 
 
 
 /** /public/css/block/brand/votecat.css **/
.brandvotecat .blocktitle{ margin-bottom:0;}
.brandvotecat .tablebg{width:49%; float:left; background:rgba(220, 173, 154, 0.1); border-radius:6px;}
.brandvotecat .tablebg:nth-child(2){ float:right;}
.brandvotecat .tablebg h3{font-size:20px; font-weight:bold; color:#fff; line-height:50px; text-align:center; background:url(https://su.maigoo.com/public/img/brand/votettl.jpg?2022) left top no-repeat; border-radius:6px 6px 0 0;background-size: 100% 50px;}
.brandvotecat .tablebg table{padding:0 15px 5px;}

.brandvotecat .ttl td{ border-bottom:solid 1px rgba(220, 173, 154, 0.15); box-sizing:content-box;}
.brandvotecat td{ line-height:40px;height:40px;}
.brandvotecat td i.sort{ display:block; width:26px; height:26px; background:url(https://su.maigoo.com/public/img/vote/top10.png); background-size:cover; line-height:26px; color:#db9344; text-align:center;}
.brandvotecat td .votebtn{ padding:3px 5px; border-radius:4px; border-width:1px; border-style:solid;}
.brandvotecat td .votebtn.isvote{ border-color:#999; color:#CCC;}

.brandvotecat .more{text-align:center; line-height:0; border-top:solid 1px rgba(220, 173, 154, 0.15);}
.brandvotecat .more .morebtn{display:inline-block; cursor:pointer;}
.brandvotecat .more .morebtn span,
.brandvotecat .more .morebtn i{color:#be0f1b; float:left; line-height:1em; font-size:14px;}
.brandvotecat .more .morebtn i{margin-left:3px; transform:rotate(90deg);}
.brandvotecat .more.shut .morebtn i{margin-left:3px; transform:rotate(-90deg);}
.brandvotecat .desc{text-align:center; line-height:1em; color:#ccc; margin-top:15px;}
 
 
 
 
 /** /public/css/block/public/itempiclist.css **/
.itempiclist .item{display: block;float: left; border-radius:6px; overflow:hidden;}
.itempiclist .item img{ max-width:100%;}

.itempiclist.col2 .item{max-width:49%;}
.itempiclist.col2 .item:nth-child(2n){float: right;}
.itempiclist.col2 .item:nth-child(n+3){margin-top:15px;}

.itempiclist.col3 .item{max-width:32%;}
.itempiclist.col3 .item:nth-child(3n+2){ margin-left:2%; margin-right:2%;}
.itempiclist.col3 .item:nth-child(n+4){margin-top:15px;}

.itempiclist.col6 .item{ width:15%; margin-left:2%;}
.itempiclist.col6 .item:nth-child(6n+1){ margin-left:0;}
.itempiclist.col6 .item:nth-child(n+7){ margin-top:15px;}
 
 
 
 
 /** /public/css/block/webshop/list2.css **/
.webshoplist2 .item{ width:50%; float:left; box-sizing:border-box;padding-bottom: 20px;border-bottom: solid 1px #eee;}
.webshoplist2 .item:nth-child(2n+1) {padding-right: 1%;}
.webshoplist2 .item:nth-child(2n) {padding-left: 1%;}
.webshoplist2 .item:nth-child(n+3){padding-top: 20px;}
.webshoplist2 .item .imgbox{display: table-cell;vertical-align: middle;}
.webshoplist2 .item .imgbox a{width: 180px;height: 115px;margin-right: 15px;overflow: hidden; display:block;}
.webshoplist2 .item .imgbox img{ width:100%;}
.webshoplist2 .item .cont{display: table-cell;vertical-align: middle;}
.webshoplist2 .item .cont ul{width:240px;}
.webshoplist2 .item .cont .webtitle{margin-bottom:5px;}
.webshoplist2 .item .cont .webtitle img{ max-height:1em;display: inline-block;vertical-align: middle; margin-right:5px;}
.webshoplist2 .item .cont .title{font-weight: bold;}
.webshoplist2 .item .cont .typename{color:#be0f1b; background-color:rgba(190, 15, 27, 0.1); display:inline-block; vertical-align:middle; line-height:1.5em; padding:0 10px; border-radius:5em; margin-left:10px;}
.webshoplist2 .item .cont .shoplevel img {vertical-align: middle;max-height: 1.2em; margin-right:10px;}
.webshoplist2 .item .cont .buybtn{margin-top:5px; line-height:0;}
.webshoplist2 .item .cont .buybtn a{color:#fff; background:#be0f1b; border-radius:5em; padding:2px 10px; display:inline-block;}
.webshoplist2 .item .cont .buybtn a:hover{background:#fe741c;}
.webshoplist2 .item .cont .buybtn a span,
.webshoplist2 .item .cont .buybtn a i{float:left; font-size:14px; line-height:1.6em;}
.webshoplist2 .item .cont .buybtn a i{margin-left:3px;}

.webshoplist2 .itembox:after{ content:""; display:block; clear:both;}
 
 
 
 
 /** /public/css/block/public/navlist5.css **/
.navlist5 .item{position:relative; font-weight:bold;}
.navlist5 .item .iconfont{position: absolute;right: 15px;top: 50%;margin-top: -0.5em;}

.navlist5.style1 .item{padding:10px 50px 10px 15px;background:rgba(242, 48, 48, 0.1);border-radius:10px;color: #f23030; font-size:20px; line-height:1.5em;color: #f23030;}
.navlist5.style1 .item:hover{background:rgba(254, 116, 28, 0.1);color:#fe741c;}

.navlist5.style2 .item{padding:10px 50px 10px 15px;background:rgba(242, 48, 48, 0.1);border-radius:10px;color: #f23030; font-size:18px; line-height:1.5em;color: #333;}
.navlist5.style2 .item .iconfont {color: #be0f1b;}
.navlist5.style2 .item:hover{background:rgba(254, 116, 28, 0.1);color:#fe741c;}
.navlist5.style2 .item:hover .iconfont{color:#fe741c;}

.navlist5.style3 .item{padding: 5px 50px 5px 15px;background: rgba(190,15,27, 0.06);border-radius: 60px;color: #be0f1b; font-size:16px;line-height: 50px; height:60px;}
.navlist5.style3 .item:hover{color:#fe741c;}

.navlist5.col2 .item{float:left; width:49%;} 
.navlist5.col2 .item:nth-child(2n){ float:right;}
.navlist5.col2 .item:nth-child(n+3){ margin-top:15px;}

.navlist5.col3 .item{float:left; width:32%;} 
.navlist5.col3 .item:nth-child(3n+2){ margin-left:2%; margin-right:2%;}
.navlist5.col3 .item:nth-child(n+4){ margin-top:15px;}
 
 
 
 
 /** /public/css/block/product/list2.css **/
.productlist2 .itembox{counter-reset: li;}
.productlist2 .item{ width:32%; box-sizing:border-box;float:left; border:1px solid #eee;  position:relative; background:#fff;}
.productlist2 .item:nth-child(3n+2){ margin-left:2%; margin-right:2%;}
.productlist2 .item:nth-child(n+4){ margin-top:20px;}
.productlist2 .item .imgbox{ width:250px; height:250px; overflow:hidden;margin: 18px auto 0;}
.productlist2 .item .imgbox img{ width:100%;}
.productlist2 .item .cont{ padding:0 15px;}
.productlist2 .item .cont .title{ line-height:1.8em; height:3.6em;position: relative;margin-left: -24px;padding: 0px 0px 0px 30px; overflow:hidden;}
.productlist2 .item .cont .title .salelogo{ max-height:1.2em; display:inline-block; vertical-align:middle; margin-right:5px;}

.productlist2 .item .other{ height:2em; line-height:2em;}
.productlist2 .item .other .price {color: #f12828;font-weight: bold;display: inline-block;float:left;}
.productlist2 .item .other .salenum {float:right;display: inline-block;text-align: right;color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.productlist2 .item .shopurl{border-top: 1px solid #eee;padding: 8px 0; line-height:2em;}
.productlist2 .item .shopurl .iconfont{display: inline-block;text-align: center;margin-right:6px; font-size:1.6em;}

.productlist2 .item .shopurl.hasbj .bnum{ display:inline-block;vertical-align: middle; line-height:32px; float:right;}
.productlist2 .item .shopurl.hasbj a{width: 186px;display: inline-block;float: left;}
.productlist2 .item .shopurl.hasbj:after{ content:""; clear:both; display:block; height:0;}

.productlist2 .item .baojialist{ display:none;position:absolute;z-index:1; position:absolute; left:0; top:100%;padding:10px 0; min-width:100%; line-height:1.8em;background: #e6e7f2;}
.productlist2 .item .baojialist .li{ padding: 5px 10px;}
.productlist2 .item .baojialist img{vertical-align:middle; margin-right:5px;}
.productlist2 .item .baojialist .shopname{display: inline-block;vertical-align: top;max-width: 180px;}
.blockstyle2 .productlist2 .item .baojialist{background: #f7ece2;}
.productlist2 .item:hover .baojialist{ display:block;}

.productlist2 .item em.num{ width:22px; height:20px; text-align:center; background-color:#d3bf99; color:#FFF; position:absolute;left: 0px;top: 5px;line-height: 20px;}
.productlist2 .item em.num i:after{counter-increment: li;content: counter(li);}
.productlist2 .item em.num:after{ content:"";display: block;position: absolute;top: 0px;left: 100%;border-width:10px 6px 10px 0px;border-style: solid; border-color:#d3bf99;border-right-color: transparent !important;width: 0px;height: 0px;}
.productlist2 .item em.num:before{ content:""; position:absolute; top:100%; left:0px; border-color:#a6936e;border-style: solid;border-right-color: transparent !important;border-left-color: transparent !important;border-bottom-color: transparent !important;border-width: 5px 0px 0px 8px;width: 0px;height: 0px;}
.productlist2 .item:nth-child(1) em.num{ background-color:#de1e1e;}
.productlist2 .item:nth-child(1) em.num:after{ border-color:#de1e1e;}
.productlist2 .item:nth-child(1) em.num:before{ border-color:#ab0f0f;}
.productlist2 .item:nth-child(2) em.num{ background-color:#fc8142;}
.productlist2 .item:nth-child(2) em.num:after{ border-color:#fc8142;}
.productlist2 .item:nth-child(2) em.num:before{ border-color:#de5d1b;}
.productlist2 .item:nth-child(3) em.num{ background-color:#ffb535;}
.productlist2 .item:nth-child(3) em.num:after{ border-color:#ffb535;}
.productlist2 .item:nth-child(3) em.num:before{ border-color:#dd9b29;}
.productlist2.col4 .item{ width:23.5%; float:left; margin:10px 0 10px 2% !important;}
.productlist2.col4 .item:nth-child(4n+1){ margin-left:0 !important;}
 
 
 
 
 /** /public/css/block/company/xgbrand.css **/
.companyxgbrand .blocktitle{margin-bottom:-20px;}
.companyxgbrand li{padding:10px 0;}
.companyxgbrand li .img {display:table-cell; vertical-align:middle;}
.companyxgbrand li .img a{ display:block; border:solid 1px #eee; position:relative;}
.companyxgbrand li .img .imgbox{overflow: hidden;line-height: 0px;width:213px;height:96px; position:relative; z-index:2; padding: 3px;background: #fff; }
.companyxgbrand li .img a:after{content:""; width:213px; height:96px; background:rgba(0, 0, 0, 0.1);; transform:rotate(-3deg); position:absolute; left:0; top:0; z-index:1;}
.companyxgbrand li .img .imgbox img {width: 100%;display: block;}
.companyxgbrand li .img em {width: 207px;display: block;line-height: 1.8em;background-color: #eee;text-align: center;padding: 0px 10px;box-sizing: border-box;}
.companyxgbrand li .info {display: table-cell;vertical-align: middle; line-height: 1.8em;padding: 0 0 0 20px;}
.companyxgbrand li .info .h3em {max-height: 5.4em;overflow: hidden;}
.companyxgbrand li .info .h3em a:hover em.color1{color:#fe741c;}
 
 
 
 
 /** /public/css/block/company/shangbiao.css **/
.companyshangbiao{margin-bottom: 25px;}
.companyshangbiao .subtitle{font-size:16px; line-height:1.2em; margin:0 0 15px 0; font-weight:bold;color: #333;text-align: left;}
.companyshangbiao table{width:100%; border:1px solid #f3eae8;}
.companyshangbiao tr td{padding:15px 10px; border-top:solid 1px #eee;}
.companyshangbiao tr.b td{border-top:none;}
.companyshangbiao tr td.more{ padding:0;}
.companyshangbiao .morebtn a.style1{padding:0; margin:0; background:none; font-size:14px; color:#be0f1b; line-height:1em;}
.companyshangbiao .morebtn .iconfont,
.companyshangbiao .morebtn span{ display:inline-block;vertical-align: middle; font-size:14px; color:#be0f1b; line-height:1em;}
.companyshangbiao .morebtn .iconfont{transform:rotate(90deg);}
.companyshangbiao .notice{margin:10px 0 0 0; line-height:1.6em; text-align:justify; font-size:12px;}

.ke-dialog .companyshangbiao{height:450px; overflow-y:scroll;}
.ke-dialog .companyshangbiao table{border: none;}
.ke-dialog .companyshangbiao .morebtn a.style1{border: solid 1px #CCC;padding: 6px 10px;border-radius: 0;}
.ke-dialog .companyshangbiao .morebtn a::after{content: '点击获取更多';line-height: 1.5em;}
.ke-dialog .companyshangbiao .morebtn a.nomore::after{ display:none;}
.ke-dialog .companyshangbiao .morebtn a span,.ke-dialog .companyshangbiao .morebtn a .iconfont{display: none;}
.ke-dialog .companyshangbiao .notice{ display:none;}
.blockstyle2 .ke-dialog-header{margin: 20px 0;background: none;border:none;font-size: 18px;font-weight: bold;}
.blockstyle2 .ke-dialog-icon-close{right:17px;top:14px;}
.blockstyle2 .ke-dialog-icon-close:hover{transform: scale(1.4); }
.blockstyle2 .ke-button{padding:0;font-size: 16px;background: #FDB80C;color: #fff;}
.blockstyle2 .ke-dialog-no .ke-button{background:#e4e4e4;}
.blockstyle2 .ke-button-common{width:100px;height: 32px;}
.blockstyle2 .ke-dialog-footer{background: none;border:none;}
 
 
 
 
 /** /public/css/block/company/info.css **/
.companyinfo h4{font-size:16px; line-height:1em; margin:25px 0 15px;}
.companyinfo h4.first{margin-top:0;}
.companyinfo .tablelist{ line-height:1.8em;}
.companyinfo .tablelist.haveqrcode{width:100%; position:relative;}
.companyinfo .tablelist .tdleft{background:#f4f0f0; box-shadow:0 0 0 1px #f3eae8; float:left; width:16%; text-align:center; color:#666; padding:8px 10px;}
.companyinfo .tablelist .tdright{background:#f8f9fb; box-shadow:0 0 0 1px #f3eae8; float:left; width:34%; padding:8px 10px; text-align:justify;}
.companyinfo .tablelist .tdright.col2{ width:84% !important;}
.companyinfo .tablelist .tr{ background:#f4f0f0; box-shadow:0 0 0 1px #f3eae8;}
.companyinfo .tablelist .tr .tdleft{box-shadow:none;}

.companyinfo .tablelist.haveqrcode .tdright{ width:30%;}

.companyinfo .tablelist .qrcode{width:108px; background:#f8f9fb; border:1px solid #f3eae8; position:absolute; right:-1px; top:-1px; text-align:center; height:125px; padding-top:5px;}
.companyinfo .tablelist .qrcode img{width:90px; height:90px;}

.companyinfo .tablelist .tishi{font-size:12px; text-align:justify; color:#999; line-height:1.6em; margin-top:10px;}
 
 
 
 
 /** /public/css/block/public/swipepiclist.css **/
.swipepiclist{ padding:20px 0;}
.swipepiclist .slice{ display:block;overflow: hidden; }
.swipepiclist .slice img{ display:block; border-radius:20px; width:100%;}
.swipepiclist .slice .title{ text-align:center; position: absolute; bottom:0; left: 0; width: 100%;height: 45px;  z-index: 2; background: rgba(0,0,0,.3); line-height: 45px; border-radius:0 0 20px 20px;}
.swipepiclist.noradio .slice img{ border-radius:0;}
 
 
 
 
 /** /public/css/block/public/articlepraise.css **/
.articlepraise {margin-top: 30px; text-align:center; margin-bottom:15px;}
.articlepraise .dianzhan{ margin-right:20px; background-color:#FFDC00;}
.articlepraise .xiajiang{ background-color:#EEEEEE; color:#999999}
.articlepraise .dianzhan,.articlepraise .xiajiang{padding:0px 10px; display:inline-block; border:1px solid #eee; margin-bottom:10px; text-align:center; line-height:2.8em;min-width: 150px;border-radius: 1.5em;}
.articlepraise .dianzhan a{ display:block;}
.articlepraise .xiajiang a{color:#999999; display:block;}
.articlepraise .hui{ color:#999;}
.articlepraise .icon-dianzan-xiangxia {color:#999;}
.articlepraise .addnum.c999{ text-align:left;}
.articlepraise i.iconfont{display: inline-block;border-radius: 50%;background: #FFF;padding: 4px;  box-sizing:content-box;margin-right: 10px;}
.articlepraise .style2 .dianzhan{background-color: #be0f1b; border:none;}
.articlepraise .style2 .dianzhan .iconfont{color: #be0f1b;}
.articlepraise .style2 .dianzhan a{ color:#FFF;}
.articlepraise .style2 .xiajiang{background-color: #f1e2e2; border:none;}
.articlepraise .style2 .xiajiang .iconfont{color: #999;}
 
 
 
 
 /** /public/css/block/comment/commentlist.css **/
.commentlist .commentbox{ background:#fff; padding:10px; height:150px; border:1px solid #eee;}
.commentlist .commentbox .textarea{ width:100%; height:120px; line-height:1.5em; font-size:14px; background:none; outline:none; border:0; resize:none;}
.commentlist .btns{ text-align:right; background:#eee;}
.commentlist .btns a{font-size:14px; padding:10px; line-height:30px;}
.commentlist .btns .btn{ text-align:right; display:inline-block; vertical-align:middle; width:120px; height:50px; line-height:50px; text-align:center; color:#fff; cursor:pointer;}
.commentlist .btns .btn:hover{ background:#f60;}
.commentlist .commenttitle{ font-weight:bold; font-size:20px; line-height:25px; color:#333333; padding:20px 0;}
.commentlist .commenttitle i{ float:left; width:5px; height:25px; border-radius:3px; background:#ff4d30; margin-right:15px;}

.commentlist .item{ width:100%; padding:20px 10px; border-top:1px solid #e3e3e3;}
.commentlist .item:first-child{ border:0;}
.commentlist .item .img{ display:table-cell; vertical-align:top;}
.commentlist .item .img img{width:50px; height:50px; border-radius:50%;}
.commentlist .item .info{ display:table-cell; width:100%; vertical-align:top; line-height:1.8em; padding:0 0 0 15px;}
.commentlist .item .cont{padding:0.3em 0;}
.commentlist .item .other{ font-size:12px;}
.commentlist .item .other .del{ margin-left:20px;}
.commentlist .item .date{ margin-right:10px;}
.commentlist .item .fr{ float:right; margin-left:10px;}
.commentlist .item .other .jubao{ display:none;}
.commentlist .item:hover .other .jubao{ display:inline-block;}
.commentlist .item .other a{ color:#586b95}
.commentlist .item .other a:hover{ color:#f60}
.commentlist .replylist{ background:#f6f6f6; padding:0 15px;}
.commentlist .replylist .info{ display:table-cell; vertical-align:top; width:100%;}
.commentlist .replylist .item{ padding:10px 0;}
.commentlist .nothing{ text-align:center; padding:50px; color:#666; font-size:16px;}

.replybox .replycont{ background:#f6f6f6; padding:10px; margin-bottom:20px;}
.replybox .textarea{ width:100%; height:115px; line-height:1.5em; font-size:14px; background:none; outline:none; resize:none; background:#fff; padding:10px; border:1px solid #e3e3e3;}
 
 
 
 
 /** /public/css/block/other/shengming.css **/
#mzsmcontent{display:block; margin:40px auto 20px; background-color:#FFF; position:relative;border:1px solid #eee;}
#mzsmcontent .mzsm{ height:3.8em; padding:1.5em 20px;position: relative; overflow:hidden; margin-bottom:1em; box-sizing:content-box;}
#mzsmcontent .mzsm_title{position: absolute;line-height: 40px; width:230px; background-color: #FFF;left: 50%;top: -25px;margin-left: -115px; border-radius: 10px 10px 0 0; z-index: 1; padding: 0px 10px;border:1px solid #eee; border-bottom:0;}
#mzsmcontent .mzsm_title::before{content:""; position:absolute; top:25px; left:-1px; height:20px; width:1px; background-color:#fff;}
.shengming .mzsm_box{ margin-bottom:20px;}
#mzsmcontent .mzsm_title::after{content:""; position:absolute; top:25px; right:-1px; height:20px; width:1px; background-color:#fff;}
.shengming .mzsm_box{ margin-bottom:20px;}
.shengming .mzsm_box:last-child{ margin-bottom:0px;}
#mzsmcontent .moremzsm{ text-align:center; height:0;}
#mzsmcontent .moremzsm img{ width:30px; height:30px; top:-15px; position:relative; z-index:1;}
.shengming .mzsm_box a{ margin-right:10px;}

.blockstyle2 #mzsmcontent,
.blockstyle2 #mzsmcontent .mzsm_title{background-color:#faf7e7;}
.blockstyle2 #mzsmcontent .mzsm_title::before{background-color:#faf7e7;}
.blockstyle2 #mzsmcontent .mzsm_title::after{background-color:#faf7e7;}
.blockstyle2 #mzsmcontent .moremzsm img{background-color:#faf7e7;}
 
 
 
 
 /** /public/css/block/rightlay/brandcat.css **/
.rightlaybrandcat{padding: 15px;}
.rightlaybrandcat .item{display:block; height:81px; line-height:81px; border-top:1px solid #f5f5f5;}
.rightlaybrandcat .item:first-child{border-top:none;}
.rightlaybrandcat .item.dn{ display:none;}
.rightlaybrandcat .item .img{float:left; position:relative;}
.rightlaybrandcat .item .img:after{content:""; width:34px; height:18px; position:absolute; top:5px; left:50%; margin-left:-17px; background:url(https://su.maigoo.com/public/img/brand/huangguan.png) center center no-repeat; background-size:100%;}
.rightlaybrandcat .item .img img{width:48px; height:48px; padding:5px; border-radius:50%; background:rgba(220, 173, 154, 0.2);}
.rightlaybrandcat .item .name{float:left; padding:0 5px 0 10px; font-size:16px; max-width:220px; color:#be0f1b;}
.rightlaybrandcat .item:hover .name{color:#ff6600;}

.rightlaybrandcat .item .iconfont{float:left; line-height:81px; width:auto; height:auto; font-size:15px; color:#ff6600;}
.rightlaybrandcat .item .sort{float:left; font-size:14px; color:#ff6600; font-weight:bold; margin-left:4px;}


.dialogbody .rightlaybrandcat{height:450px;overflow-y: scroll;}

.rightlaybrandcat .morebtn{ padding:0;}
.rightlaybrandcat .morebtn a.style5{width: 100%;height:3em;line-height:3em;background: rgba(220, 173, 154, 0.2);color: #be0f1b; padding:0; margin:0;}
.rightlaybrandcat .morebtn a.style5:hover {background: #be0f1b;color: #fff;}
 
 
 
 
 /** /public/css/block/rightlay/list2.css **/
.rightlaylist2 .item{ width:33.3333%; float:left; text-align:center; margin-top:10px;}
.rightlaylist2 .item img{border-radius: 50%; margin-right:5px;}
.rightlaylist2 .item a{ border-radius:2em;padding: 0 6px;margin:0 3px; line-height:1.8em;}
.rightlaylist2 .item.tleft{ text-align:left;}

.rightlaylist2.col2 .item{ width:50%;}
.rightlaylist2.col4 .item{ width:25%;}


.rightlaylist2 .itembox:after{ content:""; display:block; clear:both;}

.rightlaylist2.style2 .item{ margin-top:0;}
.rightlaylist2.style2 .item a{ line-height: 2.3em;background: rgba(211, 215, 249, 0.15);color: rgba(255, 255, 255, 0.5);padding: 0px 8px; margin:0;}
.rightlaylist2.style2.col2 .item{ width:48%; float:left;}
.rightlaylist2.style2.col2 .item:nth-child(2n){ float:right;}
.rightlaylist2.style2.col2 .item:nth-child(n+3) {margin-top: 15px;}
 
 
 
 
 /** /public/css/block/rightlay/list6.css **/
.rightlaylist6 .item{width: 180px; float:left;margin: 2px;background: #fff;}
.rightlaylist6 .item img {width: 180px;height: 78px;margin: 0 auto;display: block;}
.rightlaylist6 .swipe{ padding:10px 0 5px 0;}
.rightlaylist6 .swipe .perview{ bottom:5px;}
.rightlaylist6 .swipe .perview i{ height:5px;}
.rightlaylist6 .cat{ width:31.333%; margin:0 1% 10px 1%; float:left; background:#fff; border-radius:1em; text-align:center; line-height:2em;}
 
 
 
 
 /** /public/css/block/ads/rbrand.css **/
.adsrbrand .itembox{ position:relative;}
.adsrbrand .swipe .perview{ bottom:-10px;}
.adsrbrand .swipe .perview i{ height:5px; margin:0 2px;}
.adsrbrand .itembox .item{ display:block; position:relative;}
.adsrbrand .itembox .phone{ position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.3); padding:0 5px 0 10px; line-height:24px; text-shadow:1px 1px 2px #333; color:#fff; font-size:15px;}
.adsrbrand .itembox .phone::after{content:""; position:absolute; left:100%; top:0; border-width:12px 8px; border-style:solid; border-color:transparent transparent rgba(0,0,0,0.3) rgba(0,0,0,0.3);}
.adsrbrand .itembox .ad{ position:absolute; right:0; bottom:0; font-size:12px; color:#b9b9b9; background:rgba(0,0,0,0.3); line-height:1.5em; padding:0 5px;}
 
 
 
 
 /** /public/css/block/rightlay/datacounts.css **/
.rightlaydatacounts .item i{ color:#4d56af; padding:0 5px;}

.blockstyle2 .rightlaydatacounts .item i{color:#7c0a12;}
 
 
 
 
 