#tableDiv > div > div.layui-table-tool > div.layui-table-tool-temp { display: none; } #table_frame > div > div.layui-table-tool > div.layui-table-tool-temp { display: none; } /*销售开单表格input自动补全样式*/ .auto-select-input { height: 100%; border: none; } .auto-select-input:hover { border: 1px solid #7571bb; } .auto-select-multiple { display: flex; flex-wrap: wrap; border: 1px solid #ccc; min-height: 100%; margin: 0; line-height: 100%; } .auto-select-multiple .multiple-item { display: inline-block; font-size: 16px; padding: 3px; } .auto-select-multiple .multiple-item .remove { font-size: 14px; color: #169BD5; cursor: pointer; padding: 3px; } .auto-select-multiple .no-border { border: none; outline: none; } .auto-menu { position: absolute; top: calc(100% + 3px); left: 0; z-index: 99999999; background: #fff; border: 1px solid #bfbfbf; width: 600px; } .auto-menu .auto-menu-wrapper { display: flex; flex-wrap: wrap; color: #5d5d5d; max-height: 180px; overflow-y: auto; margin: 0; padding: 0; } .auto-menu .auto-menu-wrapper .auto-menu-item { list-style: none; cursor: pointer; text-align: left; padding: 4px; margin: 0; height: 28px; white-space: nowrap; /*设置不换行*/ overflow: hidden; /*设置隐藏*/ text-overflow: ellipsis; /*设置隐藏部分为省略号*/ } .auto-menu .auto-menu-wrapper .auto-menu-item:hover { background: #169BD5; color: #fff; } .auto-menu .auto-menu-wrapper .selected { background: #169BD5; color: #fff; } .auto-menu .auto-menu-close { line-height: 40px; text-align: center; font-size: 16px; color: #de1e62; cursor: pointer; background: #f5f5f5; margin: 0; } /*设置layer弹出框按钮右下角位置*/ .layer-bounced-right { position: absolute; right: 10px; bottom: 10px; } /**图标自定义样式**/ .icon-wodehuiyuanqia { content: "\e61a"; cursor: pointer; } .icon-zhifupingtai-yinlian { content: "\e61b"; cursor: pointer; } .icon-yinlianhuodong { content: "\e62e"; cursor: pointer; } .icon-xianjin { content: "\e631"; cursor: pointer; } .icon-weixin { content: "\e6ea"; cursor: pointer; font-size: 50px; } .icon-huaban { content: "\e698"; cursor: pointer; } .icon-zhifubao { content: "\e68a"; cursor: pointer; } .icon-juhezhifutubiao { content: "\e650"; cursor: pointer; height: 30px !important; font-size: 30px !important; } .shadow-index { padding: 10px 10px 0 10px; } /*阴影边框*/ .shadow-border { border: 1px solid #DBDCDD; box-shadow: 0px 0px 15px 2px #dbdcdd; margin-bottom: 4px; border-radius: 8px; padding-bottom: 5px; } /*input自动多个补全样式*/ .auto-multiple-layout, .quick-search-box-layout { position: absolute; width: 550px; padding: 5px; border-radius: 5px; border: 1px solid #00a3ee; color: #73767a; box-shadow: 0 0 3px #31BDEC; background-color: #ffffff; z-index: 9999; } .auto-multiple-content { width: 100%; } .auto-multiple-row { display: flex; flex-wrap: wrap; padding: 5px 0; } .auto-multiple-item { padding: 2px 6px; cursor: pointer; } .auto-multiple-item:hover, .auto-multiple-item-selected { border-radius: 2px; color: #337ecc; background-color: #a0cfff; } .auto-multiple-line { border-bottom: 1px solid #E6E6E6; margin: 5px 0; } .auto-multiple-line:last-child { display: none; } .auto-multiple-close { height: 38px; line-height: 38px; width: 100%; text-align: center; color: #00a3ee; font-size: 14px; font-weight: bold; background-color: #f4f4f5; cursor: pointer; } /**快速选择框选样式*/ .quick-search-box-layout { display: grid; grid-template-columns: auto auto auto; } .quick-search-box-row { height: 30px; line-height: 30px; padding: 0 10px; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .quick-search-box-row:hover, .quick-search-box-selected { background-color: #e9e9eb; color: #337ecc; } /**口腔多选样式*/ .oral-cavity-layout { position: absolute; width: 575px; border-radius: 5px; border: 1px solid #00a3ee; color: #73767a; box-shadow: 0 0 3px #4f5356; background-color: #ffffff; } .oral-cavity-layout-close { position: absolute; right: 10px; top: 5px; cursor: pointer; font-size: 18px; font-weight: bold; z-index: 1000; } .oral-item { width: 35px; cursor: pointer; } .oral-item-row { display: flex; flex-wrap: wrap; padding: 0 5px; } .oral-tooth-no-selected { background-color: #2680f7 !important; color: white !important; } .oral-item:hover .oral-tooth-no { border-color: #2680f7; } .oral-tooth-right-no { margin: 15px 0 0 20px; cursor: pointer; } .oral-tooth-select .oral-tooth-no, .oral-tooth-select.oral-tooth-right-no { border-color: #2680f7; } .oral-tooth-right-no:first-child { margin: 54px 0 0 20px; } .oral-tooth-right-no:hover { border-color: #2680f7; } .oral-item-line { border-bottom: 1px solid #DADEE2; width: 100%; } .oral-item-right-line { border-right: 1px solid #DADEE2; } .oral-baby-teeth { display: none; } .oral-top-tooth-1, .oral-top-tooth-2, .oral-top-tooth-3, .oral-top-tooth-4, .oral-top-tooth-5, .oral-top-tooth-6, .oral-top-tooth-7, .oral-top-tooth-8 { height: 76px; background: transparent no-repeat bottom; background-size: 80%; } .oral-bottom-tooth-1, .oral-bottom-tooth-2, .oral-bottom-tooth-3, .oral-bottom-tooth-4, .oral-bottom-tooth-5, .oral-bottom-tooth-6, .oral-bottom-tooth-7, .oral-bottom-tooth-8 { height: 76px; background: transparent no-repeat bottom; background-size: 80%; background-position-y: top; } .oral-top-tooth-1 { background-image: url("/img/teeth/up1.png"); } .oral-top-tooth-2 { background-image: url("/img/teeth/up2.png"); } .oral-top-tooth-3 { background-image: url("/img/teeth/up3.png"); } .oral-top-tooth-4 { background-image: url("/img/teeth/up4.png"); } .oral-top-tooth-5 { background-image: url("/img/teeth/up5.png"); } .oral-top-tooth-6 { background-image: url("/img/teeth/up6.png"); } .oral-top-tooth-7 { background-image: url("/img/teeth/up7.png"); } .oral-top-tooth-8 { background-image: url("/img/teeth/up8.png"); } .oral-bottom-tooth-1 { background-image: url("/img/teeth/down1.png"); } .oral-bottom-tooth-2 { background-image: url("/img/teeth/down2.png"); } .oral-bottom-tooth-3 { background-image: url("/img/teeth/down3.png"); } .oral-bottom-tooth-4 { background-image: url("/img/teeth/down4.png"); } .oral-bottom-tooth-5 { background-image: url("/img/teeth/down5.png"); } .oral-bottom-tooth-6 { background-image: url("/img/teeth/down6.png"); } .oral-bottom-tooth-7 { background-image: url("/img/teeth/down7.png"); } .oral-bottom-tooth-8 { background-image: url("/img/teeth/down8.png"); } .oral-item:hover .oral-top-tooth-1, .oral-tooth-select .oral-top-tooth-1 { background-image: url("/img/teeth/uph1.png"); } .oral-item:hover .oral-top-tooth-2, .oral-tooth-select .oral-top-tooth-2 { background-image: url("/img/teeth/uph2.png"); } .oral-item:hover .oral-top-tooth-3, .oral-tooth-select .oral-top-tooth-3 { background-image: url("/img/teeth/uph3.png"); } .oral-item:hover .oral-top-tooth-4, .oral-tooth-select .oral-top-tooth-4 { background-image: url("/img/teeth/uph4.png"); } .oral-item:hover .oral-top-tooth-5, .oral-tooth-select .oral-top-tooth-5 { background-image: url("/img/teeth/uph5.png"); } .oral-item:hover .oral-top-tooth-6, .oral-tooth-select .oral-top-tooth-6 { background-image: url("/img/teeth/uph6.png"); } .oral-item:hover .oral-top-tooth-7, .oral-tooth-select .oral-top-tooth-7 { background-image: url("/img/teeth/uph7.png"); } .oral-item:hover .oral-top-tooth-8, .oral-tooth-select .oral-top-tooth-8 { background-image: url("/img/teeth/uph8.png"); } .oral-item:hover .oral-bottom-tooth-1, .oral-tooth-select .oral-bottom-tooth-1 { background-image: url("/img/teeth/downh1.png"); } .oral-item:hover .oral-bottom-tooth-2, .oral-tooth-select .oral-bottom-tooth-2 { background-image: url("/img/teeth/downh2.png"); } .oral-item:hover .oral-bottom-tooth-3, .oral-tooth-select .oral-bottom-tooth-3 { background-image: url("/img/teeth/downh3.png"); } .oral-item:hover .oral-bottom-tooth-4, .oral-tooth-select .oral-bottom-tooth-4 { background-image: url("/img/teeth/downh4.png"); } .oral-item:hover .oral-bottom-tooth-5, .oral-tooth-select .oral-bottom-tooth-5 { background-image: url("/img/teeth/downh5.png"); } .oral-item:hover .oral-bottom-tooth-6, .oral-tooth-select .oral-bottom-tooth-6 { background-image: url("/img/teeth/downh6.png"); } .oral-item:hover .oral-bottom-tooth-7, .oral-tooth-select .oral-bottom-tooth-7 { background-image: url("/img/teeth/downh7.png"); } .oral-item:hover .oral-bottom-tooth-8, .oral-tooth-select .oral-bottom-tooth-8 { background-image: url("/img/teeth/downh8.png"); } .oral-tooth-right { transform: scaleX(-1); } .oral-tooth-no { border: 1px solid #eff3f6; border-radius: 16px; color: #96a4b3; font-size: 12px; height: 16px; line-height: 15px; text-align: center; user-select: none; width: 16px; } .oral-tooth-icon { padding: 8px 9.5px; } .oral-tooth-footer { width: 100%; text-align: center; } .oral-tooth-item { padding: 2px 6px; cursor: pointer; margin: 3px 1px; } .oral-tooth-item:hover { border-radius: 2px; color: #337ecc; background-color: #a0cfff; } .oral-tooth-mask { position: absolute; top: 40px; left: 0; height: 245px; width: 100%; background-color: rgba(0, 0, 0, .05); z-index: 998; } .dental-popup-layout { position: absolute; z-index: 999; background-color: #ffffff; width: 90px; font-size: 12px; } .dental-popup-layout ul { margin: 5px 0 !important; } .dental-popup-layout li { position: relative; padding: 5px 10px; cursor: pointer; line-height: 19px; } .dental-popup-layout li:hover, .dental-popup-detail dd:hover { background-color: #F2F2F2; } .dental-popup-layout li:hover .dental-popup-detail { display: block; } .dental-popup-layout .layui-icon { float: right; font-size: 12px; } .dental-popup-detail { display: none; position: absolute; top: -10px; right: -120px; width: 120px; background-color: #ffffff; } .dental-popup-detail dl { margin: 5px 0 !important; } .dental-popup-detail dd { padding: 5px 10px; cursor: pointer; line-height: 19px; } .oral-examination-text-field { cursor: text; min-height: 50px !important; word-break: break-word; } .long-omitted { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*************设置滚动条统一的样式*************/ ::-webkit-scrollbar { width: 8px !important; background-color: #FFFFFF !important; cursor: pointer; } ::-webkit-scrollbar { height: 8px !important; background-color: #FFFFFF !important; cursor: pointer; } ::-webkit-scrollbar-thumb:hover { background-color: #b1b3b8!important; } ::-webkit-scrollbar-thumb:active { background-color: #73767a!important; } ::-webkit-scrollbar-thumb { background-color: #c8c9cc !important; border-radius: 3px !important; } /*************单/复选框自定义条件弹出框样式*************/ .quickSearch-buffalo .layui-laypage { margin: 0; padding: 5px 0; } .quickSearch-buffalo .layui-laypage > * { margin: 0; border: 0; } /*************单/复选框自定义条件弹出框样式*************/ .layui-form-box { font-size: 14px; color: #333333; line-height: 28px; } .layui-form-box .layui-form-radio { margin: 0!important; padding-right: 0; } .layui-form-box .layui-form-radio .layui-anim.layui-icon { font-size: 20px; margin-right: 9px; } .layui-form-box .layui-form-checkbox { padding-top: 2px; } .layui-form-box .layui-form-checkbox .layui-icon.layui-icon-ok { margin-top: 3px; margin-left: 1px; } .layui-inline.layui-btn.layui-btn-primary { opacity: 1!important; } /*修改表格默认和滚动switch*/ .layui-table-switch-custom { position:absolute;right: 10px;bottom: 5px; } .layui-table-switch-custom .layui-form-onswitch { border-color: #1E9FFF!important; background-color: #1E9FFF!important; } .layui-table-switch-custom .layui-form-switch { border-color: #5FB878; background-color: #5FB878; } .layui-table-switch-custom .layui-form-switch em{ color: #FFFFFF!important; } .layui-table-switch-custom .layui-form-switch i { background-color: #FFFFFF!important; } /*定义表格滚动到底部的样式*/ .layui-table-fixbar { position: fixed; z-index: 9999999; cursor: pointer; opacity: 0.4; } .layui-table-fixbar > li { color: #FFFFFF; width: 50px; text-align: center; display: list-item; background-color: #9F9F9F; opacity: 0.95; } .layui-table-fixbar > li:first-child { border-radius: 2px 2px 0 0; } .layui-table-fixbar > li:last-child { border-radius: 0 0 2px 2px; } /*滚动分页显示当前页样式*/ .layui-table-page-curr { width: 22px!important; height: 21px!important; text-align: center!important; background-color: #009688!important; color: #fff!important; border-radius: 2px!important; line-height: 21px!important; } /*layui所有的禁止输入框,字体显示黑色*/ .layui-disabled, .layui-disabled:hover ,input:disabled,input[readonly]{ color: #333333 !important; } /*tab页改为蓝色*/ .layui-tab-brief>.layui-tab-title .layui-this,.layui-tab-brief>.layui-tab-title .layui-this:after { color: #1E9FFF; } .layui-tab-brief>.layui-tab-title .layui-this:after { border-bottom: 2px solid #1E9FFF; } /**自定义样式结束*/