#banner{ width: 100%; height: 588px; background:#faa5bb;}
#banner .banner{ width:1230px; margin: 0 auto;}
#banner #menu{ width: 200px; height: 588px; float: left; background-color:rgba(255,255,255,0.9); position:relative;}
#banner #menu .cat1{ line-height: 39px; height: 39px; padding: 0 15px; cursor: pointer; text-align: right;}
#banner #menu .cat1 .name{ float:left;}
#banner #menu .cat1:hover{ background:#fff;}
#banner #menu .cat1 .belowcategory{ display:none; position:absolute; left:200px; top:0; width: 1030px; height: 588px; z-index:99; text-align:left; border:1px solid #ddd; border-left:1px solid #eee;}
#banner #menu .cat1 .belowcategory .left{ width:1028px; height:588px; overflow:auto; float:left; line-height:1.6em; padding:10px 0; background: #fff;display: flex;flex-wrap: wrap;align-content: flex-start;justify-content: flex-start;flex-direction: column;}
#banner #menu .cat1 .belowcategory .left dt{width: 120px;float:left;padding: 10px 30px;text-align: justify;font-weight:bold;font-size: 14px;text-align-last: justify;}
#banner #menu .cat1 .belowcategory .left i{display:block;position: relative;float: left;margin: 20px 0 20px -26px;background:url(/public/images/web/right_arrow.png) no-repeat;height: 8px;width: 8px;}
#banner #menu .cat1 .belowcategory .left dd{width:688px;float:left;border-bottom:1px dashed #e5e5e5;padding:10px 0;font-size: 14px;}
#banner #menu .cat1 .belowcategory .left dd a{ display:inline-block; margin-right:10px;}
#banner #menu .cat1 .belowcategory .left dd span{ display:inline-block; margin-right:10px; color:#999}
#banner #menu .cat1 .belowcategory .right{ width:200px; height:588px; float:right; background-color: rgba(250,250,250,1); padding:8px 10px;}
#banner #menu .cat1 .belowcategory .right a{ width:50%; float:left; padding:1px;}
#banner #menu .cat1 .belowcategory .right a:hover{ background:#f90;}
#banner #menu .cat1 .belowcategory .right a img{ width:88px; height:38px; display:block;}
#banner #menu .cat1:hover .belowcategory{ display:block;}
#banner #menu .belowcategory .belowcategory_content{ width: 45%;margin-left: 20px;margin-right: 20px;padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px dashed #e5e5e5}
#banner #menu .belowcategory .belowcategory_content .title{ font-size: 14px;font-weight: bold;}
#banner #menu .belowcategory .belowcategory_content .content{ font-size: 14px;margin-top: 5px;}
#banner #menu .belowcategory .belowcategory_content .content a{ margin-right: 10px}
#banner #menu .belowcategory .belowcategory_content .content span{ margin-right: 10px}


#banner #ads{ position:relative; float: left; width: 700px; height: 588px;}
#banner #ads ul.list{ position:absolute; bottom: 10px; left: 0.8%; width: 98.4%; height: 120px;}
#banner #ads ul.list li{ width: 31.9333%; float: left;height:120px; margin: 0 0.7%; background: rgba(255,255,255,0.8); position:relative; padding:10px;}
#banner #ads ul.list li .dhidden{ width:100px; line-height:2em;}
#banner #ads ul.list li img{ position:absolute; width:100px; height:100px; top:10px; right:10px;}
#banner #rightart{ width: 330px; height: 568px; margin-top: 10px; float: right; background: #fff;}

