/* document */
body,button,input,select,textarea{font-family:Arial, Microsoft Yahei, '微软雅黑', Simhei, '黑体', sans-serif;color:#333}
/*body{min-width:1260px;min-height:650px}*/

* {margin: 0;padding: 0;}

html, body {width: 100%;height: 100%;overflow: auto;position: relative;}
        .container {width: 100%;height: 100%;padding:0;max-width:1366px;width:1366px !important;}
        /*.bg {background: #000000;opacity: 0.5;filter: alpha(opacity=50);position: absolute;z-index: 1;overflow: auto;
            width: 100%;height: 100%;left: 0;top: 0;}
        .box {position: absolute;left: 50%;top: 50%;width: 90px;z-index: 11;height: 90px;line-height: 90px;
              color: #f60;font-weight: bold;font-size: 20px;}
        .info {
            position: absolute;left: -50%;top: -50%;z-index: 10;
            width: 90px;height: 90px;text-align: center;}*/

a{color:#333;font-weight:lighter;text-decoration:none;outline:none !important}
a:link{text-decoration:none}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0;text-decoration:none}
abbr[title]{border-bottom:1px dotted}
b,strong{font-family:Arial;font-weight: normal;}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:0}
code,kbd,pre,samp{font-family:Arial, Microsoft Yahei, '微软雅黑', sans-serif, serif;_font-family:'courier new', monospace;font-size:14px}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul,dd,li,dt{margin:0;padding:0}
nav ul,nav ol,ul,ol{list-style:none;list-style-image:none}
img{border:0;/* 1 */-ms-interpolation-mode:bicubic;/* 2 */}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;/* 1 */padding:0;white-space:normal;/* 2 */*margin-left:-7px;/* 3 */}
button,input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="date"],input[type="number"],input[type="email"],input[type="tel"],select,textarea{font-size:100%;/* 1 */margin:0;/* 2 */vertical-align:baseline;/* 3 */*vertical-align:middle;/* 3 */background:none;border:0;padding:0;outline:none}
button,input{line-height:normal;outline:none !important}
button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"]{-webkit-appearance:button;/* 2 */cursor:pointer;/* 3 */*overflow:visible; /* 4 */}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;/* 1 */padding:0;/* 2 */*height:13px;/* 3 */*width:13px;/* 3 */}
input[type="search"]{-webkit-appearance:textfield;/* 1 */-moz-box-sizing:content-box;-webkit-box-sizing:content-box;/* 2 */box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;/* 1 */vertical-align:top;/* 2 */}
table{border-collapse:collapse;border-spacing:0}
ul{margin:0px;padding:0px}
em{font-style:normal}
hr{display:block;clear:both;float:none;border:0;height:20px;border-bottom:1px solid #dfdfdf;padding:0;margin:0;background:repeat-x left top}
label{margin-bottom:0}


/* Float & Clear & Hidden */
.clearFix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
.clearFix{clear:both;zoom:1}
.floatL{display:inline;float:left}
.floatR{display:inline;float:right}

/* Margin & Padding */
.mt0{margin-top:0px !important}
.mt10{margin-top:5px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mb0{margin-bottom:0px !important}
.mb10{margin-bottom:10px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}
.ml0{margin-left:0px !important}
.ml10{margin-left:10px !important}
.ml20{margin-left:20px !important}
.ml30{margin-left:30px !important}
.ml40{margin-left:40px !important}
.ml50{margin-left:50px !important}
.mr0{margin-right:0px !important}
.mr10{margin-right:10px !important}
.mr20{margin-right:20px !important}
.mr30{margin-right:30px !important}
.mr40{margin-right:40px !important}
.mr50{margin-right:50px !important}

/* Width */
.w50{width:50px !important}
.w80{width:80px !important}
.w100{width:100px !important}
.w120{width:120px !important}
.w150{width:150px !important}
.w200{width:200px !important}
.w250{width:250px !important}
.w270{width:270px !important}
.w300{width:300px !important}
.w400{width:400px !important}
.w500{width:500px !important}

/* Form */
.iptSelect{position:relative;height:28px;padding-right:27px;border:1px solid #dfdfdf;background-color:#fff}
.iptSelectspan{position:relative;height:28px;padding-left:5px;font-size: 1rem;font-weight:400;top:-3px;float:left}
.iptSelect p{width:100%;height:26px;line-height:26px;min-width:50px;text-indent:10px;overflow:hidden}
.iptSelect span{position:absolute;right:0;top:0;width:26px;height:26px;line-height:26px;border-left:1px solid #dfdfdf;text-align:center;color:#999}
.iptSelect select{position:absolute;left:0;top:0;width:100%;height:26px;opacity:0;cursor:pointer}
.iptSearch{position:relative;height:28px;padding-right:37px;padding-left:10px;border:1px solid #dfdfdf;background-color:#fff}
.iptSearch input{width:100%;height:28px;line-height:28px;min-width:50px}
.iptSearch button{position:absolute;right:0;top:0;width:26px;height:26px;line-height:26px;border-left:1px solid #dfdfdf;text-align:center;color:#999}
.iptBtn .btn i{margin-right:5px;float:left;font-size:18px}
.iptTxt{position:relative;height:28px;border:1px solid #dfdfdf;background-color:#fff;padding:0 10px}
.iptTxt input{width:100%;height:26px;line-height:26px;min-width:50px}

.iptNumber{position:relative;height:28px;border:1px solid #dfdfdf;background-color:#fff;padding:0 10px}
.iptNumber input{width:100%;height:26px;line-height:26px;min-width:50px}
.iptDate{position:relative;height:28px;border:1px solid #dfdfdf;background-color:#fff;padding:0 10px}
.iptDate input{position:relative;width:100%;height:26px;line-height:26px;min-width:80px;}
.iptDate span{position:absolute;right:0;top:0;width:26px;line-height:26px;text-align:center;color:#999;z-index:1;border-left:1px solid #dfdfdf}
.iptCheckYN{padding-top:3px}
.iptCheckYN label{position:relative;display:inline-block;height:24px;margin:0 10px;cursor:pointer}
.iptCheckYN label input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}
.iptCheckYN label i{font-size:24px;color:#ccc}
.iptCheckYN label.check i{color:#333}
.iptCheckbox {padding:3px 0;}
.iptCheckbox label{display:inline-block;height:24px;margin-right:10px; margin-top:5px;cursor:pointer;font-weight:lighter;color:#999}
.iptCheckbox label input{float:left;margin-right:5px}
.iptValue{line-height:28px}
.iptArea{position:relative;border:1px solid #dfdfdf;padding:4px 10px;background-color:#fff}
.iptArea textarea{width:100%;height:100px;line-height:20px;resize:none}
.iptFile{position:relative}
.iptFile input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}
.iptFileAttach{display:inline-block;margin-left:10px;border:1px solid #dfdfdf;padding:5px 16px 5px 10px;height:28px;line-height:20px;position:relative}
.iptFileAttach i, .iptFileAttach span{margin-right:7px;color:#337ab7}
.iptFileAttach em{font-size:10px}
.iptFileAttach a{position:absolute;right:2px;top:2px;font-size:12px}
.iptError{color:#f00;padding-left:10px !important;margin:0 15px !important;border:1px solid #f00;background-color:#f9e3e3;line-height:28px}
.iptSelectMuil{position:relative;height:28px;min-width:100px;padding:0 29px}
.iptSelectMuil .muilBtn{position:absolute;top:0;width:28px;height:28px;background-color:#fff;border:1px solid #dfdfdf}
.iptSelectMuil .muilBtn.minus{left:0}
.iptSelectMuil .muilBtn.plus{right:0}
.iptSelectMuil .muilBtn:hover{background-color:#000;color:#fff;border-color:#000}
.iptSelectMuil .muilBtn.disabled{background-color:#dfdfdf;color:#f1f1f1;border-color:#dfdfdf;cursor:default}
.iptSelectMuil p{width:100%;height:28px;background-color:#fff;border:1px solid #dfdfdf}
.iptSelectMuil p span{display:none;height:26px;line-height:26px;text-align:center}
.iptSelectMuil p span.act{display:block}

.iptForm{padding-bottom:10px}
.iptForm li{padding-left:90px;min-height:28px;margin-top:10px;position:relative}
.iptForm li strong{position:absolute;left:0;top:0;width:80px;line-height:28px;text-align:right;font-weight:lighter}
.iptForm li.error .iptTxt, .iptForm li.error .iptDate{border-color:#f00}
.iptForm li.error .iptTxt input, .iptForm li.error .iptDate input{color:#f00}

/* Colorbox Core Style */
#cboxOverlay{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:100}
#colorbox{z-index:101;outline:none !important;position: fixed !important;}

/* popup */
.popBox{display:none;min-width:500px}
.popTit{height:34px;line-height:34px;color:#fff;background-color:#2ca6e0}
.popTit strong{float:left;font-size:20px;margin-left:10px;font-family:Arial;font-weight: normal;}
.popTit strong i{float:left;line-height:34px;margin-right:10px}
.popTit .popClose{float:right;width:34px;height:34px;font-size:24px;color:#fff;text-align:center}
.popContent{min-height:100px;background-color:#fff;padding:10px 6px}
.popFooter{padding:8px 12px;background-color:#f1f1f1;text-align:right}
.popFooter .btn{margin-left:10px}
.popFooter .btn i{margin-right:5px}
.popupBg{position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(255,255,255,0);z-index:9998}

/* Icons */
.btnNewFolder{min-height:26px;background:url(../imgs/icon-folder.png) no-repeat center center}
.btnNewFile{min-height:26px;background:url(../imgs/icon-file.png) no-repeat center center}

/* ToolTip */
.ui-tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:12px;font-style:normal;font-weight:normal;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;leeter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;line-break:auto}
.ui-tooltip-content{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}

/**************************************/
/* Login */
#login .logo{padding:20px 0}
#login .logo img{display:block;margin:0 auto}
#login .content{position:relative;height:500px;background:url(../imgs/spriteLogin.jpg) no-repeat center top}
#login .loginBox{position:absolute;top:60px;left:50%;width:338px;margin-left:-169px}
#login .loginBox h2{height:50px;line-height:50px;font-size:18px;margin:0;text-align:center;color:#fff;background-color:rgba(3,110,183,.9)}
#login .loginBox ul{background-color:#f1f1f1;padding:20px;min-height:336px}
#login .loginBox li{margin-bottom:30px}
#login .loginBox .account{margin-bottom:20px}
#login .loginBox .iptTxt{position:relative;height:42px;padding-right:40px}
#login .loginBox .iptTxt input{height:40px}
#login .loginBox .iptTxt i{position:absolute;top:10px;right:10px;width:20px;font-size:20px;color:#888}
#login .loginBox .iptBtn button{width:100%}

#login .foot{text-align:center;background-color:#f1f1f1;font-size:12px;padding:80px 0;border-top:3px solid #c1c1c1;color:#717071}
#login .foot a{margin:0 3px;color:#717071}
#login .foot a:hover{text-decoration:underline}


/* Header */
/* Logo */
/* float:left; */
#logo{height:64px}
#logo img{display:block}

/* User */
/* float:right; */
#user{margin-top:20px;line-height:30px}
#user span{margin-right:20px;display:inline-block;font-size:12px}
#user span i{margin-right:5px;color:#2ca6e0}

/* Navi weichen:50px->40px*/
#navi{clear:both;background-color:#2ca6e0;height:40px;position:relative;z-index:99}
#navi li{float:left;position:relative}
#navi li > a{display:block;padding:0 20px;height:40px;line-height:40px;color:#fff}
#navi li.act > a,#navi li:hover > a{background-color:#036eb7}
#navi li > a i{font-size:18px;margin-right:10px;vertical-align:text-bottom}
#navi dl{display:none;position:absolute;left:0;top:40px;width:100%;background-color:#036eb7}
#navi dl a{display:block; text-align:center;color:#fff;line-height:24px;padding:6px 0}
#navi li:hover dl{display:block}
#navi dl a:hover{background-color:#025288}

/* Breadcrumb */
#breadcrumb{height:30px;line-height:30px;padding:0 12px;border-bottom:1px solid #dfdfdf;font-size:12px}
#breadcrumb a{color:#5a5a5a}
#breadcrumb em{font-family:Simsun,'宋体';margin:0 8px}

/* main */
#main{margin:6px 12px;}

h2.tit{font-size:18px;height:24px;/*border-left:4px solid #657785;*/padding-left:12px;margin:6px 0}

/* tableFilter */
.tableFilter{position:absolute;right:0;top:-32px}
.tableFilter > *{float:left;margin-left:10px}
.tableFilter > .floatR{float:right}
.tableFilter.static{position:relative;right:auto;top:auto;margin-bottom:6px}
.tableFilter.static > *{margin-right:10px;margin-left:0;margin-bottom:6px}
.tableFilter.static > :last-child{margin-right:0}
.tableFilter.static > .br{clear:both;margin:0}

/* User */
/* userItems */
.userItems{position:relative}
.userItems #tableUser{border-bottom:0}
.userItems #tableUser td{border:0} /*.userItems #tableUser td{color:#808080;border:0}*/
.userItems #tableUser i{font-size:18px;vertical-align:middle}
/*.userItems #tableUser i.icon-close{color:#dcdcdc}*/ 
.userItems #tableUser .btnEdit{color:#4678b8}
.userItems #tableUser_paginate{float:none;text-align:center;padding:10px 0}
.userItems #tableUser_paginate span{margin:0 5px}

/* popNewUser */
#popNewUser{width:580px}

/* Rights */
/* rightsItems */
.rightsItems{position:relative;padding-bottom:50px}
.rightsItems #tableRights{border-bottom:0}
.rightsItems #tableRights table{width:100%}
.rightsItems #tableRights tr > :nth-child(2){border-left:1px solid #e4f0f2}
.rightsItems #tableRights td{color:#808080;border:0;text-align:left}
.rightsItems #tableRights td label{display:inline-block;font-weight:lighter;margin:0;cursor:pointer}
.rightsItems #tableRights td label input{float:left;margin-top:6px;margin-right:6px}
.rightsItems #tableRights td:nth-child(1){width:35%;padding-left:30px}
.rightsItems #tableRights td:nth-child(2){width:65%;padding-left:30px}
.rightsItems #tableRights td:nth-child(2) label{width:150px}
.rightsItems #tableRights td:nth-child(1) span{float:left;font-size:20px;width:20px;height:24px;margin-right:5px;text-align:center;cursor:pointer}
.rightsItems #tableRights td:nth-child(1) span.open i:before{content:'\f0d7'}
.rightsItems #tableRights .tab_1 > tbody > tr > td:nth-child(1){padding-left:60px}
.rightsItems #tableRights .tab_2 > tbody > tr > td:nth-child(1){padding-left:90px}
.rightsItems #tableRights td.detail{padding:0 !important}

/* Product */
/* productTree */
.productTree{width:34.4%}
.productTree .tree{height:440px;overflow:auto}
.productTree .tree > ul{/*height:100%;*/min-height:500px;background:url(../imgs/spriteList.png) repeat left top}
.productTree .tree li{min-height:30px;line-height:30px;padding:0}

/* operation */
.operation{height:37px;background-color:#96b9c8}
.operation button, .operation a{display:block;float:left;width:20%;height:37px;line-height:37px;font-size:26px;color:#fff;font-weight:lighter}
.operation button:hover, .operation a:hover{background-color:#eee;color:#96b9c8}
.operation strong{line-height:37px;color:#fff;margin-left:20px;font-size:16px;font-weight:lighter}


/* dataNav */
.dataNav{height:22px}
.dataNav li{width:33%;float:left}
.dataNav li:nth-child(2){width:34%}
.dataNav li a{display:block;height:22px;line-height:22px;text-align:center;background-color:#96b9c8;color:#fff;border-right:1px solid #fff}
.dataNav li:last-child a{border-right:0}
.dataNav li.act a{background-color:#eee;color:#96b9c8}
.dataDetail{display:none}
.dataDetail.blur{display:block}

/* dataItems */
.dataItems{padding-top:3px;padding-bottom:3px;padding-left:3px;padding-right:3px;background-color:#eee}
.dataItems .scroll{width:100%;height:360px;overflow:auto;background-color:#fff}

/* productData */
.productData{width:64.4%}
.productData .dataItems .iptArea{border:0;margin-top:8px;background-color:#f9fcfb}
.productData .dataItems .iptArea textarea{height:44px;line-height:44px;text-align:center;font-size:16px}
.productData .dataItems .fun{display:none;float:left;width:250px}
.productData .dataItems .fun.error{border-color:#f00}
.productData .dataItems .iptError{display:none;float:left;margin-left:10px;color:#f00;line-height:30px;padding:0 !important;border:0;background:none}
.productData .dataItems table.display{border-bottom:0}
.productData .dataItems table.display table{width:100%}
.productData .dataItems table.display th,
.productData .dataItems table.display td{text-align:left;border-top:0}
.productData .dataItems table.display td{padding:5px 18px;line-height:30px}
.productData .dataItems table.display tr > :nth-child(2){border-left:1px solid #e4f0f2}

/* Knowledge Base */
/* knowledgeTree */
.knowledgeTree{width:30.4%}
.knowledgeTree .tree{height:240px;overflow:auto}
.knowledgeTree .tree > ul{/*height:100%;*/min-height:440px;background:url(../imgs/spriteList.png) repeat left top}
.knowledgeTree .tree li{min-height:30px;line-height:30px;padding:0}

/* searchResult */
.searchResult{position:relative}
.searchResult h2{height:38px;line-height:38px;text-indent:16px;margin:0;margin-top:2px;font-size:14px;background-color:#ceecef;font-weight:lighter}
.searchResult .iptSearch{/*top:4px;*/}
.searchResult .scroll{height:160px;overflow:auto}
.searchResult .scroll ul{min-height:160px;background:url(../imgs/spriteList.png) repeat left top}
.searchResult .scroll li{min-height:40px;line-height:40px;padding:0 16px}
.searchResult .scroll li:hover{background-color:#ceecef}
.searchResult .scroll li.active{background-color:#dff6f8 !important}

/* knowledgeData */
.knowledgeData{width:68.4%}
.knowledgeData .dataFun{height:40px}
.knowledgeData .dataFun p{float:left;margin-right:10px}
.knowledgeData .dataNav li{width:50%}
.knowledgeData .dataItems .scroll{height:392px}
.knowledgeData .dataItems h2{height:32px;line-height:32px;text-indent:16px;margin:0;font-size:14px;background-color:#ceecef;font-weight:lighter}
.knowledgeData .dataItems .question{/*height:80px;*/background-color:#fff;padding:12px 16px;line-height:24px}
.knowledgeData .dataItems .answer{/*height:148px;*/background-color:#fff;padding:12px 16px;line-height:24px}
.knowledgeData .dataItems .fun{display:none}
.knowledgeData .dataItems .fun.error textarea{border-color:#f00}
.knowledgeData .dataItems .iptError{display:none;margin:0 !important;color:#f00;line-height:30px;padding:0 !important;border:0;background:none}
.knowledgeData .dataItems .accessory{margin-top:0px}
.knowledgeData .dataItems .accessory label{float:left;margin-right:20px}
.knowledgeData .dataItems .accessory a{margin-right:5px;text-decoration:underline;color:#376db2}
.knowledgeData .dataItems .accessory a:hover{color:#333;text-decoration:none}
.knowledgeData .dataItems .accessory button{display:none}
.knowledgeData .dataItems .accessory.edit button{display:inline}
.knowledgeData .dataItems .iptArea{border:0;padding:0}
.knowledgeData .dataItems .iptArea textarea{height:40px;line-height:24px;border:1px solid #dfdfdf;padding:5px}
.knowledgeData .dataItems .answer .iptArea textarea{height:110px}
.knowledgeData .dataItems .staticTable td{vertical-align:top}
.knowledgeData .dataItems .staticTable .error{border-color:#f00}
.knowledgeData .dataItems .staticTable .iptError{display:block;text-align:left}

/* Email */
.note-editor{width:70%;border-radius:0;border-color:#dfdfdf;float:left}
.note-editor .btn-default{}

/* emailBox */
.emailBox{background-color:#eee;padding:5px}
.emailBox .btn {padding-top:5px;padding-bottom:5px;}

/* emailForm */
.emailForm{background-color:#fff;padding:20px;margin-top:5px}
.emailForm li{margin-bottom:10px;position:relative}
.emailForm strong{display:block;font-weight:lighter;color:#888;line-height:24px;margin-bottom:5px}
.emailForm li.name{padding-right:180px}
.emailForm li.name span{position:absolute;right:110px;bottom:0;color:#888;line-height:30px}
.emailForm li.name .iptCheckYN{position:absolute;right:0;bottom:0}
.emailForm li.name .iptCheckYN label.check i{color:#8cc63f}
.emailForm li.detail .iptArea{float:left;width:70%}
.emailForm li.detail .iptArea textarea{height:262px}
.emailForm li.detail dl{float:right;width:28%;border:1px solid #dfdfdf}
.emailForm li.detail dt{height:35px;line-height:35px;padding:0 10px;background-color:#96b9c8;color:#fff;font-weight:lighter;border-bottom:1px solid #dfdfdf}
.emailForm li.detail dd{height:35px}
.emailForm li.detail dd:nth-child(odd){background-color:#f9fcfb}
.emailForm li.detail dd a{display:block;height:35px;line-height:35px;padding:0 10px;/*color:#777*/}
.emailForm li.detail dd:hover{background-color:#ceecef}

/* Index */
/* telBar */
.telBar{height:40px;padding:0 5px;background-color:#96b9c8;margin-bottom:20px}
.telBarBtn{display:block;float:left;width:30px;height:40px;margin-right:1px;background:url(../imgs/spriteTelBtn.png) no-repeat left top}
.telBarBtn:hover, .telBarBtn.act{background-color:#eee;background-image:url(../imgs/spriteTelBtnAct.png)}
.telBarBtn.t_1{background-position:0 0}
.telBarBtn.t_2{background-position:0 -40px}
.telBarBtn.t_3{background-position:0 -80px}
.telBarBtn.t_4{background-position:0 -120px}
.telBarBtn.t_5{background-position:0 -160px}
.telBarBtn.t_6{background-position:0 -200px}
.telBarBtn.t_7{background-position:0 -240px}
.telBarBtn.t_8{background-position:0 -280px}
.telBarBtn.t_9{background-position:0 -320px}
.telBarBtn.t_10{background-position:0 -360px}
.telBarBtn.t_11{background-position:0 -400px}
.telBarBtn.t_12{background-position:0 -440px}
.telBarBtn.t_13{background-position:0 -480px}
.telBarBtn.t_14{background-position:0 -520px}
.telBarBtn.t_15{background-position:0 -560px}
.telBarBtn.t_16{background-position:0 -600px}
.telBar em{float:left;margin:0 5px;color:#fff;line-height:40px}
.telBar span{float:left;min-width:40px;height:18px;line-height:18px;padding:0 5px;background-color:#fff;color:#036eb7;margin-right:5px;margin-top:12px}

/* staticTable */
.staticTable{width:100%}
.staticTable a{color:#376db2}
.staticTable a:hover{color:#f00}
.staticTable thead th,
.staticTable tbody td{border-left:1px solid #e4f0f2}
.staticTable thead th{position:relative;padding:5px;line-height:20px;font-weight:lighter;color:#777;text-align:center;background-color:#ceecef;border-left-color:#fff}
.staticTable tbody td{position:relative;padding:5px;text-align:center;background-color:#fff}
.staticTable thead th:first-child,
.staticTable tbody td:first-child{border-left:0}
.staticTable tbody tr:nth-child(even) td{background-color:#f9fcfb}
.staticTable tbody td .iptCheckbox label{color:#000}
.staticTable tfoot td{padding-top:5px}
.staticTable .fun button{display:inline-block;line-height:16px;font-size:16px;vertical-align:middle;margin:0 5px}
.staticTable tfoot .iptArea{border:0}
.staticTable tfoot .iptArea textarea{height:40px}
.staticTable td.full{padding:4px !important;}/*background-color:#f29600 !important*/
.staticTable td.fullW{padding:5px 10px !important;}
.staticTable.ipt .t{position:absolute;left:0px;top:5px;height:30px;line-height:30px;text-align:right;width:60px;font-size:12px}
.staticTable.ipt .t.long{line-height:14px;padding:2px 0}
.staticTable.ipt thead th{padding:0;padding-left:80px;height:40px}
.staticTable.ipt tbody td{padding:3px 10px 3px 75px;text-align:left}
.staticTable.ipt tbody td .t{color:#2ca6e0}
.staticTable.ipt input, .staticTable.ipt textarea, .staticTable.ipt .iptSelect p, .staticTable.ipt .iptCheckbox{font-size:12px !important}

/* telData */
.telData{position:relative}
.telData .dataNav{padding-right:33px}
.telData .btnSlide{position:absolute;right:0;top:0;width:32px;height:22px;padding:0;font-size:14px}
.telData .btnSlide.slideup i:before{content:'\f107'}
.telData .tableFilter{margin-bottom:2px}
.telData .tableFilter > *{margin-bottom:0}

/* telData 1 */
.telData_1 .dataNav li{width:25%}

/* telData 2 */
.telData_2 .titNav{height:40px;line-height:30px;padding:5px 5px 5px 20px;border-left:4px solid #2ca6e0;background-color:#ceecef}
.telData_2 .titNav .floatL{color:#2ca6e0;word-wrap: break-word;word-break:normal;font-size:12px;font-family:Arial;font-weight: normal;}
.telData_2 .titNav strong{font-weight:lighter;margin-right:20px}
.telData_2 .titNav button i{margin-right:6px;font-size:16px;vertical-align:middle}
.telData_2 .checkGuige{padding:0;margin:-5px 0;height:40px;line-height:40px}
.telData_2 .checkGuige label{width:50%;margin:0;text-align:center;height:40px}
.telData_2 .checkGuige label.act{background-color:#f29600;color:#fff}
.telData_2 .checkGuige input{float:none}
.telData_2 .mod_3 .full{background-color:#fff !important;padding:5px 20px !important}
.telData_2 .btnModSlide{padding:0 8px;height:30px}
.telData_2 .btnModSlide i{margin:0 !important;font-size:24px !important}
.telData_2 .btnModSlide.slideup i:before{content:'\f107'}
.slideup i:before{content:'\f107'}

/* telData 3 */
.telData_3 table.display{border-bottom:0}
.telData_3 table.display table{width:100%}
.telData_3 table.display th,
.telData_3 table.display td{text-align:left;border-top:0;border-left:1px solid #e4f0f2}
.telData_3 table.display th{padding:5px;color:black;text-align:center}
.telData_3 table.display td{padding:3px 6px;line-height:30px}
.telData_3 table.display tr > :first-child{border-left:0}
.telData_3 table.display td:last-child{text-align:center}
.telData_3 table.display .iptBtn{display:inline-block;margin:0 5px}

/* Report */
.reportBox{position:relative}

/* reportTree */
.reportTree{width:21.7%}
.reportTree h2{height:30px;line-height:30px;background-color:#96b9c8;color:#fff;font-size:14px;font-weight:lighter;padding-left:20px;margin:0}
.reportTree .tree{height:440px;overflow:auto}
.reportTree .tree > ul{/*height:100%;*/min-height:440px;background:url(../imgs/spriteList.png) repeat left top}
.reportTree .tree li{min-height:30px;line-height:30px;padding:0}

/* reportData */
.reportData{width:77.4%}
.reportData .tableFilter.static{margin-bottom:0}
.reportTree2.floatL, .reportTree3{width:49%}
.reportTree2 h2, .reportTree3 h2{height:30px;line-height:30px;background-color:#96b9c8;color:#fff;font-size:14px;font-weight:lighter;padding-left:20px;margin:0}
.reportData .scroll{background-color:#eee;padding:5px}
.reportData .scroll .tree{height:350px;background-color:#fff;overflow:auto}
.reportData .scroll .tree > ul{height:100%;min-height:440px;background:url(../imgs/spriteList.png) repeat left top}
.reportData .scroll .tree li{min-height:30px;line-height:30px;padding:0}
.reportData table.dataTable thead th,.reportIndex table.dataTable thead th{padding:3px;font-size:12px;}
.reportData table.dataTable tbody td, .reportIndex table.dataTable tbody td{line-height:normal !important;padding-bottom:0px; font-size:12px;}
.reportData .iptDate  div, .reportIndex .iptDate  div{font-size:12px !important;}


.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {line-height:normal !important;
}
/* Search */
.searchBox .selVal{display:none}
.searchBox .selVal.iptTxt{display:block}

/* multiSelect */
.multiSel button{margin-top:134px;padding:6px 20px}
.multiSelect{height:242px;margin-right:20px}
.multiSelect .dataNav{width:55%;float:left}
.multiSelect .dataNav li{width:20%}
.multiSelect p{line-height:30px}











/*-------------------新增样式---------------------------*/

.userItems .paging_full_numbers{float:none;text-align:center;padding:10px 0}
.lableTip_3 {width: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.lableTip_4 {width: 40px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.lableTip_5 {width: 50px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.lableTip_6 {width: 60px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.lableTip_7 {width: 70px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.lableTip_8 {width: 80px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.lableTip_9 {width: 90px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.lableTip_10 {width: 100px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.lableTip_15 {width: 150px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.lableTip_20 {width: 200px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align:left;}
.lableTip_25 {width: 250px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align:left;}
.lableTip_30 {width: 300px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align:left;}
.lableTip_40 {width: 400px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align:left;}


table.dataTable tdody td {
    text-align:left;
}
.errorClass {
    background-color:#f9e3e3;color:#f00;border:1px solid #f00;
}



/*------------------------ loading 效果-----------------------------------*/
.spinner {
  margin: 100px auto 0;
  width: 150px;
  text-align: center;
}
 
.spinner > div {
  width: 30px;
  height: 30px;
  background-color: blue;
 
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
 
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.lblnomal {
    font-weight: normal
}
.actionColor {
    background-color:#FAD1D9 !important
}
.staticTableAction th {
      background-color:#B8C0E1 !important
}
.staticTableAction td {
     padding-top:2px !important;padding-bottom:2px !important
     
}

.tdpadd {
    padding: 3px 10px 3px 20px  !important
}

#tbAction td {
    font-size:12px;
}
#divDispose{
    font-size:12px;word-wrap: break-word;word-break:normal;
}

.lblClass {
    color:#2ca6e0 !important;font-size:12px !important;margin-left:20px !important;word-wrap: break-word !important;word-break:normal !important;
}

	/* hide all elements & show preloader */
		.js, .js body {overflow:hidden}
		.js body > * {visibility:hidden}
		.js #loading_layer {visibility:visible;display:block !important;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:10000}
		.js #loading_layer img {position:fixed;top:50%;left:50%;width:64px;height:10px;margin:-5px 0 0 -32px}
		.js .tab-pane {display:block !important}
		.js .hide {display: inherit}

.tipAlert{position:fixed;left:50%;top:50%;width:300px;margin:-100px 0 0 -150px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.3);z-index:9999}
	.tipAlert .popupCont{margin:13px 25px}
	.tipAlert .popupCont table{width:100%}
	.tipAlert .popupCont td{height:80px;padding:0;margin:0;font-size:14px;line-height:20px;word-break:break-all;}
	.tipAlert .popupBtn{border-top:1px solid #dfdfdf;text-align:center;padding:10px 0}
	.tipAlert .popupBtn a{display:inline-block;width:80px;font-size:14px;margin:0 15px;color:#fff;padding:5px 10px;}


.bg{position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(255,255,255,0);z-index:9998}
/*.bg {background: #000000;opacity: 0.5;filter: alpha(opacity=50);position: absolute;z-index: 1;overflow: auto;width: 100%;height: 100%;left: 0;top: 0;}*/
.box {position: fixed;left: 50%;top: 50%;width: 90px;z-index: 11;height: 90px;line-height: 90px;color: #f60;font-weight: bold;font-size: 20px;}
.info {position: absolute;left: -50%;top: -50%;z-index: 10;width: 90px;height: 90px;text-align: center;}

:-ms-input-placeholder { /* IE 10+ */
  color:rgb(204, 204, 204);
}
#cboxClose {
    display: none !important;
}
.language {
    width: 50px;
    height: 30px;
    padding: 0;
    margin: 0;
    background-color: rgb(140 190 232);
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 100px;
}

.selectedBtn {
    box-shadow: 0px 10px 10px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 0%);
    transform: scale(1.14);
    opacity: 1;
    transition: all 200ms
}