/* 重置 */
html {height:100%; overflow: hidden;}
body {margin:0;padding:0;width:100%;height:100%; overflow: hidden;font-size:12px;font-family:"Microsoft YaHei", "宋体", Arial, Helvetica, sans-serif;color:#666;background:#fff;}
input {font-family:"Microsoft YaHei", "宋体", Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6,ul, dl, dl dt, dl dd, form {padding:0;margin:0;list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
input,textarea {margin:0;font-family:"Microsoft YaHei", "宋体", Arial, Helvetica, sans-serif;}
a {color:#fff;  border:none; outline:none; text-decoration:none;}
a:hover {color:#fff;text-decoration:underline;}
a:focus {outline:none;}
hr {height:0;border:none;border-bottom:solid 1px #ccc;}
ul{list-style:none;}
img{border:0;}
iframe{filter:chroma(color=#ffffff);}

/* 自定义-常用 */
.clear{zoom:1;}
.clear:after{clear:both;content:"";display:block;}
.float-r {float:right;}     .float-l {float:left;}
.posr {position: relative;}     .posa {position: absolute;}
.hide{display:none }     .hiden {display:none !important }
.txt-c {text-align: center}
.w60{width: 40px !important;}     .w750 {width: 750px;}     .w1000 { width: 1000px; margin: 0 auto;}     .w770 {width: 770px!important;}

/* 自定义-字体-链接 */
.f-000 {color:#000}     .f-333 {color:#333}     .f-666 {color: #666}     .f-999 {color: #999}
.f-red {color:#c00;}    .f-org {color:#ffd200}  .f-ylw {color: #fff000}     .f-blue {color: #008ad2}     .f-blue2 {color: #85a8c8}
.a-line:hover {text-decoration: underline}
.a-btmline { text-decoration: none;border-bottom: 1px #a4e0ff solid;}
.a-btmline:hover { text-decoration: none;border-color: #fff; cursor: pointer;}

/* 自定义-表单 */
input[type="text"],
input[type="password"] {width: 200px;height: 36px; padding: 0 10px; border: 0; background: #fff; color: #999;}
input[type="text"]:focus {color: #333;}
input[type="radio"],
input[type="checkbox"] {width: 14px; height: 14px; vertical-align: middle; margin:0 5px 1px 0;}

.btn,.btn-s { display: inline-block; height: 30px; line-height: 30px; font-size: 14px; text-decoration: none;padding: 0 14px; color: #fff; background: #008ad2;}
.btn:hover { text-decoration: none; text-shadow:0px 1px 1px #000!important;}
.btn-s { height: 24px; line-height: 24px; font-size: 12px; }
.btn-s:hover { background: #008ad2; color: #fff;}
.btn-org {background: #ffb000!important;}     .btn-org:hover {text-shadow:0px 1px 1px #000!important;}
.bg-blue {background:#c9e5f5; color: #7a9ebf}

/* 表格 */
.table { width: 100%; height:auto; position: relative; color: #333; }
    .table td > a {display: inline-block;line-height: 12px; color: #666;}
    .table td > a:hover {text-decoration: none; color:#008ad2; cursor: default;}
	.table tbody tr {cursor: pointer;}
    .table>thead>tr>th,
    .table>tbody>tr>td {padding:4px 6px;vertical-align:middle;border-top:1px solid #ccc; white-space: nowrap;min-width:20px;background: #f8f8f8;}
    .table>tbody>tr:last-child td {border-bottom:1px solid #ccc;}
    .table>tbody>tr:first-child td {border-top:0;}
    .table thead tr th {background: #f2f2f2;color: #999;font-weight: normal; border-right: 1px solid #ccc;border-bottom:1px solid #ccc; padding: 4px 6px; }
    .table>thead:first-child>tr:first-child>th,
    .table>thead:first-child>tr:first-child>td {border-top:0;}
    .table>thead:first-child>tr>th:last-child {border-right:none;}
    .table>tbody>tr:hover>td,
    .table>tbody>tr.on>td {background-color:#a8e58a;}
    .table>tbody>tr:hover>td {background-color:#ddf8cf;}
    .mark{color: red;}
    /* 表格 前置图标 */
    span.button.switch {width:18px; height:18px}
    span.button {line-height:0; margin: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("img/zTreeStandard.png"); }
    span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
    span.button.center_close{background-position:-74px -18px}
    span.button.roots_close{background-position:-74px 0}
    /* 表格 单元格限制宽度 */
    .w-1em,.w-2em,.w-4em,.w-6em,.w-8em,.w-12em,.w-16em,.w-24em,.w-30em {white-space:nowrap;text-overflow:ellipsis;-moz-text-overflow: ellipsis;overflow: hidden;}
        .w-2em {width: 3em; min-width: 26px;}   .w-4em {width: 5em; min-width: 54px;}
        .w-8em {width: 9em; min-width: 100px;}  .w-16em {width: 17em; min-width: 170px;}
        .w-1em {width: 20px;}     .w-6em {width: 7em;}     .w-12em {width: 13em;}     .w-24em {width: 24em;} 	.w-30em {width: 30em;}

/* 组价方案 */
.wrap { height: 100%; overflow: hidden;}
    .header_menber,
    .header_tgcost { height: 187px; width: 100%; min-width: 1000px; background: url(img/header_tgcost.png) center;}
    .header_menber { height: 44px;background-image: url(img/header_menber.png)}
.TopBar { height: 35px; width: 100%; background:#008ad2 url(img/TopBar_bg.png) no-repeat center right;}
.TopBar span { display: inline-block; text-align: center; width: 85px; height: 25px; line-height: 25px; color: #fff; margin-top: 10px; cursor: pointer;}
.TopBar span.on { background-color: #fff; color: #008ad2; font-weight: bold;border-radius: 3px 3px 0 0; margin: 0;}
    .icon-toggle-width { cursor:pointer;display: inline-block; width: 23px; height: 35px; margin-top: -10px; }
	.A750 {background-image: url(img/arrowR.png);}
.MainDiv {position: relative; width: 100%; height: 100%;}
    .lCate { position: absolute; left: 0; z-index: 1; width: 200px; height: 100%; background: #fff; color: #666; border-right: 1px #c3d0d9 solid;}
    .lCate .tit { padding:0 10px; color: #333;position: relative;}
    .lCate ul { line-height: 30px;margin-top: 26px }
    .lCate ul li { padding: 0 40px 0 30px; width: 130px; cursor: pointer; position: relative;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
    .lCate ul li .cateBtn { display: none;}
        .cateBtn { position: absolute; right: 5px; top:0; width: 32px; height: 30px;}
        .cateBtn a { display: inline-block; cursor: pointer; width: 14px; text-align: right;color: #a7c7df; text-decoration: none;}
        .cateBtn a:hover { color: #333;}
    .lCate ul li:hover { background: #f9f9f9; color: #333;}
    .lCate ul li:hover .cateBtn i { color: #333;}
    .lCate ul li i.f-blue2 { margin-right: 3px;}
    .lCate ul li.on,.lCate ul li.on:hover {background:#c9e5f5}
    .lCate .btns { text-align: center; margin-top: 20px;}
    .lCate .btns .down_old { width: 142px; }
        
        .newli_input,
        .newTag_input,
        .edit_li_input{ display: inline-block; padding: 0 !important; font-weight: bold; width: 90px!important; height: 30px!important; background: none !important; color: #000 !important; line-height: 30px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
        .edit_li_input{ width: 110px!important;}
        .newTag_input { width: 70%!important; }

    .rTable { position: absolute; left: 0px; width: 100%; height: 100%; background: #f8f8f8;color: #666; }
        .mgr201 { margin-left: 201px; }
        .topDiv { position: relative; height: 45px; line-height: 45px; overflow: hidden; padding: 0 15px; background: #fff; border-bottom: 1px #c3d0d9 solid;}
            .topDiv a { color: #666; text-decoration: none; padding: 0 8px; cursor: pointer;}
            .topDiv a:hover { color: #333;}
        .topTags { height: auto; line-height: 24px; padding: 15px;}
            .btnSearch { color: #799dbe; font-size: 18px; cursor:pointer;float: left; margin-right: 15px; padding: 0!important;}
            .btnSearch:hover { color:#333 }
        .topSearch {}
            .inputSearch {float: left; position: relative;}
            .inputSearch input { width: 200px; height: 24px; border: 1px #c3d0d9 solid; background: #f7fcff; margin-right: 10px;}
            .inputSearch a { position: absolute; right: 10px; top: -2px; color: #799dbe; font-size: 14px; }
        .tagsList { color: #666;}
            .tagsList a { display: inline-block; height: 20px; line-height: 20px; }
            .tagsList a.on { background: #c9e5f5; color: #7a9ebf}
        .rBtn { position: absolute; right: 10px; font-size: 14px;}
        .rBtn a { padding: 0; margin-right: 5px; color: #008ad2}
        .tableDiv { padding-bottom: 55px;}
        .padB0 {padding-bottom: 0;}
            .tableCon {}
            .tableBtns { width: 520px; padding:5px 15px; position: fixed; bottom: 0px; background: #fff; border-top: 1px #c3d0d9 solid; text-align: right;}
            .tableBtns .float-l a { margin-top: 3px;}

/* 弹窗主体样式 popwin */
.popwin {width:100%;height:100%;position:fixed;left:0;top:-100px;z-index:9999;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=70); background:#000;}
.popbg {display:none;}
.popdialog {width:500px;min-height:200px;margin:auto;margin-top:10%;border:solid 1px #0094e1;box-shadow:0px 0px 10px #000 ;position:relative;z-index:9999;background:#fff url(img/boxtop_bg.gif) no-repeat top; background-size: 100% auto;padding-bottom:65px;color: #666;}
    .popdialog .head { padding: 10px; background: url(img/win-top-bg.png) no-repeat top;}
    .popdialog .title {color:#008ad2;font-size:18px;font-weight:normal; padding: 10px;}
    .popdialog .head a.close {float:right;display:block; padding:0 5px;color: #799dbe; font-size: 16px; font-weight: bold; text-decoration: none;}
        .popdialog .head a.close:hover {background:#c00; color: #fff;}
    .popdialog .box-btn {text-align: center; position: absolute; bottom: 20px; width: 100%;}
        .box-btn .btn { box-shadow: none; text-shadow: none; font-weight: normal;width: auto; height: auto; line-height: normal; background: #0089d1; padding: 6px 30px;}
/* 默认文字提示框 */
.tips-box { min-height: 100px !important}
.tips-box .txt { font-weight: normal; padding: 0 50px;}

/* 弹窗_保存组价方案 */
.formSavePj { margin: 0 30px;line-height: 36px;}
    .formSavePj select { width: 200px; height: 24px; border: 1px #b5d2e2 solid;}
    .formSavePj .w120 { width: 120px; text-align: right; display: inline-block;}
    .formSavePj .tagsList { display:inline-block;line-height:24px; width:300px;vertical-align: text-top; margin: 0;}
    .formSavePj .tagsList a { color: #666; text-decoration: none;  padding: 0 8px;}
/* 弹窗_保存规则 */
.SaveBar { margin: 0 15px 30px 15px; background: #eee; box-shadow: 0 -1px 1px #ccc; height: 8px; border-radius:4px; position: relative; }
    .SaveBar .progress { position: absolute; top:-1px; height: 8px; border-radius:4px;background: #42cc27;}
    .SaveBar span { position: absolute; top:10px;}
    .SaveBar span.r { right: 0;}
/* 弹窗_保存规则 */
.formRule { margin: 0 20px; line-height: 28px;}
    .formRule ul { padding: 0 40px;}
    .formRule ul li {padding-left: 35px;}
    .formRule .tips { padding:10px 20px; margin: 10px 0; line-height: 24px; background: #f2f2f2; border: 1px #ccc solid;}
    .formRule h3,.formRule .tips strong { color: #333;}
/* 弹窗_标签设置 */
.tagSet { margin: 0 20px; height: 220px;}
.tagSet a { color: #85a8c8; margin-right: 10px; cursor: pointer;}
.tagSet a:hover { color: #333; text-decoration: none;}
.tagSet .top { width: 100%; height: 30px; }
.tagSet .top select { width: 200px; height: 24px; border: 1px #b5d2e2 solid;}
    .tagSetUl li { height: 30px; line-height: 30px; padding: 0 10px; border-bottom: 1px #e0e6ef solid;}
    .tagSetUl li:hover { background: #f9f9f9;}
    .tagSetUl li span { display: inline-block}
    .tagSetUl li span:first-child { width: 80%;}
    .tagSetUl li.onEdit { background: #ebfaff;}
    .tagSetUl li.onEdit input { width: 90% !important;height: 30px !important;background: none; border-radius: 5px;}
    .tagSetUl li.selected { background: #ebfaff;}
/* 弹窗_批量组价确认 */
.batchPrice {}
    .batchPrice > h3 { font-size: 14px; font-weight: normal; padding: 0 50px; margin-bottom: 25px;}
    .batchPrice .tips { padding: 10px 20px; line-height: 24px; margin: 10px 20px; background: #f2f2f2; color: #666; border: 1px #ccc solid;vertical-align: top; }
    .batchPrice .tips ul li {padding-left: 35px; color: #999; }
/* 弹窗_批量应用组价 */
.batchRun {}
.batchRun .top { padding: 0 20px}
.batchRun .table { margin: 10px 0;}
.batchRun .table tbody tr td {border-right:1px #ccc solid; padding: 2px 4px;}
.batchRun .table tbody tr td:last-child {border-right:0;}
.batchRun .table>thead:first-child>tr:first-child>th {border-top:1px #ccc solid;}
/* tableTree */
table.treetable span.indenter { display: inline-block; margin: 0 5px 0 0; padding: 0; text-align: right;
  /* Disable text selection of nodes (for better D&D UX) */
  user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -webkit-user-select: none;
  /* Force content-box box model for indenter (Bootstrap compatibility) */
   width: 32px; height: 16px;}

table.treetable span.indenter a { background-position: left center; background-repeat: no-repeat; display: inline-block; text-decoration: none; width: 32px;}

.error { border:1px solid #d00 !important; background:#ffe9e8 !important; color:#d00 !important; height: 28px !important;}