.cutitle{color:rgb(250,50,100)}
.cutitle span{ 
	background-color:rgb(250,50,100);display: inline-block; width:4rem;height:4rem;line-height:4rem;overflow: hidden;
	border-radius: 50%;color:rgb(255,255,255)
}
/**/
#shop-header{position:relative;padding:4rem 0 3rem 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;
background-color:rgb(250,50,100)}
#shop-header:before{content:'';position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;
background-color:rgba(250,50,100,.8)}
/**/
#shop-logo{position:relative;z-index:1;display:block;box-sizing: border-box; margin:1rem auto;text-align:center}
#shop-logo figure{position:relative;display:inline-block;border-radius:50%;box-sizing:border-box;min-height:9rem;width:9rem; margin-top:.5rem;
background-color:#fff;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;
border:.25rem solid rgb(255,255,255)}
#shop-logo img{border-radius:50%;width:100%;height:auto; margin:0;padding:0; border:0;float:left;}
#shop-logo h2{color:#fff;text-shadow:0 0 .1rem rgba(0,0,0,.8),0 0 .4rem rgba(255,255,255,.8); font-weight:400;margin:.5rem}
#shop-edit{position:absolute;z-index:10;margin-right:-.75rem;right:50%;top:.45rem;width:1.5rem;height:1.5rem;line-height:1.5rem;
background:#ec7;color:#fff;display: block;border-radius:50%;font-size:1rem; text-align: center}
#shop-edit:before{content: '\e6a7';font-family: 'iconfont';}
/**/
#shop-tags{position:relative;z-index:1;margin:1rem 1rem 2rem 1rem; text-align:center}
#shop-tags a,
#shop-tags icon{display:inline-block;padding:0 1em;margin:.25rem;height:1.5rem;line-height:1.5rem;border-radius:.1rem;
background-color:rgb(240,200,120);color:rgb(250,50,100)}
#shop-tags a:hover{box-shadow:0 0 .4rem rgba(255,255,255,.3)}
/**/
#shop-nav{transition:all .3s}
#shop-nav ul{text-align:center;margin-top:-4.2rem;display:table; margin-left: auto; margin-right: auto;word-spacing:-1em;}
#shop-nav li{display:inline-block;width:4rem;height:4rem;position:relative;margin:.7rem;box-sizing:border-box;display: inline-table;word-spacing:0;}
#shop-nav li a{box-sizing:border-box;position:absolute;left:0;right:0;top:0;bottom:0;display:box;display:-webkit-box;display:-moz-box;-webkit-box-pack:center;-moz-box-pack:center;-webkit-box-align:center;-moz-box-align:center;transition:all .3s}
#shop-nav li a:before{content:'';position:absolute;z-index:0;left:0;right:0;top:0;bottom:0;
-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);
background-color:rgb(250,50,100);}
#shop-nav li a span{position:relative;z-index:1;display:inline-block;word-wrap:break-word; width:1em; line-height:1.2em;color:rgb(255,255,255);}
#shop-nav li a:hover:before{z-index:2;left:-2px;right:-2px;top:-2px;bottom:-2px;background-image:none}
#shop-nav li a:active:before{left:-1px;right:-1px;top:-1px;bottom:-1px}
#shop-nav li a:hover span{z-index:3}
/*ul*/
ul.imgul{margin:0;padding:0;text-align:center}
ul.imgul li{float:left;margin:0;padding:1rem;list-style:none;display:inline-block;width:25%;box-sizing:border-box}
ul.imgul a{display:block;position:relative;overflow:hidden;background:#fff}
ul.imgul img{margin:0;width:100%;float:left}
ul.imgul rmb{position:absolute;z-index:1;left:0;right:0;bottom:0;transition:all .3s;
background:rgb(255,51,85);padding:.3rem;color:rgb(238,204,119);font-weight:700;border-radius:50% 50% 0 0 / 100% 100% 0 0}
ul.imgul tit{display:block;margin:1rem 0; overflow: hidden;white-space:nowrap;text-overflow: ellipsis; height:1rem;line-height:1rem;}
ul.imgul a:active rmb{background:transparent;transition:all .3s}
ul.imgul.br50 a{border-radius:50%;}
ul.imgul.mov a:before{content:'\e696'; font-family:'iconfont'; position: absolute;z-index:2;top:50%;left:50%; margin:-1rem 0 0 -1rem; display: block;width:2rem;height:2rem; line-height:2rem; font-size:2rem; text-align: center;color:rgb(255,255,255)}
ul.bgul a{height:0;padding-top:100%;background-position:50% 50%;background-repeat:no-repeat;background-size: cover;}
/*cate*/
ul.cate{text-align:center;word-spacing:-6px;position:relative; margin:3rem auto 0;}
ul.cate li{display:inline-block;}
ul.cate li a{position:relative;display:block;padding:1em;color:inherit;box-sizing:border-box;border-bottom:1px solid transparent}
ul.cate li a.active:before{content:'';position:absolute;z-index:0;left:50%; 
margin-left:-1rem;top:.2rem;
width:2rem;height:2rem; border-radius:0%;background-color:currentcolor;transform: rotate(45deg); opacity:.1;}
/*stamp*/
ul.stamp{text-align:center;margin:3rem 0}
ul.stamp li{box-sizing:border-box;display:inline-block;width:25%;margin:0 -.25rem;padding:.5rem;position:relative}
ul.stamp a{display:block;box-sizing:border-box;background:#fa0;color:#fff;padding:1rem;border-left:2px dotted currentcolor;border-right:2px dotted currentcolor;position:relative}
ul.stamp a:after,
ul.stamp a:before{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0;background:rgba(255,255,255,.1)}
ul.stamp a:after{border-radius:0 0 50% 50% / 0 0 100% 100%}
ul.stamp a:before{border-radius:50% 50% 0 0 / 100% 100% 0 0}
ul.stamp a:active:after,
ul.stamp a:active:before{border-radius:0;transition:border-radius .3s}
ul.stamp h3,ul.stamp p{color:#fff !important}
ul.stamp p{font-size:.6rem;opacity:.5}
ul.stamp a.c1{background:#aa4c8f}
ul.stamp a.c2{background:#c3d825}
ul.stamp a.c3{background:#82ae46}
ul.stamp a.c4{background:#745399}
ul.stamp a.c5{background:#38a1db}
ul.stamp a.c6{background:#00a3af}
ul.stamp a.c7{background:#706caa}
ul.stamp a.c8{background:#ffb61e}
ul.stamp a.c9{background:#e6b422}
/**/
#dituContent{min-height:320px;max-height:480px;margin:1rem}
#dituContent div.anchorBL{display:none;}
#dituContent label.BMapLabel{ background: none !important; border:none !important; color:#e00 !important;}
/**/
article.txt{box-sizing:border-box;margin:1rem 1rem 3rem 1rem}
zan{ display: block;position:fixed;z-index:12;left:0;right:0;bottom:0;min-height:2rem;padding:1rem;background-color:rgba(0,0,0,.9);color:rgba(255,255,255,.8)}

.starscore{height:1.5rem;line-height:1.5rem;position:relative; margin:.5rem 0;}
.starscore input[type=radio]{margin:0 !important;color:inherit;width:1.5rem;height:1.5rem;line-height:1.5rem;text-align:center;opacity:1}
.starscore input[type=radio]:before{content:'\e61e' !important;font-size:1.2rem}
.starscore input[type=radio]:checked ~ input[type=radio]{color:rgba(255,255,255,.1) !important}

/*show*/
#food{box-sizing:border-box;padding:1rem}
#food .swiper-pagination-fraction{top:1rem;left:50%;width:4rem;color:inherit;height:1rem;line-height:1rem; margin-left:-2rem; text-align: center;opacity:.3;}
#food .swiper-slide figure{color:inherit;padding:1rem;text-align:center;line-height:1.5em;position:relative;height:100%}
#food .swiper-slide figure img{ display:block;width:16rem;height:auto;margin:1rem auto;border-radius:50%}
#food .swiper-slide figure rmb{ display: inline-block; margin:1rem auto;font-size:1rem;background-color:rgba(255,255,255,.1); padding:.5rem 1rem;border-radius:.2rem;}
/**/


@media screen and (max-width:992px),screen and (max-width:1280px){
#shop-header{padding:3rem 0 2rem 0}
#shop-logo figure{width:8rem;min-height:8rem;}
#shop-logo h2{font-size:.9rem}
#food .swiper-slide figure img{width:14rem}
}

@media screen and (max-width:768px),screen and (max-width:991px){
#shop-logo figure{width:6rem;min-height:6rem;}
#shop-logo h2{font-size:.8rem}
ul.imgul li,ul.stamp li{width:50%; padding:.5rem;}
ul.imgul a,
ul.stamp a{border-width:0}
article.txt{ margin:.5rem}
#dituContent{margin:.5rem .5rem 1rem .5rem}
#food .swiper-slide figure img{width:12rem}
}

@media screen and (max-width:481px),screen and (max-width:767px){
#shop-nav{position:absolute;z-index:11;top:0;right:0;left:0;margin:0; background:rgb(250,50,100); height:2.4rem;overflow:hidden;transition:all .5s;}
#shop-nav+div.fixedfill{display:none;}	
#shop-header{padding:3.4rem 0 0 0;border-bottom:1px solid rgba(255,255,255,.3);}
#shop-logo{margin:0 auto}

#shop-edit{top:auto;bottom:-.75rem; display: none;}
#shop-nav ul{margin:0 1rem;display:flex;justify-content:center;align-items:center;}
#shop-nav li{flex:auto;height:2.4rem;line-height:2.4rem;margin:0;padding:0;display:block}
#shop-nav li a{position:relative; display: block;height:2.4rem;line-height:2.4rem;}
#shop-nav li a:before{display:none}
#shop-nav li a span{width:auto;font-size:.7rem !important;height:2.4rem;line-height:2.4rem;}
ul.cate:before{display:none}
ul.cate li a.active:before{bottom:0}
#food .swiper-slide figure img{width:10rem}
}