WebHost/Content/css/home/comment.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

html { overflow-x: hidden; font-size: 100%; }
body, select, input, textarea { color: #a1a2a4; font-size: 0.75rem; /*12÷16=0.75*/ background: #f7f7f7; line-height: 2em; font-family: "Microsoft YaHei"; overflow-x:hidden; }
a { outline: none; text-decoration: none; color: #a1a2a4; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; }
a:hover { text-decoration: none; color: #cf131c; }
html { zoom: 1; }
html * { outline: 0; zoom: 1; }
html button::-moz-focus-inner { border-color: transparent !important; }
html, body, div, dl, dt, dd, ul, ol, li, pre, code, form, input, textarea, blockquote, th, td, h1, h2, h3, p { margin: 0; padding: 0; word-break: normal; border-style: none; }
a img button { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }

ul, li, ol { list-style: none; }
img { border: 0 none; max-width: 100%; height: auto; }
input[type="button"] { -webkit-appearance: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { clear: both; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; }
/*点餐*/
.h50 { height: 110px; }
.h60 { height: 140px; }
header { background: #94252a; width: 100%; position: fixed; top: 0px; color: #fff; position: relative; z-index: 999; }
header h2 { text-align: center; line-height: 48px; font-size: 18px; font-weight: bold; }
header h2 img { margin-bottom: 6px; }
header a { font-size: 14px; color: white; position: absolute; right: 20px; top: 14px; }
header em { background: url("images/arrow_top.png") no-repeat; position: absolute; right: 4px; top: 10px; width: 11px; height: 7px; }
nav { width: 25%; margin: 0 auto; position: fixed; overflow-y: scroll; overflow-x: hidden; height: 100%; bottom: 46px; left: 0px; background: url("/content/images/left_bg.jpg"); background-size: contain; }


.category_check { font-weight: bold; color: #f99b2a!important }
nav ul {margin-top:23px; }
nav ul li { font-size: 12px;  text-align: center; color: #ffffff; width: 25%;height:107px;  }
nav ul li a { display: block; color: #ffffff; line-height: 20px; width: 80px; }
nav ul .active { font-weight: bold; background: rgba(39,25,25,0.5); }
nav ul li p { width: 80px; height: 55px; }
nav ul li .ico-1 { background: url("images/coffee_icon.png") no-repeat; background-position: center -2px; background-size: 60%; }
nav ul li .ico-2 { background: url("images/tea_icon.png") no-repeat; background-position: center 5px; background-size: 60%; }
nav ul li .ico-3 { background: url("images/meal_icon.png") no-repeat; background-position: center 5px; background-size: 60%; }
nav ul li .ico-4 { background: url("images/cake_icon.png") no-repeat; background-position: center 5px; background-size: 60%; }
nav ul li .ico-5 { background: url("images/snack_icon.png") no-repeat; background-position: center 5px; background-size: 60%; }
nav ul li .ico-6 { background: url("images/drink_icon.png") no-repeat; background-position: center 5px; background-size: 60%; }
nav ul li .ico-7 { background: url("images/beer_icon.png") no-repeat; background-position: center 5px; background-size: 60%; }
nav ul li .ico-8 { background: url("images/cookie_icon.png") no-repeat; background-position: center 5px; background-size: 60%; }
nav ul li .orange_1 { background: url("images/coffee_icon_orange.png") no-repeat; background-position: center -2px; background-size: 60%; }
nav ul li .check { font-weight: bold; color: #f99b2a; }


.order { margin-top: 90px; height: 96%; }
.right-detail { float: right; width: 75%; margin-top: 10px; background: url("/content/images/right_bg.jpg"); position: fixed; left: 24%; overflow-y: scroll; height: 100%; bottom: 50px; }
.right-detail h3 { color: #fb9c0b; line-height: 26px; padding-left: 16px; font-size: 14px; font-weight: 400; }
.right-detail .row { padding: 16px 0 10px 10px; margin: 0; position: relative; }

.right-detail .col-xs-9 { padding: 0; padding-left: 10px; }
.right-detail .col-xs-3 { padding: 0; padding-left: 6px; }
.photo img { height: 75px; width: 80px; }

.detail-text p { line-height: 31px; padding-left: 5px; }
h4 { color: #fff7f6; font-size: 12px; line-height: 0; padding-left: 5px; }