440petSaleWeb/Web/css/main.css

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

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

@charset "utf-8";

/*后台v2版本-初始化*/
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, strong, em, table, td, th { padding:0; margin:0;}
h1, h2, h3, h4, h5, h6 { font-size:14px;}
img, table, td, th { border:0;font-size:12px;}
ul, ol { list-style-type:none;}
body { font:12px Arial, "宋体", Verdana, sans-serif;background: url(../images/content.gif) repeat-y;}
html,body {padding: 0;margin: 0; overflow-y:hidden;}

/* 字体颜色 */
.red {color:red;}
.bold {font-weight: bold; color: #545454}

.back_nav { width: 600px; height: 350px; position: absolute; top: 37px; right: 20px; z-index: 100; display: none;}
    .back_nav_list { width: 566px; height: 336px; padding: 30px 0 0 30px; position: absolute; top: 0px; left: 0px; z-index: 2; background: #f5fbef; border: 1px solid #a9d671;}
    .shadow { width: 597px; height: 367px; position: absolute; top:3px; bottom: 0px; right: 0px; z-index: 1; background: #afb1b3; -moz-opacity: 0.5; opacity:.5; filter: alpha(opacity=50);}
        .back_nav_list dl { float: left; width: 108px; height: 160px;}
            .back_nav_list dt {font-size: 14px; font-weight: bold; color: #0c4887; margin-bottom: 10px;}
            .back_nav_list dd {line-height: 20px;}
            .back_nav_list a {font-weight: bold; color: #454543; text-decoration: none;}
            .back_nav_list a:hover {color: red; text-decoration: underline;}
    .close_float { cursor:pointer;position:absolute;right:7px;top:5px;z-index:3;}

.model_nav { width: 210px; _width: 220px; height:auto; position: absolute; top: 37px; right: 20px; z-index: 100; display: none;}
    .model_nav_list { width: 201px; _width: 211px; height: auto; padding: 5px 0 0 5px; position: absolute; top: 0px; left: 0px; z-index: 2; background: #f5fbef; border: 1px solid #a9d671;}
    .model_nav_list dl { float: left; width: 108px; height: auto;}
            .model_nav_list dt {font-size: 14px; font-weight: bold; color: #0c4887; margin-bottom: 10px;}
            .model_nav_list dd {line-height: 20px;}
            .model_nav_list a {font-weight: bold; color: #454543; text-decoration: none;}
            .model_nav_list a:hover {color: red; text-decoration: underline;}
    .model_float { cursor:pointer;position:absolute;right:7px;top:5px;z-index:3;}
    
    
#head {height: 100px; background: url(../images/head.gif); position: relative;}
    #logo {width: 98px; height: 68px; position: absolute; top: 16px; left: 30px; z-index: 2;}
    #menu {position: absolute; top: 14px; right: 22px; z-index: 2; word-spacing: 5px; color: #234f8d; }
        #menu span {position: relative; bottom: -3px; display: block; float: left; margin-right: 5px; }
        #menu a {color: #234f8d; text-decoration: none;}
        #menu a:hover {text-decoration: underline;}
        #menu #model_btn{ font-weight:bold; padding-right:0px; margin-right:0px;}
        #menu #fmodel_btn{ font-weight:bold; padding-right:0px; margin-right:0px; display:none; color:#c4c4c4;}    
        #menu #model_name { font-weight:bold; color:#b64304;}   
        #menu label{  position: relative; margin:0px; padding:0px;}     
        .menu_btn1 {display: block; float: left; width: 60px; height: 23px; background: url(../images/menu_btn1.gif); border: 0; margin-right: 5px; text-decoration: none; line-height: 19px; +line-height: 22px; text-align: center;}
        .menu_btn2 {display: block; float: left; width: 70px; height: 23px; background: url(../images/menu_btn2.gif); border: 0;  margin-right: 5px;  text-decoration: none; line-height: 19px; +line-height: 22px; text-align: center;}
        #menu .wel {position: absolute; width:500px; text-align:right; top: 54px; right: 0px; z-index: 3;word-spacing: 5px; color: #234f8d;  }
        #menu .wel label img{ vertical-align:middle;}   
    #headBg {width: 830px; height: 50px; background: url(../images/head_bg.gif); position: absolute; top: 0; left: 0; z-index: 1;}
    
    #nav {position: absolute; bottom: 3px; left: 170px; z-index: 2;}
        #nav li {float: left;}
            .link {display: block; color: #369; font-size: 14px; font-weight: bold; padding: 6px 20px 10px; text-decoration: none; background: url(../images/nav_li.gif) no-repeat right 5px;}
            .link:hover {color: #ff783d}
            /*padding-top:8px; padding-bottom:0px; text-align:center;*/
            .actived {display: block; width: 67px; height:25px; font-size: 14px; font-weight: bold; padding: 8px 10px 0 40px;  background: url(../images/actived.gif); color: #fff; text-decoration: none; }
            .actived:hover { color:#fff; }

#content {width: 100%; height:100%; /*height: 84.5%; background: #ecf5ff;*/}
    #left {/*width: 12%;*/width: 170px;border-bottom:3px solid #d3e9f8;float:left;margin-right:2px;}