hlzyWeb/css/page.css

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

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

@charset "utf-8";
/* CSS Document */
.index_ppt .pic li img { width: 100%; height: 320px; }
.index_ppt .pic li { height: 320px; }
 @media screen and (max-width:360px) {
.index_ppt .pic li img { height: 270px; }
.index_ppt .pic li { height: 270px; }
}
 @media screen and (max-width:320px) {
.index_ppt .pic li img { height: 240px; }
.index_ppt .pic li { height: 240px; }
}
/*商家列表*/
.search_con { border-bottom: 1px solid #ddd; height: 60px; line-height: 60px; padding: 0 15px; background: #fff; }
.search_con .search_text { width: 75%; background: #fff; box-shadow: none; border-radius: 0; border: 1px solid #ddd; height: 33px; line-height: 33px; color: #999; padding: 0 1%; margin-right: 2%; float: left; margin-top: 11px; }
.search_con .search_btn { background: #666; background-image: -moz-linear-gradient(center top, #666, #666); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#666), to(#666)); border-radius: 0; height: 34px; line-height: 34px; border: none; width: 20%; color: #fff; cursor: pointer; float: left; margin-top: 11px; font-size:16px; font-family:microsoft yahei; }
.shop-nav { padding: 15px 0; border-bottom: 1px solid #ddd; background: #fff; }
.shop-nav li { float: left; width: 33.3%; padding-bottom: 5px; padding-top: 5px; text-align: center; }
.shop-nav li:last-child a { border-right: none; }
.shop-nav li a { width: 100%; display: block; text-align: center; color: #848484; font-size: 16px; border-right: 1px solid #ddd; line-height: 18px; }
.shop-nav li a i { display: inline-block; height: 18px; width: 18px; background-size: 100% 100%; background-repeat: no-repeat; vertical-align: middle; margin: 0 5px 0 0; }
.shop-nav li.hover a, .shop-nav li a:hover { color: #ff4751; }
.shop-nav li a i.icon-distance { background-image: url(../images/nav_address.png); }
.shop-nav li.hover a i.icon-distance, .bom_menu ul li a:hover i.icon-distance { background-image: url(../images/nav_c_address.png); }
.shop-nav li a i.icon-record { background-image: url(../images/nav_record.png); }
.shop-nav li.hover a i.icon-record, .shop-nav li a:hover i.icon-record { background-image: url(../images/nav_c_record.png); }
.shop-nav li a i.icon-comment { background-image: url(../images/nav_comment.png); }
.shop-nav li.hover a i.icon-comment, .shop-nav li a:hover i.icon-comment { background-image: url(../images/nav_c_comment.png); }
.shop-marker i { background-size: 100% 100%; width: 20px; height: 20px; background-position: left center; background-repeat: no-repeat; display: inline-block; margin-left: 3px; vertical-align: middle; }
.shop-marker i.icon-new { background-image: url(../images/icon-new.png); }
.shop-marker i.icon-di { background-image: url(../images/icon-di.png); }
.shoplist li { position: relative; padding: 15px; border-bottom: 1px solid #ddd; zoom: 1; background: #fff; }
.shoplist li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.shoplist li .pic { float: left; text-align: left; width: 70px; margin-right: 15px; position: relative; }
.shoplist li .pic .img { width: 70px; height: 70px; }
.shoplist li .pic .shop-open { position: absolute; left: -2px; top: -2px; background-image: url(../images/shop-open-marker.png); background-repeat: no-repeat; background-size: 100% 100%; width: 50px; height: 50px; display: inline-block; }
.shoplist li .pic .shop-close { position: absolute; left: -2px; top: -2px; background-image: url(../images/shop-close-marker.png); background-repeat: no-repeat; background-size: 100% 100%; width: 50px; height: 50px; display: inline-block; }
.shoplist .shop-marker { font-size: 18px; font-weight: normal; margin-bottom: 5px; line-height: 20px; }
.shoplist li .info p.des { color: #666; line-height: 20px; padding: 1px 0; }
.shoplist li .info p.label_style { height: 15px; padding-left: 23px; vertical-align: middle; margin-bottom: 10px; }
.shoplist li .info { float: left; width: 66%; white-space: normal; font-size: 14px; }
 @media screen and (max-width:360px) {
.shoplist li .info { width: 215px; }
}
 @media screen and (max-width:320px) {
.shoplist li .info { width: 175px; }
}
.shoplist li .info p.re { position: relative; margin-top: 5px; margin-bottom: 10px; }
.shoplist li .info .distance { position: absolute; right: 0px; color: #ff4751; }
.shoplist li .info .distance .icon-address { background-size: 100% 100%; width: 16px; height: 16px; background-image: url(../images/nav_c_address.png); background-position: left center; background-repeat: no-repeat; display: inline-block; margin-right: 3px; vertical-align: middle; }
.shoplist li .info .icon-time { background-size: 100% 100%; width: 14px; height: 14px; background-image: url(../images/ico-time.png); background-position: left center; background-repeat: no-repeat; display: inline-block; margin-right: 1px; vertical-align: middle; }
/*tab切换*/
.shop_detail { background: #fff; height: 50px; line-height: 50px; clear: both; position: fixed; z-index: 9; top: 44px; width: 100%; }
.shop_detail ul li { width: 33.3%; float: left; }
.shop_detail ul li a { font-size: 16px; border-bottom: 1px solid #ddd; display: block; text-align: center; }
.shop_detail ul .cur_con a { border-bottom: 1px solid #3199e8; color: #3199e8; }
/*商家详情*/
.shopdetail_con { position: relative; top: 94px; padding-bottom: 50px; }
.shopimg_con { height: 190px; text-align: center; background: url(../images/shopdetail_bg.jpg) no-repeat center top; }
.shopimg_con p img { border: 2px solid #fff; border-radius: 50px; margin-top: 28px; margin-bottom: 5px; }