EasyShop/Content/css/style.css

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

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

@charset "utf-8";
/*
Powered By www.toprand.com
*/

body{margin:0px; padding:0px;font-family:"\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:12px;color:#666; background:#e9eaea}  
.row:before, .row:after {    content: "";    display: table;    line-height: 0;}


.main{ float:left; width:100%; padding-bottom:16px; background:#f5f7fa url(../images/bg_main2.jpg) repeat-x;}
.promain{ float:left; width:100%; padding-bottom:16px;  background:#f5f7fa url(../images/bg_main2.jpg) repeat-x;}
/* one */
.one{ float:left; width:1077px; padding-left:23px; height:410px; margin-top:8px; position:relative; }
.oneleft{ width:217px; padding-left:1px; background:url(../images/bg_lnav.png) no-repeat; height:377px; padding-top:10px; z-index:10003; position:absolute; left:0; top:0; }



.lnavlist li{ float:left; width:210px; line-height:37px; border-bottom:1px solid #e3d4d5; border-top:1px solid #fdf7f8; font-size:14px; position:relative;z-index:100011;font-family:"\5FAE\8F6F\96C5\9ED1"; }
.lnavlist li a{ color:#311212; display:block; padding-left:20px;}
.lnavlist li i{ position:absolute; background:url(../images/jiao.png) no-repeat; width:6px; height:11px; left:192px; top:14px; z-index:2}
.lnavlist li.hover{ z-index:100012; background:#fff;}
.lnavlist li.first{ border-top:0}
.lnavlist li.last{ border-bottom:0}

.box{ position:absolute; left:210px; top:0px; background:#fff; width:205px; display:none; z-index:2; line-height:36px }
.lnavlist li.hover .box a{ color:#333; display:inline-block; margin:0 15px; padding-left:0; font-size:14px;}
.lnavlist li.hover .box a:hover{ color:#ed2631}
.banbg{ background:url(../images/bgban.jpg) no-repeat; float:left; width:100%; height:11px; overflow:hidden;}
.nowpic{ height:150px; margin-bottom:10px; float:left; width:100%;}
.span1{ float:left; width:212px; margin-right:10px;  }
.span1.last{ margin-right:0}
.span1 a{display: block; position:relative;}
.span1 a:hover img {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.span1 a:hover:before{	position:absolute;	left:0;	top:0;	width:202px;	height:140px;	z-index:1;	border:5px solid rgba(0, 0, 0, 0.05);	-webkit-border-radius:5px;	-moz-border-radius:5px;	border-radius:5px;content:""; line-height:0; display:table;}


.span1 a img {	position:relative;	width:212px;	height:150px;	-webkit-border-radius:5px;	-moz-border-radius:5px;	border-radius:5px}
.indextab{ float:left; width:100%;-webkit-border-radius:5px;	-moz-border-radius:5px;	border-radius:5px; background:#fff;_zoom:1; margin-bottom:10px;}
.indextab .hd {	height:50px;	border-bottom:1px solid #e6e9ed; float:left; width:100%;}
.indextab .hd .h3title {float:left;	margin:0;	padding-left:20px; font-size:18px;font-family:"\5FAE\8F6F\96C5\9ED1"; line-height:50px; color:#333}
.tablist{ float:left; padding-left:10px; width:868px; margin-top:10px;}
.tablist li{ float:left; width:207px; margin:0 10px 10px 0; display:inline; height:310px;position:relative;}
.tablist li a{display: block;position: relative;}
.tablist li a:hover img {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.tablist li a:hover:before{position:absolute;	left:0;	top:0;	width:197px;	height:300px;z-index:1;border:5px solid rgba(0, 0, 0, 0.05);	-webkit-border-radius:5px;	-moz-border-radius:5px;	border-radius:5px;content:"";}
.tablist li.big{ width:414px; margin-left:10px; }
.iconew{ background:url(../images/ico_new.png) no-repeat; width:90px; height:42px; position:absolute; left:-10px; top:0; z-index:2}
.tablist li.big a:hover:before{width:404px;}
.tablist li.small{ height:150px;}
.tablist li.small a:hover:before{ height:140px;}

.tablist2{ padding-left:0; width:100%; margin-top:0;}
.tablist3{ width:auto; }
.mtabw{ float:left; width:217px;}
.tablist4{ width:auto; margin-top:0; }

.zuxiaobox{ float:right; width:212px; margin-top:10px; padding-right:10px;}
.teamzuxiao{ float:left; width:100%; margin-bottom:10px;}
.zuxiaoimg{ float:left; width:212px;}
.zuxiaoimg a{display: block;position: relative;}