.body_box{background: #f5f5f5;}
.fixed .NavList{display: none;}
.fixedpane.fixed .all_cate:hover .NavList{display: block;}
/* 广告位 */
.top_box{width: 100%; height: 560px; position: relative; }
.adv_box{width: 100%; height: 560px;background:linear-gradient(90deg,rgba(182,27,9,1) 0%,rgba(255,57,42,1) 100%); overflow: hidden; position: relative;}
.adv1_box {width: 1200px; margin: auto; position: absolute; left: 0; right: 0;bottom: 9px; padding-left: 230px; box-sizing: border-box;}
.adv1_box li{width: 242px; height: 124px; float: left; margin-left: 1px;}
.right_shop{width: 1200px; height: 1px; margin: auto; position: absolute; left: 0; right: 0;bottom: 9px;}
.right_shop .shop_box{position: absolute;right: 0; bottom: 0; width: 230px; height: 520px; background: #fff; border-radius:4px 4px 0px 0px; z-index: 3;}
.right_shop .shop_box .bg{position: absolute; top: 0; left: 0; right: 0; z-index: 0;}
.right_shop .shop_box .bg img{width: 100%;}
.right_shop .shop_box .ruzhu_btn{width: 212px; height: 125px; background: url(../images/ruzhu_bg.png) no-repeat center; background-size: cover; display: block; margin: auto; margin-top: -24px; font-size: 30px; text-align: center; font-weight: bold; box-sizing: border-box; padding-top: 36px; color: #fff; position: relative; z-index: 2;}
.ru_list { height: 420px; position: relative; z-index: 2;}
.ru_list dt{font-size: 18px; color: #333; font-weight: bold; padding:14px 12px; padding-top: 26px;  margin-bottom: 10px;}
.ru_list dd{padding:9px 13px; font-size: 14px; background: #fff;}
.ru_list a{display: inline-block; width: 140px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.ru_list a:hover{color: #FF6C00;}
.ru_list span{ color: #999; display: inline-block; text-align: right; width: 46px; margin-left: 10px; vertical-align: middle;}
.slideBox {width: 750px; height: 427px; margin-left: 220px;}
.slideBox .slideshow-item {height: 427px;}
.slideBox .slideshow-item  img{ height: 427px; max-width: 100%; object-fit: cover; object-position: center; /* position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; */}
.slideBox .slideshow-item{text-align: center;}

.slideBox .hd{position: absolute; left: 0; right: 0; bottom: 142px; text-align: center;}
.slideBox .hd li{display: inline-block; width: 10px; height: 10px; background: #fff; opacity: .6; border-radius: 5px; transition: width .2s; margin: 0 4px; cursor: pointer;}
.slideBox .hd li.on{opacity: 1; width: 28px;}
.con_boxa{ width: 1200px; margin: auto;}
.con_box{ width: 1200px; margin: auto; padding-bottom: 25px;}
/* 两列的商铺 */
.tow_col{width: 1200px; margin: auto; margin-top: 20px;}
.left_col,.right_col{width: 594px; /* height: 620px; */background: #fff; box-sizing: border-box; padding: 20px 18px; }
.left_col{float: left;}


.left_colbe,.right_col{background: #fff; box-sizing: border-box; padding: 20px 18px; }
.left_colbe{float: left;}

.right_col{float: right;}
.col_box h2,.brand_box h2{font-size: 24px; font-weight: bold; color: #333; line-height: 1.1em; position: relative;}
.col_box h2 a,.brand_box h2 a{font-size: 14px; color: #666; position: absolute; right: 0; font-weight: normal;}
.col_box h2 a:hover,.brand_box h2 a:hover{color: #FF6C00;}
.col_box ul li.shop_li{float: left; margin-top: 24px; margin-right: 20px;}
.col_box ul li.shop_li:nth-child(3n){margin-right: 0;}
.col_box ul li.shop_li a{display: block;}
.col_box ul li.shop_li a .img_box{width: 172px; height: 130px;  border: solid 1px #eee; overflow: hidden; position: relative; box-sizing: border-box;}
.col_box ul li.shop_li a .img_box img{position: absolute; width: 100%; height:130px; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.col_box ul li.shop_li h3{font-size: 15px; color: #333; font-weight: normal;margin-top: 6px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; max-width:170px; }
.col_box ul li.shop_li .shop_info p.star span{ display: inline-block; width: 90px; margin-right: 10px; height: 18px; background: url(../images/star1_i.png) repeat-x ; vertical-align: middle; margin-bottom: 4px;}
.col_box ul li.shop_li .shop_info p.star span s{background: url(../images/star_i.png) repeat-x ;  height: 18px; display: block;}
.col_box ul li.shop_li .shop_info p{font-size: 14px; color: #999; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 172px;}
.con_box .adv4_box img{object-fit: cover; width: 100%;}

.col_boxb h2,.brand_box h2{font-size: 24px; font-weight: bold; color: #333; line-height: 1.1em; position: relative;}
.col_boxb h2 a,.brand_box h2 a{font-size: 14px; color: #666; position: absolute; right: 0; font-weight: normal;}
.col_boxb h2 a:hover,.brand_box h2 a:hover{color: #FF6C00;}
.col_boxb ul li.shop_li{float: left; margin-top: 24px; margin-right: 20px;}
.col_boxb ul li.shop_li:nth-child(6n){margin-right: 0;}
.col_boxb ul li.shop_li a{display: block;}
.col_boxb ul li.shop_li a .img_box{width: 177px; height: 130px;  border: solid 1px #eee; overflow: hidden; position: relative; box-sizing: border-box;}
.col_boxb ul li.shop_li a .img_box img{position: absolute; width: 100%; height:130px; object-fit: cover; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.col_boxb ul li.shop_li h3{font-size: 15px; color: #333; font-weight: normal;margin-top: 6px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; max-width:170px; }
.col_boxb ul li.shop_li .shop_info p.star span{ display: inline-block; width: 90px; margin-right: 10px; height: 18px; background: url(../images/star1_i.png) repeat-x ; vertical-align: middle; margin-bottom: 4px;}
.col_boxb ul li.shop_li .shop_info p.star span s{background: url(../images/star_i.png) repeat-x ;  height: 18px; display: block;}
.col_boxb ul li.shop_li .shop_info p{font-size: 14px; color: #999; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 172px;}
.con_boxb .adv4_box img{object-fit: cover; width: 100%;}



.brand_box{padding: 18px 11px; background: #fff; margin-top: 20px; position: relative;}
.brand_box h2{padding:0 9px; margin-bottom: 20px;}
.brand_box h2 a{right: 9px;}
.brand_box ul{position: relative; z-index: 2;}
.brand_box li{display: block; width: 217px; height: 250px; float: left; margin: 12px 9px; background-color: #f2f2f2; border-radius: 6px;}
.brand_box .bg_adv{width: 100%; position: absolute; bottom: 0; left: 0; right: 0;z-index:1;}
.brand_box .bg_adv img{width: 100%;display: block;}
/* 热门推荐 */
.hot_rec {margin-top: 20px; }
.hot_rec dt,.hot_rec dd{float: left; width: 190px; height: 288px; margin-right: 10px;}
.hot_rec dd:last-child{margin-right: 0;}
.hot_rec dt{background: url(../images/hot_bg.png) no-repeat center; background-size: cover; color: #fff; text-align: center; box-sizing: border-box; padding-top: 26px;}
.hot_rec dt h3{font-size: 36px; font-weight: bold;}
.hot_rec dt p{font-size: 16px;}
.hot_rec dt a{width: 118px; height: 40px; border-radius: 20px; background: #fff; color: #FF6C00; font-size: 16px; display: block; text-align: center; margin: auto; line-height: 40px; margin-top: 100px;}
.hot_rec dd.rec_dd{background: #fff;}
.hot_rec dd.rec_dd:hover{box-shadow:0px 6px 13px 0px rgba(187,187,187,0.29);}
.hot_rec dd.rec_dd a{display: block;}
.hot_rec dd.rec_dd .pro_img{width: 100%; height: 190px; overflow: hidden; position: relative; background: #f5f5f5;}
.hot_rec dd.rec_dd .pro_img img{position: absolute; width: 100%;height: 190px; object-fit: cover;position: absolute;left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.hot_rec dd.rec_dd .pro_info{padding: 10px;}
.hot_rec dd.rec_dd .pro_info h3{font-size: 15px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hot_rec dd.rec_dd .pro_info .careList{margin-top: 2px;}
.hot_rec dd.rec_dd .pro_info .left_head{width: 80px; float: left; height: 24px;}
.hot_rec dd.rec_dd .pro_info .left_head li{width: 24px; height: 24px; border-radius: 50%; overflow: hidden; display: inline-block; margin-right: -6px;}
.hot_rec dd.rec_dd .pro_info .left_head li img{width: 100%; height: 100%; object-fit: cover;}
.hot_rec dd.rec_dd .pro_info .right_txt{float: left; font-size: 14px; color: #999; text-align: right; line-height: 24px;}

.InfoContent{width:100%;background: #f5f5f5; position: relative; z-index: 0; padding-bottom:40px;}
.InfoContent h1{font-size: 28px; font-weight: bold; text-align: center; color: #333; margin-bottom:20px;}

.Info_Box{position: relative;background: #fff;box-shadow: 0px 1px 5px 0px rgba(0, 44, 125, 0.07); padding-bottom:25px; padding-top:20px;}
.Info_Box ul li .libox{width: 50%;float: left;text-align: left;padding:6px 22px; box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box;}
.Info_Box ul li .libox:first-child{padding-top: 10px;}
.Info_Box ul li .libox:first-child+.libox{padding-top: 10px;}
.Info_Box ul li .libox a{display: block;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.Info_Box .l p{float: left;}
.Info_Box .l i{display: inline-block;width: 18px;height: 18px;vertical-align: top; margin-top: 2px;margin-left: 5px}
.Info_Box .l i.top_i{background: url(../images/new.png) repeat-x;background-size:18px;}
.Info_Box .l i.fire{background: url(../images/fire.png) repeat-x;background-size:18px;}
.Info_Box ul li .libox:nth-child(odd){border-right: solid 1px #f0f2f7;padding-right: 32px}
.Info_Box ul li .libox:nth-child(even){padding-left: 32px}
.Info_Box .libox .intit{font-size: 15px;color:#333;float: left;max-width: 375px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.Info_Box .libox:hover .intit{color:#FF653B;}
.Info_Box .libox:hover .intit b{color:#FF653B;}
.Info_Box .libox .intit b{margin-right: 10px;color: #999}
.Info_Box .libox .time{font-size: 12px;color:#999;float: right;    padding-top: 2px;}
/*骞垮憡banner*/
.adv_wrap{margin-top: 22px}

/* 为你推荐 */
.rec_box {margin-top: 50px;}
.rec_box h1{font-size: 28px; font-weight: bold; text-align: center; color: #333;}
.rec_box>p{text-align: center; font-size: 16px; color: #999; margin-bottom: 40px;}
.rec_box .rec_ul{padding-bottom: 10px;}
.rec_box .rec_li{width: 25%; float: left; margin-bottom: 30px;}
.rec_box .rec_li a:hover{box-shadow:0px 10px 32px 0px rgba(72,88,112,0.09);}
.rec_box .rec_li a{display: block; width: 275px; height: 310px; background: #fff; margin: auto; position: relative; box-sizing: border-box; padding-top: 62px;}
.rec_box .rec_li .shop-bg{height: 140px; position: absolute; left: 0; top: 0; right: 0;}
.rec_box .rec_li .shop-bg img,.rec_box .rec_li .img-title img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.rec_box .rec_li .img-title{width: 140px; height: 140px; border-radius: 50%; box-shadow:0px 5px 18px 0px rgba(175,175,175,0.18); background: #fff; position: relative; overflow: hidden; margin: auto;}
.rec_box .rec_li .shop-details{padding: 0 20px;}
.rec_box .rec_li .shop-details .name{ font-size: 15px; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 24px;}
.rec_box .rec_li .shop-details .label{text-align: center; margin-top: 6px;}
.rec_box .rec_li .shop-details .label span{display: inline-block; height: 26px;line-height: 24px; padding: 0 10px; border: solid 1px #FF6C00; color: #FF6C00; font-size: 12px; text-align: center; border-radius: 4px; margin: 0 1px; box-sizing: border-box;}
.rec_box .rec_li .shop-details .location{color: #999; font-size: 14px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 14px;}
.rec_box .rec_li .shop-details .tel{width: 228px; height: 45px; border-radius: 23px; background: #fff;box-shadow:0px 5px 43px 0px rgba(175,175,175,0.24); color: #FF6C00; font-size: 16px; font-weight: bold; line-height: 45px; text-align: center; margin: auto; margin-top: 16px;}
.rec_box .rec_li .shop-details .tel em{color: #fff; display: none;}
.rec_box .rec_li .shop-details .tel:hover{background: #FF6C00;}
.rec_box .rec_li .shop-details .tel:hover span{display: none;}
.rec_box .rec_li .shop-details .tel:hover em{display: block;}
.rec_box a.more_rec{ display: block; width: 163px; height: 47px; margin: auto; line-height: 45px; border-radius: 10px; font-size: 16px; color:#999; box-sizing: border-box; border: solid 1px  #C4C4C4; text-align: center;}
.rec_box a.more_rec:hover{color: #FF6C00; border: solid 1px  #FF6C00;}
.rec_box a.more_rec:hover i{background-image: url(../images/l_arr2.png)}
.rec_box a.more_rec i{display: inline-block; width: 18px; height: 18px; background: url(../images/l_arr1.png) no-repeat center; background-size: cover; vertical-align: middle; margin-bottom: 2px;}
.InfoContent a.more_rec{ display: block; width: 163px; height: 47px; margin: auto; line-height: 45px; border-radius: 10px; font-size: 16px; color:#999; box-sizing: border-box; border: solid 1px  #C4C4C4; text-align: center; margin-top:25px;}
.InfoContent a.more_rec:hover{color: #FF6C00; border: solid 1px  #FF6C00;}
.InfoContent a.more_rec:hover i{background-image: url(../images/l_arr2.png)}
.InfoContent a.more_rec i{display: inline-block; width: 18px; height: 18px; background: url(../images/l_arr1.png) no-repeat center; background-size: cover; vertical-align: middle; margin-bottom: 2px;}
.footer{margin-top: 0;}
.tagsb{padding:15px;}
.tagsb li{float:left; padding:10px;}