/*cms catalog*/
.menu-cateroy{background-color: #fff;padding: 30px 30px 0 30px;}
.menu-cateroy ul{margin: 0;padding: 0;display:flex;display:-webkit-flex;justify-content:space-around;}
.en{display:none;}
.menu{width: auto;background-color: rgb(239,239,239);}
.menu_container{margin: 0 auto;width: 1185px;background-color: white;}
.menu_item{position: relative;margin-bottom: 30px;float: left;width: 360px;background: -moz-linear-gradient( top,#ccc,#000);}
.menu_item.last{margin-right:0;}
.menu_item p{position: absolute;top: 35%;left:0;z-index: 10;font-size: 40px;font-weight: 500;color: white;text-align: center;width: 100%;}
.imgbg{width: 100% ;height: 100%; top: 0; left: 0; position: absolute; background: #000;opacity:0.5;transition:1s;}
.store{background-color: #fff;}
.store h2 {color: #333;text-align: center;letter-spacing: 8px;font-size: 40px;padding:25px 0 10px 0;margin:50px 30px 0 30px;border-bottom: 1px solid #f0f0f0;}
.logo-item{background:url("../images/cms/waimai/web/waimai-ico@2x.png");display: inline-block;}
.logo-item.store{background-position: 0 -55px;width: 37px;height: 31px;margin-right: 10px;}
.card{background-color: #fff;padding: 30px;justify-content: space-between;}
.store-content{flex: 0 0 48%;color: #666;font-size: 20px;position: relative}
.store-title a{font-size: 32px;color:#333;}
.dis-flex{display: flex;}
.logo-item.star{background-position: 0 -260px;height: 33px;width: 158px;float: right;}
.dis-flex.flex-center-style{justify-content: space-between;align-items: center}
.dis-flex.flex-center-stylet{align-items: center}
.flex-center{justify-content: space-between;}
.logo-item.position {background-position: 0 -89px;width: 37px;height: 33px;margin-right: 5px;}
.logo-item.tel{background-position: 0 -128px;width: 37px;height: 28px;margin-right: 5px;}
.logo-item.share {background-position: 0 -162px;width: 37px;height: 28px;margin-right: 5px;}
.logo-item.collect {background-position: 0 -196px;width: 37px;height: 25px;margin-right: 5px;}
.logo-item.comment {background-position: 0 -227px;width: 37px;height: 27px;margin-right: 5px;}
.tel-item{margin: 15px 0 0 0}
.sbottom-item{position: absolute;bottom: 0;width: 100%}
.bottom-btn-item{text-align: center;margin: 50px 0;}
.bottom-btn-item p{margin-bottom: 25px;font-size: 18px;}
.btn-join{background-color: #009e96;color: #fff;padding: 15px 50px;border-radius: 2px;font-size: 24px;transition: 0.2s;}
.btn-join:hover{background: #04706b;}
.bottom-btn-item p,.btn-join{font-size:14px;}
.cms-page-view .col-main{background:none;}

/*新版外卖、保险*/
.catalog-website.container{background-color: #fff;padding-bottom: 20px;margin-bottom: 20px;}
.catalog-tabs{clear: both;background: #f9f9f9;}
.catalog-groups{padding: 0;}
.catalog-groups .catalog-group:after{clear:both; content:""; display:block; visibility:hidden; height:0;}
.catalog-groups ul{font-size:0;padding: 0;}
.catalog-group{position: relative;padding: 0;margin: 0;text-align: center;display:inline-block;width: 11.111%;font-size: 14px;}
.catalog-groups a{display: block;padding-top: 11px;line-height: 24px;color: #666;padding-bottom: 10px;padding-left: 5px;padding-right: 5px;}
.catalog-groups a.current{margin: 0;background:#ffda21;color: #333}
.catalog-groups a:hover{margin: 0;background:#ffda21;color: #333}
.catalog-list{margin-top: 12px;border-bottom: none;border-left: none;border-right: none;}
.catalog-list ul{list-style-type: none;margin: 0;padding: 0;width: 100%;overflow: hidden;padding: 1%;}
.catalog-group a:hover b, .catalog-group a.current b{visibility: visible;}
.catalog-group b{position: absolute;bottom: -8px;left: 50%;visibility: hidden;margin-left: -8px;width: 0;height: 0;border: 8px solid #fff;border-top-color: #0d9991;border-bottom: 0;font-size: 0;line-height: 0;}
.catalog-list ul li{float: left;overflow: hidden;width: 31.334%;height: auto;margin: 0 1%;}
.catalog-list ul li:nth-of-type(3n+1){margin-left: 0;}
.catalog-list ul li:nth-of-type(3n){margin-right: 0;}
.catalog-list ul li .banner-main{padding: 0;text-align: center;line-height: 100%;position: relative;overflow: hidden;vertical-align: middle;width: 100%;height:183px;margin: 0;border-radius:0 0 10px 10px;}
.catalog-list ul li .banner-main img{vertical-align: middle;min-width: 100%;height: 100%;overflow: hidden;max-width: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 10px;object-fit: fill;width: 100%;transition: all 0.6s;}
.catalog-list ul li .banner-main img:hover{transform: translate(-50%,-50%) scale(1.1);}
.catalog-list ul li u{line-height: 20px;text-decoration: none;display: block;margin:8px auto 16px;padding: 0;text-align: center;width: 98%;font-size: 14px;overflow:hidden;color: #666;position: relative;height: 3em;}
.catalog-list ul li u a{color: #666;}

.search-form button:after{content: "\e003";font-family: 'Glyphicons Halflings';font-size: 14px;color: #18a198;}
.inappbrowser #catalog_app_search{position: fixed;}
#catalog_app_search{position: relative;top: 0px;display: flex;background-color: #f7f7f7;border-bottom: 1px solid #ddd;align-items: center;width: 100%;z-index: 100;text-align: center;}
#catalog_app_search .search-form{position: relative;margin: 5px 0;width: 100%;}
#catalog_app_search .search-form input{padding: 5px 5px 5px 24px;height: 20px;width: 86%;border: 2px solid #009e96;background-color: #f4f2f3;box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2);border-radius: 5px;}
#catalog_app_search .search-form button{position: absolute;left: 5%;border: none;top: 10px;background: none;}
#catalog_app_search .search-form button span{display: none;}

.banner-details{box-sizing: border-box;width: 100%;height: 30px;position: absolute;bottom: 0;background:rgba(0,0,0,0.65);padding: 0 10px;text-align: left;font-size: 1.4em;pointer-events:none;margin: 0 0 0 -1px;}
.banner-author{color: #fff;line-height: 30px;font-size: 14px;}
.banner-clicks{float: right;}
.banner-clicks p{margin: 0;display:inline-block;vertical-align: middle;font-size: 1rem;color: #ffec1f;}
.banner-clicks em{width: 30px;height: 30px;vertical-align: middle;background-image: url(../images/icon/browse.png);background-repeat: no-repeat;display: inline-block;background-size: 24px 24px;margin: 0;background-position: 0px 3px;}

.cms-event .catalog-group{width: 12.5%;}

@media (min-width: 769px) and (max-width: 991px){
	.menu_item{width: 230px;}
	.store-title a{font-size:24px;}
	.sbottom-item{position:relative;margin-top:15px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .menu_item{width: 289px}
    .menu-cateroy ul{width: 917px;margin: 0 auto;}
    .store-img{flex:0 0 50%;}
}
@media (min-width: 1200px) and (max-width:1600px) {
    .menu-cateroy ul{margin: 0 auto;}
}
@media (max-width: 768px){
	.menu_item p{font-size: 25px;}
    .store-img{flex:0 0 50%;}
    .store-title a{font-size: 18px;color:#009e96;}
	.sbottom-item{position:relative;}
	.menu_item{width: 109px;margin-right: 5px;margin-bottom: 10px;}
	.menu_item p {font-size: 15px;}
	.menu-cateroy{padding:10px 10px 0 10px;}
	.store h2{letter-spacing: 2px;font-size: 16px; margin: 20px 0 0 0;}
	.card{padding:9px;}
	.store-img{flex-basis:40%; margin:auto 0px;}
	.store-content{flex-basis:57%;}
	.store-content{font-size:12px;}
	.logo-item{background-size:90px 200px;}
	.logo-item.collect {background-position: 0 -98px;width: 18px;height: 13px;}
	.logo-item.position {background-position: 0 -45px;width: 19px;height: 17px;margin-right:-3px;}
	.logo-item.share {background-position: 0 -81px;width: 19px;height: 14px;}
	.logo-item.comment {background-position: 0 -114px; width: 19px;height: 14px;}
	.logo-item.star{background-position: 0 -130px;height: 17px;width: 79px;margin-top:6px;}
	.logo-item.tel{background-position: 0 -64px;width: 19px;height: 14px;margin-right:-3px;}
	.logo-item.store{background-position: 0 -28px;width: 19px;height: 16px;}
	.tel-item{margin-top:3px;}
	.container.main{padding:0;width: 100%;margin:0;}

	.catalog-website.container{margin-top: 0;width: 100%;padding: 0;display: flex;background-color: #fff;margin-bottom: 0;}
	.catalog-list ul{padding: 10px 0;background-color: #fff;width: 96%;padding: 0;margin:  0 auto;height: auto;position: relative;min-height: 500px;}
	.inappbrowser .catalog-website .catalog-tabs{position: fixed;top: 45px;}
	.catalog-website .catalog-tabs{flex: 0 35%;background-color: #f7f7f7;height: auto;position: fixed;width: 23%;}
	.catalog-list{margin:0;width: 70%;padding: 0;background-color: transparent;flex: 0 81%;margin-left: 25%;border-top: 0;}
	.inappbrowser .catalog-list{margin-top: 45px;}
	.catalog-groups ul{display: block;flex-wrap: wrap;}
	.catalog-group{display: list-item;width: 100%;-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;flex: 0 0 20%;border-bottom: 1px solid #ddd;}
	.catalog-groups a{border: 0;}
	.catalog-group a:hover b, .catalog-group a.current b{visibility: hidden;}
	.catalog-list ul li{width: 98%;height: auto;padding:5px 2px;border:none;margin: 0;}
	.catalog-list ul li u{width: 100%;white-space:  normal;margin: 4px auto 8px;max-height: 3em;height: auto;}
	.catalog-list ul li .banner-main{padding: 1px 0;height: 163px;margin:0;}

	.cms-dianping .catalog-website.container{display: block;background-color:#f1f1f1;}
	.cms-dianping .catalog-website .catalog-tabs{flex: none;position: relative;width: 100%;background-color: #fff;}
	.cms-dianping .catalog-list{width: 100%;flex: none;position: relative;margin: 15px auto 0;background-color: #fff;border-top: 1px solid #e5e5e5;padding-top: 10px;}
	.cms-dianping .catalog-groups ul{flex-wrap: nowrap;padding: 10px 0;border-bottom: 1px solid #e5e5e5;margin-bottom: 2px;white-space: nowrap;overflow-x:scroll;}
	.cms-dianping .catalog-group{display:inline-block;-moz-box-flex: 0;-webkit-box-flex: 0;box-flex: 0;flex:none;border: none;width:20%;}
	.cms-dianping .catalog-groups a span{display:block;font-size: 12px;}
	.cms-dianping .catalog-groups a em{width: 40px;height:40px;background-image: url(../images/icon/dianping.png);background-repeat: no-repeat;display: inline-block;background-size: 200px 80px;}
	a#all em{background-position: 0 0;}
	a#sichuanfood em{background-position: -40px 0;}
	a#locals em{background-position: -80px 0;}
	a#hotpot-bbq em{background-position: -120px 0;}
	a#desserts-drinks em{background-position: -160px 0;}
	a#ktv em{background-position: 0 -40px;}
	a#krjp-food em{background-position: -40px -40px;}
	a#southease-asia em{background-position: -80px -40px;}
	a#frfood em{background-position: -120px -40px;}
	.cms-dianping .catalog-groups a:hover,.cms-dianping .catalog-groups a.current{border:0;background-color: #fff;color:#666;}
	.cms-dianping .catalog-groups a.current{color: #666;}
	.banner-details{margin: 0;}
	.catalog-groups .catalog-group:after{clear: none;}
}
@media(max-width:380px) {
	.sbottom-item{margin-top:3px;position:relative;}
	.store-title a{font-size:14px;}
	.logo-item.position,.logo-item.tel{margin-right:5px;}
	.logo-item.tel{margin-right:2px;}
	.logo-item.star{margin-top:4px;}
}
@-moz-document url-prefix() { 
	@media(max-width:768px) {
		.catalog-list ul li u{width:200px;} 
	}
}