/* -----------H-ui前端框架----------------------- H-ui.admin.css v1.0 Copyright H-ui Inc. http://www.H-ui.net date:2014.4.13 Created & Modified by guojunhui. ----------------------------------------------*/ /*---------程序员可自行修改皮肤------------------*/ body{font-size:14px;color:#333}/*全站默认字体颜色*/ a{color:#333}a:hover,a:focus,.maincolor,.maincolor a{color:#06c} .bg-1{ background-color:#f5fafe} .Hui-header{ background-color: #FFF; } .Hui-header .logo{ background-image: url("/appgdyinpingcom/u/res/ui/images/logo.png"); background-repeat: no-repeat; height: 40px; width: 163px; } /*头部颜色*/ .Hui-logo,.Hui-logo-m{color:#fff}/*logo文字颜色*/ .Hui-logo:hover,.Hui-logo-m:hover{color:#fff; text-decoration: none} .Hui-nav li a{ color:#999}/*头部导航文字颜色*/ .Hui-nav li a:hover{ color:#fff} .Hui-nav li.current a,.Hui-nav li.current a:hover{ color:#fff; background-color:#111}/*导航高亮状态*/ .Hui-aside{ border-right-width: 1px; border-right-style: solid; border-right-color: #e0e6ed; }/*左侧菜单*/ .menu_dropdown dl dt{ color: #343a46; border-bottom: 1px solid #e0e6ed; background-image: url("/appgdyinpingcom/u/res/ui/images/zxzx_06.jpg"); background-repeat: repeat-y; }/*左侧二级导航菜单*/ .menu_dropdown li a{color:#343a46;border-bottom: 1px solid #222} .menu_dropdown li a:hover{ color: #343a46; background-color: #EAFFFF } .menu_dropdown li.current a,.menu_dropdown li.current a:hover{ background:#777} /*--------------------H-uiAdmin-------------------------*/ h4{line-height:30px} body{min-height:100%;position: relative} .ico{background-image:url("/appgdyinpingcom/u/res/defaunt/images/btn_icon.gif"); background-repeat:no-repeat} .Hui-header{ height: 46px; /*box-shadow: 0 0 4px #333;*/ width: 100%; z-index: 99; position: relative; z-index: 999; padding-top: 5px; padding-left: 10px; } /*logo*/ .Hui-logo,.Hui-logo-m{height:44px; margin-left:15px;cursor:pointer;font-size:16px; font-weight:bold; line-height:44px} .Hui-logo{display:inline-block; padding-right:5px} .Hui-logo-m{display:none;width:45px;margin-left:10px;} .Hui-subtitle{ font-size:12px; color:#eee; padding-top:15px} .viewhome{ line-height:44px; padding-right:15px} .viewhome a{ color:#FFF; padding-left:20px; background:url("/appgdyinpingcom/u/res/ui/images/icon_link.png") no-repeat 0 center} /*导航*/ .Hui-nav{ padding-left:40px} .Hui-nav li,.Hui-nav li a{display:block; height:44px; line-height:44px} .Hui-nav li{float:left; text-align:center;width:75px} .Hui-nav li a{cursor:pointer;white-space:nowrap} .Hui-nav li a:hover{text-decoration:none} .Hui-userbox{ position:absolute; top:8px; right:20px} .Hui-nav-toggle{ display:none; position:absolute; top:0px; right:10px; width:44px; height:44px; background:#333 url("/appgdyinpingcom/u/res/ui/images/hamburger.gif") no-repeat center} .Hui-main{ bottom: 0; left: 0; position: absolute; z-index: 1; right: 0; top: 51px; transition-duration: 0.4s; transition-property: top; margin-bottom: 26px; } /*左侧菜单*/ .Hui-aside{position: absolute;top: 0;bottom: 0;left: 0; width:199px; height:100%;z-index:999; overflow-y:auto} .menu_dropdown dl{ margin-bottom:0} .menu_dropdown dl dt{ display: block; height: 40px; line-height: 40px; cursor: pointer; position: relative; padding-left: 25px; font-size: 14px; font-weight: normal; } .menu_dropdown .top{ display: block; height: 39px; line-height: 39px; padding-left: 15px; font-size: 18px; font-weight: normal; color: #FFFFFF; border-bottom: 1px solid #e0e6ed; background-color: #44c3ec; } .menu_dropdown dl dt b{ position:absolute;display: block;background: url("/appgdyinpingcom/u/res/ui/images/icon_jt2.png") no-repeat 0 -6px;font-size: 0;height:5px;right:15px;line-height:0;overflow: hidden;top:50%;width: 9px; margin-top:-3px;transition-duration:0.3s ;transition-property:all} .Hui_icon{position:absolute;display: block;ont-size: 0;height:5px;right:15px;line-height:0;overflow: hidden;top:50%;width: 9px; margin-top:-3px} .selected .Hui_icon{background-position:0 0} .menu_dropdown dl dd{ margin-left:0px; display:none } .menu_dropdown dl.selected dt b{transform: rotate(180deg);transition-duration:0.3s ;transition-property:all;_background-position:0 0} .menu_dropdown dl.selected dd{display:block; margin-left:0px} .menu_dropdown ul{padding:0px} .menu_dropdown li{line-height:35px;overflow:hidden;zoom:1} .menu_dropdown li a{padding-left:15px; display:block;font-weight: bold; margin:0} .menu_dropdown li a i{ font-weight: normal;} .menu_dropdown dd ul{padding:3px 8px} .menu_dropdown dd li{ line-height: 40px; } .menu_dropdown dd li a{ line-height: 40px; padding-left: 30px; font-weight: normal; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e0e6ed; } .menu_dropdown li a:hover{text-decoration:none} .dislpayArrow{position: absolute;top: 0;bottom: 0;left:200px;width:0px; height:100%;z-index:10} .dislpayArrow a{ position:absolute; display:block; width:17px; height:61px;top:50%; margin-top:-30px; background:url("/appgdyinpingcom/u/res/ui/images/icon_arrow.png") no-repeat 0 0; outline:none} .dislpayArrow a.open{ background-position:0 -61px} .dislpayArrow a:hover{ text-decoration:none; background-position:right 0} .dislpayArrow a.open:hover{background-position:right -61px} /*主要操作区*/ .Hui-article{position: absolute; z-index:2;top:0;right:0;bottom:0;left:200px} /*选项卡导航*/ .Hui-tabNav{height: 38px; padding-right:75px; background-color: #F5F5F5; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e0e6ed; /*background: #a2bed5 url("/appgdyinpingcom/u/res/ui/images/acrossTab-bg.png") repeat-x 0 bottom;*/ overflow:hidden; position:relative} .Hui-tabNav-wp{ position: relative; height: 38px; overflow: hidden; } .Hui-tabNav .acrossTab{ position:absolute; top:8px; left:0px} .loading {background:url("/appgdyinpingcom/u/res/ui/images/loading_072.gif") no-repeat center; height:100px} .show_iframe iframe {position: absolute;bottom: 0;height: 100%;width: 100%} .Hui-tabNav-more {position: absolute;right:0px;width:70px;top:8px;display: none;} /*面包屑导航*/ .Hui-breadcrumb{background-color:#F5F5F5;padding-left:20px;border-bottom: 1px solid #E5E5E5;line-height: 39px; height:39px} .Hui-breadcrumb span{ padding:0 5px} .Hui-articlebox{position: absolute;top:39px;bottom: 0;left: 0; right:0;overflow: auto;z-index: 1} #kecheng-zhangjie-show .icon-play{ font-size:10px; color:#999} #kecheng-zhangjie-show .info{ display:block} #kecheng-zhangjie-show .info li{ color:#666; padding:3px 0} #kecheng-zhangjie-show .info li.hover{ background-color:#f8f8f8} /*页脚 Name: mod_footer Level: Global Sample: Explain:页脚 Last Modify: jackying */ footer{border-top:1px solid #E8E8E8;margin-top:20px;height:60px;font-family:tahoma,Arial;font-size:12px;color:#999;line-height:22px;text-align:center} footer p{padding-top:15px} footer a,footer a:hover{color:#999} /*大屏幕*/ @media (min-width: 1200px){ } /*横向平板*/ @media (min-width: 768px) and (max-width: 979px){ } /*横向手机 竖向平板*/ @media (max-width: 767px) { html{ overflow-y:auto} .Hui-subtitle,.dislpayArrow,.Hui-userbox,.Hui-tabNav{ display:none} .Hui-aside{ display:none;float:none; width:100%; height:auto; margin-top:0;padding-top:0;bottom:auto} .Hui-tabNav{ position:fixed; z-index:998;} .Hui-article{left:0} .Hui-nav{margin-left:130px; margin-right:60px} .Hui-nav li{width:24%;font-weight:bold;font-size:16px} .Hui-nav-toggle{ display:block} .wp{ width:100%} .Hui-articlebox{overflow-y: hidden; position:static} .Hui-articlebox .pd-20{ padding:20px 10px} } /*竖向手机*/ @media (max-width: 480px) { .Hui-logo{ display:none} .Hui-logo-m{ display:inline-block; padding-right:5px} .Hui-subtitle,.dislpayArrow,.Hui-userbox{ display:none} .Hui-nav{margin-left:50px;margin-right:60px} } /*==============以下是业务相关的样式====================*/ /*权限*/ .permission-list .item{ display:inline-block; float:left;white-space:nowrap; width:100px; padding:5px 0} .permission-list b.item{ width:50px} .footer{ background: #f1f1f1; border-top: 1px solid #c4a2a1; color: #666666; font-size: 12px; height: 26px; line-height: 26px; width: 100%; bottom: 0px; position: absolute; z-index: 999; } .footer img{ margin-right: auto; margin-left: auto; display: block; }