/*一般公用样式*/ /*让页面平滑滚动*/ body { scroll-behavior: smooth; text-size-adjust: none; -webkit-text-size-adjust: none; } #condition ul { list-style: none; margin: 0; padding: 0; } #condition li { text-align: center; color: #4b5162; padding: 1vh 0; } p { margin: 0; padding: 0; } /*筛选条件远离边界*/ #condition { width: 96%; margin: 0 auto; } /*题头的字体颜色*/ .heading { color: #4b5162; } /*表格公用样式*/ table { /*设置相邻单元格的边框间的距离*/ border-spacing: 0; /*表格设置合并边框模型*/ border-collapse: collapse; /*margin: 0 auto;*/ display: table; width: 100%; border: 1px solid #d9e1ec; box-sizing: border-box; table-layout: fixed; } tr, td { border: 1px solid #d9e1ec; text-align: center; } td { padding: 1vh 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; box-sizing: border-box; } ::-webkit-scrollbar { width: 0; } #content { display: block; overflow: scroll; table-layout: fixed; -webkit-overflow-scrolling: touch; } #content table, #content tr:first-child, #content tr:first-child td { border-top: 0; } /*优化表格样式*/ #table td { color: #3d4f5e; background: linear-gradient(#f8fcff, #def2ff); border-color: #d9e1ec; } #content td { color: #4b5162; border-color: #d9e1ec; } #content tr:nth-child(odd) { background: #fff; } #content tr:nth-child(even) { background: #f7fbff; } .content-draw-line { text-align: center; font-size: 2rem; padding: 1rem; color: #4b5162; background: #fff; } .none { display: none; } .visibility-hidden { visibility: hidden; } /*跳转界面*/ input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } .flex-between { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } /*点击切换标题显示*/ /*选择菜单*/ .title-menu { width: 100%; } .title-content { width: 70%; margin: 5% auto; display: flex; justify-content: space-between; flex-wrap: wrap; } .btn { width: 22%; font-size: 1rem; background: #f1f1f1; color: #939393; border-radius: 1rem; margin-bottom: 1rem; outline: none; border: 0; } .save-box { width: 60%; margin: 0 auto; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } .save-box .btn { width: 30%; background: #157dfe; color: #fff; font-size: 0.8rem; padding: 0.6rem 0; } .save-box .cancel { background: #f1f1f1; color: #939393; } .title-content .checked { background: #157dfe; color: #fff; } .btn-font { font-size: 0.8rem; padding: 0.6rem; } .btn-font-6 { font-size: 0.8rem; padding: 0.6rem 0; } .btn-font-7 { font-size: 0.7rem; padding: 0.7rem 0; } .btn-font-8 { font-size: 0.6rem; padding: 0.8rem 0; } .btn-font-9 { font-size: 0.6rem; padding: 0.8rem 0; } .btn-font-10 { font-size: 0.5rem; padding: 0.9rem 0; } /*选择序号进行跳转*/ .table-serial-btn { width: 45px;; height: 45px; border-radius: 45px; font-size: 1rem; background: #8DB5F5; color: #fff; opacity: 0.7; outline: none; border: 0; } .serial-menu { width: 100%; } .serial-content { width: 90%; margin: 5px auto; display: flex; justify-content: space-between; flex-wrap: wrap; } .serial-btn { width: 80px;; height: 40px; font-size: 1rem; background: #157dfe; color: #fff; border-radius: 1rem; margin-bottom: 1rem; outline: none; border: 0; } .serial-box { width: 60%; margin-left: 20%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; position: fixed; bottom: 0; } .serial-box .cancel { width: 30%; background: #f1f1f1; color: #939393; font-size: 0.8rem; padding: 0.6rem 0; } .serial-box .determine { width: 30%; background: #157dfe; color: #fff; font-size: 0.8rem; padding: 0.6rem 0; }