flower/WebRoot/css/top-style.css

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

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

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

/* CSS 顶部横条 */
.index-top-box{ width:100%; height:35px ; background:url(../img/sprite/sprite-point.jpg) #f5f5f5 bottom repeat-x ; }
.index-top{ width:1200px ; height:35px; line-height:35px;}

/* 城市选择 */
.checkCity{ display:block ; width:78px ; height:34px; line-height:34px; border:1px solid #f5f5f5 ; border-bottom:none ; margin-left:5px; position:relative ; background:url(../img/sprite/index-btn-jt2.gif) right center no-repeat ; background-position:62px 15px }
.checkCity:hover{ border:1px solid #dedede ; border-bottom:none ; background:url(../img/sprite/index-btn-jt1.gif) #fff right center no-repeat ; background-position:62px 15px  }
/* 城市选择 */
.listCity{ width:510px ; padding:20px ; background:#fff ; border:1px solid #dedede ; border-top:none}
.checkRegional{ width:100% ; line-height:22px; border-bottom:1px dotted #dedede ; margin-top:10px; padding-bottom:10px;}
.checkRegional a{ padding:0 5px ;}
.checkRegional a:hover{ color:#FF0000;}
.addMore{ width:100% ; height:auto ; line-height:20px; padding:10px 0 ; border-bottom:1px dotted #dedede ; background:#f5f5f5 ; }
.addMore a{ padding:2px 7px; margin-left:5px}
.addMore a:hover{ background:#0f9b33 ; color:#FFFFFF}

/* 商圈或社区 */
.community{ width:85px ; background:url(../img/sprite/index-btn-jt2.gif) right center no-repeat ; background-position:71px 15px }
.community:hover{ background:url(../img/sprite/index-btn-jt1.gif) #fff right center no-repeat ; background-position:71px 15px }
/* 社区选择 */
.listCommunity{ width:500px ; padding:20px ; background:#fff ; border:1px solid #dedede ; border-top:none ;}
.qu-check{ width:100% ; overflow:auto ; }
.qu-check li{ width:25% ; height:32px ; float:left ; display:inline ; margin-top:8px ; margin-bottom:8px;}
.qu-check li a{ display:block ; width:86% ; height:30px ; line-height:30px; border:1px solid #e7e7e7 ; text-align:center ; font-weight:bold ; color:#868686 ;
				 background:#edecec ; margin: 0 auto; background:#f4f4f4 ; border-radius:4px}
.qu-check li a:hover{  border:1px solid #e34f69 ; color:#fff ;  background:#f25a75 }
/* 商圈选择 */
.quan-check li{ width:50%}
.quan-check li a{ width:90%}

/* 网站导航 */
.all-webNav{ width:448px ; padding:15px 0 ; background:#fff ; border:1px solid #dedede ; border-top:none ;}
.all-menu { border-right:1px dotted #dedede ; height:auto ; width:80px ; margin-left:30px;}
.all-menu li{ width:90% ; line-height:24px ;}
.all-menu li a{ color:#999999}
.all-menu li a:hover{ color:#e5274f}

/* 收藏夹 */
.favorit{ width:65px ;background:url(../img/sprite/index-btn-jt2.gif) right center no-repeat ; background-position:48px 15px ; margin-left:0;}
.favorit:hover{ width:65px ;background:url(../img/sprite/index-btn-jt1.gif) #fff right center no-repeat ; background-position:48px 15px }
.Collection-of-goods{ width:180px ; padding:10px ; background:#fff ; border:1px solid #dedede ; border-top:none ; }

/* 无下拉链接 */
.noneAny{ margin-left:5px; margin-right:5px; padding:0 3px;}
.noneAny a{ color:#999999}
.noneAny a:hover{ color:#e5274f}

/* 我易到的货 */
.myGoods{ width:90px ; background:url(../img/sprite/index-btn-jt2.gif) right center no-repeat ; background-position:72px 15px }
.myGoods:hover{ background:url(../img/sprite/index-btn-jt1.gif)  #fff right center no-repeat ; background-position:72px 15px }

/* 手机版 */
.phone{ width:60px ; height:35px; }
.phone a{ display:block ; width:60px ; text-indent:15px;background:url(../img/sprite/index-btn-phone1.gif) left center no-repeat ;}
.phone a:hover{ background:url(../img/sprite/index-btn-phone2.gif) left center no-repeat ;color:#cb102f}

/*左边显示/右边显示*/