.sharettl{ background:#fff; height: 50px; line-height: 48px; padding: 0 0 0 20px;}
.sharettl b{ margin:0 10px 0 50px; font-size:14px; display:inline-block; border-bottom:3px solid #f36; line-height:3.2em;}
.sharettl .name{ margin:0 15px;}
.sharettl .more{ position:absolute; right:20px; top:12px; font-size:14px; color:#666; line-height: 46px;}
.sharettl .more:hover{ color:#f60}
.sharettl .more img{ margin-left:5px; margin-top:-2px;}


#rightart dt{ padding: 20px 0 10px 0;}
#rightart dt div{border-left:4px solid #ee3985; padding: 0 15px; font-size: 22px; line-height: 22px; display: inline-block;}
#rightart dt span{ color: #999;}
#rightart dd{ padding: 0 20px;}
#rightart dd a{ display: block; border-bottom: 1px solid #eee; line-height: 3.5em; font-size: 14px;}
#rightart dd a i{ display: inline-block; width:22px; height:24px; vertical-align:middle; margin-right: 10px;}
#rightart dd a i.n1{ background:url(/public/images/web/li1.png)}
#rightart dd a i.n2{ background:url(/public/images/web/li2.png)}
#rightart dd a i.n3{ background:url(/public/images/web/li3.png)}
#rightart dd a i.n4{ background:url(/public/images/web/li4.png)}
#rightart dd a i.n5{ background:url(/public/images/web/li5.png)}
#rightart dd a i.n6{ background:url(/public/images/web/li6.png)}
#rightart dd a i.n7{ background:url(/public/images/web/li7.png)}
#rightart .iconlist{ width:100%; padding-top:10px;}
#rightart .iconlist .li{ width:33.333%; float:left; padding:10px; font-size:12px;}
#rightart .iconlist .li .name{ color:#333;}
#rightart .iconlist .li .desc{ color:#999;}
#rightart .iconlist .li i{ display:block; float:left; width:30px; height:30px; margin-right:5px;}
#rightart .iconlist .li.n1 i{ background:url(/public/images/web/icon1.png)}
#rightart .iconlist .li.n2 i{ background:url(/public/images/web/icon4.png)}
#rightart .iconlist .li.n3 i{ background:url(/public/images/web/icon7.png)}
#rightart .iconlist .li.n4 i{ background:url(/public/images/web/icon2.png)}
#rightart .iconlist .li.n5 i{ background:url(/public/images/web/icon5.png)}
#rightart .iconlist .li.n6 i{ background:url(/public/images/web/icon8.png)}
#rightart .iconlist .li.n7 i{ background:url(/public/images/web/icon3.png)}
#rightart .iconlist .li.n8 i{ background:url(/public/images/web/icon6.png)}
#rightart .iconlist .li.n9 i{ background:url(/public/images/web/icon9.png)}


.productlist dd{ float:left; width: 162px; margin: 15px 0 20px 16px; -webkit-transition: all .2s linear; transition: all .2s linear;}
.productlist dd:hover{-webkit-box-shadow: 0 0px 15px rgba(0,0,0,.1); box-shadow: 0 0px 15px rgba(0,0,0,.1); -webkit-transform: translate3d(0,-2px,0); transform: translate3d(0,-2px,0);}
.productlist dd:nth-child(1){ margin-left: 0px;}
.productlist dd a{ display:block; }
.productlist dd:last-child a{ border-bottom:0;}
.productlist dd img{ width: 162px; height: 162px; background: #eee;}
.productlist dd .info{ padding: 10px; background: #fff;}
.productlist dd .info .title{ line-height:1.4em; font-size:14px;}
.productlist dd .info .price{ color: #f36; float: left; line-height: 1.6em; font-weight: 700;}
.productlist dd .info .other{ text-align: right; padding: 5px 0;}
.productlist dd .info .buy{ color: #666; line-height: 1.8em;}

.contlist .swiper-container{ width: 190px; height: 350px; float: left; margin-right: 5px;}
.contlist .swiper-container .swiper-slide{ background: #eee;}
.contlist .midbox{ width: 680px; height: 350px; float: left; overflow:hidden; border-top:1px solid #cd947f; background: #fff;}
.contlist .midbox .menu{ float:left; width:118px; text-align:center; position:relative; z-index:1; font-size: 14px;}
.contlist .midbox .menu span{ display:block; line-height:51px; border-bottom:1px solid #eee; cursor:pointer;}
.contlist .midbox .menu span.active{ background:#cd947f; color:#fff; position:relative; font-weight: 700;}
.contlist .midbox .menu span.active::after{content:""; width:0; height:0; border-width:5px; border-style:solid; border-color:transparent #fff transparent transparent; position:absolute; right:0; top:50%; margin-top:-5px;}
.contlist .midbox .cont{ float:left; width:562px; border-bottom:1px solid #eee; border-left:1px solid #eee; margin-left:-1px;}
.contlist .midbox .cont .list{ display:none; padding: 4px 8px}
.contlist .midbox .cont .list.active{ display:block;}
.contlist .midbox .cont .list a{height: 88px;  border: 1px solid #CCCCCC; margin: 6px; display:block; width:124px; float:left;  text-align: center; -webkit-transition: all .2s linear; transition: all .2s linear;}
.contlist .midbox .cont .list a:hover{ -webkit-box-shadow: 0 0px 15px rgba(0,0,0,.1); box-shadow: 0 0px 15px rgba(0,0,0,.1); -webkit-transform: translate3d(0,-2px,0); transform: translate3d(0,-2px,0);}
.contlist .midbox .cont .list .info{margin-top: 5px;}
.contlist .midbox .cont .list a .price{ color: #f36; font-weight: 700; display: inline-block; margin-top:3px;}
.contlist .midbox .cont .list a .name {height: 33px; line-height: 33px; font-size: 14px; border-top: 1px solid #F6F6F6}
.contlist .midbox dl dt{ text-align:center; padding:14px 0; position:relative;}
.contlist .midbox dl dt:before{content:""; width:96%; position:absolute; height:0; border-bottom:2px dotted #cecece; left:2%; top:50%;}
.contlist .midbox dl dt span{ padding:0 20px; background:#fff; position: relative; z-index:1; font-size:18px;}
.contlist .midbox .bottomlist .item{ width:50%; float:left; padding:0 20px 0 60px; position:relative;}
.contlist .midbox .bottomlist .item .li{ position:absolute; left:10px; top:5px; width:40px; height:60px;}
.contlist .midbox .bottomlist .item .li.n1{ background-image:url(/public/images/web/li1x2.png); background-repeat:no-repeat; background-position:center;}
.contlist .midbox .bottomlist .item .li.n2{ background-image:url(/public/images/web/li2x2.png); background-repeat:no-repeat; background-position:center;}
.contlist .midbox .bottomlist .item .ttl{ font-size:16px; color:#333; line-height:1.4em;}
.contlist .midbox .bottomlist .item .desc{ font-size:14px; color:#999; line-height:1.5em; margin:5px 0;}
.contlist .midbox .catlist .item{ width:24%; height:84px; margin:0 0.5%; float:left; position:relative; background:#fef3f1; padding:20px 10px; line-height:1.5em;}
.contlist .midbox .catlist .item .ttl{ color:#9c4131;}
.contlist .midbox .catlist .item .ttl img{ margin-left:10px;}
.contlist .midbox .catlist .item .desc{ color:#ba887f;}
.contlist .midbox .belowlist .item{ width:50%; float:left; padding:0 10px 0 10px; position:relative; font-size:14px; line-height:2em;}
.contlist .midbox .belowlist .item .ttl{ width:28%; float:left; padding-left:10px;}
.contlist .midbox .belowlist .item .below{ width:23%; float:left; text-align:center;}
.contlist .rightbox{ width: 340px; height: 350px; padding:10px 20px; float: right; background: #fff;}
.contlist .rightbox dt{ border-bottom:1px solid #e6e6e6; position:relative;}
.contlist .rightbox dt .ttl{ display:inline-block; font-size:18px; font-weight:bold; line-height:2.5em; margin-bottom:-1px; border-bottom:2px solid #cd947f;}
.contlist .rightbox dt .more{ position:absolute; right:0px; top:13px; font-size:14px; color:#666;}
.contlist .rightbox dt .more:hover{ color:#f60;}
.contlist .rightbox dt .more img{ margin-left:5px; margin-top:-2px;}
.contlist .rightbox dd a{ line-height:3.4em; border-bottom:1px solid #eee; font-size: 14px;}
.contlist .rightbox dd a:last-child{ border-bottom:0;}
.contlist .rightbox dd a i{ color:#ee3985; margin-right:5px;}
.ads1{ padding: 20px 0;}
.ads3{ padding: 20px 0;}
.brandlogo{ margin:20px 0; line-height: 1.8em;}
.brandlogo a.img{ width:122px; boder-top:0; border-left: 0; float:left; text-align:center; margin: 0 1px 1px 0; background: #fff;}
.brandlogo a.img:nth-child(10n){ margin: 0 0 1px 0; width: 123px;}
.brandlogo a.img img{ width:122px; height:53px;}
.brandlogo a.img .name{ font-size: 14px;}

.bottombox .xgshoplist{width:555px; float:left; background:#fff;}
.xgshoplist dt{ line-height:49px; background:#f7f7f7; border:1px solid #eee; border-bottom:0; padding:0 20px; font-size:18px; font-weight: 700; position:relative;}
.xgshoplist dt .more{ position:absolute; right:15px; top:0; font-size:14px; color:#666; font-weight:normal;}
.xgshoplist dt .more:hover{ color:#f60;}
.xgshoplist dt .more img{ margin-left:5px; margin-top:-2px;}

.xgshoplist dd{ padding:0 20px;}
.xgshoplist dd a{ padding:20px 0; display:block;  border-bottom:1px dashed #e2e2e2;}
.xgshoplist dd:last-child a{ border-bottom:0;}
.xgshoplist dd img{ float:left; border:1px solid #eee; margin-right:10px;}
.xgshoplist dd .name{ line-height:32px; font-weight:700;}
.xgshoplist dd .desc{ line-height:1.9em; padding-top:10px;}

.bottombox .xgarticlelist{ width:327px; float:right; background:#fff;}
.bottombox .xgarticlelist.mid{ margin:0 10px; float:left;}
.bottombox .xgarticlelist dt{ line-height:49px; background:#f7f7f7; border:1px solid #eee; border-bottom:0; padding:0 20px; font-size:18px; font-weight: 700; position:relative;}
.bottombox .xgarticlelist dt .more{ position:absolute; right:15px; top:0; font-size:14px; color:#666; font-weight:normal;}
.bottombox .xgarticlelist dt .more:hover{ color:#f60;}
.bottombox .xgarticlelist dt .more img{ margin-left:5px; margin-top:-2px;}
.bottombox .xgarticlelist dd{ padding:0 20px; line-height:42px;}
.bottombox .xgarticlelist dd a{ border-bottom:1px solid #eee; font-size:14px;}
.bottombox .xgarticlelist dd:last-child a{ border-bottom: 2px solid #fff;}