@charset "utf-8";
/* CSS Document */
/*字典管理*/
.container{ position:relative; min-width:1000px;}
.container .left-tree{padding:10px;min-width:148px;border:1px solid #cacaca; float:left; position:absolute; left:0; top:0;}
.container .content{min-height:300px; float:left; position:absolute; left:230px;right:0; border:1px solid #cacaca;}
.container .content .basic-info{padding:10px}
.container .content .tabs-header{background-color:#fff;border-width:0}
.container .content .tabs li{border-top:1px solid #bfbfbf;border-radius:3px 3px 0 0}
.container .content .tabs li.tabs-selected{border-top:2px solid #1da02b}
.container .content .tabs li.tabs-selected a.tabs-inner{color:#000;background-color:#fff}
.container .content .tabs li a.tabs-inner{color:#000;background-color:#e3e3e3}
.container .content .tabs li a.tabs-inner .tabs-title{font-size:14px}
.container .content .column{position:relative;height:23px;border-bottom:1px solid #d4d4d4;margin-bottom:10px}
.container .content .column span.current{position:relative;top:0px;display:inline-block;color:#1da02b;font-size:12px;font-weight:bold;height:22px;line-height:22px;border-bottom:2px solid #ff9d02}
.container .content table.yes-not.kv-table td.kv-label{width:130px}
.container .content table.kv-table{margin-bottom:20px}
.container .content table.kv-table td.kv-label{height:26px;font-size:12px}
.container .content table.kv-table td.kv-content{height:26px;font-size:12px}
.container .content table.kv-table td.kv-content a{color:#1da02b;text-decoration:none}
.container .content table.kv-table td.kv-content a:hover{text-decoration:underline}
.quickAdd{ position:absolute; right:0;}
.quickAdd .addTitle{ height:27px; line-height:27px; font-size:16px; padding:0 10px; border-bottom:1px solid #cacaca; background:#e3e3e3;}
.quickAdd .addText{ padding:15px 5px;}
.quickAdd .addText td{ padding:5px;}
.deptBasic{ font-size:12px; color:#666;z-index:999;background:#fff;border:1px solid #ccc;position:absolute; top:40px; width:auto; left:10px;}
.deptBasic ul{ margin:5px 0px;}
.deptBasic ul li{ line-height:26px; padding-left:10px;padding-right:10px;}
.deptBasic ul li:hover{background:#dfffff;}
/*物料维护*/
.tableDiv{border:1px solid #cacaca; min-width:1000px; overflow:hidden;}
.conditions.hide{ display:none;}
.conditions{ font-size:13px;}
.conditions:after{ content:" "; display:block; clear:both; visibility:hidden;}
.conditions .conLi{ display:inline-block; margin:0 5px 5px 0; line-height:30px; float:left;}
.conditions .conLi label{ color:#666;}
.conditions .conLi .conText{ padding-right:20px; color:#000;}
.opt-buttons{ margin-bottom:5px;}
.opt-buttons:after{content:" "; display:block; clear:both; visibility:hidden;}
.conditionTable{ padding-bottom:10px;}
.conditionTable table th,.conditionTable table td{border-width:0 1px 1px 0;border-style:solid; border-color:#cacaca; height:30px;}
.conditionTable table th{ color:#000; font-weight:bold; background:#e5e5e5;}
.conditionTable table td{ background:#fff;}
.conditionTable input{ border:1px solid #fff;}
.conditionTable .drowdownInput{ border:1px solid #fff;}
.conditionTable .drowdownInput input{ border:none;}
.conditionTable .drowdownInput:hover{border: 1px solid #06F;}
/*物料--新增*/
.materielAdd .conLi{ margin-bottom:10px;}
/*物料--新增属性*/
.tabsList{ min-height:100px;}
.tabsList table td{ padding:5px 0;}
/*关联*/
.association ul{ border:1px solid #cacaca; width:180px; height:295px; overflow:auto;}
.association ul li{ height:30px; line-height:30px; padding:0 10px;}
.association ul li a{ color:#000; display:block;}
.association ul li:hover,.association ul li.clicked{ background:#f1f1f1;}
.tabsList .assDes td{ padding:10px 0; line-height:20px;}
/*选项卡里含的表格样式*/
.tab_table{ border-top:1px solid #cacaca;border-left:1px solid #cacaca; font-size:13px; overflow:auto;}
.tab_table .datagrid-header td{ font-weight:bold;}
/*物料关联--图片*/
.picDiv{ overflow:auto; position:relative;}
.picLeft{ float:left; width:230px;}
.spec_prev,.spec_next{ text-align:center;border:1px solid #d7d7d7; background:#f5f5f5; height:22px; line-height:22px; }
.spec_prev a,.spec_next a{color:#bbb; font-size:18px; display:block;}
.spec_list{ margin:10px 0 5px 0; overflow:auto; max-height:340px; min-height:340px;}
.spec_list ul li{ overflow:hidden; height:80px; margin-bottom:5px; position:relative;}
.spec_list ul li.current{ background:#EEF4FF;}
.spec_list ul li img{ float:left; width:80px; height:80px;}
.spec_list ul li a{ color:#000;}
.spec_list ul li .setDefault{ position:absolute; top:0; left:0; background:url(../images/setDefault.png) no-repeat; width:30px; height:30px;}
.spec_list ul li .picInfo{ margin:0 0 0 90px;}
.spec_list ul li .picInfo p{ line-height:24px;}
.picRight{ float:left; position:absolute; right:0; left:240px;}
.picEditBtn{ width:28px; height:28px; line-height:28px; display:inline-block; text-align:center; border:1px solid #3a93d4; color:#3a93d4;margin-right:5px;}
.picture_big img{ width:400px; height:400px; border:1px solid #d7d7d7;}
/*引用图片*/
.quoteDiv{ overflow:auto;}
.quoteLeft{ float:left;width:550px;}
.quoteLeft .picType{ height:28px; line-height:28px;}
/*缩略图*/
.thumbnail{ min-height:340px;}
.thumbnail ul:after{content:" "; display:block; clear:both; visibility:hidden;}
.thumbnail li{ position:relative; width:10%; float:left;margin:0 0 10px 0; text-align:center;}
.thumbnail li a{ color:#000; display:block;}
.thumbnail li img{ width:100px; height:100px;}
.thumbnail li p{ margin:8px 0; line-height:18px;font-size:12px;}
.thumbnail li .choiceIcon{position:absolute; top:0; right:0; background:url(../images/choiceIcon.png) no-repeat;width:20px; height:20px; line-height:20px; text-align:center; cursor:pointer;}
.quote_materiel{float:left; width:280px;}
.quote_materiel h3{ line-height:28px;}
.quoteLeft .picList{ margin-right:10px;min-height:340px;}
/*弹出框的table布局*/
.datagridPop{ overflow:hidden; border:1px solid #cacaca; border-right:none;}
/*水印设置*/
.waterMark{width:660px; margin:20px auto; text-align:center;}
.waterMark:after{ display:block; content:" "; clear:both; visibility:hidden;}
.waterMark td{ padding:8px 3px;}
.waterMark .wmImg{margin:10px;}
.waterMark .wmImg div{ margin-bottom:15px;}
.waterMark .wmImg img{border:1px solid #cacaca; width:200px; height:200px;}
.wmAttr{ float:left; margin-left:15px;}
/*热点维护*/
.hotspotImg{ overflow:auto;min-height:340px;padding:10px 10px 0 10px; border-bottom:1px solid #cacaca;}
/*热点维护-新增*/
.imgDiv{ overflow:auto;}
.imgAttr{ float:left; position:absolute; right:0; left:410px;}
.moveIcon{ display:inline-block; float:left; margin-left:3px;}
.moveIcon a{font-size:20px;}
/*产品系列维护*/
.openTime{ line-height:30px; height:30px; margin-bottom:5px;}
.openTime label{ float:left;}
.openTime div{ display:inline-block; float:left;}
.openTime a.button{ margin-left:5px;float:left;}
.attrColumn table td{ padding:5px 0;}
.feature h3,.feaOption h3,.confiSelected h3{font-weight:bold; padding-bottom:10px;}
.feature ul{ border:1px solid #cacaca; width:220px; height:300px; overflow:auto;margin-top:10px;}
.feature ul li{ height:30px; line-height:30px; padding:0 10px;}
.feature ul li:hover,.feature ul li.clicked{ background:#c1c1c1;}
.feature ul li a{ color:#000; display:block;}
.feaOption{ width:230px; float:right}
.feaOption ul{border:1px solid #cacaca; width:228px; height:300px; overflow:auto;margin-top:10px;}
.feaOption ul li{ height:30px; line-height:30px; padding:0 10px;}
.feaOption ul li:hover,.feaOption ul li.clicked{ background:#c1c1c1;}
.feaOption ul li a{ color:#000; display:inline-block; margin-left:10px;}
.feaOption ul li a input,.feaOption ul li a span{ vertical-align:middle;}
.feaOption ul li i.kongIcon{display:inline-block; color:#999;}
.feaOption ul li i.bixuanIcon{display:inline-block; color:#1da02b;font-weight:bold;font-size:18px}
.feaOption ul li i.paichiIcon{display:inline-block; color:#f00;}
/*产品结构维护*/
.struDiv{}
.struLeft{ float:left;}
.struRight{float:left; margin-left:10px;}
.confiSelected{ width:350px; float:right;}
/*双向选择器*/
.twoWaySelect h3{ font-weight:bold; font-size:15px; padding-bottom:10px;}
.twoWaySelect select{ width:100%;border:1px solid #ddd; resize:none; outline:none; overflow:auto;}
.twoWaySelect select option{ padding:5px 10px; text-align:left;}
.twoWaySelect select option.selected{ background:#0095E8; color:#fff;}
.twoWaySelect .select_btn{ width:100px; text-align:center;padding:5px 0; margin:5px 0; background:#fafafa;border:1px solid #ddd; color:#666;}
.tabsList .twoWaySelect h3{padding-bottom:0px;}
/*暂无数据/空白区域*/
.no_data{ background:url(../images/no_data.png) no-repeat 100px 60px; background-position:center; height:400px;}

.tab_tree { border:1px solid #cacaca;}
.tab_tree:after { clear:both; content:""; display:block; visibility:hidden;}


/*BOM界面开关 开始*/
.toggle {position: relative;display: block;margin: 0 auto;width: 80px;height: 30px;color: white;border:1px solid #ccc; outline: 0;text-decoration: none;border-radius: 100px;background-color: #eee;-webkit-transition: all 500ms;-moz-transition: all 500ms;-o-transition: all 500ms;transition: all 500ms;}
.toggle:active {}
.toggle:hover:not(.toggle--moving):after {}
.toggle:after {display: block;position: absolute;top: 2px;bottom: 2px;left: 2px;width: calc(50% - 4px);line-height: 23px;*line-height:26px;text-align: center;text-transform: uppercase;font-size: 12px;color: white;border: 1px solid;-webkit-transition: all 500ms;-moz-transition: all 500ms;-o-transition: all 500ms;transition: all 500ms;}
.toggle--on:after {content: '在售';border-radius: 50px 50px 50px 50px;color: #fff; background:#66BB6A;}
.toggle--off:after {content: '全部';border-radius: 50px 50px 50px 50px; background:#f44336; color: #fff;-webkit-transform: translate(100%, 0);-moz-transform: translate(100%, 0);-o-transform: translate(100%, 0);transform: translate(100%, 0);}
.toggle--moving {}
.toggle--moving:after {color: transparent;border-color: #c17b02;-webkit-transition: color 0s, transform 500ms, border-radius 500ms, background-color 500ms;-moz-transition: color 0s, transform 500ms, border-radius 500ms, background-color 500ms;-o-transition: color 0s, transform 500ms, border-radius 500ms, background-color 500ms;transition: color 0s, transform 500ms, border-radius 500ms, background-color 500ms;}
/*BOM界面开关 结束*/

/*自定义table*/
.table_custom { border-top:1px solid #cacaca; border-left:1px solid #cacaca;}
.table_custom table td,.table_custom table th{ border-bottom:1px solid #cacaca; border-right:1px solid #cacaca;}
.table_custom table  thead th{background:#f1f1f1; font-weight:bold;}
.table_custom table td{padding:0 4px;}