代码/restaurants/target/classes/static/css/main.css

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

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

body{font-family: "Microsoft YaHei", "SimSun", '\5b8b\4f53', sans-serif;  -moz-user-select:none;
      -webkit-user-select: none;       
      -ms-user-select: none;     }
.w1200{width: 1200px; margin:0 auto;}
.nobor{border-bottom: 0!important;}
.margin0{margin: 0!important;}
.padding0{padding: 0!important;}
i{font-style: normal;}

/*site-nav*/
.site-nav-bg{height: 30px; line-height: 30px; background-color: #f5f5f5;}
.site-nav{position: relative;}
.sn-back-home{float: left;}
.sn-back-home i{margin:0 4px 0 8px; font-size: 14px;}
.sn-quick-menu{position: absolute; right: 12px;}
.sn-quick-menu div{float: left;}
.sn-quick-menu div.login{margin-right: 22px; }
.sn-quick-menu div.login a{color: #ff5500;}
.sn-quick-menu div.sp-cart span{margin-left:4px; color: #ff5500; font-weight: bold;}
/*end-site-nav*/



/*header*/
.header{height: 100px; line-height: 100px;}
.header .mallLogo{ float: left;}
.header .mallSearch{float: right; width: 500px; padding-top: 30px; position: relative;}
.header .mallSearch form{height: 38px; line-height: 38px; border-width: 1px 0 1px 1px; border: solid #11977d33; position: relative;}
.header .mallSearch input{height: 38px; line-height: 38px; width: 436px; float: left; border:none; position: relative; z-index: 2; background: none;}
.header .mallSearch button{width: 58px; height: 38px; line-height: 38px; float: left; background: #14b37f; border-radius:0
;}
/*end-header*/

.content .layui-fluid{padding: 0;}
.content .inner-cont1{height: 36px; line-height: 36px;}
.content .inner-cont2{padding-left: 208px;}
.content .inner-cont2 a{display: inline-block; font-size: 14px; color:#010101; padding: 0 32px; line-height: 36px; float: left;}
.content .inner-cont2 a.active,.content .inner-cont2 a:hover{color: #cfb2f6;}
.content .category-con{position: relative; height: 400px; width: 100%;}
.content .category-con .category-type{width: 180px; height:36px; line-height: 36px; font-size: 14px; background: #0a954d; text-align: center; color: #fff; cursor: pointer; margin-top: -36px; position: absolute; z-index: 100;}
.content .category-con .category-type h3{font-size: 14px;}
.content .category-tab-content .nav-con{width: 180px; height: 0;}
.content .category-tab-content .nav-con .normal-nav{height: 400px; padding: 13px 0px 17px 5px; box-sizing: border-box; position: relative; background: #fff; border-bottom: 1px solid #e9e9e9; box-sizing: border-box;}
.content .category-tab-content .nav-con .nav-item{border-bottom: 1px solid #e7e7e7; padding-bottom: 4px; position: relative;}
.content .category-tab-content .nav-con .nav-item .title{font-size: 14px; color: #000; padding-left: 27px; line-height: 24px; font-weight: bold; cursor: pointer;}
.content .category-tab-content .nav-con .nav-item  p a{font-size: 12px; color: #7d7e7f; margin-left: 4px; line-height: 18px;}
.content .category-tab-content .nav-con .nav-item i{position: absolute; right: 2px; top: 16px; font-size: 12px; }
.content .category-tab-content .nav-con .nav-item  p a:hover{color:#ff5500;}
.content .category-banner{background: #f8f8f8;}
.content .floors .sk{height: 300px; padding:80px 0 70px 0; background: #fff;}
.content .floors .sk_hd{float: left; width: 225px; height: 300px;}
.content .floors .sk_bd{float: left; width: 974px; height: 298px; border:1px solid #eaeaea; border-left: 0;}
.content .floors  .sk_bd .item-box{background: #fff;}
.content .floors .sk_bd .item{float: left; margin:28px 0 0 35px;}
.content .floors .sk_bd .item img{width: 190px; height: 210px;}
.content .floors .sk_bd .item .title{font-size: 16px; line-height: 40px;}
.content .floors .sk_bd .item .price span{color: #ee0000; font-size: 24px} 
.content .floors .sk_bd .item .price del{color: #888; font-size: 16px; padding-left: 40px;}  
.content .floors .sk_bd .layui-carousel-arrow[lay-type=sub]{display: none;}
.content .hot-recommend-con{background: #f8f8f8; padding:80px 0 70px 0;}