admin.css 11.8 KB
@charset "utf-8";
body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,form,object,iframe,blockquote,pre,a,abbr,address,code,img,fieldset,form,label,figure{margin:0;padding:0;}
body,html,input,button,textarea{color:#666;font:12px/1.8 Arial,Tahoma,Verdana,Helvetica,sans-serif;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block;}
body{background:#eff0f4;}
h1{font-size:18px;}
h2{font-size:16px;}
h3,h4,h5{font-size:14px;}
img{border:none;vertical-align:middle;}
li{list-style:none;}
i,em{font-style:normal;}
a{color:#666;text-decoration:none;}
a:focus{outline:none;}
a:hover{color:#333;}
input[type="text"]:focus{outline:none;}
input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;}
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}

/* 清除浮动 */
.clearfix:after,.nav-bar ul:after,.path-bar ul:after,.admin-main:after,.mbox .tbar:after,.info-items:after,.info-cont:after{content:"";display:block;clear:both;visibility:hidden;height:0;}
* html .clearfix,* html .nav-bar ul,* html .path-bar ul,* html .admin-main,* html .mbox .tbar,* html .info-items,* html .info-cont{display:inline-block;}
* +html .clearfix,* +html .nav-bar ul,* +html .path-bar ul,* +html .admin-main,* +html .mbox .tbar,* +html .info-items,* +html .info-cont{display:inline-block;}

/* 小图 */
.nav-bar li i,.admin-nav li.menu-msg a,.admin-nav li.menu-guide a,.admin-nav li.menu-browse a,.admin-nav li.menu-promote a,.side-nav li li .ico-box i,.ico-pc,.ico-product,.ico-news,.ico-user,.ico-page,.ico-site-map,.ico-file,.ico-seo,.ico-google-tool,.ico-count,.path-bar li.home a,.mbox .ico-show-more,.mbox .ico-del,.mbox .ico-arrow,.side-nav li .ico-menu-arrow{background-image:url(img/admin_icons.png);background-repeat:no-repeat;background-color:transparent;}

/* 交互 */
.side-nav .ico-box b,.side-nav .ico-box i,.side-nav li li a,.info-item .info-cont{-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}

/* 字体 */
.mbox .tbar h2,.info-item .info-cont .tit {font-family:"Microsoft YaHei","微软雅黑";}

/* 页头
----------------------------- */	
.admin-head{width:100%;height:50px;background:#25313f;position:relative;}
.admin-head .admin-logo{width:220px;position:absolute;left:0;top:0;bottom:0;text-align:center;background:url(http://www.goodao.cn/adminimg/cms-logo.png) center center no-repeat;}
.admin-head .admin-logo:hover{opacity:0.95;}
.admin-head .admin-logo a{display:block;width:100%;height:50px;text-indent:-9999em;overflow:hidden;}
.nav-bar{padding:0 0 0 220px;overflow:hidden;}
.left-nav{border-left:1px solid #304152;display:inline;float:left;margin-left:-1px;}
.left-nav li,.left-nav li a{color:#adbece;}
.left-nav li {line-height:20px;padding:15px 12px;}
.left-nav li a:hover{color:#fff;text-decoration:none;}
.left-nav li i,.left-nav li b{vertical-align:middle;}
.left-nav li i{display:inline-block;width:11px;height:15px;margin:0 3px 0 0;background-position:-87px 0;}
.left-nav li i{*display:inline;}
.left-nav li a:hover i{background-position:-99px 0;}
.admin-nav {display:inline;float:right;}
.admin-nav li {float:left;padding:5px 15px 5px 0;}
.admin-nav li,.admin-nav li a{color:#e4e9f2;}
.admin-nav li a{float:left;padding:10px 0;line-height:20px;}
.admin-nav li a:hover{color:#fff;}
.admin-nav li span.num{color:#fa6b5b;}
.admin-nav li.menu-msg a,.admin-nav li.menu-guide a,.admin-nav li.menu-browse a,.admin-nav li.menu-promote a{padding-left:27px;}
.admin-nav li.menu-msg a{background-position:-89px -258px;}
.admin-nav li.menu-guide a{background-position:-89px -290px;}
.admin-nav li.menu-browse a{background-position:-89px -320px;}
.admin-nav li.menu-promote a{background-position:-89px -350px;}

/* 左侧栏
----------------------------- */	
.admin-side{width:220px;background:#42586f;position:absolute;left:0;top:50px;bottom:0;overflow:hidden;z-index:333;}
.admin-side,.admin-side a,.admin-side a:hover{color:#fff;}
.admin-side .side-nav {width:100%;position:absolute;left:0;top:0;bottom:52px;overflow:hidden;overflow-y:auto;}
.admin-side .copyright {width:100%;line-height:21px;padding:5px 0;text-align:center;background:#2d3e50;position:absolute;left:0;bottom:0;}
.admin-side .copyright em{color:#00baff;}
.ico-pc,.ico-product,.ico-news,.ico-user,.ico-page,.ico-site-map,.ico-file,.ico-seo,.ico-google-tool,.ico-count,.side-nav li li .ico-box i{display:block;width:44px;height:44px;position:absolute;left:0;top:0;z-index:3;}
.ico-pc{background-position:12px 12px;}
.ico-product{background-position:12px -30px;}
.ico-news{background-position:12px -75px;}
.ico-page{background-position:12px -118px;}
.ico-site-map{background-position:12px -162px;}
.ico-file{background-position:12px -205px;}
.ico-seo{background-position:12px -251px;}
.ico-google-tool{background-position:12px -293px;}
.ico-count{background-position:12px -337px;}
.ico-user{background-position:12px -381px;}
.side-nav li{width:100%;position:relative;}
.side-nav li a{display:block;padding:12px 10px 11px 58px;min-height:20px;_height:20px;line-height:20px;border-bottom:1px solid #50667b;border-bottom:1px solid rgba(255,255,255,0.05);position:relative;}
.side-nav li a *{_cursor:pointer;}
.side-nav li a:hover,.side-nav li a.current{background:#3d5368;}
.side-nav li a:hover .ico-box b,.side-nav li a.active .ico-box b{left:0;}
.side-nav li a:hover .ico-box i,.side-nav li li.active a .ico-box i{opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);}
.side-nav li span.ico-box {display:block;width:44px;height:100%;position:absolute;left:0;top:0;overflow:hidden;border-right:1px solid #50667b;border-right: 1px solid rgba(255,255,255,0.05);padding-bottom:1px;_height:44px;vertical-align:middle;}
.side-nav li span.ico-box b{display:block;width:100%;height:100%;position:absolute;top:0;bottom:0;left:-43px;}
.side-nav li span.ico-box i{opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);}
.side-nav li ul{display:none;background:#364b5e;}
.side-nav li b.ico-bg-red{background:#fa6b5b;}
.side-nav li b.ico-bg-yellow{background:#e6d15a;}
.side-nav li b.ico-bg-orange{background:#ffc333;}
.side-nav li b.ico-bg-green{background:#8ec165;}
.side-nav li b.ico-bg-green-2{background:#5dc372;}
.side-nav li b.ico-bg-cyan{background:#65cea6;}
.side-nav li b.ico-bg-blue{background:#4cc0c1;}
.side-nav li li .ico-box i{background-position:-85px -165px;opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);}
.side-nav li li a:hover .ico-box i{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);}
.side-nav li li a:hover,.side-nav li li.active a {background:#2d3e50;}
.side-nav li.current ul{display:block;}
.side-nav li .ico-menu-arrow{display:block;width:8px;height:8px;background-position:-102px -243px;position:absolute;right:12px;top:15px;}
.side-nav li .active .ico-menu-arrow{background-position:-102px -213px;}


/* 首页右侧
----------------------------- */
.admin-wrap{padding:0 0 0 220px;background:#f1f5f9;position:absolute;left:0;top:86px;bottom:0;right:0;}
.admin-wrap .frame-wrap{width:100%;height:100%;overflow:hidden;}
.path-bar{background:#fff;line-height:20px;padding:8px 12px 8px 232px;border-bottom:1px solid #eee;}
.path-bar ul{height:27px;border-bottom:1px solid #eee;}
.path-bar li{float:left;}
.path-bar li i{padding:0 8px;}
.path-bar li.home i{content:"";display:none;}
.path-bar li.home a{display:inline-block;padding-left:20px;background-position:-95px -32px;}
.path-bar li.home a{*display:inline;}
.info-items{}
.info-item{width:48.5%;margin-bottom:20px;}
.item-left{float:left;}
.item-right{float:right;}
.info-item .info-cont {display:block;padding:13px 0 13px 15px;border-radius:5px;overflow:hidden;}
.info-item .info-cont,.info-item .info-cont a{color:#fff;}
.info-item .info-cont a:hover{text-decoration:underline;}
.info-item .info-cont i{display:block;width:55px;height:50px;float:left;margin:0 10px 0 0;background-image:url(img/info_icons.png);background-repeat:no-repeat;background-color:transparent;}
.info-item .info-cont .tit {display:block;font-size:18px;font-weight:bold;line-height:1.4;margin:0 0 3px;}
.info-item .info-cont .text{display:block;}
.view-info,.product-info {float:left;}
.inquiry-info,.news-info{float:right;}


.top10,.dayok {float:left;}
.top30,.dayno{float:right;}


.top10,.dayok,.top30,.dayno i{height:100px;}



.top10 .info-cont{background:#fb8577;border:1px solid #dd7c6e;}
.top10 .info-cont i{background-position:-225px 0;}
.top10 .info-cont:hover{background:#fb7575;}

.top30 .info-cont {background:#5ab6df;border:1px solid #5ea8c9;}
.top30 .info-cont i{background-position:-284px 0;}
.top30 .info-cont:hover{background:#37aadd;}

.dayok .info-cont {background:#65cea6;border:1px solid #5cc29b;}
.dayok .info-cont i{background-position:-345px 0;}
.dayok .info-cont:hover{background:#3fc592;}

.dayno .info-cont {background:#eac85d;border:1px solid #dab952;}
.dayno .info-cont i{background-position:-406px 0;}
.dayno .info-cont:hover{background:#e3bd47;}


.view-info .info-cont{background:#fb8577;border:1px solid #dd7c6e;}
.view-info .info-cont i{background-position:0 0;}
.view-info .info-cont:hover{background:#fb7575;}

.inquiry-info .info-cont {background:#5ab6df;border:1px solid #5ea8c9;}
.inquiry-info .info-cont i{background-position:-53px 0;}
.inquiry-info .info-cont:hover{background:#37aadd;}

.product-info .info-cont {background:#65cea6;border:1px solid #5cc29b;}
.product-info .info-cont i{background-position:-109px 0;}
.product-info .info-cont:hover{background:#3fc592;}

.news-info .info-cont {background:#eac85d;border:1px solid #dab952;}
.news-info .info-cont i{background-position:-167px 0;}
.news-info .info-cont:hover{background:#e3bd47;}












.admin-main{padding:1.5%;}
.main-left {width:49%;float:left;}
.main-right{width:49%;float:right;}
.mbox{border-bottom:1px solid #ddd;border-radius:6px;background:#fff;margin-bottom:10px;}
.mbox .tbar {height:34px;line-height:34px;padding:6px 10px 6px 15px;}
.mbox .tbar h2{display:inline;float:left;color:#333;font-size:14px;}
.mbox .cont {padding:10px 15px 20px;display:none;}
.mbox .cont,.mbox .cont a{color:#757575;}
.mbox .cont img{max-width:100%;height:auto;}
.mbox .acts{display:inline;float:right;}
.mbox .ico-show-more,.mbox .ico-del,.mbox .ico-arrow{display:inline-block;width:34px;height:34px;}
.mbox .ico-show-more{background-position:-76px -89px;*display:inline;}
.mbox .ico-arrow{background-position:-43px -125px;}
.mbox .ico-del{background-position:-79px -125px;margin:0 0 0 2px;}
.show-cont .tbar{border-bottom:1px dotted #aaa;}
.show-cont .ico-show-more{background-position:-42px -89px;}
.show-cont .ico-arrow{background-position:-43px -159px;}
.box-active .cont{display:block;}
.mbox-mar-15{margin-bottom:20px;}
.main-foot{border-top:1px solid #ddd;padding:10px 0;text-align:right;margin:0 1.5%;}
     

@media screen and (min-width:1600px){
.info-item .info-cont{padding-left:20px;}
.info-item .info-cont i{margin-right:20px;}
}
@media screen and (max-width:1000px){
.admin-side{width:160px;}
.admin-wrap{padding-left:160px;}
}



.side-nav li.current ul{display: none;display: block\9;}
.side-nav li.current ul > ul{display: none\9;}
.side-nav li.current > ul{display: block;}
.side-nav ul .active{background: #2d3e50;}
.side-nav li ul ul li .ico-box {display: none;}
.side-nav li ul ul li .ico-box i{display: inline-block;width: 3px;height: 3px;background: #fff;position: absolute;left: 50%;margin-left: -1px;top: 50%;margin-top: -1px;}