html{*overflow:auto;}
#container{position:relative;}
/*页面头部*/
#hd{ position:relative; width:100%; height:114px; background:url(../../img/skin_/topbg.png) repeat-x; z-index:2;}
.hd-top{height:55px; padding-top:9px;}
/*logo*/
.hd-top .logo{ position:relative; float:left; margin:0 0 0 20px; width:212px; height:49px; background:url(../../img/skin_/systemlogo.png) no-repeat;}
.hd-top .logo .logo-icon{ position:absolute; right:0; top:18px; width:16px; height:15px; background:url(../../img/skin_/topxl.png);}
.hd-top .logo .logo-icon:hover,.hd-top .logo .logo-icon.active{ background:url(../../img/skin_/switch-system/h.png);}
/*用户登录信息*/
.hd-top .user-info{ float:left; margin-left:33px; width:110px; height:49px; line-height:49px;}
.hd-top .user-info .user-avatar{ position:relative; float:left; margin-top:6px; width:40px; height:40px; background:url(../../img/skin_/userfacebg.png); }
.hd-top .user-info .user-avatar span{ position:absolute; top:2px; left:2px; width:34px; height:34px; background:url(../../img/skin_/userface.png);}
.hd-top .user-info .user-avatar span .info-num{ position:absolute; top:-4px; right:-4px; width:16px; height:16px; line-height:16px; text-align:center; background:url(../../img/skin_/msg.png); color:#fff; font-style:normal;}
.hd-top .user-info .user-name{ float:left; margin-left:6px; color:#fff;}
.hd-top .user-info .more-info{ float:left; margin:19px 0 0 10px;width:16px;height:15px; background:url(../../img/skin_/userxl.png) center center no-repeat;}
.hd-top .user-info .more-info.active,.hd-top .user-info .more-info:hover{ width:16px;height:15px;background:url(../../img/skin_/topxl.png);}
/*顶部设置部分*/
.hd-top .setting{ float:right; height:49px; margin-right:1px; line-height:49px;}
.hd-top .setting .setting-skin{ float:left;}
.hd-top .setting .setting-skin{float:left;position:relative;margin-right:5px;margin:10px 8px 0 0;text-align:center; cursor:pointer;}
.hd-top .setting .setting-skin .text{line-height:28px;*position:relative;*top:-10px;color:#666;}
.hd-top .setting .setting-skin i{position:absolute;}
.hd-top .setting .setting-skin i.skin-icon{left:9px;top:9px;width:11px; height:10px; background:url(../../img/skin_/skinicon.png);}
.hd-top .setting .setting-skin i.arrow-icon{right:5px;top:12px;width:7px; height:4px; background:url(../../img/skin_/skinxl.png);}
.hd-top .setting .setting-skin:hover i.arrow-icon{background-position:-7px 0;}
.hd-top .setting .setting-skin .switch-bar{width:82px;height:29px; background:url(../../img/skin_/skin-bg.png);}
.hd-top .setting .setting-main{ float:left; width:152px;}
.hd-top .setting .setting-main li{ float:left; width:38px;text-align:center; }
.hd-top .setting .setting-main li a{color:#fff;}
.hd-top .setting .setting-main li a:hover{text-decoration:none;color:#000;}
.hd-top .setting .setting-main li a.close-btn{ float:left; margin:16px 0 0 11px; width:14px; height:14px;background:url(../../img/skin_/quit.png);}
.hd-top .setting .setting-main li a.close-btn:hover{ background-position:-14px 0;}
/*顶部导航*/
.hd-bottom{position:relative;height:45px;line-height:45px;padding:0 100px 0 56px; overflow:hidden;}
.hd-bottom .home{float:left;margin-left:-56px;width:56px;}
.hd-bottom .home>a{float:left; margin:9px 0 0 32px; width:24px; height:24px; background:url(../../img/skin_/home.png);}

.hd-bottom .nav-wrap{position:relative;float:left;overflow:hidden;width:100%;height:45px;}
.hd-bottom .nav{position:absolute;left:0;float:left;height:45px;font-size:14px;}
.hd-bottom .nav li{float:left;width:93px; text-align:center;}
.hd-bottom .nav li>a{ color:#4f4f4f;}
.hd-bottom .nav li>a:hover{color:#0188c7; text-decoration:none;}

.hd-bottom .nav-btn{position:absolute;right:15px;margin:11px 12px 0 0;}
.hd-bottom .nav-btn a{ float:left; width:22px; height:23px;}
.hd-bottom .nav-btn a.nav-prev-btn{ background:url(../../img/skin_/leftright.png);}
.hd-bottom .nav-btn a.nav-prev-btn:hover{background:url(../../img/skin_/leftright.png) 0 -23px;}
.hd-bottom .nav-btn a.nav-next-btn{ background:url(../../img/skin_/leftright.png) -23px -23px;}
.hd-bottom .nav-btn a.nav-next-btn:hover{ background:url(../../img/skin_/leftright.png) -23px 0;}

#bd{ position:relative; margin-top:-5px; width:100%; z-index:1;}

/*页面底部*/
#ft{ height:29px; line-height:29px; background:url(../../img/skin_/footerbg.png) repeat-x;}
.ft1{ float:left;}
.ft1 .ft-icon1{ float:left; margin:8px 5px 0 11px; width:14px; height:14px; background:url(../../img/skin_/i.png);}
.ft1 span{ float:left; color:#5f5f5f; }
.ft1 em{ float:left; color:#a6a6a6;}

.ft2{ float:right;}
.ft2 span{ float:left; color:#5f5f5f; }
.ft2 em{ float:left; color:#a6a6a6;}
.ft2 .ft-icon2{ float:left; margin:12px 11px 0 9px; width:4px; height:7px; background:url(../../img/skin_/footerright.png);}

/*弹窗*/
.buttons{margin-top:30px;}
.buttons input[type=button]{margin-right:5px;}

.user-opt{display:none;}
.user-opt ul{max-width:200px;}
.user-opt li{display:block;font-size:14px;}
.user-opt li a.text{display:block;padding:5px 20px;color:#000;}
.user-opt li a.text:hover{text-decoration:none;}
.user-opt li a.text .num{margin-left:5px;color:#f24a39;}
.user-opt li:first-child{margin-top:0;}
.user-opt li:hover a{background:#e8e8e8;}


.skin-opt{width:320px;}
.skin-opt .timebox{padding:10px 10px 0 10px;background: #fff;}
.skin-opt li{float:left;width:90px;height:25px;margin:0 5px 5px 0; cursor:pointer;}
.skin-opt li.third{margin-right:0;}
.skin-opt .submit{position: relative;right: -86px;}
.skin-opt .title{text-align: center;font-size: 16px;font-weight: bolder;color:#797979;}
.skin-opt .subtitle{text-align: center;font-size: 14px;font-weight: bolder;color:#797979;line-height: 42px;}
.skin-opt .tools{overflow: hidden;line-height: 30px;}
.skin-opt .info{margin-top: 21px;}
.skin-opt .tools li{float:left;}
.skin-opt .taskul{height:700px;overflow-y: scroll;overflow-x: hidden;}
.skin-opt .taskul tr{line-height: 21px;}

.uew-opt-panel{position:absolute;z-index:120;}
.uew-opt-panel ul{padding:5px 0;border:1px solid #CACACA;box-shadow:1px 1px 4px rgba(102,102,102,0.3);background:#fff;}
.uew-opt-panel li{position:relative;}
.uew-opt-panel li a{position:relative;display:block;min-width:48px;height:28px;padding:0 25px 0 15px;white-space:nowrap;color:#3C3C3C;line-height:28px;text-decoration:none;}
.uew-opt-panel li a .uew-icon2{position:absolute;right:3px;top:6px;}
/***** 第二层面板 *****/
.uew-opt-panel ul ul{position:absolute;left:102px;top:0px;box-shadow:1px 1px 4px rgba(102,102,102,0.3);}

.system-switch{ display:none;position:absolute;top:64px;left:0; z-index:111;font-size:14px;min-width:235px;}
.system-switch ul{background:#f2f2f2;padding:12px 0;}
.system-switch ul li{position:relative;}
.system-switch ul li i{/*position:absolute;*/float:left;margin:8px 8px 0 0;width:4px;height:6px;background:url(../../img/skin_/switch-system/toplist.png);}
.system-switch ul li .system-name{position:relative;display:block;padding:6px 30px; cursor:pointer;}
.system-switch ul li .system-name:hover{background:#fff;color:#37a8dd;}
.system-switch .opt-panel-mr{position:absolute;top:0;bottom:5px;right:-6px;width:6px;background:url(../../img/skin_/switch-system/sright.png);}
.system-switch .opt-panel-bc{position:absolute;left:0;bottom:-9px;right:5px;height:9px;background:url(../../img/skin_/switch-system/sdown.png);}
.system-switch .opt-panel-br{position:absolute;bottom:-9px;right:-6px;width:11px;height:14px;background:url(../../img/skin_/switch-system/yj.png);}