.团团主体 { margin: 0; font-family: "PingFangSC-Regular", "Hiragino Sans GB", Arial, Helvetica, "宋体", sans-serif; }
.页面分区 { display: none; height: 100vh; overflow: hidden scroll; position: relative; }
.页面分区::-webkit-scrollbar { display: none; }
p.提示段落 { position: fixed; z-index: 1000; top: 50%; left: 50%; background: #4c4c4c; color: rgba(255,255,255,0.9); transform: translate(-50%,-50%); padding: 12px; border-radius: 12px; margin: 0; font-size: 14px; }
.面具分区 { display: none; position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,0.6); }
div.弹出分区 { position: fixed; left: 0; bottom: 0; transform: translateY(100%); backface-visibility: hidden; z-index: 5000; width: 100%; background-color: #f7f7f7; transition: transform 0.2s; border-top-left-radius: 12px; border-top-right-radius: 12px; overflow: hidden; }
div.卡片分区 { background: white; border-radius: 20px; width: 80%; padding: 2%; margin: 8%; height: 80%; overflow-y: scroll; animation: 卡片动画 .2s; }
@keyframes 卡片动画 { from { transform: scale(0, 0) } to {transform: scale(1, 1) } }
div.卡片分区::-webkit-scrollbar { display: none; }

header.首页页眉 { position: fixed; z-index: 15; top: 0; left: 0; right: 0; padding: 1.6vw 3.2vw 0px; background: #FFCC33; display: flex; flex-direction: column; }
.位置段落 { font-weight: 600; font-size: 3.73333333vw; color: #222426; line-height: 4.53333333vw; flex: auto; display: flex; align-items: center; height: 8vw; transition: 200ms; overflow: hidden; margin: 0; }
.位置段落::before { content: ''; width: 4vw; height: 4.26666667vw; background: url(//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:9096d347/49a69bf24426efccf9052517c2315ba6.png); background-repeat: no-repeat; background-size: contain; display: inline-block; margin-right: 5px; flex-shrink: 0; }
.位置段落::after { content: ''; width: 10px; height: 10px; background: url(//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:9096d347/19e92a43d328266f4482bcc26f81f652.png); background-size: contain; background-repeat: no-repeat; display: inline-block; margin-left: 2px; margin-right: 20px; }
form.首页表单 { flex: none; margin: 1.6vw 0px 4.26666667vw 0px; position: relative; background: #fff; border-radius: 100px; height: 8vw; display: flex; align-items: center; }
img.搜索图片 { position: relative; left: 3vw; width: 3.2vw; height: 3.2vw; object-fit: contain; z-index: 2; }
.搜索输入 { padding: 2vw 8vw; border: none; border-radius: 100px; font-size: 3.2vw; outline: none; position: relative; left: -3vw; flex: 1; }

.首页导航 { padding-top: 28vw; display: flex; flex-wrap: wrap; background: white; }
.分类链接 { width: 20%; text-align: center; margin: 10px 0; text-decoration: none; }
.分类图片 { width: 44px ; height: 44px ; object-fit: cover; }
.分类段落 { margin: 0; white-space: nowrap; font-size: 11px; opacity: 0.8; color: #222426; }

h3.附近标题 { color: #222426; font-size: 4.8vw; font-weight: 800; margin-top: 4.8vw; margin-bottom: 3.2vw; padding-left: 3.2vw; }
div.首页排序分区 { position: relative; height: 40px; }
ul.排序列表 { display: flex; justify-content: space-between; background: white; z-index: 15; margin: 0; border-bottom: 1px solid whitesmoke; position: relative; background-color: #fff; height: 7.46666667vw; padding: 1.33333333vw 3.2vw 1.6vw 3.2vw; width: calc(100% - 6.4vw); align-items: center; }
li.当前排序项目 { position: relative; display: inline-block; text-align: center; font-size: 3.2vw; color: #222426; font-weight: 600; list-style: none; }
.下拉图标 { margin-left: 1.06666667vw; display: inline-block; width: 2.66666667vw; height: 2.66666667vw; background: url('文件夹/下拉图标.png'); background-size: 2.66666667vw 2.66666667vw; transition: 200ms; }
li.排序项目 { font-size: 3.2vw; color: #575859; list-style: none; }

article#商家列表 { margin-bottom: 60px; }
li.商户项目 { list-style: none; }
a.商户链接 { padding: 12px; flex-direction: row; display: flex; text-decoration: none; box-sizing: border-box; margin-bottom: 6px; position: relative; border-radius: 12px; background: #ffffff; -webkit-tap-highlight-color: transparent; }
.商户图片分区 { width: 82px; height: 61px; position: relative; box-sizing: border-box; margin-right: 8px; flex-shrink: 0; overflow: hidden; }
img.商户图片 { display: block; width: 100%; height: 100%; border-radius: 6px; object-fit: cover; }
.商户字信息分区 { flex: 1 0; min-width: 0; }
.商户标题分区 { font-size: 16px; color: #222426; line-height: 20px; white-space: nowrap; width: 80%; overflow: hidden; text-overflow: ellipsis; font-weight: 600; }
.商户字分区 { margin-top: 4px; display: flex; }
.商户右字分区 { flex: 1 0; text-align: right; }
img.星星图片 { height: 11px; width: 11px; }
span.评分行内 { margin-left: 4px; font-size: 14px; color: #FF8000; font-weight: 600; }
span.普通行内 { font-size: 11px; transform: scale(0.9); color: #858687; line-height: 14px; font-weight: 400; margin: 0 2px; }
span.活动行内 { color: rgb(255, 74, 38); font-size: 10px; border: 1px solid; margin-right: -1px; }



.普通页脚 { background: #fafafa; position: fixed; z-index: 10; bottom: 0; left: 0; right: 0; display: flex; }
.分页按钮 { flex: 1 0 auto; display: flex; align-items: center; flex-direction: column; height: 49px; border: none; outline: none; background: none; }
.分页图片 { width: 30px; height: 30px; margin-top: 2px; display: inline-block;  }
.分页普通行内 { color: #999; margin-bottom: 3px; font-size: 12px; line-height: 14px; transform-origin: 50% 0; transform: scale(0.83); width: 30px; text-align: center; display: inline-block; }
.分页活动行内 { color: #333; margin-bottom: 3px; font-size: 12px; line-height: 14px; transform-origin: 50% 0; transform: scale(0.83); width: 30px; text-align: center; display: inline-block; }


.定位页眉 { display: flex; align-items: center; position: relative; top: 0; left: 0; width: 100%; height: 45px; padding: 8px 15px 8px 10px; background-color: #fff; box-sizing: border-box; font-size: 14px; }
.微标图片 { width: 15px; height: 15px; object-fit: contain; }
.城市列表分区 { position: relative; padding: 4px 5px; line-height: 22px; display: flex; align-items: center; flex-direction: row; }
form.全柔表单 { flex: 1; }
input.地址输入 { width: 100%; font-size: 14px; line-height: 22px; margin: 4px 0; border: none; -webkit-appearance: none; outline: 0; }
button.透灰按钮 { background: none; border: none; outline: none; color: gray; }
ul.左内全宽列表 { width: 100%; padding-left: 15px; box-sizing: border-box; margin: 0; }
li.上下内省略相对项目 { position: relative; padding: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.建议点名称分区 { overflow: hidden; font-size: 16px; }
span.建议点名称行内 { display: inline-block; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
span.建议点距离行内 { float: right; margin-right: 15px; font-size: 12px; color: #999; }
.建议点地址分区 { font-size: 12px; color: #999; margin-top: 6px; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


header.顶部页眉 { width: 100%; height: 50px; position: relative; touch-action: none; }
.顶部分区 { background-color: rgb(255, 255, 255); position: fixed; width: 100%; z-index: 1000; height: 50px; display: flex; flex-direction: row; }
i.返回索引斜体 { width: 40px; height: 50px; background: url('文件夹/返回图标.png') no-repeat; background-size: 20% 30%; background-position: center; }
div.当前位置分区 { position: absolute; left: 50%; transform: translateX(-50%); margin-left: 0; padding: 18px 0px; max-width: 140px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.搜索导航 { margin-top: 0px; margin-bottom: 2.66666667vw; position: relative; height: 14.4vw; }
.搜索分区 { background: #FFCC33; padding: 3.2vw; position: fixed; height: 14.4vw; width: 100%; box-sizing: border-box; z-index: 10; }
form.搜索页表单 { display: flex; align-items: center; }

.我的页眉 { width: 100%; padding: 10% 0 5%; background: url("文件夹/头像背景.png"); background-size: 100% 100%; text-align: center; }
img.头像图片 { width: 19.7333%; border: 4px solid #ffe699; border-radius: 100%; }
ul.普通列表 { background: white; margin: 0; padding: 0; width: 100%; }
li.普通项目 { width: 97%; margin-left: 3%; padding: 10px 0; border-bottom: 1px solid #e3e3e3; display: flex; align-items: center; }
li.普通项目::after { content: '>'; margin: 0 22px 0 auto; font-size: 18px; line-height: 18px; color: #AAAAAA; transform: scaleY(1.5); }
p.列表段落 { margin: 0 10px; font-size: 14px; line-height: 20px; color: #333; }
p.普通段落 { margin: 0; }
aside.浅灰侧边 { height: 310px; background: #eee; padding-top: 50px; }
a.客服链接 { display: block; text-align: center; text-decoration: none; padding: 10px; background: white; color: #ffb000; font-size: 14px; }
p.居中段落 { text-align: center; font-size: 14px; }


.标识外区 { margin: 0; padding: 0; padding-top: 1.18rem ; margin-bottom: 1rem ; text-align: center; }
.标识中区 { display: inline-block; margin: 0 10px ; }
img.标识图片 { width: 8rem ; height: 8rem ; margin: 0 auto; padding: 0; display: block; }
.标识内区 { font-size: 1rem; display: block; margin: 0 auto; text-align: center; }
main.登录主要 { font-size: 16px; width: 100%; padding: 3.2em 1.2em 1.2em ; box-sizing: border-box; }
.手机号码分区 { display: flex; justify-content: space-around; border-bottom: 1px solid #e5e5e5; padding: 0.6em 0; height: 1.4em ; -webkit-box-align: center; align-items: center; }
input.电话输入 { outline: none; background-color: inherit; height: 100%; box-sizing: border-box; padding-top: 0; -webkit-box-flex: 1; flex: 1; border: 0; min-width: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); font-size: 1em; }
input::-webkit-input-placeholder { color: #ccc;}
.发送分区 { margin-left: 0.5em ; font-size: 1.1em; color: #000; -webkit-box-align: center; align-items: center; padding: 0.2em 0.5em ; border-radius: 0.2em ; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); }
button.验证码按钮 { border: none; outline: none; background: none; }
.验证码分区 { display: flex; justify-content: space-around; -webkit-box-align: center; align-items: center; margin-top: 1em ; padding: 0.6em 0; border-bottom: 1px solid #e5e5e5; width: 100%; user-select: none; }
input.验证码输入 { outline: none; background-color: inherit; -webkit-box-flex: 1; flex: 1; width: 100%; border: 0; min-width: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); font-size: 1em; }
.登录分区 { margin-top: 1em ; }
button.登录按钮 { text-align: center; color: white; background: #ffcc5a; height: 2.6em ; line-height: 2.6em; border-radius: 0.3em ; width: 100%; display: block; border: none; cursor: pointer; font-size: 1em; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; }
.确认分区 { display: flex; padding-top: 2.3em; }
label.确认标签 { display: inline-block; min-width: 10%; }
input.单选输入 {  }
.协议分区 { font-size: .85em; font-weight: 400; color: rgba(0,0,0,.5); }



header.普通页眉 { width: 100%; }

nav.普通导航 { display: flex; justify-content: space-between; height: 40px; min-height: 40px; z-index: 1; background-color: white; position: relative; }

main.普通主体 { display: flex; position: relative; padding-bottom: 50px; height: calc(100vh - 90px); width: 100vw; overflow-x: hidden; }

aside.普通侧边 { background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; right: 0; width: 100vw; height: 100vh; display: none; justify-content: center; align-items: center; z-index: 10; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); backdrop-filter: blur(20px) brightness(100%); }

article.普通文章 { width: 100%; flex-shrink: 0; display: flex; }


section.购物车列表 { overflow-y: scroll; max-height: 50vh; padding: 20px; background: white; }

section.购物车列表::-webkit-scrollbar { display: none; }

div.组合分区 { display: flex; width: 100%; transition-duration: 200ms; }

div.上滑分区 { display: none; background: white; border-radius: 20px; width: 80%; padding: 2%; height: 80%; transform: scale(0,0); transition: transform .2s; overflow-y: scroll; }

div.上滑分区::-webkit-scrollbar { display: none; }

div.响应分区 { display: flex; flex-wrap: wrap; }

div.标题栏分区 { background-color: rgb(46, 47, 59); color: white; height: 50px; display: flex; position: relative; justify-content: space-between; z-index: 1; }

div.导航分区 { display: flex; flex: 0 0 60%; }

div.图标分区 { padding: 5px; background-color: rgb(46, 47, 59); color: white; }

div.信息分区 { width: calc(100% - 105px); padding: 5px; background-color: rgb(46, 47, 59); color: white; }

div.项目分区 { overflow: hidden; padding: 12px 10px; color: #666666; }

div.小标题分区 { position: absolute; top: 0; z-index: 2; width: 100%; height: 36px; line-height: 36px; padding-left: 10px; font-size: 12px; background-color: #fff; color: #333333; }

div.项目 { background: white; display: flex; padding-bottom: 22px; box-sizing: border-box; font-family: "PingFangSC-Regular", "Hiragino Sans GB", Arial, Helvetica, "宋体", sans-serif; position: relative; }

div.图片区 { margin: 2px 10px; }

div.信息区 { flex: 1; cursor: default; }

div.选择区 { position: absolute; right: 10px; bottom: 50px; display: flex; align-items: center; }

div.背景分区 { display: none; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; right: 0; width: 100vw; height: 100vh; justify-content: center; align-items: center; z-index: 249; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); backdrop-filter: blur(20px) brightness(100%); }

div.购物车隐藏区域 { display: none; flex-direction: column; height: 100vh; border-radius: 25px; z-index: 500; margin-bottom: 50px; }

div.模态框 { flex: 1; background: rgba(0,0,0,0.75); }

div.项目激活分区 { overflow: hidden; padding: 12px 10px; color: #333; font-weight: bold; background: white; }

div.左右边分区 { padding: 0 10px; }

form.下列表单 { display: flex; flex-direction: column; padding: 10px; margin: 10px auto; border: 1px solid; max-width: 300px; }

label.普通标签 { display: flex; padding: 1%; justify-content: space-between; }

input.普通输入 { border: none; outline: none; text-align: right; }

li.普通项目 { list-style: none; display: flex; align-items: center; }

span.项目行内 { position: relative; display: inline-block; line-height: 18px; font-size: 13px; cursor: default; }

span.原价行内 { margin-left: 5px; text-decoration: line-through; }

span.菜品原价 { text-decoration: line-through; color: gray; font-size: 11px; }

span.已选数量 { padding: 0 10px; }

span.小灰行内 { font-size: 12px; color: gray; }

span.红标行内 { font-size: 10px; border: 1px solid #fb4e44; padding: 0 2px; }

button.减少按钮 { outline:none; display: none; background-image: url(文件夹/减少.png); height: 25px; width: 25px; background-size: 100% 100%; background-color: transparent; border: none; }

button.增加按钮 { outline:none; background-image: url(文件夹/增加.png); display: inline-block; height: 25px; width: 25px; background-size: 100% 100%; background-color: transparent; border: none; }

button.透明按钮 { border: none; outline: none; flex: 1 1 auto; position: relative; display: flex; justify-content: center; align-items: center; color: #666666; font-size: 16px; padding: .5em; background: white; }

button.透明激活按钮 { border: none; outline: none; flex: 1 1 auto; position: relative; display: flex; justify-content: center; align-items: center; color: #333; font-weight: bolder; font-size: 16px; padding: .5em; background: white; }

button.透明激活按钮:after { content: ''; display: inline-block; position: absolute; bottom: 0px;  width: 30%;  border-bottom: solid 2px #ffd300; }

img.中长图片 { width: 85px; height: 64px; object-fit: cover; }

img.菜品预览图 { width: 75px; height: 75px; object-fit: cover; }

img.小方图标 { width: 16px; padding: 10px; }

img.小方图片 { width: 16px; height: 100%; padding: 0 5px; }

img.全宽图片 { width: 100%; }

h3.菜品名称 { margin: 0; font-size: 16px; }

h5.分类小标题 { height: 36px; line-height: 36px; padding-left: 10px; font-size: 12px; background-color: #fff; color: #333333; margin: 0; }

h3.居中中标题 { text-align: center; }

h5.无边小标题 { margin: 0; }

p.菜品标签 { margin: 5px 0; font-size: 12px; background: #ffff8f; color: orange; display: inline-block; }

p.菜品销评 { margin: 5px 0; font-size: 12px; color: gray; }

p.灰小段落 { margin: 5px 0; font-size: 12px; color: gray; }

p.菜品价格 { margin: 5px 0; font-size: 18px; color: #fb4e44; }

p.菜品折扣 { margin: 5px 0; font-size: 12px; color: #fb4e44; }

p.深灰段落 { margin: 2px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 15px; font-size: 11px; color: #666666; word-break: break-all; }

p.普通文本 { font-size: 12px; margin: 0 0 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

p.普通段落 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; font-size: 14px; }




main.订单页主要 { background: #f0f0f0; min-height: calc(100vh - 50px); margin-bottom: 50px; }
.订单包装分区 { position: relative; display: block; background-color: #fff; padding-left: 15px; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; margin: 0 .5em 1em; }
.订单项目分区 { padding: 10px 0; position: relative; display: flex; flex-direction: row; align-items: center; }
.订单项目分区:after { border-top: 1px solid #d7d7d7; content: ' '; display: block; width: 100%; position: absolute; left: 0; -webkit-transform-origin: 0 0; transform: scaleY(0.5); bottom: 0; }
.订单商家图片分区 { margin-right: 10px; width: 35px; height: 35px; }
img.订单商家图片 { width: 35px; height: 35px; border-radius: 50%; }
.订单商家段落分区 { flex: 1 0 0; font-size: 16px; color: #323232; padding: 5px 0 5px 0px; white-space: nowrap; }
p.订单商家段落 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: 200px; vertical-align: middle; margin: 0; }
p.订单商家段落:after { border: #999 solid 2px; position: absolute; right: 15px; top: 50%; margin-top: -5px; display: block; content: ''; width: 8px; height: 8px; border-top: none; border-right: none; transform: rotate(225deg); }
.订单明细分区 { flex: 1 0 0; line-height: 1.8em; padding-right: 14px; color: black; font-size: 14px; }
p.无边段落 { margin: 0; }
p.小灰段落 { margin: 0; font-size: 12px; color: #999; }
span.靠右行内 { float: right; }
span.订单状态行内 { flex: 1 0 0px; color: #999; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
a.订单删除链接 { margin-right: 15px; background: #fff; line-height: 27px; border-radius: 3px; display: block; color: #858687; padding: 0 10px; border: 0.5px solid #d3d3d3; text-align: center; float: right; }
a.订单再来链接 { display: inline-block; float: right; color: #333; border: solid 1px #FFD161; padding: 3px 8px; margin-right: 15px; border-radius: 3px; background-color: #FFD161; text-decoration: none; }
.白圆边竖分区 { display: flex; flex-direction: column; margin: 2vw; padding: 2vw; border-radius: 2vw; background: white; }
.内边柔分区 { display: flex; padding: 1%; }
p.紧段落 { margin: 0; }
.离左分区 { margin-left: auto; }
.中字分区 { text-align: center; }

main.浅灰主要 { background: #eee; min-height: 80vh; }
.柔分区 { display: flex; }
.等宽不缩分区 { width: 100%; flex-shrink: 0; }
.柔移分区 { display: flex; transition: transform 0.2s; }
.隔行表单 { margin: 5%; border-radius: 5vw; background: white; }
.零高分区 { padding: 0 1em; height: 0; overflow: hidden; }
h3.内边标题 { margin: 0; padding: 1em; }
div.类别分区 { min-height: 500px; }

header.菜单页眉 { width: 100%; height: 110.905px; position: relative; touch-action: none; }
.菜单页眉背景分区 { color: rgb(255, 255, 255); position: relative; height: 100%; background: center top / cover no-repeat; }
i.返回斜体 { width: 40px; height: 50px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAAEVsH/dAAAABGdBTUEAALGPC/xhBQAAAMJJREFUKBXFkrEOwjAMRFMkFujKB1Ti+5GYGahA/AMDS6X+AywovEu5BApCMGHpYvt8dtMkIcZYBRvJJbBsTIw9tT5zJDEnKYBoM0Oyq1hqmIWmNtasSMqY3EBAoX0pQtRA1khRErdCThzbi7hSWJpIHmIGZN8X5kNDnOZREHvQ/UBISssxtziA3IITeN6SBfYItHcdkKwH/2zg87qJA5CdQTkg7RlCAh2UrAPDE3j4oc+C+5R16n83wZPsEZbXbHLkbwE+Cry82MV2AAAAAElFTkSuQmCC) no-repeat; background-size: 2vw 4vw; background-position: bottom 3.6vw right 4.26666667vw; transform: rotate(180deg); }
.菜单页眉控制分区 { height: 50px; display: flex; flex-direction: row; position: relative; z-index: 5; }
nav.菜单导航 { margin-top: -8.4vw; min-height: 10.66666667vw; }
.菜单标题框分区 { position: relative; width: 100%; padding: 3.33333333vw 4.26666667vw; box-sizing: border-box; background: white; border-radius: 3.2vw 3.2vw 0 0; min-height: 10.66666667vw; transition: min-height 0.5s ease; }
img.菜单标识图片 { position: absolute; right: 4.26666667vw; top: -1.6vw; width: 17.33333333vw; border-radius: 1.6vw; background-size: contain; background-repeat: no-repeat; box-shadow: 0.26666667vw 0.26666667vw 1.33333333vw 0; }
h3.菜单中标题 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 67.73333333vw; font-weight: 600; font-size: 5.33333333vw; color: #222426; line-height: 7.46666667vw; margin: 0; }
p.菜单信息段落 { height: 4.4vw; display: flex; align-items: center; width: 67.73333333vw; font-size: 2.66666667vw; color: #858687; margin: 0; }
.菜单活动公告分区 { margin-top: 3.2vw; display: flex; flex-direction: column; }
p.菜单活动段落 { font-size: 2.66666667vw; color: #fb4e44; margin-left: 0; box-sizing: border-box; display: flex; align-items: center; margin: 0 0 .07rem 0; height: 1rem; overflow: hidden; }
p.菜单公告段落 { margin-top: 1.6vw; max-width: 88vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 3vw; color: #858687; margin-bottom: 0; }
main.菜单主要 { display: flex; flex-direction: column; flex: 1 0 auto; height: 100vh; }
.菜单主要导航分区 { display: flex; justify-content: space-between; height: 40px; min-height: 40px; z-index: 1; background-color: #ffffff; position: relative; }
.菜单主要导航分区:after { position: absolute; content: ''; width: 100%; left: 0; bottom: 0; height: 1px; background-color: #e4e4e4; transform: scale(1, 0.5); transform-origin: center bottom; }
div.工具分区 { flex: 0 0 57px; display: flex; margin: 0 .5em 0 20%; position: relative; background: #fff; border-radius: 100px; }
div.工具分区:after { content: ''; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAA3VJREFUSA3tlktIVFEYx52XVhNkbRrHomkzIUSQzigi1IDZiyICFSEEXfXYVxAYE9U2aFFoEL0WEREZSItcaNEwPjPaFFE65ThKWJvGmkej/b6Ze4eZO3dyUtqEB879zvnO//v/z/nuPefcoqKV8r9nwFDoAr1er7Gnp6cW/IGFhYWtWJvBYAhjQ/QHTCZTz9DQ0NdC+RYVbmpqMk1MTLRB6EVgUz5iJpFg7L7ZbO4YGBgI5MOp/j8K19XV2aPR6GMEq5WAD9huo9H4GjuDfy11C6L7sfX4iqlRxk8ODw/fop235BWurq52JhKJPiLt1AD1zOjo6EOsbnG73ZsRv0xtVQAXwZ/XBePUFfZ4PKXhcHgQEieYvuLi4ka/3/8tH0mmnwm0z8/Pd+GzUNsQv5M5rraNaiPTInpFREnhGP5DhYoKh6SYuBPSxnZKJqStLSatw+VybUe0E3+cd7V7ZGTkixazWD8UCo2Vl5dvg2cndf309PQTbYzeio8DMjLbLmY/rg0otM/XfQ6OX+CPVVVVrdPG6QkfERAzva0F/01f2VLPibEwgYPa2Cxh3ocNQXkns3wUr7TgJfSfKTFubWyWMF+jbB0pn1NmeU9W+klhUHnThFnCeNcoIz/SiOU1VB6VN82WJcx+nVFGbGnE8hpJHl6fyptmyxIuKSkJMhIjRY7a2toNadQSGwhWKqE5uyNLuL+/PwKwjwBzLBY7vES9ZJhcLvAkdwhb66mWK0tYBjk0HiigsxKsDSi0Pz4+3g62jPpucHDwjTYuR9hqtd4j1e8BVhB8WhtQSF9uNTguCRbboRdj0HNyM+3jZkqmh8Bmjs1Hejg9n3LB9JJmF7G9xO7Vw+mmcmpq6qPdbo8S0EBt5NxNOJ1OfyAQmNcjUX01NTU7IpHIC/oV1Fl2iScYDP5UxzOtrrAAONh9CMo+3EOtj8fjLfSjDocjODk5OScYKfId8Hp2lZWVXeAAuo6rlNUusNpVZG0OHplITtFNdSaK26oBnqv4ZBVSZNXT1BnI5Q9EfoesVCmyFa9hx/DfxMo35OX4Tb5v2umyqLAgZVWkuQWyZroykdVphlTjLabbYrHcUP+3mLDg7+IXcQ/iL1PQ1LMg4cwAPh4z/2EbSauNVIY5dEI+n+97JkZtV1ZWHiUDrWzRU1yxOaeXilux/zQDvwFiGVdw0BGAOQAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-size: contain; width: 15px; height: 15px; margin: 0 0px 0 5px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
input.按钮输入 { width: 100%; background: #eee; align-self: center; position: relative; border: none; height: 25px; padding-left: 23px; box-sizing: border-box; border-radius: 15px; overflow: hidden; font-size: 12px; opacity: 1; }
input.按钮输入::-webkit-input-placeholder { color: gray; }
nav.点菜导航 { height: calc(100vh - 40px); width: 80px;  flex: 0 1 auto; display: flex; flex-direction: column; z-index: 1; position: relative; overflow: scroll; margin-left: -15px; padding-left: 15px; background: #f5f5f5; }
nav.点菜导航::-webkit-scrollbar { display: none; }
section.商品区域 { height: calc(100vh - 40px); flex: 1; position: relative; z-index: 2; overflow: hidden scroll; }
section.商品区域::-webkit-scrollbar { display: none; }
div.购物分区 { z-index: 2; position: absolute; left: 3.2vw; right: 3.2vw; bottom: 3.46666667vw; background: #222426; border-radius: 6.66666667vw; display: flex; align-items: center; color: #858687; height: 13.33333333vw; }
div.小哥分区 { background: url(文件夹/小哥.png); background-size: contain; background-repeat: no-repeat; width: 12.53333333vw; height: 18.4vw; position: relative; top: -2.66666667vw; margin: 0 2.66666667vw; flex-shrink: 0; }
div.角标分区 { display: none; color: #fff; background-color: #FB4E44; border-radius: 50%; font-size: 20px; text-align: center; transform: scale(0.5) translate(50%, -50%); width: 8vw; height: 8vw; position: absolute; right: -1.33333333vw; top: 8.53333333vw; line-height: 8vw; }
div.说明分区 { flex: 1 1 auto; display: flex; flex-direction: column; }
span.菜单页价格行内 { font-size: 5.86666667vw; color: #fff; margin-right: 1.33333333vw; }
span.菜单页运费行内 { font-size: 2.93333333vw; }
div.起送分区 { font-size: 3.73333333vw; font-weight: 500; padding: 0 3.2vw; line-height: 13.33333333vw; color: #FFFFFF; }
div.去结算分区 { font-weight: 500; font-size: 3.73333333vw; color: #222426; height: 13.33333333vw; line-height: 13.33333333vw; background: #f8c74e; background-image: linear-gradient(135deg, #FFDD33 0%, #FFBB33 100%); border-radius: 0 6vw 6vw 0; width: 22.4vw; position: relative; display: flex; justify-content: center; }
button.普通项目按钮 { border: none; background: none; outline: none; overflow: hidden; padding: 12px 10px; box-sizing: border-box; color: #666; font-size: 14px; text-align: left; }
button.激活项目按钮 { border: none; background: #fff; outline: none; overflow: hidden; padding: 12px 10px; box-sizing: border-box; color: #333; font-size: 14px; text-align: left; font-weight: bold; }
footer.购物车页脚 { position: fixed; z-index: 8000; left: 0; right: 0; bottom: env(safe-area-inset-bottom); }
.购物车提示分区 { box-sizing: border-box; background: #FFF8E1; border-radius: 3.2vw 3.2vw 0 0; text-align: center; height: 7.2vw; display: flex; align-items: flex-start; justify-content: center; font-size: 2.93333333vw; color: #222426; padding-top: 1.6vw; }
span.购物车提示行内 { line-height: 4vw; }
.购物车头部分区 { height: 10.8vw; box-sizing: border-box; padding: 3.2vw 4.26666667vw; display: flex; justify-content: space-between; }
span.购物车标题行内 { font-weight: 600; font-size: 3.2vw; line-height: 4.4vw; height: 4.4vw; color: #33312E; }
span.清空购物车行内 { font-size: 3.2vw; line-height: 4.4vw; height: 4.4vw; color: #666666; display: flex; align-items: center; }
span.清空购物车行内::before { content: ''; display: inline-block; background: url(文件夹/清除图标.png); width: 3.2vw; height: 3.2vw; margin-right: 0.66666667vw; background-size: contain; background-repeat: no-repeat; background-position: center; vertical-align: bottom; }
.滚动区域分区 { padding-bottom: 24.26666667vw; }
div.购物车项目分区 { position: relative; display: flex; padding: 4.26666667vw 0; margin: 0 15px; box-sizing: border-box; }
img.购物车图片 { width: 16vw; height: 16vw; border-radius: 1.6vw; }
.购物车主要分区 { margin-left: 2.66666667vw; padding-right: 2.66666667vw; flex: auto; }
.单品信息分区 { flex: 1 1 auto; min-width: 0; }
.单品名称分区 { font-weight: 600; font-size: 3.73333333vw; line-height: 5.33333333vw; color: #33312E; }
.应付金额分区 { height: 7.73333333vw; display: flex; align-items: flex-start; font-weight: 600; color: #FB4E44; }
span.单品价格行内 { font-size: 4.8vw; line-height: 6.66666667vw; margin-top: 1.06666667vw; }
span.单品原价格行内 { text-decoration: line-through; font-weight: 600; font-size: 2.93333333vw; line-height: 3.6vw; margin-left: 1.33333333vw; margin-top: 3.2vw; color: #A9A9A9; letter-spacing: 0.04133333vw; }
.购物车按钮分区 { width: 18.66666667vw; margin-top: 13.73333333vw; display: flex; }
span.移出按钮行内 { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAAAm0lEQVRIDWNgGAWjITAaAqMhMBoCgz0EGLW1tdl+/PrT/J+BIZbh/39JmjqYkfE5IwPDEg42lhpmfkGh1v///5cDLeSlqaUQw0F2WP/995+dUUlV/RnNfYruI6DPmdDF6MVnAob5YnpZBrMHaOkiZilJiUPAMOdgYGRUAkrQNp5BiYuRcTowcdXBHDFKj4bAaAiMhsBoCAzeEAAAO3YdBWTIPaEAAAAASUVORK5CYII=); background-color: white; background-repeat: no-repeat; background-size: 2.66666667vw; background-position: center center; box-sizing: border-box; border: 1px solid #FFCC33; width: 5.33333333vw; height: 5.33333333vw; border-radius: 1.6vw; }
span.单品数量行内 { width: 8vw; display: inline-flex; align-items: center; justify-content: center; font-size: 3.73333333vw; color: #222426; letter-spacing: 0.05333333vw; }
span.加入按钮行内 { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAABOElEQVRIDWNkIBGEhoay3b9/v/n///+xIK1MTEyLFBQU6lavXv2LFKOYSVEMUsvFxdUOtLQMyOQFYSDb5uPHj2zPnj3bA5InFjARqxCmDmhRDIwNo//9+xcHYxNLk2wx0GBJLIZjE8OiDCFEjsUI3RSwRi2mIPBI0zoa1KSFFwWqByyoGdHKXpILAlI8zcjI+BJY8i1WUlKqZubm5m4FcsqBBoDKXloDHqAFVh8+fOBgIqecpdR1QI/GD1Qc/2UChvtiSn1Aqn5QHc5sbW19CBTmQM1KQEzreH4O9Oh0RUXFOkZSXWtsbPwfm56zZ8+SZNZAxTHDqMXYoo8mYqNBTZNgxWbokArq5+g+AFV36GKE+CT7GFvZDqpjCVmELk+yxcBythZYyHcCDQL5/BXQId2gih3dYEJ8AJl/U7+u5Uy5AAAAAElFTkSuQmCC); background-color: #FFCC33; background-repeat: no-repeat; background-size: 2.66666667vw; background-position: center center; border: 0; width: 5.33333333vw; height: 5.33333333vw; border-radius: 1.6vw; }
.评论滚动分区 { height: calc(100vh - 40px); flex: 1; position: relative; z-index: 2; overflow: hidden scroll; }
.评论滚动分区::-webkit-scrollbar { display: none; }

main.根内容主要 { width: 100%; min-height: calc(100vh - 50px); position: relative; background: #f4f4f4; padding: 2vw 0 50px; }
.模块分区 { margin: 2.66666667vw; background-color: #fff; position: relative; border-radius: 1vw; }
.选项卡选择分区 { height: 13.33333333vw; transform: translateY(-2.66666667vw); background: #FFFFFF; border-radius: 3.2vw; font-weight: 600; font-size: 4.26666667vw; color: #333333; position: absolute; display: flex; align-items: center; justify-content: center; width: 50%; letter-spacing: 0.15px; z-index: 1; }
.选项卡自配分区 { top: 0; right: 0; border-top-right-radius: 3.2vw; background: url(//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:9096d347/57847271c85d61c918ff4162af4850ce.png) no-repeat center left / 7.46666667vw 10.66666667vw, #FFF8E1; position: absolute; display: flex; align-items: center; justify-content: center; height: 10.66666667vw; width: 50%; font-weight: 500; font-size: 3.73333333vw; color: #333333; letter-spacing: 0.15px; z-index: 1; }
.送货分区 { position: relative; padding: 16vw 0 5.33333333vw 3.2vw; }
.地址分区 { box-sizing: border-box; padding-right: 7.46666667vw; position: relative; }
.地址分区::after { content: ''; position: absolute; background-image: url(文件夹/左箭头2.png); background-size: 3.2vw 3.2vw; width: 3.2vw; height: 3.2vw; top: 2.13333333vw; right: 3.6vw; }
.横排中线对齐分区 { display: flex; }
input.详细地址加粗输入 { font-weight: 600; font-size: 4.8vw; color: #333333; margin: 0 0 1.6vw; height: 5.86666667vw; line-height: 5.86666667vw; border: none; outline: none; }
input.详细地址输入 { font-size: 3.73333333vw; color: #666666; letter-spacing: 0.15px; height: 5.33333333vw; align-items: center; margin: 0 4.26666667vw 0 0; border: none; outline: none; }
p.配送小费段落 { font-size: 3.2vw; line-height: normal; color: #FF8000; letter-spacing: 0.34px; margin-top: 2.13333333vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; }
input.预计送达时间输入 { font-size: 3.73333333vw; color: #333; margin: 0 2vw 0 auto; border: none; outline: none; text-align: right; }
p.配送时间段落 { display: flex; align-items: center; }
p.配送时间段落::after { content: ''; bottom: 0.26666667vw; margin-right: 4vw; background-image: url(文件夹/左箭头2.png); background-size: 3.2vw 3.2vw; width: 3.2vw; height: 3.2vw; }
span.关键词行内 { font-weight: 600; font-size: 3.73333333vw; color: #333333; }
span.时间描述行内 { font-size: 3.73333333vw; color: #333333; letter-spacing: 0.04vw; }
.提交包装分区 { position: relative; display: flex; flex: 1; }
.提交详情分区 { position: relative; background-color: #fff; flex: 1; }
button.提交按钮 { height: 50px; width: 125px; border-radius: 0; background-color: #f8c74e; font-size: 16px; font-weight: bold; color: #333; padding: 0; border: 0; outline: 0; }
span.优惠券行内 { position: absolute; font-size: 14px; color: #333; left: 15px; line-height: 50px; }
span.实际行内 { position: absolute; right: 15px; line-height: 50px; font-size: 16px; color: #333; }
input.实际输入 { color: #FB4E44; font-style: normal; font-weight: bold; border: none; outline: none; width: 4em; }
.店铺分区 { color: #999999; height: 13.33333333vw; background-color: #fff; width: 100%; padding-left: 8.8vw; box-sizing: border-box; }
span.店铺图标行内 { display: inline-block; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background-image: url(文件夹/店铺图标.png); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; left: 15px; top: 15px; }
input.店铺名称输入 { vertical-align: top; display: inline-block; margin-left: 12px; height: 100%; line-height: 50px; margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #666; max-width: 70%; border: none; outline: none; }
span.配送词行内 { background: url(文件夹/商家自配.png) no-repeat center / contain; height: 4vw; width: 13.33333333vw; position: absolute; top: 4.66666667vw; right: 2vw; }
.单品分区 { margin-bottom: 5px; padding: 10px; box-sizing: border-box; height: 75px; width: 100%; background-color: #F8F8F8; display: flex; }
img.单品头部图片 { object-fit: cover; height: 55px; width: 55px; }
.单品信息列表分区 { flex: 1; padding-left: 10px; position: relative; }
.单品信息横分区 { margin: 0; height: 20px; display: flex; justify-content: space-between; }
input.单品信息输入 { font-size: 14px; color: #333; display: inline-block; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: none; outline: none; background: none; }
input.单品属性输入 { font-size: 12px; line-height: 17px; color: #999; max-width: 180px; border: none; outline: none; background: none; }
.费用分区 { padding: 0 2vw; border-bottom: 1px dashed rgba(151, 151, 151, 0.4); position: relative; }
.费用分区:before { content: ''; position: absolute; left: -6px; height: 12px; width: 12px; background-color: #f4f4f4; border-radius: 50%; top: initial; bottom: -6px; }
.费用分区:after { content: ''; position: absolute; height: 12px; width: 12px; background-color: #f4f4f4; border-radius: 50%; left: initial; top: initial; bottom: -6px; right: -6px; }
.单品费用信息分区 { display: flex; line-height: 20px; margin: 8px 0 15px 0; }
span.费用信息提示行内 { display: flex; flex-direction: column; }
input.费用信息靠右输入 { flex: 1 1 auto; display: block; text-align: right; border: none; outline: none; }
.费用信息提示分区 { display: flex; flex-direction: column; }
span.费用更新原因行内 { color: #999; line-height: 14px; font-size: 11px; }
span.原价行内 { color: #969696; font-size: 14px; text-decoration: line-through; margin-left: 2px; margin-right: 5px; }
.活动分区 { overflow: hidden; padding: 15px 2vw; display: flex; height: 20px; line-height: 20px; }
span.活动信息行内 { position: relative; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; line-height: 20px; padding-left: 20px; box-sizing: border-box; }
i.活动图标斜体 { display: inline-block; font-size: 12px; color: white; width: 15px; height: 15px; line-height: 15px; text-align: center; vertical-align: top; position: absolute; left: 0; top: 2.5px; background-position: center; background-size: 15px 15px; }
span.活动金额行内 { color: #FB4E44; font-weight: bold; flex: 1 1; text-align: right; }
.促销分区 { position: relative; padding: 2vw; min-height: 13.33333333vw; display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; border-top: 1px dashed rgba(151, 151, 151, 0.4); }
.促销分区:before { content: ''; position: absolute; top: -6px; left: -6px; height: 12px; width: 12px; background-color: #f4f4f4; border-radius: 50%; }
.促销分区:after { content: ''; position: absolute; top: -6px; height: 12px; width: 12px; background-color: #f4f4f4; border-radius: 50%; left: initial; right: -6px; }
.提醒信息分区 { display: flex; align-items: center; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 3.2vw; color: #FF8000; transform: translateY(1.33333333vw); }
.规则分区 { flex: auto; display: flex; justify-content: flex-start; align-items: center; }
.折扣分区 { font-weight: 500; height: 13.33333333vw; }
.实际促销分区 { font-weight: 500; height: 13.33333333vw; margin-left: 3.46666667vw; }
span.提醒图标行内 { flex: none; content: ''; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAY1BMVEUAAADq0gDl0gDN1ADK1ADC1ADx0QDf0wDG1QDa0wC/1QC51ADd0wDE1QDM1ADU1ADR1ADP1ADI1QDE1ADA1QDy0QD/0AD/////5nj40AD/1BT/4FT/+uL/7Z7/1yf//PD/42dkzI+iAAAAFnRSTlMA9vChiDf85WzaHQzgY5bEsql6VCz8X6E8MgAAAtVJREFUaN7E1tuOgjAUheEeoJSDCoJr3HOh7/+WkxATEuN2CnTp/wJfugttzeqa6E+ds0EEEAnWdScfG0OtjX0V8LJQ9bE1lCZfCd4mlZ9yq413SMr5nFM/1ILkpD5kYguHlbkiB2uxIbuXjhYbs3EHW3bYUVdudQfBrmTYtlyH3bkNiz4KMiTHlWxbI1N1u2rMFtmyK8Y9XpCxy5jqngVZk3OaWyCl23XuhpSKFPeY5t5/5u6/SOmYa724/jy6Is+az+DA+GefR2HBMr5zywAWjFDqbmvBg2FbFa7BhFHrPxIT1n+qUgAuLK+32YENw71yB8xRYQz6oEmwPuwKn4DRPbsRS0wY8Qm2WKLCVr+TuDAKfcFc2OoL5sIo9LODC7vFPUCJAuOg30pUeLmlGoESB5bmAXt8FobXPy0u7MzcBCUajEmfNBf2+r3Ehav5aSlQ4sHSzqcHFdbPkB5KTLjXt5gFL5scoMSEgzENlKgwGv2xxYWjfnxwYW9OUOLCJ9NBiQt3+tXEhZ3+vuTC1lygxIWDEShxYfkejO/A+Cvf3FIYhIEoiqKlYhWqNGp84P5XWTAt1J+SeIRL2ruBIa2ZzONcWeA//I9V10mWQGQpU/ZIyJ5FWSEgK31kxZ6qvJUV9LIWRta0ydpUVWMuG0XIhi+qcZNswCYbKYIh6voOvJpgFWRsbCcXd7ImWBUZlBs7bjoQNwWrAaQMLEOIErD+oQeWHDkBKz6kK1hqEt3IGtfJjn0ffJuGnC6u7dxtmsNC3+mqfpm6l6bF+CulcIJLmMFJc8gpjjF3H5qNr2oKoNhuJ98jFxi5GfeBR+OlpMSQUe8ChtUClxxgVSDw0AKQjPzUDUDnyMeVAViQXKca4JEkgWQACAUpc2gAAgseiUcLoF/wLCZ5DJjziWB3PCj7KfB+bHYFaNCI05Jy1IQTt+0o1Gj1G9Yyp7L6ZqargpKjzD74BBNZz8TuKG8gAAAAAElFTkSuQmCC); background-size: 3.2vw 3.2vw; height: 3.2vw; width: 3.2vw; display: inline-block; margin-right: 1.33333333vw; }
span.规则行内 { font-weight: 500; font-size: 3.2vw; color: #909191; }
span.问题图标行内 { display: inline-block; margin-left: 0.8vw; height: 3.6vw; width: 3.6vw; background-image: url(文件夹/问题图标.png); background-size: 100% 100%; }
span.实词行内 { font-size: 3.73333333vw; color: #111111; line-height: 5.33333333vw; margin-top: 4.26666667vw; display: inline-block; }
span.折扣费行内 { font-size: 3.73333333vw; color: #FF3900; line-height: 5.33333333vw; margin-top: 4.26666667vw; margin-left: 0.26666667vw; }
input.实际付费输入 { font-size: 5.06666667vw; color: #333333; line-height: 6.93333333vw; margin-top: 2.93333333vw; margin-left: 0.53333333vw; border: none; outline: none; width: 4em; }
.支付分区 { display: flex; justify-content: space-between; position: relative; padding: 2vw; line-height: 20px; }

.地址项目分区 { height: 65.5px; margin: 0 0 0 15px; padding-right: 15px; display: flex; align-items: center; position: relative; border-bottom: 1px solid #E4E4E4; transition: transform 0.2s; }
.项目地址分区 { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 22.5px; max-width: 90%; }
.个人信息分区 { font-size: 14px; line-height: 20px; margin-top: 3px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90%; }
span.左边行内- { margin-right: 10px; }
a.编辑按钮链接 { width: 55px; height: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAApdJREFUSA3lljuP00AQx2PHIYGkQfI1V9EixNVQ8AWgQBQXELlQISeBT8AhlKMAUdIceYk0wRcuJ6GrqClo0YkK+AwHTR5ylMgx/4k80eLz5rHxVay0mvHuzvx2Zsdea7ZtXx4MBm89z7sdi8VM9JWbpmmnsH9aKBSORONqtfoE488xP8L4brFYbPO87kMfYUAJCrsjwzCuBaGVSmUP0H3Mb0JeQT+gMTxPm1ar1U6hmTDU/LG1hQ8oI1IXznKQKYDfo8fx/LJUKu0ZUFQjDd2gCNV1fceyrENaiLQPsQEb8DL0X3qoteKgCIWLHKAf2RXO9xDQx/7z68jAQSiBGMoSETukYwMXIgGLUEpvGLRerz8A0yYwNvBqbXAQKqaXINQIOplMPnBxYWPvqLiUmwiFEzrTM+kNQqmiCagMFqFi9ZJTbjIozSulOgQ6q95loErgKKD4aG2vFHEU0GazuYGq3l/6jEUoUrVSIXH6SY7HY/p+bywVcRAqe0/FV4arV4T6+jbJhRE3Go0abh9rNBq5eA9za0Jn+5gLpkgTiYTlOE4M0ksmkz9nlr6CD/79JSP9x1Saajh8hpXl4XDoptPp3zgbA/q3Vqt1iz0QFDrdOLPrjucWSWnEcPbCN86ZpnkM/QQ/DVcR/Zd2u32v1+tdUomUNyQFY8FFWsRn2ul0ruM1+Nrv9290u93jeDw+cV135UgZLE01L2CZzWbdfD5/M5PJnCBSDZ2gb+ZUL5uGynkRnzGgM0W6t1KpFN2pB7gUqA6U2kIwKttjz4BNVRTZ9L+Jx1WkNNU4z88hDh2M76qmV/QnjRhFdUdcGLUujThqUNDf/wfW8HvyHdW6FUzFeT6jQH/o+PjfBeQT+p/zhLFvgkJ/+BfWvKB+gB0sFQAAAABJRU5ErkJggg==) no-repeat 0 50%; background-size: 15px 15px; background-position-x: 20px; position: absolute; right: 0; }
.删除按钮链接 { position: absolute; left: 100%; width: 65px; background: red; text-align: center; color: #fff; font-size: 16px; line-height: 66.5px; height: 100%; }

label.添加地址标签 { margin-left: 15px; height: 52.5px; line-height: 52.5px; border-bottom: 0.5px solid #e4e4e4; font-size: 16px; position: relative; display: block; }
.左边内联分区 { display: inline-block; margin-left: 60px; }
span.绝对行内 { position: absolute; }
input.添加地址输入 { margin-left: 75px; border: none; font-size: 16px; color: #333; width: 70%; outline: none; }
input.隐藏输入 { display: none; }
input.隐藏输入:checked + i.性别斜体 { vertical-align: middle; display: inline-block; width: 17px; height: 17px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAAXNSR0IArs4c6QAAAxZJREFUWAnNmEuLE0EQx//V2aCgoKuJrEFQ8CCsqIg3Dx5dVwRPgnqS3Q/gwSUXcQ8ueljWD+BhczNePC5Gv4AnF/F5y0HRKD7QrAiKm7RVNUkmj+nJZCYJNiSZ9FRX/aa7urpqCAM0+2lhG778mEG9fhZkD8JSDoScqrCocF+F+8ow5iGyOx/T1MqvqOopiqB9PX8cNXsDsLOw2BplDAP+BqiEFC3R4dVn/caEgtg38/uxaW8xwGUGCJV1GiIeCSpigq7T9Opbl5xTuX0xJ09/nyF2uAYP1k9VfpRLdLRQChpngjrty7lr3L82PAixog+01tDdY7ZnRlSwbld6JIfZYWiBjhTutKvsANHlkJmwNnCm2gcmuiaq8/hz7cvUAlHH/GufD3c5wnDZZ9J0rOnA/pN7u2NIjhkG0LzHPqM2vf86I16cqK/H3qJN3YP+ytZOmRMSZ7wZqdnFsUMItMQmDZQcaTRsf/72lTujRcxBnzpzGsjOABUOSdWnvaMlAu/ZnTF6dowKIjsL5C4C6Ulg8mQvhPSIbT6/jB5gwSLJegVi7wVPx+YG8PGBWx8fokZPUbdIvDvdEOVl4E/FrYtPcqNHuVsEyPD6HroNbJ8Ok/LvDQohIzmd4Blp5BO+qs6rLDvblingwNX+MHEgxBoz+AGt07z/70ORiWuASYfDxIVoWOKl4cwqrG2sA+/uhsMkhBAGcdZwEIGU/e+CSQoh+plBnLUs131bEMy+K51btN/ucBlhBqOJrkugu78bZtcpT0LiRFwI0cDJtpFsm72WE92IrQUjKQW3pBBimxmMl/LTI09rxG+BeV8Afr5KNhNqjkrCMKHXKbrJp+B59t5WotQX6fsTQD5JmqYBtCQqNI54dQen/GNvVGzWPH5A47qD91F1fCxsS216Flsgmjty3QEvsR0tj9iQGqet4GqBiGXNqgn50VKIIeTbM3i1HWRUaxuL5aGXFd5M5LtrGieI3PgvSk4llBqV6w72mXs8lVxIx2wyVnRIDeOoe9VeFPWN1xKLPE9nWG20JHuYryW6IUf5ouYf2r9MwciAPJIAAAAASUVORK5CYII=) no-repeat; background-size: 17px 17px; }
i.性别斜体 { vertical-align: middle; display: inline-block; width: 17px; height: 17px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAAXNSR0IArs4c6QAAA11JREFUWAnNWM+LUlEU9j1dGCntgoRo4V8QishsCxqHgQZchPMH+BMGYqxFNS2aahEOgeDPZYuRFsIsQgvaBbNRiRZBi2YRgYt2gwhC6uv77twnak5j9rzNhes75957zve9c+9991w121+UdDp9sdPp3ILJGqrXMAyPpmkeuoDchtyGeIRac7vd7zKZTJd98xRtnkHxePw6gHZQQxjvnMcGY3ogVkfdLRaLH8+y+SORVCp1rd/vPwOBTTiCT20I+RDyga7rLbvd3obOKLDTMxgMPMPh0Ad1A/oK+nTIBuR9h8PxMJfLfePYWeVUIolEIgTHFRhdQu2hZgG+h7f7McvRdBuieBmkttG+hcooHoN4pFAo1KfHUp9JJBqNbuMtXsg3quJt7ubz+e+zHJzVlkwmryKqLzEuDJ+M6P1yubw3bfcbEZLAoAyqgfoIRs+njRbR4fcB7J6iEjM9TWaCCKcD4XwD1iCvRUql0utFQE+zicVid+C7At8Gpnl9fJrsppFcmO+hX0BlJIpmn1XPVqv12efz/YS/myC0HgwGK41G45j+uapF4e6AwIVZtWo6TjxP/krfVWJJTDFAEJHfCW7RHhfmpKn1msToISqbxCaCIIJ18Rgy10t20d1BZ/MWiZHFeA1kdmin87ON5yq3Fr8TbFRRiEVMEAmRgy7PDicaDuf9WFlBlFjEhC8nOXBqeICxHJw8lP6amGsk4iU0QtVSSmES06sjPOIY5wGmmoiJSQ46FowgAkU5EROTHMT2ZSRcLtfE515FdMYxOTUiEt1u94oK8HEME5McODWCCJOa8UEqZBOTHDg1zDFtMrNSgT/CQCT8UjkikZpUNkYjFAkgcltC1XRm21CY6K4wvVPEwUYsYhKbHHSZ8r8FO13mmEq4EIuYIFMnB7F98VV9AnSmhlvMMZfNRGIwqWYquEs8QYT3DjTsQ3fKRJd9SysSw0lMYhNIEKHAewceTNvCMtFls+VF+g7D8bHEFBijnJW5YyAQ+ITWCOoNv9//hTmmGGXRD5NnuMojEgbOmTASpKbpekSEDc1m8yuSW95Xeb8NM9EFmQ/s+9ciI5GHHx4l93BDeDXuc+b5AqP/f8EyWZ6LK6dJ5lxcwk0yfDLll5n+KlT1f0uMk6G8zD9qfgHQLdKu8mLF/QAAAABJRU5ErkJggg==) no-repeat; background-size: 17px 17px; }
button.地址保存按钮 { border-radius: 4px; text-align: center; height: 40px; line-height: 40px; margin: 25px 15px 0 15px; background-image: linear-gradient(135deg, #FFD266 0%, #FFBD27 100%); width: calc(100% - 30px); border: none; outline: none; }
button.地址删除按钮 { text-align: center; height: 40px; line-height: 40px; border: 1px solid #FFB000; border-radius: 4px; margin: 15px 15px 0 15px; width: calc(100% - 30px); background: none; outline: none; }
button.地址返回按钮 { text-align: center; height: 40px; line-height: 40px; margin: 15px 15px 0 15px; border: 1px solid #FFB000; border-radius: 4px; width: calc(100% - 30px); background: none; outline: none; }

header.金刚页眉 { height: 40px; background: #fafafa; padding: 10px; padding-bottom: 0; box-sizing: border-box; }
.支架分区 { position: relative; border-radius: 100px; }
input.支架输入 { font-size: 14px; height: 30px; background: #e4e4e4; border: none; border-radius: 100px; width: 100%; padding-left: 30px; box-sizing: border-box; opacity: 1; }
nav.类别导航 { position: relative; height: 80px; }
ul.导航标签列表 { position: absolute; top: 0; left: 0; width: 100%; z-index: 220; height: 40px; overflow-y: hidden; padding: 0; list-style: none; overflow-x: auto; white-space: nowrap; background-color: #FAFAFA; margin: 0; }
ul.导航标签列表::-webkit-scrollbar { display: none; }
li.已选导航标签项目 { position: relative; display: inline-block; margin: 0 10px; line-height: 40px; text-align: center; color: #FFB000; font-weight: 600; }
li.导航标签项目 { position: relative; display: inline-block; margin: 0 10px; line-height: 40px; text-align: center; color: #666666; }
ul.标题栏列表 { width: 93%; position: absolute; left: 0; top: 40px; z-index: 10; background-color: #fff; height: 7.46666667vw; padding: 1.33333333vw 3.2vw 1.6vw 3.2vw; list-style: none; display: flex; align-items: center; margin: 0; justify-content: space-between; }
li.已选标题栏项目 { color: #222426; font-weight: 600; position: relative; display: inline-block; text-align: center; font-size: 3.2vw; }
li.标题栏项目 { position: relative; display: inline-block; text-align: center; font-size: 3.2vw; color: #575859; }
main.金刚店铺主页 { min-height: calc(100vh - 80px); }
ul.金刚主要列表 { margin: 0; padding: 0; }

.评论项目分区 { padding: 15px 15px 10px 0; overflow: hidden; background-color: #fff; list-style: none; position: relative; line-height: 15px; zoom: 1; display: flex; }
.评论头像分区 { width: 15%; }
.评论内容分区 { width: 85%; }
img.评论头像图片 { width: 40px; height: 40px; border-radius: 50%; }
.评论用户时间分区 { line-height: 15px; }
span.评论用户行内 { color: #2f2f2f; font-size: 16px; }
span.评论时间行内 { font-size: 12px; color: #898989; float: right; }
.评论时效分区 { margin-top: 7px; line-height: 12px; }
span.评论时效行内 { color: #666; font-size: 12px; line-height: 12px; }
.评论文字分区 { padding-top: 14px; padding-bottom: 8px; }
p.评论文字段落 { font-size: 14px; line-height: 20px; color: #2f2f2f; margin: 0; }
.评论图片分区 { zoom: 1; overflow: hidden; }
img.评论内容图片 { width: 80px; height: 80px; background-size: 80px 80px; }
.评论商品标签分区 { margin: 4px 0; font-size: 12px; }
img.评论商品标签图片 { width: 11px; height: 11px; margin-right: 10px; display: inline-block; vertical-align: middle; }
span.评论商品标签行内 { color: #999; vertical-align: middle; }
.评论回复分区 { padding: 5px 8px; background: #f4f4f4; margin: 10px 0; }
p.评论回复段落 { font-size: 12px; color: #666; line-height: 15px; word-break: break-all; margin: 0; }

.详情分区 { background: white; margin: 2vw; padding: 2vw; border-radius: 2vw; }
h5.详情小标题 { line-height: 30px; font-size: 15px; margin: 0; font-weight: 560; border-bottom: 1px solid #eee; }
ul.详情列表 { margin: 0; padding: 0; }
li.详情项目 { line-height: 30px; font-size: 14px; display: flex; align-items: center; justify-content: space-between; list-style: none; }

button.accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; }
button.accordion.active, button.accordion:hover { background-color: #ddd; }
button.accordion:after { content: '\002B'; color: #777; font-weight: bold; float: right; margin-left: 5px; }
button.accordion.active:after { content: "\2212"; }
div.panel { padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }