EasyShop/openhtml/css/index.css

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

body { background:#FFF;}
.cen {width:1400px;height:auto;margin:0 auto;background:#f1fbea; font-family:'Microsoft YaHei';font-size:13px;}
#header { clear:both; width:100%;}
#top { height:89px; background:#fff url(/Content/images/hdbg.jpg) repeat-x;}
#top h1 {height: 89px;background: url(/Content/images/logo.jpg) no-repeat; width: 100%;}
#nav { height:31px; border-bottom: 1px solid #c8d6e8; border-top: 1px solid #c8d6e8; padding-left:200px; position:relative; line-height:30px; background:url(/Content/images/navbg.gif) repeat-x;}
#nav .welcome { float:right; padding-right:15px;font-size:13px;}
#nav .welcome b{color:#fe690f; text-decoration:underline;}
#nav h6 { position:absolute; width:230px; height:31px; line-height:31px; text-align:center; color:#454444; left:0; top:0;}
.catelist { padding:23px 13px;}
.catelist dt { margin-bottom:3px;}
.catelist dt a { display:block; width:131px;text-decoration:none; height:34px; line-height:34px; padding-left: 40px; font-family:"Microsoft YaHei"; color:#000; background:url(/Content/images/tbg.gif) no-repeat;}
.catelist dt a:hover {text-decoration:none;color:#c00;}
.catelist dt.on a { background-position:0 -34px;text-decoration:none;}
.catelist dd { padding:10px 30px;}
.catelist dd li { line-height:20px; padding-left:15px; background:url(/Content/images/arrow.gif) no-repeat left center; height:20px;}
.catelist dd li a {text-decoration:none;color:#000;}
.catelist dd li a:hover {text-decoration:none;color:#c00;}
.tarr { width:9px; height:350px;}
.tarr a { display:block; width:9px; height:350px; background:#d9e8f5 url(/Content/images/tarr.gif) no-repeat;}
.tarr a.active { background-position:-9px 0;}
.tarron a { background-position:-9px 0;}

#main { width:100%; clear:both; position:relative;}
#leftside { width:200px; left:0; top:0; position:absolute; background:url(/Content/images/lbg.gif) repeat-x;}
.rightdiv {width:100%;}
#rightside { margin-left:210px;}
.location {height: 32px; background: url(/Content/images/tbg1.gif) repeat-x; padding-left: 7px; border-bottom: 1px solid #C8D6E8;}
.locat {padding-left:19px; line-height: 32px; background: url(/Content/images/tarrow.gif) no-repeat left center; }
#closeside { position:absolute; left:200px; top:0; z-index:10;}
#footer { text-align:center;margin:0 auto;width:100%;}
.foot {width:100%;height:auto;text-align:center;line-height:30px;padding-top:65px;margin:0;float:left;}
.line {width:100%;height:1px;border-top:1px solid #ccc;}
.foot .footcen {width:800px;height:auto;margin:0 auto;}
.foot .footcen .lf {width:0px;height:auto;float:left;}
.foot .footcen .rt {width:800px;height:auto;float:right;}
.foot .footcen .rt .text {width:800px;height:20px;line-height:20px;text-align:center;}
.foot .footcen .rt .tjtext {width:800px;height:20px;margin-top:10px;line-height:20px;margin-bottom:20px;}
.foot .footcen .rt .text a {color:#2487d9; text-decoration:underline;font-weight:bold;}
.foot .footcen .rt .mtjdiv {width:200px;height:20px;margin:0 auto;}
.foot .footcen .rt .tjdiv {width:90px;height:21px;line-height:20px;background:url('../htImg/icon_tj.png') no-repeat;;color:#000;font-weight:bold;font-size:14px;letter-spacing:2px; text-indent:5px;}
.foot .footcen .rt .textDiv {width:100px;float:left;}
/*弹出框样式*/
 <!--
 .mydiv { background-color: #f7f7f7; border: 2px solid #0f5517; text-align: left; line-height: 40px; font-size: 12px; font-weight: bold; z-index: 999; width: 90%; min-height: 80%; padding-bottom: 20px; left: 20%; top: 15%; margin-left: -150px!important; /*FF IE7 该值为本身宽的一半 */ margin-top: -60px!important; /*FF IE7 该值为本身高的一半*/ margin-top: 0px; position: fixed!important; /* FF IE7*/ position: absolute; /*IE6*/ _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 : /*IE6*/ document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); /*IE5 IE5.5*/ }

 .bg, .popIframe { background-color: #666; display: none; width: 100%; height: 100%; left: 0; top: 0; /*FF IE7*/ filter: alpha(opacity=50); /*IE*/ opacity: 0.5; /*FF*/ z-index: 1; position: fixed!important; /*FF IE7*/ position: absolute; /*IE6*/ _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 : /*IE6*/ document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); }
 .popIframe { filter: alpha(opacity=0); /*IE*/ opacity: 0; /*FF*/ }
 -->
/*常用样式*/
.hide { display:none;}
.red { color:#ff0000;}
.textbox { width:250px;height:22px;border:1px solid #ccc;line-height:22px;vertical-align:middle;}
.lftd { width:100px;text-align:right;}
.green { color:green;}