body { overflow: hidden; background: #fff; } table th { white-space: nowrap; } table td { white-space: nowrap; } .form-group { /* display: inline-block; */ } .form-group .sx-title { width: 104px; } #myModal { -moz-user-select: none; -khtml-user-select: none; user-select: none; } * { padding: 0; margin: 0; } .box { width: 60px; height: 25px; border: 1px solid #e2e2e3; position: relative; border-radius: 5px; } .box:before { position: absolute; width: 30px; height: 25px; text-align: center; line-height: 25px; color: #fff; top: 0; transition: all .5s ease; border-radius: 5px; } .yes:before { content: '开'; /*display: block;*/ left: 0; background: rgb(3, 193, 16); } .no:before { content: '关'; /*display: block;*/ left: 30px; background: rgb(251, 86, 86); } #checkBox { display: none; } #setting { width: 42px; height: 30px; border-radius: 5px; background: rgb(3, 193, 16); } /* 调整样式 */ .fpsb-shaixuan .sx-title { width: inherit !important; } .form-group { vertical-align: middle; } .fpsb-shaixuan .enter-select { width: 156px !important; border: 1px solid #ccc !important; margin-bottom: 0 !important; } .fpsb-shaixuan .enter-form02 { float: none; display: inline-block; width: inherit; vertical-align: middle; margin-top: -4px; } .form-item { margin: 2em 0; } .form-group label { margin-bottom: 0; } .table th, .table td { text-align: center; vertical-align: middle; } .white-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; } /* 配置样式 */ .modal-backdrop, .modal-backdrop.fade.in { opacity: .5; filter: alpha(opacity=50); } .configurationItem { margin-bottom: 12.9px; } .configurationTitle { width: 150px; text-align: right; font-size: 16px; } #timSelectBox,#timSelectBox2{ width: 100px; text-align: center; background-color: #fff; border: 1px solid #ccc; line-height: 30px; height: 30px; display: inline-block; } /* .modal { width: 700px; margin-left: -350px; } */ /* 拉杆 */ .test { width: 500px; height: 20px; position: absolute; left: 0; top: 0; z-index: 99999; } .BarControl { width: 100%; height: 100%; padding: 0; margin: 0; display: inline-block; } .BarBeginTime, .BarFinishTime, .TheBar { display: inline-block; vertical-align: middle; padding: 0px; } .BarBeginTime { width: 15px; height: 20px; color: #b3b3b3; font-size: 8px; line-height: 20px; } .BarBeginTime, .BarFinishTime, .TheBar { display: inline-block; vertical-align: middle; padding: 0px; } .TheBar { position: relative; width: 400px; margin-left: 10px; margin-right: 10px; height: 6px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; background: #b3b3b3; overflow: visible; border-radius: 4px; } .TimeBall { width: 12px; height: 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #71c6ff; position: absolute; left: 0px; top: -6px; z-index: 2; cursor: pointer; background: #ededed; margin-left: -6px; } .TimeBallMove{ background: #cecece; border: 2px solid #3498DB; } .TheColorBar { width: 0px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; height: 100%; background: #66b4e9; float: left; border-radius: 4px; } .BarBeginTime { border: navajowhite; width: 20px; } .configurationDetial { position: relative; } .test input[readonly] { background: #fff; font-size: 18px; color: #333; } .saveParent { text-align: center; } .saveParent input { /* width: 80px; */ font-size: 16px; line-height: 30px; margin: 0 10px; }