hlzyWeb/css/home.css

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

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

@charset "utf-8";
/* CSS Document */

.lista { display: block; float: left; font-size: 14px; color: #666; }
.shop { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #dadada; }
.shop .wrapper { display: block; padding: 15px; text-decoration: none; }
.shop .wrapper:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.shop .avatar { display: block; float: left; height: 60px; width: 60px; }
.shop .info { float: left; margin: 8px 0 8px 15px; position: relative; }
.shop .info.speedless { margin-top: 4px; }
.shop .info.speedless p { margin: 0; }
.shop h2 { color: #333333; font-size: 18px; font-weight: normal; white-space: nowrap; width: 180px; font-family: "微软雅黑"; line-height: 20px; margin-bottom: 10px; }
.shop p { color: #9C9C9C; font-size: 12px; margin: 3px 0 4px; }
.shop .info .gold { bottom: 0; left: 0; overflow: hidden; position: absolute; }
.shop .info .l { display: inline; padding-left: 3px; position: relative; }
.shop .in { display: block; float: right; margin-top: 10px; font-size: 14px; }
.in span { float: left; margin: 1px 2px; padding-right: 8px; }
.in .rightip { font-size: 12px; color: #333; display: block; padding-top: 10px; }
.shop .in .open { color: #ff4751; }
.shop .in .close { color: #999; }
 @media screen and (max-width:360px) {
.shop .wrapper { padding: 10px; }
.shop .avatar { height: 50px; width: 50px; }
.shop .info { margin: 5px 0 5px 10px; }
.shop h2 { font-size: 16px; width: 120px; margin-bottom: 5px; }
.lista { font-size: 12px; }
.shop .in { margin-top: 8px; font-size: 12px; }
.in .rightip { padding-top: 5px; }
}
 @media screen and (max-width:320px) {
.shop .wrapper { padding: 10px; }
.shop .avatar { height: 50px; width: 50px; }
.shop .info { margin: 5px 0 5px 10px; }
.shop h2 { font-size: 16px; width: 120px; margin-bottom: 5px; }
.lista { font-size: 12px; }
.shop .in { margin-top: 8px; font-size: 12px; }
.in .rightip { padding-top: 5px; }
}
.shop.closed .wrapper { background-color: #F9F9F9; opacity: 0.3; }
.shop.closed .closed_tag { background-color: #333333; border-radius: 3px 3px 3px 3px; color: #FFFFFF; display: block; float: right; font-size: 14px; margin-right: 4px; margin-top: 10px; padding: 4px 8px; }
.star { background: url("../images/T1XHPpXh0tXXa.WL_n-74-25.png") no-repeat scroll 0 -12px rgba(0, 0, 0, 0); display: inline-block; height: 12px; line-height: 12px; margin-bottom: 3px; width: 73px; position: relative; }
.star_hover { background: url("../images/star.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; height: 12px; line-height: 12px; width: 73px; }
.score-0 { background-position: -60px 0; width: 0px !important; z-index: 50; }
.score-1 { background-position: -60px 0; width: 14px !important; z-index: 50; }
.score-2 { background-position: -45px 0; width: 29px !important; z-index: 48; }
.score-3 { background-position: -30px 0; width: 43px !important; z-index: 46; }
.score-4 { background-position: -15px 0; width: 59px !important; z-index: 44; }
.score-5 { background-position: 1px 0; width: 73px !important; z-index: 42; }
.star b { display: inline-block; height: 13px; left: 0; position: absolute; top: 0; width: 12px; }
.stars b { display: inline-block; height: 13px; left: 0; position: absolute; top: 0; width: 12px; }
.active-star { background-image: url("../images/T1XHPpXh0tXXa.WL_n-74-25.png"); background-repeat: no-repeat; }
.index_class { background: #fff; border-bottom: 1px solid #e6e6e6; overflow: hidden; text-align: center; }
.index_class ul li { float: left; width: 25%; padding-top: 18px; }
.index_class ul li p { text-align: center; line-height: 20px; }
.index_class ul li p a { color: #333; text-decoration: none; font-size: 14px; }
.index_class ul li p a img { display: block; height: 45px; margin: 0 auto 5px; width: 45px; }
 @media screen and (max-width:360px) {
.index_class ul li p a { font-size: 12px; }
.index_class ul li p a img { height: 40px; margin: 0 auto 5px; width: 40px; }
}