/* public/static/style/subnetmask.css - 子网掩码/科学计算器最小样式 (模板: subnetmask.html, calculator.html) */
.NetWorkWrap { overflow: hidden; }
.NetWork-left { float: left; width: 100%; }
.NetWork-right { float: right; width: 220px; }
.NetWork-main01 { border: 1px solid #ddd; border-radius: 4px; margin-bottom: 15px; background: #fff; }
.MainHead { font-size: 15px; font-weight: bold; padding: 8px 12px; margin: 0; color: #337ab7; }
.MainCent { padding: 6px 12px 12px; }
.MCentlist { padding: 6px 0; }
.Intxt { border: 1px solid #ccc; border-radius: 3px; padding: 4px 6px; width: 60px; margin: 2px; }
.Inbtn { border: 1px solid #ccc; border-radius: 3px; background: #f5f5f5; padding: 4px 14px; margin: 2px; cursor: pointer; }
.Inbtn:hover { background: #e6e6e6; }
label.w60 { display: inline-block; width: 60px; text-align: right; }
label.w50 { display: inline-block; width: 50px; text-align: right; }
label.w82 { display: inline-block; width: 82px; text-align: right; }
.bb-blue { border-bottom: 1px solid #bce8f1; }
.bg-blue02 { background: #f4fbfd; }
.bor-a1s { border: 1px solid #ddd; }
.bor-t1s { border-top: 1px solid #ddd; }
.col-gray04 { color: #666; }
.fl { float: left; } .fr { float: right; }
.tr { text-align: right; }
.mt10 { margin-top: 10px; } .mt20 { margin-top: 20px; } .ml10 { margin-left: 10px; }
.mr15 { margin-right: 15px; } .pl10 { padding-left: 10px; } .pb10 { padding-bottom: 10px; }
.ptb10 { padding-top: 10px; padding-bottom: 10px; }
.pt10 { padding-top: 10px; }
.lh24 { line-height: 24px; } .lh30 { line-height: 30px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#netlist { margin-top: 10px; }
/* 科学计算器 */
.CalculatorWrap { max-width: 640px; margin: 0 auto; }
.CalculTable { border: 1px solid #ddd; border-radius: 4px; padding: 12px; background: #f9f9f9; }
.ShowAreaWrap { margin-bottom: 10px; }
.ShowArea { width: 100%; height: 44px; font-size: 22px; text-align: right; padding: 4px 10px;
  border: 1px solid #ccc; border-radius: 4px; background: #fff; }
.heachackWrap { list-style: none; margin: 0; padding: 6px 0; overflow: hidden; }
.heachackWrap li { float: left; margin: 2px; }
.HTxt01 { width: 60px; text-align: center; border: 1px solid #eee; background: #fff; }
.Hcolor01, .Lcolor01, .Lcolor02, .Rcolor01, .Rcolor02 { border: 1px solid #ccc; border-radius: 3px;
  padding: 6px 12px; margin: 2px; cursor: pointer; background: #fff; }
.Hcolor01:hover, .Lcolor01:hover, .Lcolor02:hover, .Rcolor01:hover, .Rcolor02:hover { background: #e6e6e6; }
.Rcolor02 { background: #f0f7ff; }
.CentChackBox { overflow: hidden; }
.CentChackLeft { float: left; } .CentChackRight { float: left; } .CentChackSide { float: left; }
.YaHei { font-family: "Microsoft YaHei", sans-serif; }
.mb20 { margin-bottom: 20px; } .mr10 { margin-right: 10px; } .pr15 { padding-right: 15px; }