body{ background: #FFFFFF; } ol,ul,dl,a{ margin: 0; padding: 0; } .reposiClass{ width: 100%; border: 1px solid #e1e6eb; margin-top: 20px; } .treeDt{ display: block; } .reposiClass ul{ overflow: hidden; padding: 0; margin: 0; } .reposiClass ul li{ list-style: none; float: left; width: 16.6666%; border-right: 1px solid #e1e6eb; /*height: 40px;*/ line-height: 40px; /*text-align: center;*/ height: 500px; position: relative; } .reposiClass ol li{ text-align: center; float: none; list-style: none; width: 16.6666%; line-height: 40px; overflow: hidden; } /*.reposiClass ol li dl{ float: left; width: 16.6666%; text-align: center; line-height: 40px; border-right: 1px solid #e1e6eb; }*/ /*.reposiClass ol li dl dt{ line-height: 40px; }*/ .reposiClass ol li:last-child{ border-right: none; } .reposiClass ul li:last-child{ border-right: none; } .reposiClass ul li .title{ width: 100%; height: 44px; line-height: 44px; text-align: center; border-bottom: 1px solid #e1e6eb; background: #f5f5f6; } .reposiClass ul li dl{ margin-bottom: 0px; } .reposiClass ul li dl dt{ width: 100%; height: 40px; line-height: 40px; padding-left: 15px; position: relative; cursor: pointer; } .dtColor{ background: #eeeef1; } /*.reposiClass ul li dl dt:first-child{ background: #eeeef1; }*/ .reposiClass .after{ width: 100%; height: 40px; position: absolute; top: 0; } .reposiClass .after .text{ /*padding-left: 15px;*/ } .reposiClass .after .icon_edit{ position: absolute; right: 38px; top:12px; margin-right: 5px; display: none; z-index: 33; } .reposiClass .after .icon_del{ position: absolute; right: 18px; top:12px; font-size: 14px; display: none; } .reposiClass .before{ height: 40px; line-height: 40px; position: relative; color:#409eff; cursor: pointer; } .reposiClass .save{ position: absolute; bottom: 0px; width: 100%; border-top: 1px solid #e1e6eb; height: 50px; } .reposiClass .save a{ width: 90%; height: 40px; line-height: 40px; border: 1px solid #0e8fe6; border-color: ; border: 1px solid #b6ddf7; display: block; text-align: center; color: #0e8fe6; color: #b6ddf7; margin-top: 5px; margin-left: 5%; } .reposiClass .before .icon_font{ position: absolute; left: 12px; top: 10px; font-size: 18px; } .reposiClass .before .text{ padding-left:40px ; } .reposiClass .underway{ width: 100%; position: relative; display: none; } .reposiClass .underway-text{ width: 100%; position: relative; } .reposiClass .underway-text .icon_del{ position: absolute; right: 5px; top:12px; font-size: 14px; display: none; } .reposiClass .underway-text .icon_edit{ position: absolute; right: 23px; top:12px; font-size: 14px; display: none; } .reposiClass .underway input{ width: 60%; height: 30px; margin-top: 5px; line-break: 30px; padding-left: 5px; margin-left: 0px; } .reposiClass .underway-text{ padding-left: 15px; } .reposiClass .underway .icon_del{ position: absolute; right: 5px; top:12px; font-size: 14px; } .reposiClass .underway .icon_save{ position: absolute; right: 23px; top:12px; font-size: 14px; } .reposiClass .underway .icon_cancel{ position: absolute; right: 5px; top:12px; font-size: 14px; }