/** /public/css/block/brand/headinfo.css **/
.brandheadinfo{margin-bottom:15px;}
.brandheadinfo .left{ width:230px;}
.brandheadinfo .left .img{width:230px; border-radius:6px; border:solid 1px #eeeeee; box-sizing:border-box; background-size:9999px auto;}
.brandheadinfo .left .img img{ display:block; margin:0 auto;}
.brandheadinfo .left .renling{ background:#eee; line-height:2.2em; text-align:center; font-size:16px; position:relative;}
.brandheadinfo .left .renling:hover .tanchu{display:block!important;}
.brandheadinfo .left .renling .tanchu{position: absolute;top: 35px; left:0;}

.brandheadinfo .left .btnlist{}
.brandheadinfo .left .btnlist a{width:110px; float:left; line-height:30px; border-radius:4px; text-align:center; margin-top:10px; background:#eee;}
.brandheadinfo .left .btnlist a:nth-child(2n){ float:right;}
.brandheadinfo .left .btnlist:after{ content:""; clear:both; display:block;}

.brandheadinfo .right{width:680px; margin-left:20px;}
.brandheadinfo .right .cname{line-height:0;}
.brandheadinfo .right .cname span.font30{line-height:30px; display:inline-block; vertical-align:middle;}
.brandheadinfo .right .lxwm{margin-top:6px;}
.brandheadinfo .right .lxwm .phone{display:block; line-height:26px; float:left;}
.brandheadinfo .right .lxwm .rongyuimg{display:inline-block; vertical-align:middle;  float:left; margin-left:6px;}

.brandheadinfo .right .iconem{ font-size:14px; line-height:1.8em; padding:0 6px;display: inline-block;vertical-align: text-bottom;margin-right: 5px;}
.brandheadinfo .right .iconem.c1{color: #fe741c;background:rgba(254,116,28,.1);}
.brandheadinfo .right .iconem.c2{color: #757dd3;background:rgba(117,125,211,.1);}

.brandheadinfo .right .btn{margin-top:10px;}
.brandheadinfo .right .btn a{ background:rgba(190,15,27,.1); line-height:2em; border-radius:1em; width:116px; float:left; text-align:center;margin-left: 15px;}
.brandheadinfo .right .btn a:first-child{ margin-left:0;}
.brandheadinfo .right .btn:after{ content:""; display:block; clear:both;}

.brandheadinfo .right .nlist{background-color:#eee; padding:7px 15px; margin-top:10px; border-radius:6px;}
.brandheadinfo .right .nlist li{ width:50%; float:left; line-height:2em; height:2em;}
.brandheadinfo .right .nlist li.c2{ width:100%;}
.brandheadinfo .right .nlist li.col3{width:33.333%;}
.brandheadinfo .right .nlist:after{ content:""; clear:both; display:block;}

.brandheadinfo:after{ content:""; clear:both; display:block;}
 
 
 
 
 /** /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/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/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/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/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:5px 0 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;}
.navlist.style2 ul .item .icon img{ border-radius:50%;}

/*一行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/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;}