WebHost/Content/css/home/comment - 1.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: Tahoma,"Microsoft YaHei";}
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:80px;}
.h60{ height:130px;}

header{ background: #eb5050;width: 100%;position: fixed;top: 0px;color: #fff; position: relative; z-index: 999;}
header h2{ text-align: center; line-height: 50px;  font-size: 22px; font-weight: bold;}
header h2 img{ margin-bottom:6px;}
header a{ font-size:14px; color:white; position: absolute; right: 30px; top:14px;}
header em{ background: url("../../images/arrow_top.png") no-repeat;no-repeat;position: absolute; right:2px; top:10px; width: 11px; height: 7px;}

nav{ width:26%; margin:0 auto; position:fixed; overflow-y:scroll; overflow-x:hidden; height:100%; bottom:60px; margin-left:-19px}
.order{margin-top:50px;height:100%;}
nav ul li{ font-size: 14px; text-align: center; }
nav ul li a{ display: block; height:60px; padding-top: 30px;}
nav ul li{ font-size: 14px; line-height: 20px; position:relative; padding-top: 30px; text-align:center;}
nav ul li .active{ font-weight:bold; color:#eb5050; }
nav ul li i { width: 1px; height: 26px; background-color:#ccc ; position: absolute; left: 49%; top: 34px; }

nav ul li a em {background:url(../../images/diancan_ico.png)  no-repeat #ccc;width:40px; height:40px; border-radius:50%; display: block; margin:0 auto}
/*nav ul li a:hover em { background-color:#ea5050; }
nav ul li  .active em {background-color:#ea5050;}
nav ul li a:hover { font-weight:bold; color:#eb5050;}*/

nav ul li  .active em {background-color:#ea5050;}
nav ul li .ico-1 { background-position:1px 9px}
nav ul li .ico-2 { background-position:0px -34px}
nav ul li .ico-3 { background-position:2px -73px}
nav ul li .ico-4 { background-position:1px -122px}
nav ul li .ico-5 { background-position:2px -180px}
/*nav ul li .ico-6 { background-position:6px 13px}*/

nav ul li :hover{ font-weight:bold; color:#eb5050;}

.right-detail{ float: right; width: 74%; margin-top: 10px; background: #ffffff; border: 1px solid #d9d9d8; border-left-width: 1px; position:fixed;  left:25%; overflow-y:scroll; height:100%; bottom:50px;  }
.right-detail h3{color:#080808; background: #f2f2f2; line-height: 36px;  padding-left: 10px; font-size: 16px;font-weight:200; }
.right-detail .row{padding:16px 0 10px 2px; border-bottom: 1px solid #d9d9d8; margin: 0; position: relative;}
.right-detail .last{ border: none;}
.right-detail .first{ border: 1px solid #d9d9d8;}
.col-xs-8{ padding:0;}
.col-xs-4{ padding: 0; padding-left: 8px;}
.photo img{height:70px;}
.detail-text p{ line-height:26px;}
h4{color: #080808; font-size: 14px; margin-top:0; }
.num{ font-size: 12px;}