﻿/* 配置参数标题 
.config_tit { position:relative;  }
.config_tit:after {content:" "; position:absolute; left:0; width:100%; height:1px; bottom:0; border-bottom:5px solid #000; }
.config_tit h3 { display:inline-block; font-size:18px; }
.config_tit h3:after {content:" "; position:absolute; left:0; width:110px; height:1px; bottom:0; border-bottom:5px solid #d00; z-index:99; }

 模块标题 
.item_title { height: 50px; line-height: 50px; background-color: #000; margin:15px 0 10px 0; }
.item_title h3 { background: url(../images/config_title.png) no-repeat 100% 0 #d00; display: block; width: 250px; height:50px; line-height:50px; text-indent: 20px; color: #fff; font-size:16px; margin:0; }
*/


/*展开收起*/
.itemmore { position: relative; display: inline-block; width: 24px; height: 20px; }
.itemmore:after { content: " "; display: inline-block; border-width: 2px 2px 0 0; border-color: #797979; border-style: solid; height: 8px; width: 8px; position: absolute; left: 6px; }
.moreDown:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 8px; }
.moreUp:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 12px; }

/* 200项配置列表 */
.item_list { overflow:hidden; position:relative; background-color:#fff; padding:0 15px; }
.item_list li { display:-webkit-box;display:-webkit-flex;display:flex; width: 100%; height:40px; line-height:40px; position:relative; border-top:1px solid #ddd;  }
.item_list li:first-child { border-top:0 none; }
.item_list li .item_name { width:55%; padding:0 10px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }
.item_list li .item_value { -webkit-box-flex:1;-webkit-flex:1;flex:1;   padding:0 10px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:right; }


/*     ___mod_box
-------------------------------*/
.mod_box{position:relative;overflow:hidden;margin-top:15px;}
.mod_box_hd{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;padding:12px 15px 12px 15px;background-color:#fff;}
.mod_box_hd .tit{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:14px;padding-left:10px;}
.mod_box_hd .more{color:#d00;font-size:14px;}
.mod_cell{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;padding:12px 15px;}
.mod_cell_ft{color:#797979;}
.mod_cell_bd_primary{-webkit-box-flex:1 1 0;-webkit-flex:1 1 0;flex:1 1 0;}
.mod_box.mod_space{margin-left:10px;margin-right:10px;border-radius:4px;border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;}
/* 盒模型 && 单元格  && 箭头装饰线 */
/*.mod_box:before,.mod_box:after {content:" ";position:absolute;left:0;width:100%;height:1px;}
.mod_box:before{top:0;border-top:1px solid #d3d3d3;}
.mod_box:after{bottom:0;border-bottom:1px solid #d3d3d3;}*/
.mod_box:first-child{margin-top:0;}
.mod_box_hd:after{content:" ";position:absolute;left:15px;bottom:0;width:100%;height:1px;border-bottom:1px solid #d3d3d3;}
.mod_box_hd .tit:before{content:" ";position:absolute;left:15px;top:14px;width:3px;height:16px;border-left:3px solid #d00;}
.mod_box_hd .more:after{content:" ";display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:2px 2px 0 0;border-color:#d00;border-style:solid;height:6px;width:6px;position:relative;top:-1px;margin-left:.3em;}
.mod_cell:before{content:" ";position:absolute;left:15px;top:0;width:100%;height:1px;border-top:1px solid #d3d3d3;}
.mod_cell:first-child:before{display:none;}
.mod_cell_access .mod_cell_ft:after{content:" ";display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:2px 2px 0 0;border-color: #d3d3d3;border-style:solid;height:6px;width:6px;position:relative;top:-1px;margin-left:.3em;}
.mod_cells_title{background-color: #efeff4;padding:10px 15px;}
.mod_cells{overflow:hidden;position:relative;}
.mod_cells:before,
.mod_cells:after {content:" ";position:absolute;left:0;width:100%;height:1px;}
.mod_cells:before{top:0;border-top:1px solid #d3d3d3;}
.mod_cells:after{bottom:0;border-bottom:1px solid #d3d3d3;}
.mod_cell{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;padding:10px 15px;}
.mod_cell_hd{padding-right: 10px;}
.mod_cell_ft{color:#797979;text-align:right;}
.mod_cell_primary{-webkit-box-flex:1 1 0;-webkit-flex:1 1 0;flex:1 1 0;}
.mod_cells_head{display:-webkit-box;display:-webkit-flex;display:flex;padding:10px 5px;background-color:#efeff4;}












