@charset "utf-8";
/* CSS Document */
/*
 * author: zhong xianheng
 * time: 2017-03-15
 * version: v17.1.0
 */
/******************** reset style *******************/
* html { background-image:url(../../images/globar/white-bg.gif); background-attachment:fixed; }
body { overflow-y:hidden;}
body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6,
fieldset, legend, form, input, select,textarea, button, p, span, strong, pre,
a, b, i, img, em, blockquote,table, th, td  { margin:0px; padding:0px; }
table { border-collapse:collapse; border-spacing:0; text-align:center; }
caption, th, td { text-align:left;  }
fieldset, img { border:0px; }
address, caption, cite, code, dfn, em, th, 
var, h1, h2, h3, h4, h5, h6  {  font-size:100%; font-style:normal; font-weight:normal; }
ol, ul, li { list-style:none; }
strong, b { font-weight:bold; }
body, button, input, select, textarea { font:12px/36px 'Microsoft Yahei'; }
a { color:#5e5e5e; text-decoration:none; }
a,a:active,a:visited,a:hover,
a:active font,
a:visited font,
a:hover font,input { outline:none; border:0px; text-decoration:none; background-color:transparent; }
a:hover { color:#439adf; text-decoration:none; }
/* add new style wmn 2017-04-26*/
.container-fluid{overflow: hidden; position: relative;}
.layout-top, .layout-center, .layout-bottom { clear:both; background: #fff;}
.turnEdit {color:#3583cb;}
/******************** 取消 IE input默认 style *******************/
::-ms-clear{display: none;}
::-ms-reveal{display: none;}

/******************** g-head/g-logo/g-line style *******************/
.g-head                    { clear:both; }
.g-head-box                { overflow: hidden; }
.g-head-bg                 { clear: both; }
.g-logo                    { clear: both;  }
.g-logo-icon h1 a          { text-indent: -9999em;  }  
.g-logo-text b,
.g-logo-text span          { font:14px/50px 'Microsoft YaHei'; color:#fff; }
.g-logo-text span          { padding-left:15px; font-size:12px; }

.g-head-simple                             { margin-right: 30px; }
.g-head-simple .g-head-admin               { color:#fff; }
.g-head-simple .g-head-admin span          { color:#fff; }
.g-head-simple .g-head-channel             { height: 26px; margin: 19px 0px 0px 20px; padding: 0px 26px; 
                                             border-radius:25px; background-color: #fff; }
.g-head-simple .g-head-channel li          { float:left; font:12px/26px 'Microsoft Yahei'; }
.g-head-simple .g-head-channel .mark-fenge { margin: 0px 15px; color: #717171; }
.g-head-simple .g-head-channel a           { float:left;  }

.g-line-level-track              { clear: both; width: 100%; height: 1px; overflow: hidden; }
.g-line-vertical           { clear: both; width: 1px; height: 100%; overflow: hidden; }

/******************** g-nav/g-nav-level/g-nav-vertical style *******************/
.g-nav-level                          { clear:both; height:40px; background-color:#333; }
.g-nav-level .ul-level-1              { clear:both; padding:0px 15px; }
.g-nav-level .ul-level-1 li           { position:relative; float:left; width:88px; height:30px; margin:6px 10px 0px 0px; }
.g-nav-level .ul-level-2              { position:absolute; top:29px; left:0px; padding:0px; display:none; }
.g-nav-level .ul-level-2 li,
.g-nav-level .ul-level-2 li:hover     { clear:both; float:none; margin:0px; border:0px; }

.g-nav-level .g-nav-t                 { display:block; width:88px; height:30px; cursor:pointer; text-align:center;  }
.g-nav-level .g-nav-t .icon           { display:inline-block; }
.g-nav-level .g-nav-t .t              { display:inline-block; font:14px/30px 'Microsoft YaHei'; color:#fff; }
.g-nav-level ul li a                  { display:block; font:12px/30px 'Microsoft YaHei'; color:#fff; text-align:center; }

.g-nav-level ul li:hover .g-nav-t     { background-color:#36b136;  border-radius:5px; 
                                        border-bottom-left-radius:0px; border-bottom-right-radius:0px; }
.g-nav-level ul li:hover ul           { display:block; background-color:#36b136; border-radius:5px; 
                                        border-top-left-radius:0px; border-top-right-radius:0px; }
.g-nav-level ul li:hover ul li:last-child a { border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.g-nav-level ul li:last-child               { border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.g-nav-level ul li a:hover                  { background-color:#5eb95e; }


.g-nav-vertical                       { position: relative;  display: block; }
.g-nav-vertical .ul-level-1           { float:left; width:100%; color: #5e5e5e; }
.g-nav-vertical .ul-level-1 li        { clear:both; font:14px/40px 'Microsoft YaHei'; position:relative;}
.g-nav-vertical .ul-level-2           { display:block; }
.g-nav-vertical .ul-level-2 li        { font-size:12px; background-color:#333; border-bottom:0px;  }
.g-nav-vertical ul li a               { height:39px; display:block; color:#5e5e5e;text-align: center; }
.g-nav-vertical ul li a:hover         { height:39px; display:block; }
.g-nav-vertical .g-nav-t              { clear:both; height:60px; cursor:pointer;text-align: center;position: relative; }
.g-nav-vertical .g-nav-t .icon        { float:left; width:15px; height:15px; padding-left:0px; }
.g-nav-vertical .g-nav-t .t           { float:left; font:14px/40px 'Microsoft YaHei'; color:#fff; }

.g-nav-version                        { position: fixed; bottom: 0px; left: 0px;
										width:97px; height:30px; background-color:#dbdbdb;
										text-align:center;
                                        font: 14px/30px 'Microsoft Yahei'; color: #666; }

.g-nav-user                           { clear: both; }
.g-user-simple                        { clear: both; width: 100%; height: 135px; }
.g-user-simple .user-portrait         { position: relative; display: inline-block; width: 61px; height: 61px; 
                                        text-align: center; }
.g-user-simple .user-message          { clear: both; }
.g-user-simple .user-message          { clear: both; padding-top: 3px; }
.g-user-simple .username              { clear: both; font: 14px/18px 'Microsoft Yahei'; color: #818181;
                                        background-color: transparent;
                                      }
.g-user-simple .posttitle             { clear: both; font: 14px/18px 'Microsoft Yahei'; color: #818181; 
                                        background-color: transparent;
                                      }
.g-user-simple .portrait-msg          { position: absolute; top: 2px; right: 2px; width: auto; height: 18px; 
                                        padding:0px 2px; background-color: #eda01c; border-radius: 3px; 
                                        font:12px/18px 'Microsoft Yahei'; color: #fff; }

/******************** g-crumb style *******************/
/* p-wrap-box */
.g-crumb-wrap                              { position:absolute;top:-24px;left:35px;height:25px;padding-left:17px; }
.g-crumb-wrap a,.g-crumb-wrap span         { font:13px/25px 'Microsoft YaHei'; }
.g-crumb-wrap .p-icon-crumb                { float:left; font-size:13px; color:#333; }
.g-crumb-wrap .c-home                      { float:left; color:#5395df; }
.g-crumb-wrap .ge                          { float:left; padding:0px 5px; }
.g-crumb-wrap .c-t                         { float:left; }
.g-crumb-wrap .gray6                       { color:#858585; }
@media screen and (min-width: 1024px) { .g-crumb-wrap { padding-left:5px; } }
@media screen and (min-width: 1366px) and (min-width: 1360px) { .g-crumb-wrap { padding-left:10px; } }
@media screen and  (min-width: 1600px) { .g-crumb-wrap { padding-left:17px; } }
@media screen and (min-width: 1920px) { .g-crumb-wrap { padding-left:17px; } }
/* main-box */
.g-crumb-main                              { position:absolute;top:-3px;left:35px;height:25px;padding-left:17px; }
.g-crumb-main a,.g-crumb-main span         { font:13px/25px 'Microsoft YaHei'; }
.g-crumb-main .p-icon-crumb                { float:left; font-size:13px; color:#333; }
.g-crumb-main .c-home                      { float:left; color:#5395df; }
.g-crumb-main .ge                          { float:left; padding:0px 5px; }
.g-crumb-main .c-t                         { float:left; }
.g-crumb-main .gray6                       { color:#858585; }
@media screen and (min-width: 1024px){ .g-crumb-main { top:0px; } }
@media screen and (min-width: 1366px) and (min-width: 1360px) { .g-crumb-main { top:4px; padding-left:17px; } }
@media screen and  (min-width: 1600px){ .g-crumb-main { top:9px; } }
@media screen and (min-width: 1920px){ .g-crumb-main { top:12px; } }
/******************** g-contianer/g-fluid style *******************/
.g-contianer                          { clear:both; width:100%; display:block; background-color:#F2F2F2; }
.g-contianer-fluid                    { width:97%; padding:0px 2% 0px 1%; overflow-y:scroll; }
.g-fluid-r                            { float:right; width:98%; display:block; padding:0px 1% 0px 1%; }
.g-fluid-nopage                       { clear:both; height:30px; margin:20px 0px; overflow:hidden; 
                                        font:14px/30px 'Microsoft YaHei'; background-color:#dedede; 
                                        color:#bbb; text-align:center;}
.g-fluid-t                            { margin-bottom:15px; padding:35px 0px 10px; font:36px/50px 'Microsoft YaHei'; 
                                        border-bottom:1px solid #ddd; }
.g-fluid-sub-t                        { font:26px/50px 'Microsoft YaHei'; padding-top:100px; margin-top:-100px;}
.g-fluid-right                        { display: block; }

/******************** iconfont style *******************/
@font-face {
    font-family: 'g-icon';
    src: url('../images/icon/iconfont.eot'); /* IE9*/
    src: url('../images/icon/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../images/icon/iconfont.woff') format('woff'), /* chrome、firefox */
         url('../images/icon/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
         url('../images/icon/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.g-icon {
    font-family:"g-icon" !important; font-size:16px; font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.icon-zhuye:before            { content: "\e652"; }
.icon-shijiantou1:before      { content: "\e600"; }
.icon-shijiantou2:before      { content: "\e607"; }
.icon-kongjiantou:before      { content: "\e60d"; }
.icon-shijiantou-left:before  { content: "\e6ff"; }
.icon-shijiantou-right:before { content: "\e613"; }




/******************** g-table/g-th/g-td style(ycq20160823) *******************/
.g-table                               { clear:both; border-collapse:collapse; width:100%}
.g-table th, 
.g-table td                            { padding:8px; word-break:break-all; border:1px solid #ddd; text-align:left; 
                                         font:12px/20px 'Microsoft YaHei'; color:#333; }
.g-table th                            { font-weight:bold; background-color:#F5FAFE; }
.g-tabsearch                           {margin-bottom: 5px;
                                        float: right;
                                        border:1px solid #d7d7d7;
                                        border-top-color:#777;
                                        border-left-color:#777;
                                        font:12px/26px "Microsoft YaHei";
                                        box-sizing:border-box;
                                        padding:0 5px;}
.g-table-border-b th,
.g-table-border-b td                   { border:0px; border-bottom:1px solid #ddd; }

.g-table-odd tbody tr:nth-child(odd)   { background-color:#eee; }
.g-table-even tbody tr:nth-child(even) { background-color:#eee; }

.g-table-hover tbody tr:hover          { background-color:#eee; }

.g-table-icon .table-icon              { float:left; }
.g-table-icon .icon-shijiantou1        { display:inline-block; font-size:13px; color:#333; }
.g-table-icon .icon-shijiantou2        { display:inline-block; font-size:13px; color:#333; }
.g-l,.g-th-l,.g-td-l                   { text-align:left !important; }
.g-r,.g-th-r,.g-td-r                   { text-align:right !important; }
.g-c,.g-th-c,.g-td-c                   { text-align:center !important; }
.g-b,.g-th-b,.g-td-b                   { font-weight:bold !important; }
.g-cl,.g-th-cl,.g-td-cl                { border-left:0px !important; }
.g-cr,.g-th-cr,.g-td-cr                { border-right:0px !important; }
.g-ct,.g-th-ct,.g-td-ct                { border-top:0px !important; }
.g-cb,.g-th-cb,.g-td-cb                { border-bottom:0px !important; }

.g-table-thborder th                   { border-left:0px; border-right:0px;}
.g-table-thborder th:first-child       { border-left:1px solid #ddd;}
.g-table-thborder th:last-child        { border-right:1px solid #ddd;}
.g-table-horizontal                    { border:1px solid #ddd;}
.g-table-horizontal th,
.g-table-horizontal td                 { border:0px; border-bottom:1px solid #ddd;}
.g-table-horizontal tr:last-child td   { border:0px;}
.g-table-vertical                      { border:1px solid #d7d7d7;}
.g-table-vertical th,
.g-table-vertical td                   { border:0px; border-right:1px solid #ddd;}
.g-table-keypoint                  { border:1px solid #ddd;}
.g-table-keypoint th,
.g-table-keypoint td               { border:0px; border-bottom:1px solid #ddd;}
.g-table-keypoint th:first-child,
.g-table-keypoint td:first-child   { background:#D0DAFD; border-bottom:1px solid #fff;}
.g-table-keypoint tr:last-child td { border-bottom:1px solid #ddd;}
.g-table-interval th               { padding:0px; border:0px; background:none; }
.g-table-interval td               { border:0px;}
.g-table-interval .ve-fill         { display:block; margin-right:5%; padding:8px; border-bottom:1px solid #ddd;}

/******************** g-codeview style *******************/
.g-codeview                        { position:relative; margin:5px 0px 15px; padding:20px 20px; overflow:hidden;
                                     background-color:#fff; border:1px solid #ddd; border-radius:4px; }
.g-codeview:after                  { content:"Example"; position:absolute; top:-1px; left:-1px; padding:3px 7px; 
                                     font:bold 12px 'Arial';  background-color:#f5f5f5; border:1px solid #ddd; 
                                     color:#9da0a4; border-radius:4px 0px 4px 0px; }
        
/******************** g-codeshow style(ycq20160823) *******************/
.g-codeshow                            { position:relative; border:1px solid #d7d7d7; border-radius:4px; 
                                         margin:5px 0px 15px; padding-top:15px; background:#F7F7F9;}
.g-codeshow:after                      { content:"HTML"; position:absolute; top:-1px; left:-1px; padding:3px 7px; 
                                         font:bold 12px 'Arial'; background-color:#f5f5f5; border:1px solid #ddd; 
                                         color:#9da0a4; border-radius:4px 0px 4px 0px; }
.g-codeshow ul                         { background:#fff; border-radius:4px;}
.g-codeshow ul li                      { height:20px; list-style:decimal; margin-left:40px; padding-left:20px; 
                                         background:#f7f7f9;}
.g-codeshow ul li:first-child          { border-top-right-radius:4px; padding-top:10px;}
.g-codeshow ul li:last-child           { border-bottom-right-radius:4px; padding-bottom:10px;}
.g-codeshow ul li pre,
.g-codeshow ul li pre span             { font:12px/20px "Microsoft YaHei";}
.g-codeshow ul li .code-blue           { color:#007;}
.g-codeshow ul li .code-green          { color:#008080;}
.g-codeshow ul li .code-red            { color:#d14;}
.g-codeshow ul li .code-block          { color:#333;}
.g-codeshow ul li .code-ti2            { text-indent:2em;}
.g-codeshow ul li .code-ti4            { text-indent:4em;}
.g-codeshow ul li .code-ti6            { text-indent:6em;}
.g-codeshow ul li .code-ti8            { text-indent:8em;}
.g-codeshow ul li .code-ti10           { text-indent:10em;}

/******************** g-codehelp style(ycq20160823) *******************/
.g-codedescription                     { position:relative; margin:5px 0px 15px; padding:30px 20px 15px; background-color:#fff;
                                         border:1px solid #ddd; border-radius:4px; }  
.g-codedescription:after               { content:"代码描述"; position:absolute; top:-1px; left:-1px; padding:3px 7px; 
                                         font:bold 12px 'Arial'; background-color:#f5f5f5; border:1px solid #ddd; 
                                         color:#9da0a4; border-radius:4px 0px 4px 0px; }
.g-codedesc-title                      { clear:both; font:16px/1.5 'Microsoft YaHei'; color:#aa6708; margin-bottom:10px;}
.g-codedescription p                   { font:12px/25px "Microsoft YaHei"; color:#333;}
.g-codedescription .importantText      { background:#f9f2f4; color:#c7254e; padding:2px 4px; border-radius:2px;}
.g-codedescription .g-table            { margin-top:15px;}
.g-codedescription .g-table tr th      { background:#F2DEDE;}

/******************** g-btn *******************/
.g-module-btn                          { clear: both; }
.g-btn                                 { width:auto; min-width:80px; height: 30px; display:inline-block; 
                                         padding:0px 10px; border:1px solid #ddd; cursor:pointer; color:#000; 
                                         font:12px/28px "Microsoft YaHei"; background:#fff; text-align:center;border-radius: 4px; }
.g-btn:hover                           { background:#3091f2; opacity:0.9; filter:alpha(opacity=90); color:#fff;  
                                         border:1px solid #3091f2;}
.g-btn-round                           { border-radius:50% 50%; }
.g-btn-radius                          { border-radius:5px; }
.g-btn-primary                         { background:#3091f2; border:1px solid #3091f2; color:#fff;}
.g-btn-primary:hover                   { opacity:1;}

.g-btn-disabled,
.g-btn-disabled:hover                  { background:none; cursor:not-allowed; color:#ddd; border-color:#ddd;}
.g-btn-link                            { border:0px; background:none; color:#0e90d2; padding:0;}
.g-btn-link:hover                      { border:0px; background:none; color:#095f8a; text-decoration:underline;}

.g-btn-w200                           { width:200px; height:50px; font:20px/50px 'Microsoft YaHei'; }
.g-btn-w150                           { width:150px; height:40px; font:16px/40px 'Microsoft YaHei'; }
.g-btn-w100                           { width:100px; height:26px; font:12px/26px 'Microsoft YaHei'; }
.g-btn-w50                            { width:50px; height:20px; font:12px/20px 'Microsoft YaHei'; }

/******************** g-form style *******************/
.g-text,
.g-text-hover,
.g-password                            { border: 1px solid #ccc;border-radius: 4px;font:12px/28px "Microsoft YaHei"; box-sizing:border-box; padding:0 5px; }
.g-text-title                          { float: left; height: 30px; font: 12px/30px 'Microsoft YaHei'; }
.g-text-box                            { display: block; font: 12px/30px 'Microsoft YaHei';  }
.g-text-hover:hover                    { border:1px solid #3bb4f2;}
.g-text-icon                           { background:url(../images/globar/icon-fdj.png) no-repeat 95% 50%; 
                                         padding-right:30px; }
.g-textarea                            { width:96%; padding:2%; resize:none; }
.g-text-radius                         { border-radius:5px; }
.g-text-h60                            { font:25px/60px "Microsoft YaHei"; }
.g-text-h40                            { font:20px/40px "Microsoft YaHei"; }
.g-text-h24                            { font:12px/24px "Microsoft YaHei"; }
.g-text-h20                            { font:12px/20px "Microsoft YaHei"; }

.g-disabled                            { cursor:default; }
.g-disabled input,
.g-disabled label                      { cursor:not-allowed; }

.g-check input.check-input             { float: left; margin: 8px 0px 0px 10px; }
.g-check label.check-label             { float: left; padding-left:5px; font: 12px/28px 'Microsoft YaHei'; }
.g-check-icon                          { position:relative; }
.g-check-icon .check-input             { float:left; position:relative; top:2px; z-index:20; opacity:0; 
                                         margin-right:2px; width:16px; height:16px; cursor:pointer;  }
.g-check-icon .check-icon              { float:left; position:absolute; top:2px; left:0px; z-index:10; 
                                         width:16px; height:16px; 
                                         background:url(../images/globar/unchecked.png) no-repeat; }
.g-check-icon .checked-icon            { background:url(../images/globar/checked.png) no-repeat; }
.g-check-icon .check-label             { cursor:pointer; }

.g-radio input.radio-input             { float: left; margin: 8px 0px 0px 10px; }
.g-radio label.radio-label             { float: left; padding-left:5px; font: 12px/28px 'Microsoft YaHei'; }
.g-radio-icon                          { position:relative; }
.g-radio-icon .radio-input             { float:left; position:relative; top:2px; z-index:20; opacity:0; 
                                         margin-right:2px; width:16px; height:16px; cursor:pointer;  }
.g-radio-icon .radio-icon              { float:left; position:absolute; top:2px; left:0px; z-index:10; 
                                         width:16px; height:16px; background:url(../images/globar/radio.png) no-repeat; }
.g-radio-icon .radioed-icon            { background:url(../images/globar/unradio.png) no-repeat; }
.g-radio-icon .radio-label             { cursor:pointer; }

.g-select                              { clear: both; position: relative; z-index: 20; width: 100px; height: 30px; }
.g-select-value                        { position: absolute; top: 0px; left: 0px; z-index: 30; 
                                         width:98px; height:28px; cursor: pointer;  
                                         border:1px solid #d7d7d7; font: 12px/28px 'Microsoft YaHei'; color: #ccc; }
.g-select-right .g-select-value        { left: auto; right: 0px; }
.g-select-list                         { position: absolute; top: 28px; left: 0px; z-index: 30; 
                                         border:1px solid #d7d7d7; }
.g-select-right .g-select-list         { left: auto; right: 0px; }
.g-select ul li                        { clear: both; width: 98px; height: 24px; 
                                         background-color: #fff; text-align: left; } 
.g-select ul li a                      { display: block; height: 24px; padding-left: 10px;
                                         font: 12px/24px 'Microsoft YaHei'; }
.g-select ul li span                   {}
.g-select ul li a:hover                { background-color: #eee; }

.g-file                                { width:100%; height:100%; z-index:1; opacity:0; 
                                         position:absolute; top:0; right:0; cursor:pointer; }
.g-file-box                            { position:relative; overflow:hidden; width:auto;}
#uploadFile                            { position:absolute; margin:5px 5px 0 5px;}

/******************** index style(ycq20160824) *******************/
.g-index-wrap                          { width:100%; height:100%; background:url(../images/globar/bg.jpg) no-repeat; }
.g-content                             { width:100%; height:auto; padding-top:10%;}
.g-content h1                          { font:80px/80px "Microsoft YaHei"; color:#fff; text-align:center;}
.g-content h2                          { font:30px/30px "Microsoft YaHei"; color:#fff; text-align:center; margin-top:2%; }
.g-content .btn-box                    { width:100%; text-align:center; margin-top:5%;}
.g-content .btn-box a                  { margin:0 2%; }

/******************** index 20160920*******************/
.g-content .g-wrap .g-wrap-col1 a:link { border:0px;}
.g-content .g-wrap .g-wrap-col1 a:hover{ border:0px;}

/******************** g-image style *******************/
.g-img-album                           { padding:4px; border:1px solid #ddd;}
.g-img-radius                          { border-radius:4px; }
.g-img-round                           { border-radius:50% 50%; }

.g-img-center                          { border:1px solid #ddd; text-align:center; display:table-cell; vertical-align:middle; }
.g-img-adaptive                        { border:1px solid #ddd; }
.g-img-percent100                      { width:100%; height:100%; }
.g-img-back                            { display:inline-block;
                                         background:url(../images/globar/avatar-default.jpg) no-repeat; background-size:100%;}

.g-atlas                               { width:200px;}
.g-atlas-img                           { width:200px; height:200px; border:1px solid #ddd;}
.g-atlas-text                          { border:1px solid #ddd; border-top:0px; padding:7px 5px; text-align:center;}
.g-atlas-title                         { font:12px/20px "Microsoft YaHei"; color:#333;}
.g-atlas-more                          { font:10px/20px "Microsoft YaHei"; color:#ddd;}
.g-atlas-bg                            { width:100%;}
.g-atlas-bg-fir                        { display:block; height:2px; border:1px solid #ddd; border-top:0px; margin:0 3px;}
.g-atlas-bg-sec                        { display:block; height:2px; border:1px solid #ddd; border-top:0px; margin:0 6px;}

/******************** g-icon style(ycq20160829) *******************/
.g-globar-icon                { background:url(../../images/globar/globar-icon.png) no-repeat;}
.icon-account                 { background-position:-31px -932px; width:40px; height:40px; }
.icon-password                { background-position:-120px -865px; width:40px; height:40px;}
.icon-phone                   { background-position:-310px -334px; width:40px; height:40px;}
.icon-checkbox1               { background-position:-310px -485px;width:27px; height:27px;}
.icon-checkbox2               { background-position:-309px -554px;width:27px; height:27px;}
.icon-radiobox1               { background-position:-310px -627px;width:27px; height:27px;}
.icon-radiobox2               { background-position:-310px -702px;width:27px; height:27px;}

.icon-minimize                { background-position:-30px -323px;width:22px; height:16px;}
.icon-returncenter            { background-position:-30px -252px;width:22px; height:16px;}
.icon-keshipopup              { background-position:-30px -30px;width:22px; height:16px;}

.icon-beian                   { background-position:-308px -781px; width:30px; height:30px;}
.icon-ycjb                    { background-position:-310px -931px; width:16px; height:16px;}
.icon-person                  { background-position:-118px -701px; width:22px; height:22px;}
.icon-editpassword            { background-position:-115px -30px; width:22px; height:22px;}
.icon-loginout                { background-position:-29px -624px; width:22px; height:22px;}
.icon-crumbs                  { background-position:-30px -555px; width:13px; height:13px; }
.icon-checkImage              { background-position:-30px -99px; width:20px; height:18px;}
.icon-noCheckImage            { background-position:-31px -408px; width:20px; height:18px;}
.icon-playImage               { background-position:-30px -484px; width:20px; height:18px;}
.icon-download                { background-position:-403px -32px; width:20px; height:18px;}
.icon-point-red               { width: 10px; height: 10px; display: inline-block; overflow: hidden; 
                                border-radius: 50% 50%; background-color:#e33633;  }
.icon-point-green             { width: 10px; height: 10px; display: inline-block; overflow: hidden; 
                                border-radius: 50% 50%; background-color:#4cb649;  }
.icon-point-orange            { width: 10px; height: 10px; display: inline-block; overflow: hidden; 
                                border-radius: 50% 50%; background-color:#fcd20c; }
.icon-point-gray              { width: 10px; height: 10px; display: inline-block; overflow: hidden; 
                                border-radius: 50% 50%; background-color:#c9c9c9; } 
.icon-point-yellow              { width: 10px; height: 10px; display: inline-block; overflow: hidden; 
								border-radius: 50% 50%; background-color:#fbd20b; } 


/*********************** icon set style ******************************************/
.ycjb-icon                    { width:16px; height:16px; margin:8px 0px 0px 8px; display:block; float:left; }
.subcrumbs-icon               { width:13px; height:28px; float:left;}
.system-icon                  { width:22px; height:22px; margin:13px auto auto 6px; }
.checkbox-icon                { position:relative; z-index:10; width:27px; height:27px; 
                                float:right; right:-23px;top:-2px; }
.keshibutton-icon             { width:22px; height:16px; display:inline-block; position:relative; float: left; 
                                cursor: pointer; z-index:999; }
.resource-icon                { width:20px; height:18px; display:inline-block; margin:0 1px;}

/******************** g-nav-hide style(ycq20160829) *******************/
.g-nav-openclose                             { position:absolute; left:15%; transition:0.2s;}
.g-nav-vertical                              { transition:0.2s;}
.g-nav-big-page .g-nav-vertical              { width:0px; transition:0.2s;}
.g-nav-big-page .g-nav-vertical ul           { display:none;}
.g-nav-big-page .g-fluid                     { width:98%; transition:0.2s;}
.g-nav-big-page .g-nav-openclose             { left:0; transition:0.2s;}
.g-fluid                                     { transition:width 0.2s;}

.g-nav-icon                                  { background:url(../images/globar/icon_arrow.png) no-repeat;}
.g-nav-close-icon                            { background-position:0px 0px;}
.g-nav-close-icon:hover                      { background-position:-21px 0px;}
.g-nav-openclose-icon                        { width:17px; height:61px; display:inline-block;}
.g-nav-big-page .g-nav-close-icon            { background-position: 0px -61px;}
.g-nav-big-page .g-nav-close-icon:hover      { background-position: -21px -61px;}

/******************** g-subnav style(ycq20160829) *******************/
.g-anchor                                    { height:0px; clear:both; background:#f5f3f3; z-index:1000;  
                                               box-shadow:0px 2px 10px #777; overflow:auto;}
.g-anchor a                                  { margin:10px 10px 0px 10px; cursor:pointer; border:1px solid #ddd;}

#g-anchor                                    { position:fixed; display:block; margin-right:1.5%; }

/******************** g-wrap style *******************/
.g-wrap                                      { width:100%; height:auto; box-sizing:border-box;}
.g-wrap-col1,
.g-wrap-col2,
.g-wrap-col3,
.g-wrap-col4,
.g-wrap-col5,
.g-wrap-col6                                 { float:left; height:auto; display:block;
                                               min-height:10px; box-sizing:border-box; text-align:center;background: #fff;
                                             }
.g-wrap-col1                                 { width:16.66666666666667%;}
.g-wrap-col2                                 { width:33.33333333333333%;}
.g-wrap-col3                                 { width:50%;}
.g-wrap-col4                                 { width:66.66666666666667%;}
.g-wrap-col5                                 { width:83.33333333333333%;}
.g-wrap-col6                                 { width:100%;}

/******************** globar style *******************/
.clear                     { clear:both;  float:none;  }
.space0                    { clear:both; height:0px; overflow:hidden; }
.space05                   { clear:both; height:5px; overflow:hidden; }
.space10                   { clear:both; height:10px; overflow:hidden; }
.space15                   { clear:both; height:15px; overflow:hidden; }
.space20                   { clear:both; height:20px; overflow:hidden; }
.space40                   { clear:both; height:40px; overflow:hidden; }
.clear:after,
.space0:after,
.space05:after,
.space10:after,
.space15:after,
.space20:after             { clear:both; content:""; display:table; }
.f-l                       { float: left; }
.f-r                       { float: right; }
.mt5                       { margin-top:5px;}
.mr5                       { margin-right:5px; }
.mb5                       { margin-bottom:5px; }
.ml5                       { margin-left:5px; }
.mt10                      { margin-top:10px;}
.mr10                      { margin-right:10px; }
.mb10                      { margin-bottom:10px; }
.ml10                      { margin-left:10px; }
.mt15                      { margin-top:15px;}
.mr15                      { margin-right:15px; }
.mb15                      { margin-bottom:15px; }
.ml15                      { margin-left:15px; }
.mt20                      { margin-top:20px;}
.mt50                      { margin-top:50px;}
.mr20                      { margin-right:20px; }
.mb20                      { margin-bottom:20px; }
.ml20                      { margin-left:20px; }
.pt5                       { padding-top:5px;}
.pr5                       { padding-right:5px; }
.pb5                       { padding-bottom:5px; }
.pl5                       { padding-left:5px; }
.pt10                      { padding-top:10px;}
.pr10                      { padding-right:10px; }
.pb10                      { padding-bottom:10px; }
.pl10                      { padding-left:10px; }
.pt15                      { padding-top:15px;}
.pr15                      { padding-right:15px; }
.pb15                      { padding-bottom:15px; }
.pl15                      { padding-left:15px; }
.pt20                      { padding-top:20px;}
.pr20                      { padding-right:20px; }
.pb20                      { padding-bottom:20px; }
.pl20                      { padding-left:20px; }

/******************** g-width/g-height/g-size style *******************/
.g-w30                                 { width:30px; }
.g-w40                                 { width:40px; }
.g-w50                                 { width:50px; }
.g-w60                                 { width:60px; }
.g-w70                                 { width:70px; }    
.g-w80                                 { width:80px; } 
.g-w90                                 { width:90px; } 
.g-w100                                { width:100px; } 
.g-w110                                { width:110px; } 
.g-w120                                { width:120px; } 
.g-w130                                { width:130px; }
.g-w140                                { width:140px; }
.g-w150                                { width:150px; }
.g-w160                                { width:160px; }    
.g-w170                                { width:170px; } 
.g-w180                                { width:180px; } 
.g-w190                                { width:190px; } 
.g-w200                                { width:200px;} 
.g-w220                                { width:220px; } 
.g-w230                                { width:230px; }
.g-w240                                { width:240px; }
.g-w250                                { width:250px; }
.g-w300                                { width:300px; }    
.g-w350                                { width:350px; } 
.g-w400                                { width:400px; } 
.g-w450                                { width:450px; } 
.g-w500                                { width:500px; } 
.g-h30                                 { height:30px; }
.g-h40                                 { height:40px; }
.g-h50                                 { height:50px; }
.g-h60                                 { height:60px; }
.g-h70                                 { height:70px; }    
.g-h80                                 { height:80px; } 
.g-h90                                 { height:90px; } 
.g-h100                                { height:100px; } 
.g-h110                                { height:110px; } 
.g-h120                                { height:120px; } 
.g-h130                                { height:130px; }
.g-h140                                { height:140px; }
.g-h150                                { height:150px; }
.g-h160                                { height:160px; }    
.g-h170                                { height:170px; } 
.g-h180                                { height:180px; } 
.g-h190                                { height:190px; } 
.g-h200                                { height:200px; } 
.g-h220                                { height:220px; } 
.g-h230                                { height:230px; }
.g-h240                                { height:240px; }
.g-h250                                { height:250px; }
.g-h300                                { height:300px; }    
.g-h350                                { height:350px; } 
.g-h400                                { height:400px; } 
.g-h450                                { height:450px; } 
.g-h500                                { height:500px; } 
.g-size25                              { width:25px; height:25px; }
.g-size50                              { width:50px; height:50px; }
.g-size80                              { width:80px; height:80px; }
.g-size100                             { width:100px; height:100px; }
.g-size120                             { width:120px; height:120px; }
.g-size150                             { width:150px; height:150px; }
.g-size200                             { width:200px; height:200px; }
.g-size250                             { width:250px; height:250px; }

/******************** color/font style *******************/
.red, table .red           { color:#ff0000;  }
.green, table .green       { color:#339900;  }
.blue,table .blue          { color:#0000ff;  }
.yellow,table .yellow      { color:#ffff00; }
.black,table .black        { color:#000;  }
.gray2,table .gray2        { color:#222;  }
.gray3,table .gray3        { color:#333;  }
.gray6,table .gray6        { color:#666;  }
.gray9,table .gray9        { color:#999;  }
.f12                       { font-size: 12px; }
.f14                       { font-size: 14px; }
.f16                       { font-size: 16px; }
.f18                       { font-size: 18px; }
.f20                       { font-size: 20px; }
.f24                       { font-size: 24px; }
.song                      { font-family:"SimSun"; }
.yahei                     { font-family: "Microsoft YaHei"; }
.hei                       { font-family: "SimHei"; }
.kai                       { font-family: "KaiTi"; }
.huawen                    { font-family: "STHeiti Light"; }

/******************** g-module-aside/module-aside-left/module-aside-right style *******************/
.module-aside-title        { position: relative; height:32px; } 
.module-aside-update       { position: absolute; top: 0px; left: 10px;  width:40px; height:32px; 
                             font: bold 14px/32px 'Microsoft YaHei'; color:#555; }
.module-aside-add          { position: absolute; top: 0px; right: 10px; width:60px; height:32px; 
                             font: bold 14px/32px 'Microsoft YaHei'; color:#555; }
.module-aside-name         { width: 100%; display: inline-block; font: bold 14px/32px 'Microsoft YaHei'; 
                             color:#555; text-align: center; }

.module-aside-tab          { width:100%; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;  
                             font: bold 14px/25px 'Microsoft YaHei'; color: #555; }
.module-aside-tab ul       { height: 32px; }
.module-aside-tab ul li    { float:left; width:20%; margin-left:-1px; border-left:1px solid #e3e3e3;
                             font: 12px/32px 'Microsoft Yahei'; text-align: center; }
.module-aside-tab ul li.on { background-color: #eee; border-bottom:1px solid #d7d7d7;  }
.module-aside-tab ul li a  { display: block; }                                       

.module-aside-msg          { clear: both; padding-top: 15px; border-bottom:1px solid #e3e3e3; }
.aside-msg-title           { clear: both; height: 36px; padding:0px 15px; 
                             font: 12px/36px 'Microsoft Yahei'; color: #808080;}
.aside-msg-title b         { padding-right:15px; font-weight: normal; color: #5197e0; }
.aside-msg-title span      { color: #808080; padding: 10px 0px;line-height: 20px;}

.module-aside-btn          { clear: both; height: 32px; }
.module-aside-btn a        { float:left; display: block; margin-left:-1px; border-left:1px solid #e3e3e3;
                             font: 12px/32px 'Microsoft Yahei'; text-align: center;  }
.module-aside-btn-one a    { width:100%; }
.module-aside-btn-two a    { width:49%; }
.module-aside-btn-three a  { width:33%; }

.module-aside-box          { clear: both; padding: 20px 0px 0px 0px;border-bottom:1px solid #e3e3e3; }
.aside-box-title           { clear: both; height: 25px; padding:0px 15px; font: 12px/25px 'Microsoft Yahei'; }
.aside-box-title span      { font-size:14px; color: #5e5e5e; padding:5px 0px; font: 14px/18px 'Microsoft Yahei';}
.aside-box-status          { clear: both; height: 25px; padding:0px 15px; font: 12px/25px 'Microsoft Yahei'; }
.aside-box-status .aside-icon { width: 13px; height: 13px; margin-top:6px; }
.aside-box-curstatus       { float: left; padding-left: 5px; font-weight: normal; color: #5e5e5e; }
span.aside-box-customer        { padding: 2px 5px; border-radius: 3px; background-color:#FFA500; 
                             font: 12px/20px 'Microsoft Yahei'; color: #fff;}
span.aside-box-rescueModel   {padding: 2px 5px;border-radius: 3px; background-color:#e33633; margin-right: 5px;
                             font: 12px/20px 'Microsoft Yahei'; color: #fff;}

/******************** g-progress-handlestatus style *******************/ 
.g-progress-handlestatus                { clear: both; padding: 20px 0px 6px 0px; 
                                          border-bottom:1px solid #e3e3e3; }
.g-progress-handlestatus ul             { position: relative; top: 0px; left: 0px; height:100%; }
.g-progress-handlestatus ul li          { position: relative; z-index: 30; float: left; width: 16.6%; text-align: center; }
.g-progress-handlestatus .t             { position: relative; top: -5px; 
                                          font-size: 12px 'Microsoft Yahei'; color: #808080; }
.progress-handlestatus-line             { position: relative; top: -54px; left: 8%; right: 8%; z-index: 10; 
                                          width: 84%; height: 1px; overflow: hidden; background-color: #dadada; }

.progress-handlestatus-vertical         { position: relative; height: 100%; }
.progress-handlestatus-vertical ul li   { clear: both; float: none; width: 100%; height: 16.6%; }
.progress-handlestatus-vertical .icon-vertical       { float: left; margin: 5px 0px 0px 16px; }
.progress-handlestatus-vertical .t                   { float: left; width:40px; font: 12px/32px 'Microsoft Yahei'; }
.progress-handlestatus-vertical .handlestatus-info   { float: left; position: relative; top: 3px; width: 195px; }
.progress-handlestatus-vertical .handlestatus-info p { padding-bottom:5px; font: 12px/16px 'Microsoft YaHei';  
                                                       color: #808080; text-align: left; }

/******************** g-module-tab style *******************/ 
.g-module-tab                      { clear: both; text-align: left; }
.module-tab-title                  { display: inline-block; height: 28px; padding:0px 15px; 
                                     font:12px/28px 'Microsoft YaHei'; border:1px solid #000; }
.module-tab-subtitle               {}

/******************** g-module-wrap style *******************/ 
.g-module-wrap                     { clear: both; display:block; border:1px solid #000; }
.g-module-box                      { clear: both; }
.g-module-layer                    { clear: both; height: 28px; margin: 10px 0px 10px 0px; }
.g-module-layer-auto               { height: auto; }
.g-module-title                    {}
.icon-font-tong                    {}
.icon-update                       {}
.icon-font-gen                     {}

/******************** g-module-list/g-module-map style *******************/ 
.g-module-list                     { clear: both; display: block; overflow: hidden; }
.g-module-list ul                  { clear: both; width: 100%; padding:15px 0px 0px 0px; }
.g-module-list ul li               { float: left; width: 50%; margin:0px 0px 15px 0px; 
                                     font: 12px/18px 'Microsoft Yahei'; }
.g-module-list .g-list-title       { float: left; width: 100px; text-align: right; }
.g-module-list .g-list-bigtitle    {}
.g-module-list .g-list-bigsubtitle {}
.g-module-list .g-list-value       { float: left; text-align: left; }
.g-module-list .g-list-box         {}
.g-module-list .g-list-info        {}
.g-module-list .g-list-infoname    {}
.g-module-list .g-list-infovalue   {}
.g-module-map                      { clear: both; }
/******************** input[disabled] *******************/ 
input[disabled]{
	border: 1px solid #c3c3c3 !important;
    background-color: #e9e9e9 !important;
    color:#949494 !important;
    cursor: not-allowed;
}
/*** input placeholder 颜色 wmn 2017-05-03***/
::-webkit-input-placeholder { color: #aaa; }
:-moz-placeholder { color:#aaa;}
::-moz-placeholder {color:#aaa; }
:-ms-input-placeholder { color: #aaa;}

/********************  selectbox style *******************/
.fmSelectbox{height:25px;text-align:left;margin-left: 5px;}
.fmSelectbox ul.ul_sel{background-color:#fff;position:absolute;z-index:555;font-size:12px;width:144px;max-height:132px;
                        padding-left:0 !important;overflow-y:scroll;overflow-x:hidden;border:1px solid #d7d7d7}
.fmSelectbox ul.ul_sel li{clear:both;display:block;width:99%;height:26px;line-height:26px;padding-left:1%;overflow: hidden;
                           text-overflow: ellipsis;white-space: nowrap;}
.fmSelectbox ul.ul_sel li:hover{background-color:#dfefff;cursor:pointer}
.fmSelectbox ul.ul_sel li.selfirst{height:26px;border:0}
.fmSelectbox ul.ul_sel li.selfirst em{width:26px;height:26px;background:url(img/sellibg_021.png) no-repeat 7px 7px;float:right}
.fmSelectbox ul.ul_sel li span{display:none;width:26px;height:26px;float:right;background:url(img/close_small.png) center center no-repeat}
.fmSelectbox ul.ul_sel li:hover span{display:block}
.fmSelectbox ul.ul_sel li.sellast em{background:url(img/add_small.png) center center no-repeat;width:26px;height:26px;border:0;display:block}
.fmSelectbox ul.ul_sel li.sellast:hover span{display:none}
.fmSelectbox span{display:block;height:25px !important;border:1px solid #ccc;border-radius:4px;background:#fff;font-size:12px;
                  font-weight:normal;text-align:left;overflow:hidden;line-height:25px;text-indent:4px;color:#aaa;}
.fmSelectbox span:hover{background:#dfefff;cursor:pointer}
.fmSelectbox .disabled span{background-color:#eee;border-color:#ddd;cursor:not-allowed}
.fmSelectboxw204 .fmSelectbox ul.ul_sel{width:200px}
.fmSelectbox .searchInput{ width:90%;height:24px; line-height:24px; border: 1px solid #ccc;border-radius: 4px; margin: 3px; padding-left: 3px;}
.fmSelectbox p{color:#949494;text-align: center;position:relative;margin: 0 auto;width: 100%;animation:blinkPrompt 1s infinite;
              -moz-animation:blinkPrompt 2s infinite;-webkit-animation:blinkPrompt 2s infinite;}
@-moz-keyframes blinkPrompt{
	0%{opacity: 0;}
	100%{opacity:1;}
}
@-ms-keyframes blinkPrompt{
	0%{opacity: 0;}
	100%{opacity:1;}
}
@-webkit-keyframes blinkPrompt{
	0%{opacity: 0;}
	100%{opacity:1;}
}
/********************  selectbox style  修改 wmn 2017-05-11*******************/
.fmSelectbox ul.ul_sel li:hover{background-color: #5395df !important; color: white !important;cursor:pointer}
.fmSelectbox span:hover{background:#ffffff !important;}
/*.fmSelectbox .selIsopenDisable:hover{background:#E9E9E9 !important;cursor: not-allowed;}*/
/*.fmSelectbox .selIsopenDisable{background:#E9E9E9 !important;}*/
.fmSelectbox span { position: relative;}
.fmSelectbox span.selIsopen ::after {
    content: ' ';
    width: 0;height: 0;
    /*display: inline-block;*/
    position: absolute;
    right: 6px;
    top: 50%;
    margin-top: -3px;
    border: 4px solid transparent;
    border-top: 6px solid #000;
    z-index:201;
}
.fmSelectbox span.selIsopen.open_s ::after {
    margin-top: -6px;
    border-top: 4px solid transparent;
    border-bottom: 6px solid #000;
    z-index:201;
}
.fmSelectbox .selIsopenDisabled:hover{
    background:#000 !important;
    opacity:0.1;
    cursor: not-allowed !important;
}
.fmSelectbox .selIsopenDisabled{
    position: absolute;
    left:0;
    top:0;
    background:#000 !important;
    opacity:0.1;
    width:100%;
    height:100%;
    z-index:200;
}

/******************* zTree style *******************/
.ztree                  { padding:5px; color:#333}
.ztree li               { line-height:14px; white-space:nowrap; outline:0; text-align:left; }
.ztree li ul            { padding:0 0 0 18px}
.ztree li ul.line       { background:url(../../images/plugin/ztree/line_conn.gif) 0 0 repeat-y;}

.ztree li a             { padding:1px 3px 0 0; cursor:pointer; height:17px; color:#333; background-color: transparent;
                          text-decoration:none; vertical-align:top; display: inline-block; }
.ztree li a:hover       { text-decoration:none; }
.ztree li a.curSelectedNode      { padding-top:0px; background-color:#FFE6B0; color:black; height:16px; 
                                   border:1px #FFB951 solid; opacity:0.8; }
.ztree li a.curSelectedNode_Edit { padding-top:0px; background-color:#FFE6B0; color:black; height:16px; 
                                   border:1px #FFB951 solid; opacity:0.8; }
.ztree li a.tmpTargetNode_inner  { padding-top:0px; background-color:#316AC5; color:white; height:16px; 
                                   border:1px #316AC5 solid; opacity:0.8; filter:alpha(opacity=80); }
.ztree li a input.rename         { height:14px; width:80px; border:1px #7EC4CC solid; *border:0px; }
.ztree li span                   { line-height:16px; margin-right:2px; }
.ztree li span.button            { line-height:0; width:16px; height:16px; display: inline-block; 
                                   vertical-align:middle;
                                   border:0 none; cursor: pointer;outline:none;
                                   background-color:transparent; background-repeat:no-repeat; 
                                   background-attachment: scroll;
                                   background-image:url(../../images/plugin/ztree/zTreeStandard.png); 
                                   *background-image:url(../../images/plugin/ztree/zTreeStandard.gif); }

.ztree li span.button.chk                           { width:13px; height:13px; margin:0 3px 0 0; cursor: auto; }
.ztree li span.button.chk.checkbox_false_full       { background-position:0px 0px; }
.ztree li span.button.chk.checkbox_false_full_focus { background-position:0px -14px; }
.ztree li span.button.chk.checkbox_false_part       { background-position:0px -28px; }
.ztree li span.button.chk.checkbox_false_part_focus { background-position:0px -42px; }
.ztree li span.button.chk.checkbox_false_disable    { background-position:0px -56px; }
.ztree li span.button.chk.checkbox_true_full        { background-position:-14px 0px; }
.ztree li span.button.chk.checkbox_true_full_focus  { background-position:-14px -14px; }
.ztree li span.button.chk.checkbox_true_part        { background-position:-14px -28px; }
.ztree li span.button.chk.checkbox_true_part_focus  { background-position:-14px -42px; }
.ztree li span.button.chk.checkbox_true_disable     { background-position:-14px -56px; }
.ztree li span.button.chk.radio_false_full          { background-position:-28px 0px; }
.ztree li span.button.chk.radio_false_full_focus    { background-position:-28px -14px; }
.ztree li span.button.chk.radio_false_part          { background-position:-28px -28px; }
.ztree li span.button.chk.radio_false_part_focus    { background-position:-28px -42px; }
.ztree li span.button.chk.radio_false_disable       { background-position:-28px -56px; }
.ztree li span.button.chk.radio_true_full           { background-position:-42px 0px; }
.ztree li span.button.chk.radio_true_full_focus     { background-position:-42px -14px; }
.ztree li span.button.chk.radio_true_part           { background-position:-42px -28px; }
.ztree li span.button.chk.radio_true_part_focus     { background-position:-42px -42px; }
.ztree li span.button.chk.radio_true_disable        { background-position:-42px -56px; }

.ztree li span.button.switch         { width:18px; height:18px; }
.ztree li span.button.root_open      { background-position:-92px -54px; }
.ztree li span.button.root_close     { background-position:-74px -54px; }
.ztree li span.button.roots_open     { background-position:-92px 0px; }
.ztree li span.button.roots_close    { background-position:-74px 0px; }
.ztree li span.button.center_open    { background-position:-92px -18px; }
.ztree li span.button.center_close   { background-position:-74px -18px; }
.ztree li span.button.bottom_open    { background-position:-92px -36px; }
.ztree li span.button.bottom_close   { background-position:-74px -36px; }
.ztree li span.button.noline_open    { background-position:-92px -72px; }
.ztree li span.button.noline_close   { background-position:-74px -72px; }
.ztree li span.button.root_docu      { background:none; }
.ztree li span.button.roots_docu     { background-position:-56px 0px; }
.ztree li span.button.center_docu    { background-position:-56px -18px; }
.ztree li span.button.bottom_docu    { background-position:-56px -36px; }
.ztree li span.button.noline_docu    { background:none; }

.ztree li span.button.ico_open       { margin-right:2px; background-position:-110px -16px; 
                                       vertical-align:middle; *vertical-align:middle; }
.ztree li span.button.ico_close      { margin-right:2px; background-position:-110px 0; 
                                       vertical-align:middle; *vertical-align:middle; }
.ztree li span.button.ico_docu       { margin-right:2px; background-position:-110px -32px; 
                                       vertical-align:middle; *vertical-align:middle; }
.ztree li span.button.edit           { margin-right:2px; background-position:-110px -48px; 
                                       vertical-align:middle; *vertical-align:middle; }
.ztree li span.button.remove         { margin-right:2px; background-position:-110px -64px; 
                                       vertical-align:middle; *vertical-align:middle; }

.ztree li span.button.ico_loading    { margin-right:2px; 
                                       background:url(../../images/plugin/ztree/loading.gif) no-repeat transparent; 
                                       vertical-align:middle; *vertical-align:middle; }
ul.tmpTargetzTree                    { background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80); }

span.tmpzTreeMove_arrow              { width:16px; height:16px; display: inline-block; margin:2px 0 0 1px; 
                                       border:0 none; position:absolute;
                                       background-color:transparent; background-repeat:no-repeat; 
                                       background-attachment: scroll;
                                       background-position:-110px -80px; 
                                       background-image:url(../../images/plugin/ztree/zTreeStandard.png); 
                                     }

ul.ztree.zTreeDragUL                 { position:absolute; width:auto; height:auto; overflow:hidden; 
                                       background-color:#cfcfcf; border:1px #00B83F dotted; 
                                       opacity:0.8; filter:alpha(opacity=80); }
.zTreeMask                           { z-index:10000; background-color:#cfcfcf; opacity:0.0; 
                                       filter:alpha(opacity=0); position:absolute; }

#treeModalInput            { clear:both; float:left; display:inline; margin:10px 0px 0px 10px; 
                             padding-left:6px; border:1px #bbb inset; }                                       
#treeModalLi               { clear:both; margin:35px 0px 0px 10px; }
#treeModalLi li            { clear:both; height:16px; margin:5px 0px 0px 0px; }
#treeModalLi li .icon      { float:left; line-height: 0px; width: 16px; height: 16px;
                             margin-right: 2px; display: inline-block; vertical-align: middle;
                             border: none; cursor: pointer; outline: none;
                             background:url(../../images/plugin/ztree/zTreeStandard.png) no-repeat -110px -32px; }
#treeModalLi li .txt       { float:left; margin-right: 2px; display:inline; 
                             font:12px/16px 'Microsoft YaHei'; color:#555; }
#treeModalLi li .txt:hover { color:#bb170e; }

/************************************ new ************************************/
.pos-r { position: relative; }
.pos-a { position: absolute; }

/*** g-breadcrumb style ***/
.g-breadcrumb                       { clear: both; height: 35px; }
.g-breadcrumb a,.g-breadcrumb span  { clear: both; margin: 0px !important; font: 13px/35px 'Microsoft YaHei'; }
.g-breadcrumb .layui-breadcrumb     { padding-left: 18px; }


/*** wxb-channel style *******************/
.wxb-channel                               { margin-right: 25px; }
.wxb-channel .layui-nav .layui-nav-item    { margin-left: 30px; }
.wxb-channel .layui-icon                   { position: relative; top: -9px;left: 8px; text-align: center; }
.wxb-channel .layui-nav .layui-badge       { top: 10px; left: 20px; height: 15px; line-height: 15px; margin:0px 0px; padding: 0px 3px; }
.wxb-channel .layui-nav .layui-nav-more    { position: inherit; top: auto; left: auto; right: auto; padding: 0px; margin: 20px 0px 0px 3px; }
.wxb-channel .layui-nav .layui-nav-mored   { margin-top: 21px; }
.wxb-channel .layui-icon-time              { width: 28px; height: 28px; margin: 9px 12px 0px 0px; 
                                             background: url('../../images/globar/new/icon_collection.png') -90px -474px no-repeat; }
.wxb-channel .layui-icon-msg               { width: 28px; height: 28px; margin: 9px 12px 0px 0px; 
                                             background: url('../../images/globar/new/icon_collection.png') -202px -474px no-repeat; }
.wxb-channel .layui-nav-img                { width: 28px; height: 28px; margin: 9px 10px 0px 0px; }

/*** wxb-head style ***/
.wxb-head                                     { height: 48px; background-color: #1E283C; }
.wxb-head .wxb-logo                           { clear: both; width: 200px; height: 48px; background-color: #283246;  }
.wxb-head .wxb-logo h1 a                      { display: inline-block; width: 130px; height: 22px; margin: 13px 0px 0px 28px;
                                                background: url('../../images/globar/new/icon_collection.png') -90px -106px no-repeat; }
.wxb-head .layui-nav                          { background-color: transparent; }
.wxb-head .layui-nav .layui-nav-item          { line-height: 48px; }
.wxb-head .layui-nav .layui-nav-item a        { padding:0px 12px; }
.wxb-head .layui-nav .layui-this:after        { height: 4px; background-color: #fff; }

.wxb-head .p-tip-back                         { position: relative; top: 9px; display: inline-block; width: 30px; height: 30px; 
                                                margin-right:10px; border-radius: 50%; background-color: #4e89ff; }
.wxb-head .layui-nav .layui-this a            { background-color: #2d54dc; }
.wxb-head .layui-nav .layui-nav-bar           { background-color: #fff; height: 0px; }
.wxb-head .layui-nav-box .layui-nav-more      { display: none; }
.wxb-head .layui-nav .layui-nav-child         { top:40px; background-color: transparent; border: 0px; }

.wxb-head .layui-nav .layui-nav-child dd.layui-this a,
.wxb-head .layui-nav-child dd.layui-this      { color: #fff; background-color: #414145; }
.wxb-head .layui-nav span                     { font-size: 12px; } 
.wxb-head .nav-flex-btn                       { width: 16px; height: 11px; margin: 15px 0px 0px 20px; }
.wxb-head .nav-flex-btn a                     { width: 16px; height: 11px; display: inline-block; font-size: 12px; color: #fff;
                                                background: url('../../images/globar/new/icon_collection.png') -427px -483px no-repeat; }
         
/*** wxb-nav style ***/
#wxb-nav                                   { width: 200px; }
#wxb-nav cite                              { float: left; }
#wxb-nav .layui-nav                        { background-color: #283246; }
#wxb-nav .layui-nav .layui-this,
#wxb-nav .layui-nav .layui-this a          { background-color: #3C506E; }
#wxb-nav .layui-nav-tree .layui-nav-item a { height: 48px; line-height: 48px; }
#wxb-nav .layui-nav .layui-nav-itemed      { background-color: #3C506E; }
#wxb-nav .layui-nav .layui-nav-item a      { padding: 0px 10px; }

#wxb-nav .layui-nav .layui-nav-child               { padding: 16px 0px; }
#wxb-nav .layui-nav .layui-nav-child dd a          { height: 36px; padding-left: 42px; font: 12px/36px 'Microsoft YaHei'; color: #fff;  }
#wxb-nav .layui-nav .layui-nav-child dd span       { position: absolute; top: 16px; right: 18px; width: 4px; height: 4px;
                                                     border-radius: 2px; background-color: #fff;  }
#wxb-nav .layui-nav .layui-nav-child dd:hover a    { color: #2389E8; }
#wxb-nav .layui-nav .layui-nav-child dd:hover span { background-color: #2389E8; }
#wxb-nav .layui-nav-tree .layui-nav-more           { right: 15px; border:none; background: url('../../images/globar/new/icon_collection.png') -725px -483px no-repeat;
                                                     width: 5px;height: 10px;margin-top: -4px;}
#wxb-nav .layui-nav-tree .layui-nav-itemed .layui-nav-more { right: 15px; border:none; background: url('../../images/globar/new/icon_collection.png') -627px -488px no-repeat;
                                                             width: 10px;height: 5px;margin-top: -2px;}

#xzljt                                             { border:none; background: url('../../images/globar/new/icon_collection.png') -725px -483px no-repeat; 
                                                     width: 10px;height: 10px; margin: 18px 0px 0px 5px; }
#jtBox:hover #xzljt                                { border:none; background: url('../../images/globar/new/icon_collection.png') -627px -488px no-repeat;
                                                     width: 10px;height: 5px; margin: 22px 0px 0px 5px; }

#wxb-nav .demoList                                 { position: absolute; top: 0; left: 80px; display: none; width:160px; background: #506482; }
#wxb-nav .demoList .layui-nav-item                 { background: #3C506E; }
#wxb-nav .demoList dd *                            { background: #506482; position: relative; font-size: 12px; height: 30px;}
#wxb-nav .demoList dd                              { position: relative; height: 36px; line-height: 36px; width:160px;}
#wxb-nav .demoList dd:hover a                      { color: #2389E8; }
#wxb-nav .demoList dd:hover span                   { background-color: #2389E8; }
#wxb-nav .demoList dd span                         { position: absolute; top: 20px; right: 20px; width: 4px; height: 4px; border-radius: 2px; 
                                                     background-color: #fff;}

#wxb-nav .layui-icon { float: left; display: block; width: 25px; height: 20px; }
#wxb-nav .WXB_MAIN   { margin: 14px 0px 0px 5px; background: url('../../images/globar/new/icon_collection.png') -89px -364px no-repeat; }
#wxb-nav .WXB_BJCZ   { margin: 16px 0px 0px 5px; background: url('../../images/globar/new/icon_collection.png') -195px -366px no-repeat; }
#wxb-nav .WXB_BJLS   { margin: 16px 0px 0px 5px; background: url('../../images/globar/new/icon_collection.png') -300px -365px no-repeat; }
#wxb-nav .WXB_JCXX   { margin: 15px 0px 0px 5px; background: url('../../images/globar/new/icon_collection.png') -403px -364px no-repeat; }
#wxb-nav .WXB_GDGL   { margin: 16px 0px 0px 5px; background: url('../../images/globar/new/icon_collection.png') -507px -364px no-repeat;  }
#wxb-nav .WXB_TZ     {}
#wxb-nav .WXB_WBGL   {margin: 16px 0px 0px 5px; background: url('../../images/globar/new/icon_collection.png') -611px -365px no-repeat;}
#wxb-nav .WXB_DDGL   {margin: 16px 0px 0px 5px; background: url('../../images/globar/new/icon_collection.png') -715px -365px no-repeat;}
#wxb-nav .WXB_TJFX   {}
#wxb-nav .WXB_ZHGL   {}
#wxb-nav .WXB_ZFGL   {}
#wxb-nav .WXB_XCXGL  {}

#wxb-nav a:hover .WXB_MAIN  { background: url('../../images/globar/new/icon_collection.png') -89px -255px no-repeat; }
#wxb-nav a:hover .WXB_BJCZ  { background: url('../../images/globar/new/icon_collection.png') -195px -257px no-repeat; }
#wxb-nav a:hover .WXB_BJLS  { background: url('../../images/globar/new/icon_collection.png') -300px -256px no-repeat; }
#wxb-nav a:hover .WXB_JCXX  { background: url('../../images/globar/new/icon_collection.png') -403px -255px no-repeat; }
#wxb-nav a:hover .WXB_GDGL  { background: url('../../images/globar/new/icon_collection.png') -507px -255px no-repeat; }
#wxb-nav a:hover .WXB_TZ    {}
#wxb-nav a:hover .WXB_WBGL  { background: url('../../images/globar/new/icon_collection.png') -611px -256px no-repeat; }
#wxb-nav a:hover .WXB_DDGL  { background: url('../../images/globar/new/icon_collection.png') -715px -255px no-repeat; }
#wxb-nav a:hover .WXB_TJFX  {}
#wxb-nav a:hover .WXB_ZHGL  {}
#wxb-nav a:hover .WXB_ZFGL  {}
#wxb-nav a:hover .WXB_XCXGL {}

/*** navTag style ***/
.navTag .wxb-logo                 { width: 80px; }
.navTag .wxb-logo h1 a            { width: 27px; height: 22px; margin: 13px 0px 0px 25px; 
                                    background:url('../../images/globar/new/icon_collection.png') -323px -106px no-repeat;  }
.navTag #wxb-nav                  { width: 80px; }
.navTag #wxb-nav .layui-nav-tree  { width: 80px; }
.navTag #wxb-nav .layui-icon      { margin-left: 20px; }
.navTag #wxb-nav cite             { display: none; }
.navTag #wxb-nav .layui-nav-more  { display: none; }
.navTag .handle-alarmwrap         { width: 1770px; }
.navTag .handle-alarmlist         { width: 1770px; }
.navTag .home-monitor             { width: 604px; }

/*** login-out style ***/
.login-out             { float: left; width: 90px; height: 25px; position: relative;  cursor: pointer; font: 12px/24px 'Microsoft YaHei';
                         background-color: #F8F8F8; color: #1E283C; border-radius: 5px; text-align: center; }
.login-out:hover       { background-color: #346BB3; color: #fff; }
.login-out:after       { content: ""; position: absolute; top: -20px; left: 50%; height: 10px; width: 0px; margin-left: -8px;
                         border: solid transparent; pointer-events: none; border-width: 5px; border-color: transparent; border-bottom-color: #F8F8F8; }
.login-out:hover:after { border-bottom-color: #346BB3; }
.login-out .txt        {  margin: 0px;  padding: 0px; }

/*** notice-list style ***/
.head-msg       { width: 300px; height: 150px; background-color: #f8f8f8; border-radius: 3px; 
                  position: absolute; top: 10px; left: -100px; }
.head-msg:after { content: ""; position: absolute; top: -20px; left: 50%; height: 10px; width: 0px; margin-left: -8px;
                  border: solid transparent; pointer-events: none; border-width: 5px; border-color: transparent; border-bottom-color: #fff; }
.head-msg ul    { clear: both; width: 276px; padding: 10px; }
.head-msg ul li { clear: both; white-space: normal; font: 12px/20px 'Microsoft YaHei'; color: #1E283C; }