style.css 91 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363
  1. *, article, dd, dl, dt, li, ul, ol { list-style-type: none; margin: 0; padding: 0 }
  2. body, input, select,textarea{ font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif; font-size: 14px; color:var(--bl-font-color1);outline:none;line-height:1;}
  3. input { line-height: 20px; outline: none;-webkit-transition:all .3s;}
  4. *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box }
  5. a { text-decoration: none; color:var(--bl-font-color1)}
  6. @font-face{font-family:"HarmonyOS_Sans_SC_Regular";font-style: normal;font-weight: 400;src:url(../fonts/HarmonyOS_Sans_SC_Regular.ttf);}
  7. @font-face{font-family:"HarmonyOS_Sans_SC_Medium";font-style: normal;font-weight: 500;src:url(../fonts/HarmonyOS_Sans_SC_Medium.ttf);}
  8. @font-face{font-family:"HarmonyOS_Sans_SC_Bold";font-style: normal;font-weight:bold;src:url(../fonts/HarmonyOS_Sans_SC_Bold.ttf);}
  9. /**{font-family:HarmonyOS_Sans_SC_Regular;}*/
  10. @font-face {font-family: "scientific";src:url('../fonts/scientific.ttf');}
  11. .scientific {font-family: 'scientific' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
  12. :root{
  13. --bl-font-color1:#333;
  14. --bl-font-color2:#474747;
  15. --bl-font-color3:#5C5C5C;
  16. --bl-font-color4:#707070;
  17. --bl-font-color5:#999999;
  18. --bl-dominant-color:#13d5e8;
  19. --bl-body-bg-color:#EDF0F3;
  20. --bl-3btnhover-color:#F3F7FF;
  21. --bl-3btnactive-color:#E7F0FF;
  22. --bl-3btnborder-color:#80B1FF;
  23. --bl-border-radius1:6px;
  24. --bl-border-radius2:8px;
  25. }
  26. .ft-home:before { content: "\e87a"; }
  27. .ft-settings:before { content: "\e8c3"; }
  28. .ft-chevron-down:before { content: "\e842"; }
  29. .ft-chevronup:before {content: "\e845";}
  30. .ft-users:before { content: "\e8ea"; }
  31. .ft-clipboard:before { content: "\e84b"; }
  32. .ft-pie-chart:before { content: "\e8ac"; }
  33. .ft-list:before { content: "\e886"; }
  34. .ft-check-circle:before { content: "\e83e"; }
  35. .ft-user:before { content: "\e8e9"; }
  36. .ft-userplus:before { content: "\E8E7"; }
  37. .ft-book-open:before { content: "\e914"; }
  38. .ft-list:before { content: "\e886"; }
  39. .ft-layers:before { content: "\e87e"; }
  40. .ft-file-text:before { content: "\e870"; }
  41. .ft-layout:before { content: "\e881"; }
  42. .ft-log-out:before { content: "\e888"; }
  43. .ft-chevron-right:before { content: "\e844"; }
  44. .ft-trash:before { content: "\E8DA"; }
  45. .ft-uploadcloud:before { content: "\E8E3";}
  46. .ft-clock:before { content: "\E84D";}
  47. .ft-fileplus:before { content: "\E873";}
  48. .ft-list:before { content: "\E886";}
  49. .ft-mappin:before { content: "\E88E";}
  50. .ft-layers:before { content: "\E87E";}
  51. .ft-search:before {content: "\E8BD";}
  52. .ft-barchart:before {content: "\E831";}
  53. .ft-edit1:before {content: "\E868";}
  54. .ft-alertcircle:before {content: "\E81C";}
  55. .ft-xcircle:before {content: "\E8F7";}
  56. .ft-plus:before {content: "\E8B1";}
  57. .ft-grid:before {content: "\E878";}
  58. .ft-barchart:before {content: "\E82F";}
  59. .ft-download:before {content: "\E864";}
  60. .ft-alerttriangle:before {content: "\E81E";}
  61. .ft-userplus:before {content: "\E8E7";}
  62. .ft-map:before {content: "\E88C";}
  63. .ft-flag:before {content: "\E876";}
  64. .ft-home2:before {content: "\E92B";}
  65. .ft-shezhi:before {content: "\E92C";}
  66. .ft-fangan:before {content: "\E92D";}
  67. .ft-qp:before {content: "\E92E";}
  68. .ft-xq:before {content: "\E92F";}
  69. .ft-skin:before {content: "\E930";}
  70. .ft-grade:before {content: "\E931";}
  71. .ft-pluscircle:before {content: "\E8B0";}
  72. .ft-repeat:before {content: "\E8B6";}
  73. .ft-arrowup:before {content: "\E82D";}
  74. .ft-arrowdown:before {content: "\E82A";}
  75. .ft-upload:before {content: "\E8E1";}
  76. .ft-x:before {content: "\E8F6";}
  77. .ft-rotatecw:before {content: "\E8BB";}
  78. .ft-circle:before {content: "\E84A";}
  79. .ft-heart:before {content: "\E879";}
  80. .ft-folder:before {content: "\E874";}
  81. .ft-book:before {content: "\E837";}
  82. .ft-sidebar:before {content: "\E8C6";}
  83. .ft-airplay:before {content: "\E820";}
  84. .ft-messagesquare:before {content: "\E891";}
  85. .ft-link:before {content: "\E884";}
  86. .ft-video:before {content: "\E8EC";}
  87. .ft-copy:before {content: "\E855";}
  88. .ft-speaker:before {content: "\E8CC";}
  89. .ft-dagang:before {content:"\e932";}
  90. .ft-shipin:before {content:"\e933";}
  91. .ft-yinpin:before {content:"\e934";}
  92. .ft-wenben:before {content:"\e935";}
  93. .ft-liangb:before {content:"\e936";}
  94. .ft-gongn:before {content:"\e937";}
  95. .ft-fankui:before {content:"\e938";}
  96. .ft-renwu:before {content:"\e939";}
  97. .ft-morevertical:before {content:"\e921";}
  98. .ft-tuod:before {content:"\e940";}
  99. .ft-arrowleft:before {content:"\E828";}
  100. .ft-cornerdownright:before {content:"\E856";}
  101. .ft-lock:before {content:"\E941";}
  102. .ft-key:before {content:"\E942";}
  103. .ft-lock2:before {content:"\E887";}
  104. .ft-chevronleft:before {content:"\E843";}
  105. .ft-slash:before {content:"\E8C9";}
  106. .ft-helpcircle:before {content:"\E903";}
  107. .ft-login:before {content:"\E885";}
  108. .ft-bed:before {content:"\E943";}
  109. .ft-ltimg:before {content:"\E944";}
  110. .ft-zoomin:before {content:"\E8F9";}
  111. .ft-zoomout:before {content:"\E8FA";}
  112. .ft-creditcard:before {content:"\E85F";}
  113. .ft-printer:before {content:"\E8B3";}
  114. .ft-eye:before {content:"\E86A";}
  115. .ft-eyeoff:before {content:"\E86E";}
  116. @font-face {font-family: 'Fontbyl';src: url('../fonts/fontawesome-webfont.ttf');font-weight: normal;font-style: normal;}
  117. [class*="byl-icon-"]:before {display: inline-block;font: normal normal normal 1.6rem/1 "Fontbyl", sans-serif;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}
  118. [class*="byl-icon-"]:before {font-family: Fontbyl !important;}
  119. [class*="byl-icon-"] {display: inline-block;font-style: normal;}
  120. .byl-icon-plus-circle:before {content: "\f055";}
  121. .byl-icon-sitemap:before {content: "\f0e8";}
  122. .byl-icon-list-alt:before {content: "\f022";}
  123. .byl-icon-list:before {content: "\f03a";}
  124. .byl-icon-undo:before {content: "\f0e2";}
  125. .byl-icon-plus:before {content: "\f2bc";}
  126. .byl-icon-cloud-upload:before {content: "\f0ee";}
  127. .byl-icon-del:before {content: "\F2B5";}
  128. .byl-icon-edit:before {content: "\f2b6";}
  129. .byl-icon-delete:before {content: "\f2b7";}
  130. .byl-icon-trash-o:before {content: "\f014";}
  131. .byl-icon-arrow-up:before {content: "\f062";}
  132. .byl-icon-arrow-down:before {content: "\f063";}
  133. .byl-icon-angle-double-up:before {content: "\f102";}
  134. .byl-icon-angle-double-down:before {content: "\f103";}
  135. .byl-icon-cog:before {content: "\f013";}
  136. .byl-icon-floppy-o:before {content: "\f0c7";}
  137. .byl-icon-retreat:before {content: "\f2c1";}
  138. .byl-icon-enter:before {content: "\f2c0";}
  139. .byl-icon-caret-down:before {content: "\f0d7";}
  140. .byl-icon-pdf:before {content: "\F1C1";}
  141. .byl-icon-word:before {content: "\F1C2";}
  142. .byl-icon-lock:before {content: "\F023";}
  143. .byl-icon-key:before {content: "\F084";}
  144. .byl-icon-clone:before {content: "\f24d";}
  145. .byl-icon-download:before {content: "\f019";}
  146. .byl-icon-inbox:before {content: "\F01C";}
  147. .byl-icon-remove_sign:before {content: "\F057";}
  148. .byl-icon-circle:before {content: "\F111";}
  149. .byl-icon-bell_alt:before {content: "\F0F3";}
  150. .byl-icon-group:before {content: "\f0c0";}
  151. .byl-icon-paste:before {content: "\f0ea";}
  152. .byl-icon-check:before {content: "\f00c";}
  153. .byl-icon-user:before {content: "\f007";}
  154. .byl-icon-file-text:before {content: "\f15c";}
  155. .byl-icon-exclamation-circle:before {content: "\f06a";}
  156. .byl-icon-percent:before {content: "\f295";}
  157. .font_12 { font-size: 12px; }
  158. .font-14 { font-size: 14px; }
  159. .font-15 { font-size: 15px; }
  160. .font_16{ font-size: 16px; }
  161. .font_18{ font-size: 18px; }
  162. .font-22 { font-size: 22px;}
  163. .font_24{ font-size: 24px;}
  164. .font_28{font-size:28px;}
  165. .font-30 { font-size: 30px; }
  166. .color-lv { color: #54cfa2; }
  167. .color-a7 { color: #a7b1c2; }
  168. .color-green { color: #51bf00; }
  169. .color-org { color: #ff7b24; }
  170. .color-red { color: #e91212; }
  171. .color-fff { color: #fff; }
  172. .color_999 { color: #999; }
  173. .color-666 { color: #666; }
  174. .line-11{line-height: 1.1}
  175. .line-13{line-height: 1.3}
  176. .color-blue1 {color: var(--bl-dominant-color);}
  177. .color-man {color: var(--bl-dominant-color);}
  178. .color-girl {color: #ff3693;}
  179. .pointer {cursor: pointer;}
  180. .color_1{color:var(--bl-font-color1)}
  181. .color_2{color:var(--bl-font-color2)}
  182. .color_3{color:var(--bl-font-color3)}
  183. .color_4{color:var(--bl-font-color4)}
  184. .color_5{color:var(--bl-font-color5)}
  185. .color_blue{color:var(--bl-dominant-color)}
  186. .color_red{color:#f72a1b}
  187. .color-zc { color:var(--bl-dominant-color);}
  188. .text_c { text-align: center; }
  189. .text_r { text-align: right; }
  190. .text-lr { text-align-last: justify; }
  191. .font-bold{font-weight: bold;}
  192. .font-medium{font-weight:500;}
  193. .font_bold{font-weight:bold;}
  194. .font_medium{ font-family:"HarmonyOS_Sans_SC_Medium";}
  195. .bg_fff{background:#fff;}
  196. .bg_1{background:#F8FAFB}
  197. .bg_2{background:#fff9e3}
  198. .body-bg{background:var(--bl-body-bg-color);}
  199. .font_14{font-size:14px}
  200. .ver-al-1{vertical-align: -1px;}
  201. .ver-al-2{vertical-align: -2px;}
  202. .wh_14{width:14px;height:14px}
  203. .wh_30{width:30px;height:30px}
  204. .wh_36{width:36px;height:36px}
  205. .wh_100{width:100px;height:100px}
  206. .width_80{width:80px}
  207. .width_100{width:100px}
  208. .width_120{width:120px}
  209. .width_160{width:160px}
  210. .width_200{width:200px}
  211. .width_300{width:300px}
  212. .width_500{width:500px}
  213. .width_700{width:700px}
  214. .width_10b{width:10%}
  215. .width_20b{width:20%}
  216. .width_25b{width:25%}
  217. .width_33b{width:33.3%}
  218. .width_32b{width:32%}
  219. .width_48b{width:48.5%}
  220. .width_40b{width:40%}
  221. .width_50b{width:50%}
  222. .width_60b{width:60%}
  223. .width_70b{width:70%}
  224. .width_80b{width:80%}
  225. .width_100b{width:100%}
  226. .height_30{height:30px}
  227. .height_36{height:36px}
  228. .height_100{height:100px}
  229. .height_150{height:150px}
  230. .height_100b{height:100%}
  231. .mar_t7{margin-top:7px}
  232. .mar_t12{margin-top:12px}
  233. .mar_r4{margin-right:4px}
  234. .mar_r8{margin-right:8px}
  235. .mar_r12{margin-right:12px}
  236. .mar_r14{margin-right:14px}
  237. .mar_r16{margin-right:16px}
  238. .mar_l12{margin-left:12px}
  239. .mar_l14{margin-left:14px}
  240. .mar_l16{margin-left:16px}
  241. .mar_b3{margin-bottom:3px}
  242. .mar_b8{margin-bottom:8px}
  243. .mar_b12{margin-bottom:12px}
  244. .mar_b14{margin-bottom:14px}
  245. .mar_b16{margin-bottom:16px}
  246. .mar_b20{margin-bottom:20px;}
  247. .mar_b30{margin-bottom:30px;}
  248. .padd_12px{padding:12px}
  249. .padd_14px{padding:14px}
  250. .padd_22px{padding:22px}
  251. .padd_50px{padding:50px}
  252. .padd_t10{padding-top:10px;}
  253. .padd_t12{padding-top:12px;}
  254. .padd_b14{padding-bottom:14px}
  255. .padd_l12{padding-left:12px;}
  256. .padd_r16{padding-right:16px;}
  257. .padd_0_10px{padding:0 10px}
  258. .padd_0_14px{padding:0 14px}
  259. .padd_0_16px{padding:0 16px}
  260. .padd_0_18px{padding:0 18px}
  261. .padd_14px_0{padding:14px 0}
  262. .padd_18px_0{padding:18px 0}
  263. .padd_10_12px{padding:10px 12px}
  264. .padd_12_18px{padding:12px 18px}
  265. .bor_b_1{border-bottom:#EAE8F1 solid 1px}
  266. .bor_r_1{border-right:#EAE8F1 solid 1px}
  267. .bor_1{border:#EAE8F1 solid 1px}
  268. .bor_2{border:#ced4da solid 1px}
  269. .bor_circle6{ border-radius:var(--bl-border-radius1);}
  270. .bg_radius{border-radius:var(--bl-border-radius2);}
  271. .bor_circle{border-radius:100%;}
  272. .bor_circle12{border-radius:12px;}
  273. .ico{background-position:center;background-repeat:no-repeat;background-size:100%;display:inline-block;}
  274. .icon1{background-image:url(../images/search.svg)}
  275. .icon2{background-image:url(../images/added.svg)}
  276. .icon3{background-image:url(../images/cg.png)}
  277. .icon4{background-image:url(../images/sb.png)}
  278. .icon5{background-image:url(../images/list-lb.svg)}
  279. .icon6{background-image:url(../images/list-sp.svg)}
  280. .icon7{background-image:url(../images/list-yp.svg)}
  281. .icon8{background-image:url(../images/list-wz.svg)}
  282. .icon9{background-image:url(../images/list-gn.svg)}
  283. .float-l { float: left; }
  284. .float-r { float: right; }
  285. .overflow-y-auto{overflow-y:auto;}
  286. .overflow { overflow: hidden; }
  287. .absolute{position:absolute;}
  288. .relative{position:relative;}
  289. .z-1{z-index:1}
  290. .none { display: none; }
  291. .lin-block{display: inline-block;}
  292. .clear:after{content:'';display: block;clear: both;}
  293. .flex { -webkit-box-flex: 1;box-flex: 1;-webkit-flex:1;flex: 1; }
  294. .sp_ends{display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:space-between;display:flex;align-items:center;justify-content:space-between;}
  295. .vertical_dq{display:-webkit-flex;-webkit-align-items:center;display:flex;align-items:center}
  296. .flex_column {display: -webkit-flex; display: flex;-webkit-flex-direction: column;flex-direction: column;}
  297. .flex_box,.dis_box{display:-webkit-flex;display:flex;}
  298. .flex_wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap;}
  299. .flex_end,.flexend{justify-content: flex-end;-webkit-justify-content: flex-end;}
  300. .flex_reverse{flex-direction: row-reverse;}
  301. .vercui{display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;display:flex;align-items:center;justify-content:center;}
  302. .text_ell { white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
  303. .text_clamp2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }
  304. input,textarea,select,button{outline:none;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);border:0;padding:0;line-height: 1;}
  305. [type="text"]:focus,[type="number"]:focus,input:focus,textarea:focus,select:focus{ border-color:var(--bl-dominant-color)!important;-webkit-box-shadow: 0 0 0 2px #E5F7FF;}
  306. .inp-form,.layui-input, .layui-select, .layui-textarea{ border:#ced4da solid 1px!important;padding:0 10px;-webkit-appearance:none;color:var(--bl-font-color1);border-radius: var(--bl-border-radius1)!important;}
  307. .btn-penetrate{pointer-events:none;}
  308. .inp-btn { background: var(--bl-dominant-color); border: 0; cursor: pointer; color: #FFF; font-size: 16px; font-weight: bold; }
  309. .inp-btn:hover{background: #23a5a5;}
  310. input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--bl-font-color5)}
  311. input[type=number]{-moz-appearance:textfield;}
  312. input[type=number]::-webkit-inner-spin-button,
  313. input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
  314. .btn-l{ border:#dee2e6 solid 1px; font-size:12px; padding:5px 10px;background:#fff;white-space: nowrap;}
  315. .btn-l:hover{ border-color:var(--bl-dominant-color);background:var(--bl-dominant-color); color:#fff}
  316. .btn-2{ border:var(--bl-dominant-color) solid 1px; font-size:12px; padding:5px 10px;cursor: pointer;background:var(--bl-dominant-color);white-space: nowrap;color:#fff;}
  317. .btn-2:hover{ border-color:var(--bl-2btnhover-color);background:var(--bl-2btnhover-color);}
  318. .btn-2:active{background:var(--bl-2btnactive-color);}
  319. .btn-bor{border: #ced4da solid 1px;padding: 0 10px;border-radius: 4px;background:none;cursor: pointer; -webkit-transition:all .3;}
  320. .btn-bor:hover{background: #f8f9fa;}
  321. .btn-bor:active{background: #dee2e6;}
  322. .not-selected{position: absolute;left: 50%;top: 45%;-webkit-transform: translate(-50%, -50%);}
  323. html {height: 100%;}
  324. .body-box{height: 100%;display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;}
  325. button, html input[type=button], input[type=reset], input[type=submit] {-webkit-appearance: button;cursor: pointer;}
  326. button{line-height:1}
  327. .inp-form:hover,.layui-input:hover, .layui-textarea:hover{border-color:#C5C8CC;}
  328. .inp-sel{cursor: pointer;background:url(../images/sel.svg) no-repeat right 6px center #fff;padding-right: 22px;appearance:none;border-radius: var(--bl-border-radius1);}
  329. .inp-date{cursor: pointer;background:url(../images/date.svg) no-repeat right 6px center #fff;border-radius: var(--bl-border-radius1);}
  330. .inp-time{cursor: pointer;background:url(../images/time.svg) no-repeat right 6px center #fff;border-radius: var(--bl-border-radius1);}
  331. .inp-area{display:block;}
  332. .inp-area,.layui-textarea{padding:10px;resize:none;border-radius: var(--bl-border-radius1);}
  333. .layui-textarea:focus{ border-color:var(--bl-dominant-color)!important;-webkit-box-shadow: 0 0 0 2px #E5F7FF;}
  334. .btn-form{border:0;outline:none;color: var(--bl-font-color1);border-radius:var(--bl-border-radius1);}
  335. .btn-s1{background:var(--bl-dominant-color);color:#fff;}
  336. .btn-s1:hover{background:#42DDED;}
  337. .btn-s1:active{background:#11BFD0;animation:btndh .3s 1s;}
  338. .btn-s2{background:#fff;border:#DEE2E6 solid 1px;box-shadow:0 2px 2px rgba(169,176,184,.2);}
  339. .btn-s2:hover{background:#FAFAFA;}
  340. .btn-s2:active{background:#F7F7F7;animation:btndh .3s 1s;}
  341. .btn-s3{background:#fd3f3f;color:#fff;}
  342. .btn-s3:hover{background:#ff5757;}
  343. .btn-s3:active{background:#e53333;animation:btndh .3s 1s;}
  344. .btn-sm{height:36px;line-height:34px;border-radius: var(--bl-border-radius1);padding:0 16px;cursor:pointer;}
  345. .btn-xs{height:32px;line-height:31px;border-radius: var(--bl-border-radius1);padding:0 14px;cursor:pointer;}
  346. .btn-lg{height:40px;line-height:38px;border-radius: var(--bl-border-radius1);padding:0 16px;cursor:pointer;}
  347. .btn-input1, .btn-input2 {border-radius: 5px;color: #fff;border: 0;cursor: pointer;font-weight: bold;outline: none;position: relative;}
  348. .btn-input1{background:#3ED0F8;background: -webkit-linear-gradient(0deg,#2ADFF3,#3ED0F8);}
  349. .btn-input2{background:#F6BF3A;background: -webkit-linear-gradient(0deg,#F6BF3A,#FFA061);}
  350. .disabled{background: #EDF0F3!important;color: var(--bl-font-color5)!important;cursor: no-drop!important;box-shadow:none!important;}
  351. .btn-more {position:relative;}
  352. .btn-more .dt:after{content:'';border:#000 solid 1px;width:6px;height:6px;display:inline-block;transform: rotate(45deg) translateX(-6px);border-left:0;border-top:0;margin-left:12px;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
  353. .btn-more .dd{display:none;position:absolute;min-width:120px;right:0;top:34px;z-index:1;padding-top: 4px;}
  354. .btn-more ul{border:#ddd solid 1px;box-shadow:0 2px 4px rgba(0,0,0,.1);background: #fff;border-radius: 4px;padding:4px 0;}
  355. .btn-more li{padding:8px 10px;color:var(--bl-font-color3);line-height:1;}
  356. .btn-more li:hover{background: #FAFAFA;color:var(--bl-font-color1);}
  357. .btn-more:hover .dd{display:block;}
  358. .btn-more:hover .dt:after{transform:rotate(225deg) translateX(2px);}
  359. .disabled:hover .dt:after,.disabled .dt:after{border-color:var(--bl-font-color5)!important;transform: rotate(45deg) translateX(-6px)!important;}
  360. .disabled .dd{display:none!important;}
  361. .layui-laydate-footer span:hover {color:var(--bl-dominant-color)!important;}
  362. .layui-laydate-header i:hover, .layui-laydate-header span:hover{color:var(--bl-dominant-color)!important;}
  363. .layui-laydate, .layui-laydate-hint,.layui-laydate-content td{color:var(--bl-font-color1)!important;}
  364. .layui-laydate-content .laydate-day-next, .layui-laydate-content .laydate-day-prev{color:#d2d2d2!important;}
  365. .layui-laydate .layui-this, .layui-laydate .layui-this:hover{background-color:var(--bl-dominant-color)!important;}
  366. .laydate-footer-btns .laydate-btns-confirm {background:var(--bl-dominant-color)!important;border-color:var(--bl-dominant-color)!important;color:#fff!important;}
  367. .laydate-footer-btns .laydate-btns-confirm:hover {background:var(--bl-2btnactive-color);color:#fff!important;}
  368. .layui-laydate-main {width: 272px!important;}
  369. .layui-laydate-content td.laydate-selected{background-color:var(--bl-3btnhover-color)!important;}
  370. .layui-laydate .laydate-disabled, .layui-laydate .laydate-disabled:hover{border-color:#ddd!important;}
  371. .layui-layer-hui,.layui-layer-msg{border-radius:6px!important;}
  372. .header{height: 60px;background-color:#00adbd;position: fixed;left: 0;top:0;right: 0;z-index: 1000;color:#fff;padding:0 14px;}
  373. .header .font-24{ margin-top:-4px;}
  374. .header .logo{transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
  375. .header .logo img{max-height:100%;}
  376. .header .logo .font-18{margin-top: -2px;}
  377. .header .title{position:absolute;left:0;right:0;top:16px;line-height:1; text-align: center;pointer-events: none;font-size: 24px;font-weight: bold;}
  378. .header .exit{background: url(../images/exit.svg) no-repeat center;height:59px;width:60px;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
  379. .header .exit:hover{background-color:#2a90f9;}
  380. .header a{color:#fff;}
  381. .header .byl-icon-bell_alt{position: relative;cursor: pointer;font-size:16px;}
  382. .header .byl-icon-bell_alt i{width:5px;height: 5px;background: #e85555;position: absolute;border-radius: 5px;left: 12px;top:-3px;}
  383. .pulldown{position:relative;}
  384. .pulldown .dt{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:1;}
  385. .pulldown .dd{position:absolute;top:45px;right:0; background:#fff;display:none;border:#DCDFE6 solid 1px;border-radius: 4px;box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);z-index:2;}
  386. .pulldown ul{position:relative;}
  387. .pulldown ul:after{content:'';width: 10px;height: 10px;background:#fff;transform:rotate(45deg);position:absolute;top:-5px;right:43px;border-top:#DCDFE6 solid 1px;border-left:#DCDFE6 solid 1px;}
  388. .nav img{ width:34px;height: 34px; display:block; border-radius:100%; margin-right:10px;}
  389. .nav .dt:after{content:'';display: block;border:transparent solid 5px;border-top-color:var(--bl-header-font-color);margin-bottom:-5px;margin-left:5px;}
  390. .nav .dt.cur{border-color:#1BBA85;}
  391. .nav .dt.cur:after{transform: rotate(180deg);margin-top:-5px;margin-bottom:0;}
  392. .nav .dd{width:100px;}
  393. .nav .dd ul{padding:5px 0;}
  394. .nav .dd ul li {padding:8px 15px; cursor: pointer;text-align:center;}
  395. .nav .dd ul li:hover{background-color: #f5f7fa;}
  396. .nav .dd ul li a{color: var(--bl-font-color1);}
  397. .header select{ background:#fff;cursor: pointer; border:0; outline:none; display:block;padding:5px;border-radius:3px;margin-right:20px;}
  398. .menu-logo{margin-bottom:15px;padding-top: 10px;}
  399. .menu-logo img{margin:auto;max-width:100%;display: block;}
  400. .menu-logo .txt {line-height: 1.2;font-size: 16px;color: #049985;font-weight: bold;}
  401. .menu-box{width: 220px;position:fixed;left: 0;top:60px;bottom: 0;background:#fff;padding:10px 16px;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);z-index:1;border-right:#ececec solid 1px;}
  402. .menu-box{overflow-y: auto;-webkit-flex:1;flex:1;}
  403. .menu-box::-webkit-scrollbar{ width:5px; height:5px;}
  404. .menu-box::-webkit-scrollbar-thumb{background:#D6D6D6;border-radius:4px;}
  405. .menu-box li{height:45px;font-size:15px;font-weight: 500;line-height:45px;padding:0 14px;position:relative;cursor: pointer;border-right:2px transparent solid; transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
  406. .menu-box li:hover{background:#FAFAFA;}
  407. .menu-box li a{font-size:15px;}
  408. .menu-box span{display:inline-block;width:18px;height:18px;margin-right: 8px;vertical-align: -3px;}
  409. .menu-box li.active{background: var(--bl-dominant-color);color: #fff;border-radius: 8px;}
  410. .menu-box li.active i{top:50%;}
  411. .menu-box i{position: absolute;top: 57%;display: block;inset-inline-end: 16px;width: 10px;color: currentcolor;transform: translateY(-50%);transform: translateY(-2px);}
  412. .menu-box i:before,.menu-box i:after{position: absolute;width: 6px;height: 1.3px;background-color: currentcolor;border-radius: 6px;content: "";}
  413. .menu-box i:before {transform: rotate(45deg) translateY(-2.5px);}
  414. .menu-box i:after{transform: rotate(-45deg) translateY(2.5px);}
  415. .menu-box i:before {transform: rotate(-45deg) translateX(2.5px);}
  416. .menu-box i:after {transform: rotate(45deg) translateX(-2.5px);}
  417. .menu-box li.active i:before {transform: rotate(45deg) translateX(2.5px);}
  418. .menu-box li.active i:after {transform: rotate(-45deg) translateX(-2.5px);}
  419. .nav1{background:url(../images/nav1.png) no-repeat;}
  420. .nav2{background:url(../images/nav2.png) no-repeat;}
  421. .nav3{background:url(../images/nav3.png) no-repeat;}
  422. .nav4{background:url(../images/nav4.png) no-repeat;}
  423. .nav5{background:url(../images/nav5.png) no-repeat;}
  424. .nav6{background:url(../images/nav6.png) no-repeat;}
  425. .nav7{background:url(../images/nav7.png) no-repeat;}
  426. .menu-box li.active .nav1{background:url(../images/nav1a.png) no-repeat;}
  427. .menu-box li.active .nav2{background:url(../images/nav2a.png) no-repeat;}
  428. .menu-box li.active .nav3{background:url(../images/nav3a.png) no-repeat;}
  429. .menu-box li.active .nav4{background:url(../images/nav4a.png) no-repeat;}
  430. .menu-box li.active .nav5{background:url(../images/nav5a.png) no-repeat;}
  431. .menu-box li.active .nav6{background:url(../images/nav6a.png) no-repeat;}
  432. .menu-box li.active .nav7{background:url(../images/nav7a.png) no-repeat;}
  433. .menu-con {display:none;padding: 4px 0;}
  434. .menu-con a{display: block;line-height:40px;border-radius: 8px;padding-left:42px;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);cursor: pointer;}
  435. .menu-con a:hover{background:#FAFAFA;}
  436. .menu-con .active{background:#f0f4f5;font-weight: bold;}
  437. /*图片上传*/
  438. .upload-box{display:flex;flex-wrap: wrap;}
  439. .upload-box li{position:relative;border:#eee solid 1px;border-radius:4px;overflow:hidden;}
  440. .upload-box li img{object-fit: cover;border-radius:4px;display:block;}
  441. .upload-box .mask{position: absolute;border-radius:4px;background: rgba(0,0,0,.6);left: 0;right: 0;top: 0;bottom: 0;opacity: 0;transition: all .3s;display: flex;justify-content: center;align-items: center;}
  442. .upload-box .scientific{width:32px;height:32px;border:#fff solid 1px;border-radius:100%;color: #fff;text-align: center;padding-top:7px;font-size:16px;margin-bottom: -150%;transition: all .3s;cursor: pointer;}
  443. .upload-box li:hover .mask{opacity:1;}
  444. .upload-box li:hover .scientific{margin-bottom:0;}
  445. .upload-btn{border:dashed 1px #ddd;border-radius:4px;cursor: pointer;display:flex;justify-content: center;align-items:center;flex-direction: column;transition: all .3s;}
  446. .upload-btn:hover{color:var(--bl-dominant-color);border-color:var(--bl-dominant-color);}
  447. .main-r {margin-left: 220px;padding-top: 100px;}
  448. .main-r:after{content:'';clear: both;padding-top: 0.5px;display: block;}
  449. .filter-box{ padding:10px 14px; margin:0 0 12px 12px;box-shadow: 5px 11px 23px -13px #dedede;flex-wrap: wrap;border-radius:var(--bl-border-radius2);}
  450. .filter-box input,.filter-box select{ height:35px; display:block; margin:5px 10px 5px 0;}
  451. .filter-box .inp-btn2,.filter-box .inp-btn4{ font-size:14px; padding:0 20px;}
  452. .plate-left{background:#FFF;border-radius:5px;box-shadow: 5px 11px 23px -13px #dedede; margin:0 0 12px 12px;padding:16px; overflow:hidden;}
  453. .plate-full-screen{position:fixed;top:0;right:0;bottom: 0;left:0;z-index:11;margin:0;border-radius:0;}
  454. .plate-full-screen .ft-qp:before {content: "\E92F";}
  455. .plate-bt{padding-bottom:10px;border-bottom: 1px solid #dee2e6;}
  456. .plate-bt > i{ display:inline-block; margin-right:5px; vertical-align:-4px;}
  457. .plate-bt .inp-btn2,
  458. .plate-bt .inp-btn3{padding:0 15px;height:35px;line-height:33px;}
  459. .plate-nr{-webkit-flex:1;flex:1;overflow-y:auto;position:relative;}
  460. .plate-nr::-webkit-scrollbar{ width:5px; height:5px;}
  461. .plate-nr::-webkit-scrollbar-thumb{background:#D6D6D6;border-radius:4px;}
  462. .plate-m{background:#FFF;box-shadow: 5px 11px 23px -13px #dedede;-webkit-flex:1;flex:1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column; margin:0 16px 16px;padding:14px; overflow:hidden;border-radius:var(--bl-border-radius2);}
  463. .function-btn{padding-top:12px;height:32px;}
  464. .byl-table th,.byl-table td{padding:12px;border-bottom:#EBEEF5 solid 1px;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
  465. .byl-table th{background:#F5F7FA;font-weight: 500;text-align:left;padding:14px 12px;white-space: nowrap;}
  466. .byl-table td{color:var(--bl-font-color3);}
  467. .byl-table tr:hover > td{background:#F5F7FA;}
  468. .info-table {border-bottom:#EBEEF5 solid 1px;background:#fff;}
  469. .info-table th{background: #f9f9fb;}
  470. .info-table th,.info-table td{padding:12px;border:#EBEEF5 solid 1px;}
  471. .table-txt-con{overflow:hidden;height:18px;line-height:1.2;}
  472. .table-head table,.table-content table{min-width:100%;table-layout: fixed;}
  473. .table-head{overflow:hidden;background: #f5f7fa;display: flex;}
  474. /*.table-head th{border-bottom:0;}*/
  475. .table-content{overflow:auto;flex:1;}
  476. .has-scrollbar {padding-right: 17px;}
  477. .table-head:after{background:#f5f7fa;border: #EBEEF5 solid 1px;border-left-width:0;border-bottom-width:0; width:17px;flex-shrink: 0;display:none;content:'';display:block;}
  478. .btn-group{display:inline-flex;border:#DEE2E6 solid 1px;border-radius: var(--bl-border-radius1);background:#fff;}
  479. .btn-group .btn{padding:8px 10px;border-right: 0;cursor: pointer;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);position: relative;line-height:1;white-space: nowrap;border-right:#ddd solid 1px;}
  480. .btn-group a{color:var(--bl-font-color3);}
  481. .btn-group .btn:hover{color:var(--bl-dominant-color);}
  482. .btn-group .btn:hover .dt:after{border-color:var(--bl-dominant-color);}
  483. .btn-group .btn:last-child{border-right:0;}
  484. .dropdown-toggle .dd{display:none;position:absolute;min-width:120px;right:0;top:34px;border:#ddd solid 1px;box-shadow:0 2px 4px rgba(0,0,0,.1);background: #fff;border-radius: 4px;padding:4px 0;z-index:1;}
  485. .dropdown-toggle .dt:after{content:'';border:#000 solid 1px;width:6px;height:6px;display:inline-block;transform: rotate(45deg) translateX(-6px);border-left:0;border-top:0;margin-left:8px;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
  486. .dropdown-toggle .cur:after{transform:rotate(225deg) translateX(2px);}
  487. .dropdown-toggle li{padding:8px 10px;color:var(--bl-font-color3);}
  488. .dropdown-toggle li:hover{background: #FAFAFA;color:var(--bl-font-color1);}
  489. .hover-tag .dt:after{content:'';border:#000 solid 1px;width:6px;height:6px;display:inline-block;transform: rotate(45deg) translateX(-6px);border-left:0;border-top:0;margin-left:8px;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
  490. .hover-tag .dd{display:none;position:absolute;min-width:120px;right:0;top:30px;z-index:1;padding-top: 4px;}
  491. .hover-tag ul{border:#ddd solid 1px;box-shadow:0 2px 4px rgba(0,0,0,.1);background: #fff;border-radius: 4px;padding:4px 0;}
  492. .hover-tag li{padding:8px 10px;color:var(--bl-font-color3);}
  493. .hover-tag li:hover{background: #FAFAFA;color:var(--bl-font-color1);}
  494. .hover-tag:hover .dd{display:block;}
  495. .hover-tag:hover .dt:after{transform:rotate(225deg) translateX(2px);}
  496. .screen-tab{margin:0 14px!important;}
  497. .screen-tab .layui-tab-title li{padding:0;}
  498. .screen-box{padding:2px 14px 14px;}
  499. .screen-box:empty{padding:0;}
  500. .state{display:inline-block;font-size: 12px;border:#ddd solid 1px;border-radius: 4px;padding:6px 8px;white-space: nowrap;line-height: 1;}
  501. .state-bg-green{background:#E8FFF1;border-color:#A0F2C1;color:#0ACC58;}
  502. .state-bg-orange{background:#FFF7F0;border-color:#FFDFBF;color:#FF8D1A;}
  503. .state-bg-blue{background:#EBF3FF;border-color:#D1E3FF;color:var(--bl-dominant-color);}
  504. .state-bg-gray{background:#EDF0F3;border-color:#DEE2E6;color:var(--bl-font-color5);}
  505. .state-bg-red{background:#FFF2F2;border-color:#FFCFCF;color:#FC3D3D;}
  506. .state-bg-purple{background:#FCEDFF;border-color:#F5C2FF;color:#D34BEB;}
  507. .plate-table{border-collapse:collapse;}
  508. .plate-table .bt{ background:#f8f9fa;font-weight: bold;}
  509. .plate-table td{ border-bottom: 1px solid #dee2e6; padding:10px;}
  510. .plate-table .inp-checkbox{margin:0;display: table-cell;}
  511. .plate-table .inp-checkbox span{margin-right:0;}
  512. .plate-table td .btn-l{margin-right:-1px;display:inline-block;cursor: pointer;}
  513. .plate-table tr:hover td{background:#f8f9fa;}
  514. .plate-table td .inp-txt{height:28px;padding:0 6px;border-radius:2px;}
  515. .table-grid-box .table-title th,
  516. .table-grid-box .table-datas td{text-align:left;color:var(--bl-font-color1);}
  517. .table-grid-box .table-title th{border:1px #F7F7FF solid;border-bottom: 1px solid #dee2e6;background:#f8f9fa;position:relative;}
  518. .table-grid-box .table-title th:last-child:after{display:none;}
  519. .table-grid-box .table-datas td{border:0;border-bottom: 1px solid #dee2e6;}
  520. .table-grid-box .table-datas tr:hover td{background:#f8f9fa;}
  521. .table-grid-box .table-datas td{padding:10px;}
  522. .table-grid-box .table-datas .btn-l{margin-right: -1px;}
  523. .table-title th:after{content:'';position:absolute;width:1px;height:18px;background:#dee2e6;right:2px;top:8px;}
  524. .table-title th .title_text{white-space: nowrap;}
  525. .paging-box {padding-top:10px;}
  526. .paging-box li a{ border:#ced4da solid 1px;border-right:0;line-height:32px; padding:0 15px; display:block;}
  527. .paging-box li a:hover{ background:#F9F9FC;}
  528. .paging-box li:first-of-type a{border-radius:4px 0 0 4px;}
  529. .paging-box li:last-of-type a{border-radius:0 4px 4px 0;border-right:#ced4da solid 1px;}
  530. .paging-box .inp-sel{margin-right:12px;height:34px;}
  531. .paging-box .active a,.paging-box .active a:hover{background-color: var(--bl-dominant-color);border-color: var(--bl-dominant-color);cursor: default; color:#fff;}
  532. .paging .layui-laypage{margin:0;}
  533. .paging .layui-laypage a,.paging .layui-laypage span{margin-bottom:0;}
  534. .paging + .inp-sel{height:30px;color: var(--bl-font-color3);}
  535. .form-box{ padding:30px 0;}
  536. .form-box dl{ display:-webkit-flex;display:flex; margin-bottom:15px;}
  537. .form-box dt{ width:20%; text-align:right; padding-right:20px;padding-top:11px;}
  538. .form-pop dl{ display:-webkit-flex;display:flex margin-bottom:15px;}
  539. .form-pop dt{ width:30%; text-align:right; padding-right:20px;}
  540. .form-box .byl-radio, .form-box .byl-checkbox {padding-top: 5px;}
  541. .form-box > dl textarea{padding: 10px;resize: none;height: 100px;display: block;}
  542. .form-title{background: #f3f3f3;padding: 5px 10px;margin: 0 20px;margin-bottom: 15px;}
  543. .txt-input{ border:#ced4da solid 1px;height:35px;padding-left:10px;}
  544. .inp-txt-au{ border:#ced4da solid 1px;padding:0 10px;}
  545. .inp-txt{ border:#ced4da solid 1px; height:36px; padding:0 10px;border-radius: var(--bl-border-radius1);}
  546. .inp-sel{ border:#ced4da solid 1px; height:36px; padding:0 10px;cursor: pointer;border-radius: var(--bl-border-radius1);}
  547. .inp-tar{ border:#ced4da solid 1px; height:150px; padding:10px; display:block;outline: none;resize:none;}
  548. [disabled],[disabled]:hover{background:#f3f3f3;cursor: no-drop!important;border-color:#dde1e5!important;color: #999!important;}
  549. .inp-sel:disabled{background:url(../images/sel.svg) no-repeat right 6px center #f3f3f3;}
  550. .error-bk{border-color:#F00; box-shadow:#F00 0 0 5px;}
  551. .error-txt{ color:#F00; font-size:12px; -webkit-box-flex:1; margin-left:10px;}
  552. .separate-bt{background: #f8f9fa;padding:10px;font-weight: bold;}
  553. .head-portrait img{ width:80px;height:80px; display:block; border:#f2f2f5 solid 1px; padding:2px;object-fit: contain;}
  554. .head-portrait .btn{ position:relative; padding:5px 15px;cursor:pointer; background:#F4F4F4; display:inline-block; line-height:20px; border:#ced4da solid 1px;}
  555. .head-portrait .btn input{ position:absolute; width:100%; height:100%; outline:none; background:none; opacity:0; top:0; left:0;}
  556. .byl-boxzt{ width:50px; display:block;cursor: pointer;}
  557. .byl-boxzt span{ background:#d5d7d9;-webkit-transition: all 0.3s; display:block; width:100%; height:25px;border-radius:25px; position:relative; cursor:pointer;}
  558. .byl-boxzt span:after{ content:'';-webkit-transition: all 0.3s; position:absolute; width:23px; height:23px; border-radius:25px; background:#FFF;box-shadow: 0 3px 1px rgba(0,0,0,0.05), 0 0px 1px rgba(0,0,0,0.3); top:1px;left:1px;}
  559. .byl-boxzt input{ display:none;}
  560. .byl-boxzt input:checked + span{ background:var(--bl-dominant-color); box-shadow:none;}
  561. .byl-boxzt input:checked + span:after{ left:26px;}
  562. .inp-btn2 {background:var(--bl-dominant-color); -webkit-transition:all .3s; border: 0;padding:10px 20px; cursor: pointer; color: #FFF;font-weight: bold;box-shadow:0 2px 2px rgba(25,127,230,.2);border-radius: var(--bl-border-radius1);}
  563. .inp-btn2:hover{background:#33B0FF;}
  564. .inp-btn2:active{background:#008CE5;animation:btndh .3s 1s;}
  565. .inp-btn4 {border:#dee2e6 solid 1px; height:35px;line-height:32px;border-radius: var(--bl-border-radius1); -webkit-transition:all .3;padding:0 15px; cursor: pointer; font-weight: bold;background: #fff;}
  566. .inp-btn4:hover{background: #f8f9fa;}
  567. .inp-btn4:active{background: #dee2e6;}
  568. .inp-btn4 span{width:20px; height:20px; display:inline-block; vertical-align:-5px; margin-right:5px;}
  569. .inp-btn4 .che1{background: url(../images/icon24.png) no-repeat center;}
  570. .inp-btn4 .che2{background: url(../images/icon25.png) no-repeat center;}
  571. .inp-checked{padding:0 15px 0 8px;}
  572. .small-btn{height:35px;padding:0 15px;line-height:33px;border-radius:var(--bl-border-radius1);}
  573. .bottom-disable,.bottom-disable:hover,.bottom-disable:active{color: #ccc!important;cursor:not-allowed;border:solid 1px #e4e7ed!important;background: #fbfbfb!important;box-shadow: none;}
  574. .inp-btn3 {border:var(--bl-3btnborder-color) solid 1px; border-radius:4px; -webkit-transition:all .3s; padding:12px 30px; cursor: pointer; color: var(--bl-dominant-color);font-weight: bold; }
  575. .inp-btn3:hover{background:var(--bl-3btnhover-color);}
  576. .inp-btn3:active{background:var(--bl-3btnactive-color);}
  577. .btn-1{ background:var(--bl-dominant-color);}
  578. .btn-3{ background:#efac2c;}
  579. .btn-4{ background:#ff3a0c;}
  580. .status{font-size:12px; padding:1px 4px 2px 4px; border-radius:3px;}
  581. .status-1{ background:#4490ff; color:#FFF;}
  582. .status-2{ background:#13d572; color:#FFF;}
  583. .status-3{ background:#f9a01b; color:#FFF;}
  584. .status-4{ background:#fd3838; color:#FFF;}
  585. .inp-me{ border:#D0D0E6 solid 1px; padding:0 5px;}
  586. .input_txt,.sel{border: #D0D0E6 solid 1px;height: 40px;border-radius:4px;padding: 0 10px;}
  587. .input_tarea {border: #D0D0E6 solid 1px;height:100px;border-radius:4px;padding:10px;resize:none;}
  588. .upload-preview{ position: absolute; bottom:4px; left: 4px; right:4px; background:rgba(0, 0, 0, 0.7);color:#fff; text-align:center; cursor: pointer; padding: 5px 0; font-size: 12px;}
  589. .upload-audio .byl-icon-play-circle{width: 100%; height: 100%; background:-webkit-linear-gradient(90deg,#c5e9ff,#effffc); font-size:40px; text-align: center; color:var(--bl-dominant-color);padding-top: 30px;}
  590. .audio-yl{ position: absolute;left: 50%; top: 50%;-webkit-transform:translate(-50%,-50%);}
  591. .video-yl{width: 100%; height: 100%; background:#000;}
  592. .relative{position: relative;}
  593. .scrollbar2{overflow-y: auto;}
  594. .scrollbar{overflow-y: auto;-webkit-flex:1;flex:1;}
  595. .scrollbar::-webkit-scrollbar{ width:5px; height:5px;}
  596. .scrollbar::-webkit-scrollbar-thumb{background:#D6D6D6;border-radius:4px;}
  597. .poin_auto {
  598. position: absolute;
  599. left: 50%;
  600. top: 50%;
  601. -webkit-transform: translate(-50%, -50%);
  602. }
  603. layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn {
  604. padding-top: 10px;
  605. border-top: #eee solid 1px; text-align:center;
  606. }
  607. .layui-layer-btn .layui-layer-btn0 {
  608. border-color: var(--bl-dominant-color)!important;
  609. background-color: var(--bl-dominant-color)!important;
  610. color: #fff;
  611. }
  612. .layui-layer-btn a {
  613. height:35px!important;
  614. line-height:32px!important;margin-top: 0!important;border-radius: 4px!important;
  615. }
  616. textarea[disabled],textarea[disabled]:hover{background: #fffdf2!important;border: #eade9b solid 1px;color: #c79a15;}
  617. .clear-animation{-webkit-animation:none;}
  618. .tab-title{padding:0 14px;height:40px;border-bottom:#ececec solid 1px;display: flex;align-items: center;background: #fff;color: #888;position: fixed;left: 220px;right: 0;top:60px;z-index:50;}
  619. .tab-title i{color:#acacac;padding:0 6px;}
  620. .tab-title a{color:var(--bl-font-color1);}
  621. .tab-title li{cursor: pointer;position:relative;line-height:45px;margin-right:20px}
  622. .tab-title .active{color:var(--bl-dominant-color);font-weight:bold;}
  623. .tab-title .active:after{content:'';position:absolute;height:2px;background:var(--bl-dominant-color);bottom:0;left:0;right:0;}
  624. .tab-title .dis_click{color:#ccc;cursor: no-drop;}
  625. .tab-switch{background:#fff;height:45px;border-radius: 5px;box-shadow: 5px 11px 23px -13px #dedede;margin:0 12px 10px;padding:0 16px;-webkit-animation:bl-dw .5s;animation:bl-dw .5s;}
  626. .tab-switch li{cursor: pointer;position:relative;line-height:45px;margin-right:20px}
  627. .tab-switch .active{color:var(--bl-dominant-color);font-weight:bold;}
  628. .tab-switch .active:after{content:'';position:absolute;height:2px;background:var(--bl-dominant-color);bottom:0;left:0;right:0;}
  629. .page-bg{border-radius:20px;box-shadow: 5px 11px 23px -13px #dedede;background:#fff;padding:16px;}
  630. progress{width: 200px;height:12px;background:#EFEFF4;border-radius: 20px;}
  631. progress::-webkit-progress-bar{background-color: #f2f2f2;border-radius:2px;}
  632. progress::-webkit-progress-value{background: #32d88d;border-radius:2px;}
  633. .bottom-btn{-webkit-transition:all .3s; position: relative; font-weight: bold; outline: none;}
  634. .bottom-btn em{margin-right:5px;}
  635. .bottom-btn i{margin-left:5px;}
  636. .bottom-btn .menu{ position: absolute;margin-left:-60px;max-height: 0px; width: 120px;left: 50%; top:34px;-webkit-transition:all .4s;overflow: hidden; z-index:1;font-weight: normal;}
  637. .bottom-btn ul{padding: 5px;box-shadow:rgba(68, 68, 68, 0.1) 0 0 10px;border:#d6f2f5 solid 1px; border-radius:5px;background: #fff;border-radius:5px; text-align: center; margin:10px; position: relative;}
  638. .bottom-btn ul:before{content:'';position:absolute;width:1px;height:1px;border:5px solid transparent;border-bottom-color: #fff;left:50%;top:-10px;margin-left:-5px;}
  639. .bottom-btn ul li{ padding: 5px 0;color: #444; border-radius: 3px;line-height:1.5;}
  640. .bottom-btn ul span{display:block;font-size:12px;color:#999;line-height: 1.2;}
  641. .bottom-btn ul li:hover{background:var(--bl-dominant-color); color: #fff;}
  642. .bottom-btn ul li:hover span{color:#fff;}
  643. .bottom-btn ul .bottom-disable{border:0!important;}
  644. .bottom-btn:hover .menu{max-height:235px;}
  645. .bottom-btn:hover .byl-icon-caret-down:before {content: "\f0d8";}
  646. .bottom-disable:hover .menu{max-height: 0px;}
  647. .bottom-disable:hover .byl-icon-caret-down:before {content: "\f0d7";}
  648. .scheme-list{padding:14px 0;border-bottom:#e4e7ed solid 1px;}
  649. .scheme-list .flex_box{padding:4px 0;}
  650. .scheme-list label{cursor: pointer;}
  651. .scheme-list label span{ width:20px; height:20px; display:inline-block;background: url(../images/icon22.png) no-repeat; vertical-align:-4px; margin-right:5px; background-size:100%;}
  652. .scheme-list label input{ display:none;}
  653. .scheme-list label input:disabled + span {background: url(../images/icon47.png) no-repeat;background-size:100%;}
  654. .scheme-list label input:checked + span {background: url(../image/radio2.png) no-repeat;background-size:100%;}
  655. /*量表管理列表*/
  656. .scale-management-list{-webkit-flex:1;flex:1;display: -webkit-flex;display: flex;overflow: hidden;}
  657. .scale-management-list .left{flex-shrink: 0;width: 300px;}
  658. .scale-management-list dl{ display: -webkit-flex;display: flex;-webkit-flex-direction:column;flex-direction:column;background:#fff;box-shadow: rgba(0, 0, 0, 0.03) 3px 3px 5px;padding:16px;border-radius:var(--bl-border-radius2);}
  659. .scale-management-list .left dt{border-bottom:1px solid #dee2e6;padding-bottom:10px;}
  660. .scale-management-list .right{overflow:hidden;}
  661. .scale-management-list .right .plate-m{margin:0;margin-left:12px;}
  662. .radio-hs {display:-webkit-flex; display: flex;-webkit-align-items:center;align-items:center; transition: all .3s; cursor: pointer;}
  663. .radio-hs input { display:none;}
  664. .radio-hs span{width:18px; height:18px;background:#fff;border:#E0E0E0 solid 1px;border-radius:18px; margin-right:5px; display:inline-block;color:#fff;font-size: 12px;text-align: center;padding-top: 1px;}
  665. .radio-hs span:after{content: "\f00c";font-family: Fontbyl !important;}
  666. .radio-hs input:checked + span{ background:var(--bl-dominant-color);border-color:var(--bl-dominant-color);}
  667. .radio-hs input:disabled + span{background: #ddd;color: #999;}
  668. .checkbox-hs {cursor: pointer;margin-right:5px; display: inline-block;position:relative;}
  669. .checkbox-hs input {display:none;}
  670. .checkbox-hs span{ width:18px; height:18px;border:#E0E0E0 solid 1px;border-radius:3px; margin-right:5px;display:inline-block;color:#fff;font-size: 12px;text-align: center;padding-top: 1px;background:#fff;}
  671. .checkbox-hs span:after{content: "\f00c";font-family: Fontbyl !important;}
  672. .checkbox-hs input[disabled="disabled"] + span{background: #ddd;color: #999;}
  673. .checkbox-hs input:checked + span{background:var(--bl-dominant-color);border-color:var(--bl-dominant-color);}
  674. .checkbox-hs input:disabled + span{background: #ddd;color: #999;}
  675. .state-box > span{border-radius:3px;color:#fff;font-size:12px;padding:4px 7px;display:inline-block}
  676. .type-1{background:#999;}
  677. .type-2{background:#fc9551;}
  678. .type-3{background:#ff4a4a;}
  679. .type-4{background:#00cf81;}
  680. .type-5{background:#b257c1;}
  681. .type-6{background:#4395ff;}
  682. .sel-checkbox{height:35px;background: #fff;border: #ced4da solid 1px;padding-left:15px;border-radius:4px;-webkit-transition: all .3s;cursor: pointer; position: relative;}
  683. .sel-checkbox .text_ell{line-height:32px; padding-right: 25px;max-width: 120px;position:relative;z-index:1;}
  684. .sel-checkbox:after {border: 4px solid transparent;content: ' ';height: 0;position: absolute;width: 0;top: 14px;border-top: 6px solid #666;right:10px;pointer-events:none;}
  685. .sel-checkbox .menu{box-shadow: rgba(68, 68, 68, 0.1) 0 0 10px;border: #ced4da solid 1px;position: absolute; width:152px; background: #fff; z-index: 2; left: 0;border-radius: 4px; padding: 5px 0; top: 40px; display: none;}
  686. .sel-checkbox .menu label{display: block; padding:8px 10px 8px 35px; position: relative;line-height: 1.4;}
  687. .sel-checkbox .menu label:hover{background: #f9f9f9;}
  688. .sel-checkbox .menu label span{ position: absolute; left:10px; top:9px;}
  689. .sel-checkbox .btn{padding:7px 0 2px 0; text-align: center;border-top: #f0f0f0 solid 1px; font-size: 0;}
  690. .sel-checkbox .btn button{ width:55px; min-width: auto; height: 30px;border-radius: 5px; margin:0 5px;display: inline-block; padding: 0; font-size: 12px; font-weight:normal;}
  691. .sel-radio{height:35px;background: #fff;border: #ced4da solid 1px;padding-left:15px;border-radius:4px;-webkit-transition: all .3s;cursor: pointer; position: relative;}
  692. .sel-radio .text_ell{line-height:32px; padding-right: 25px;max-width: 120px;position:relative;z-index:1;}
  693. .sel-radio:after {border: 4px solid transparent;content: ' ';height: 0;position: absolute;width: 0;top: 14px;border-top: 6px solid #666;right:10px;pointer-events:none;}
  694. .sel-radio .menu{box-shadow: rgba(68, 68, 68, 0.1) 0 0 10px;border: #ced4da solid 1px;position: absolute; width:152px; background: #fff; z-index: 2; left: 0;border-radius: 4px; padding: 5px 0; top: 40px; display: none;}
  695. /*首页*/
  696. .home-box {padding:16px;position:absolute;right: 0;bottom: 0;left:220px;top:100px;}
  697. .home-box dt{margin-bottom: 12px;height:38px;padding:0 14px;}
  698. .home-box dt button{padding:0 14px;height: 38px;}
  699. .home-box dd{background: #f6fafa;border: #f0f0f0 solid 1px;border-radius:16px;box-shadow: 0px 5px 5px 0 rgba(215, 218, 219, 0.44), 0 -1px 0 0px #eef5f6;padding: 10px;}
  700. .home-left .scrollbar{padding: 0 15px;}
  701. .home-left a{border-bottom:#ecf4f0 solid 1px;padding:15px 0;line-height: 1.3;}
  702. .home-left span{font-size: 12px;font-weight:bold;padding:2px 5px;border-radius: 4px;display: block;margin-right: 8px;}
  703. .home-left .db{background:#fff3d6;color: #ffbd00;}
  704. .home-left .xx{background:#ebfbf4;color: #17a567;}
  705. .home-left .tz{background:#ebf3ff;color: #1d7dff;}
  706. .home-right .bt{border-bottom: #f0f0f0 solid 1px; padding:20px;}
  707. .home-right .bt h1{line-height: 1.2;}
  708. .home-right .bt span{display: inline-block;margin-right:20px;}
  709. .home-right .bt button{padding:0 18px;height: 34px;}
  710. .wfb,.jxz{display: inline-block;border-radius:3px; font-style: normal; font-size: 12px; font-weight: normal; padding:4px 6px 6px 6px;margin-left:5px;vertical-align:5px;color:#fff;}
  711. .wfb{background: #ff9c00;}
  712. .jxz{background: #21b3f9;}
  713. .home-right ul{-webkit-flex-wrap:wrap;background:#fff;border-radius: 10px;}
  714. .home-right li{border-right:#f0f0f0 solid 1px;border-bottom:#f0f0f0 solid 1px; padding:20px;width:20%;-webkit-transition:all .3s;}
  715. .home-right li:hover{background: #fbfbfb;}
  716. .home-right li:nth-of-type(5n){border-right:0;}
  717. .home-right li:nth-of-type(5n) ~ li{border-bottom:0;}
  718. .home-right li [class*="byl-icon-"]{font-size:18px; margin-right:15px; width:48px;height:48px; text-align: center;border-radius:12px; padding-top:16px;color: #fff;}
  719. .home-right li b{vertical-align:-2px;line-height: 1.2; margin-right:5px;}
  720. .home-right li a{ font-size:12px;background: #ff9c00;color:#fff; padding:8px 15px;border-radius:5px; position:relative; font-weight: bold;}
  721. .home-right li a:before{content: ''; position: absolute;width: 100%;height: 100%;-webkit-transition:all .3s;left: 0;top:0;border-radius: 5px;}
  722. .home-right li a:hover:before{background:rgba(255,255,255,.2);}
  723. .home-right li a:active:before{background:rgba(0,0,0,.1);}
  724. .home-right li .byl-icon-group{background:#c3faff;color:#10cddf;}
  725. .home-right li .byl-icon-file-text{background:#d8ffea;color:#3fcf7f;}
  726. .home-right li .byl-icon-user{background:#ddeeff;color:#5ba1e6;}
  727. .home-right li .byl-icon-exclamation-circle{background:#ffe9e9;color:#ff5f5f;padding-left: 2px;}
  728. .home-right li .byl-icon-percent{background:#fdf4d3;color:#f4c414;}
  729. .home-right li .byl-icon-paste{background:#f5ecff;color:#a672e0;}
  730. .home-right li .byl-icon-sitemap{background:#d5f9f3;color:#13c4a5;}
  731. .home-right li .byl-icon-list-alt{background:#dfe7ff;color:#6486e4;}
  732. .home-right li .byl-icon-plus-circle{background:#fff4e3;color:#ffab2c;padding-left: 2px;}
  733. .home-right li .byl-icon-check{background:#c3faff;color:#10cddf;}
  734. .home5{background: url(../images/home5.png);}
  735. .article-list {padding-bottom:6px;}
  736. .article-list ul{margin-right:-10px;}
  737. .article-list li{margin-bottom:10px;border: #e4e7ed solid 1px;padding:14px;float:left; margin-right:10px;width: calc(50% - 10px);border-radius:4px;transition:all .3s}
  738. .article-list li img{height:50px;object-fit: cover;}
  739. .article-list li:hover{border-color:#d5d9e1;box-shadow: 1px 1px 3px #e4e7ed;}
  740. .course-list{display: grid;grid-template-columns:repeat(3, 1fr);grid-gap:10px;padding-top:10px;}
  741. .course-list .byl-boxzt{padding-top:0;display:flex;width:auto;}
  742. .course-list .byl-boxzt span{width:44px;height:20px;}
  743. .course-list .state-1{left:0;top:0;}
  744. .whether input{display:none;}
  745. .whether label{display: block;width:56px; height:22px;border-radius: 30px; background-color: #d5d7d9;position: relative;transition:all .35s ease;cursor: pointer;}
  746. .whether label:before,
  747. .whether label:after{position:absolute;color:#fff; top:2px;transition:all .35s ease;z-index:1;font-size:12px;transition:all .35s ease;}
  748. .whether label:before{content:attr(data-yes);left: 9px;opacity:0;}
  749. .whether label:after{content:attr(data-no); right: 9px;}
  750. .whether label span{position: absolute; width: 18px; height:18px;background-color: #fff;border-radius: 30px; top:2px; left:2px;transition:all .35s ease;z-index: 2;}
  751. .whether input:checked + label{background-color:var(--bl-dominant-color);}
  752. .whether input:checked + label:after{opacity:0;}
  753. .whether input:checked + label:before{opacity:1;}
  754. .whether input:checked + label span{left:36px;}
  755. .whether input:disabled + label{opacity: .6;cursor: no-drop;}
  756. .course-list .byl-boxzt span:after{width:18px;height:18px;}
  757. .course-list li{border: #dee2e6 solid 1px;padding: 14px;border-radius: 6px;-webkit-transition: all .3s;overflow: hidden;}
  758. .course-list li .relative{margin-right:12px;margin-left:12px;}
  759. .course-list li .absolute {border-radius: 6px 0 6px 0;padding: 4px 6px;}
  760. .course-list li .state-1{background:#52cf20;}
  761. .course-list li .state-3{background:#c1c1c1;}
  762. .course-list li img{width:74px;height:74px; border-radius:6px;display: block;}
  763. .course-list li:hover{box-shadow: 2px 2px 10px rgb(0 0 0 / 8%);border-color:#cccecf;}
  764. .course-list li .text_ell{margin-bottom:12px;font-weight:500;}
  765. .course-list li .pointer{color:#0081EB;}
  766. .course-list li .pointer:hover{color:#FF7801;}
  767. .course-list .radio span{width:18px;height:18px;border:#ced4da solid 1px;display: block;text-align:center;border-radius:100%;cursor: pointer;font-size: 12px;padding-top: 2px;font-weight: bold;}
  768. .course-list .radio input{display:none;}
  769. .course-list .radio span:hover{border-color:#94999d;}
  770. .course-list .radio input:checked + span,
  771. .course-list .radio input:checked + span:hover{background:var(--bl-dominant-color);color:#fff;border-color:var(--bl-dominant-color);}
  772. .course-list .radio input:checked + span:before {content: "\E83F";}
  773. .course-list li:has(.radio input:checked){border-color:var(--bl-dominant-color);box-shadow:var(--bl-dominant-color) 0 0 0 1px inset, #d5d5d5 1px 1px 3px;}
  774. .course-list .inp-btn4{display:inline-block;height:auto;line-height:32px;font-weight:normal;}
  775. .prompt-error{border:#ffccc7 solid 1px;background: #fff2f0;border-radius:4px;padding:8px 12px;margin:0 20px 12px 20px;}
  776. /*layui修改*/
  777. .layui-layer-tips .layui-layer-content{border-radius:6px!important;}
  778. .layui-layer-tips i.layui-layer-TipsG{border-width:6px!important;}
  779. .layui-layer-tips i.layui-layer-TipsR, .layui-layer-tips i.layui-layer-TipsL{top:12px!important;}
  780. .layui-layer-tips i.layui-layer-TipsR{
  781. border-color:transparent!important;
  782. border-left-width: 0!important;
  783. border-right-style: solid!important;
  784. border-right-color:#000!important;
  785. }
  786. .layui-layer-tips i.layui-layer-TipsL{
  787. border-color:transparent!important;
  788. border-right-width: 0!important;
  789. border-left-style: solid!important;
  790. border-left-color:#000!important;
  791. }
  792. .layui-layer-tips i.layui-layer-TipsT, .layui-layer-tips i.layui-layer-TipsB{left:9px!important;}
  793. .layui-layer-tips i.layui-layer-TipsT{
  794. border-color:transparent!important;
  795. border-bottom-width: 0!important;
  796. border-top-style: solid!important;
  797. border-top-color:#000!important;
  798. }
  799. .layui-layer-tips i.layui-layer-TipsB{
  800. border-color:transparent!important;
  801. border-top-width: 0!important;
  802. border-bottom-style: solid!important;
  803. border-bottom-color:#000!important;
  804. }
  805. .layui-layer-tips i.layui-layer-TipsR{left:-6px!important;}
  806. .layui-layer-tips i.layui-layer-TipsT{bottom:-6px!important;}
  807. .layui-layer-tips i.layui-layer-TipsB{top:-6px!important;}
  808. .layui-layer-tips i.layui-layer-TipsL{right:-6px!important;}
  809. .layui-laydate .layui-this,.layui-form-select dl dd.layui-this,.layui-form-checked span, .layui-form-checked:hover span,.layui-form-onswitch,.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: var(--bl-dominant-color)!important;}
  810. .layui-laydate .layui-laydate-content .layui-this{background-color: var(--bl-dominant-color)!important;}
  811. .layui-form-onswitch,.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-color: var(--bl-dominant-color)!important;}
  812. .layui-laydate-footer span:hover,.layui-laydate-header i:hover, .layui-laydate-header span:hover,.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i,.layui-form-checked i, .layui-form-checked:hover i,.layui-tab-brief>.layui-tab-title .layui-this,.layui-breadcrumb a:hover,.layui-timeline-axis{color:var(--bl-dominant-color)!important;}
  813. .layui-form-switch,.layui-form-checkbox i,.layui-tab-title,.layui-tab-title li{box-sizing: content-box;}
  814. .layui-breadcrumb span[lay-separator],.layui-text{color: var(--bl-font-color4)!important;}
  815. .layui-breadcrumb span[lay-separator]{color:#bec3cd!important;}
  816. .layui-text h1, .layui-text h2, .layui-text h3,.layui-tab-title .layui-this{color: var(--bl-font-color3)!important;}
  817. .layui-breadcrumb a cite{color: var(--bl-font-color4)!important;}
  818. .layui-breadcrumb a{color: var(--bl-font-color1)!important;}
  819. .layui-table{color: var(--bl-font-color2)!important;}
  820. .layui-table, .layui-table-view{margin:0!important;}
  821. .layui-tree-entry,.layui-tree-icon,.layui-colorpicker,.layui-colorpicker-main,.layui-table-tips-c{box-sizing: content-box;}
  822. .layui-tree-entry .layui-form-checked[lay-skin=primary] i{border-color: var(--bl-dominant-color)!important;background-color: var(--bl-dominant-color)!important;color:#fff!important}
  823. .layui-tree-entry .layui-form-checkbox[lay-skin=primary]:hover i{border-color: var(--bl-dominant-color)!important;}
  824. .layui-tree-entry .layui-checkbox-disabled[lay-skin=primary]:hover i{border-color: #eee!important;}
  825. .layui-transfer-box .layui-form-checked[lay-skin=primary] i{border-color: var(--bl-dominant-color)!important;background-color: var(--bl-dominant-color)!important;color:#fff!important;}
  826. .layui-transfer-box .layui-form-checkbox[lay-skin=primary]:hover i{border-color:var(--bl-dominant-color)!important;}
  827. .layui-transfer-box .layui-checkbox-disabled[lay-skin=primary]:hover i{border-color: #eee!important;}
  828. .layui-transfer-box .layui-form-checkbox[lay-skin=primary] span{background:none!important;}
  829. .layui-transfer-box .layui-form-checkbox[lay-skin=primary] i{box-sizing: border-box;}
  830. .layui-transfer-box{display:inline-flex;flex-direction: column;}
  831. .layui-transfer-data{flex:1;}
  832. .layui-transfer-active .layui-btn{border-color: var(--bl-dominant-color)!important;background-color: var(--bl-dominant-color)!important;}
  833. .layui-transfer-active .layui-btn-disabled {background-color: #FBFBFB!important;border-color: #eee!important;color: #d2d2d2!important;}
  834. .layui-colorpicker-main-input input.layui-input{height:30px!important;}
  835. .layui-table-page .layui-laypage input {height: 26px !important;}
  836. .layui-form-select .layui-input{height:36px;}
  837. .not-available {font-size:15px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-60%);}
  838. .not-available .ico,.not-available .ico2{ width:200px; height:128px; margin:auto;}
  839. .not-available .ico{background:url(../images/not-available.png) no-repeat 100%/100%;}
  840. .not-available .ico2{background:url(../images/not-available2.png) no-repeat 100%/100%;}
  841. .not-available .txt{ color:#9ea1aa;}
  842. .not-available .img img{width:100%;}
  843. .not-available2 .img{margin:auto;}
  844. .not-available2 img{width:100%;}
  845. .not-available2 .txt{color:var(--bl-font-color5);}
  846. .laydate-time-list ol::-webkit-scrollbar{ width:5px; height:5px;}
  847. .laydate-time-list ol::-webkit-scrollbar-thumb{background:#D6D6D6;border-radius:4px;}
  848. .radio-tab{display:flex;}
  849. .radio-tab input{display:none;}
  850. .radio-tab label{cursor: pointer;}
  851. .radio-tab div{padding:10px 12px;border:#DEE2E6 solid 1px;border-right-width: 0; transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
  852. .radio-tab div:hover{color:var(--bl-dominant-color);}
  853. .radio-tab label:first-child div{border-radius:var(--bl-border-radius1) 0 0 var(--bl-border-radius1);}
  854. .radio-tab label:last-child div{border-right-width:1px;border-radius:0 var(--bl-border-radius1) var(--bl-border-radius1) 0;white-space: nowrap;}
  855. .radio-tab input:checked + div{background:var(--bl-dominant-color);color:#fff;border-color:var(--bl-dominant-color);position: relative;margin-right: -1px;}
  856. .radio-tab [disabled] + div{background:#EDF0F3;color:var(--bl-font-color5)}
  857. .radio-tab label:has(:disabled){cursor:no-drop;}
  858. .radio-form label{cursor: pointer;margin-right:10px;display: inline-block;}
  859. .radio-form label input{display:none;}
  860. .radio-form span{border:#DEE2E6 solid 1px;display:inline-block;width:18px;height:18px;border-radius:20px;margin-right: 4px;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);vertical-align:-4px;background:#fff;}
  861. .radio-form label:hover span{border-color:#C5C8CC;}
  862. .radio-form input:disabled + span{background:#EDF0F3;}
  863. .radio-form input:checked + span{border:var(--bl-dominant-color) solid 6px;}
  864. .radio-form label:has(:disabled){cursor:no-drop;}
  865. .checkbox-form label{cursor: pointer;margin-right:10px;display:inline-block;}
  866. .checkbox-form label input{display:none;}
  867. .checkbox-form span{border:#DEE2E6 solid 1px;border-radius:3px;display:inline-block;width:18px;height:18px;margin-right: 4px;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);vertical-align:-4px;position:relative;background:#fff;}
  868. .checkbox-form span:after{content:'';display:block;position:absolute;width:100%;height:100%;background:url(../images/checkbox.svg) no-repeat;background-size: 16px;opacity: 0;transform:scale(0) ;transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);}
  869. .checkbox-form label:hover span{border-color:#C5C8CC;}
  870. .checkbox-form input:disabled + span{background:#EDF0F3;}
  871. .checkbox-form input:checked + span{border-color:var(--bl-dominant-color);background:var(--bl-dominant-color);}
  872. .checkbox-form input:checked + span:after{opacity: 1;transform:scale(1);}
  873. .checkbox-form label:has(:disabled){cursor:no-drop;}
  874. .programme-list {border:0!important;}
  875. .programme-list .layui-colla-item{border:#DEE2E6 solid 1px;border-radius:6px;padding:0 16px;margin-top: 14px;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
  876. .programme-list .layui-colla-item:hover{box-shadow:0 0 0 5px #f5f5f5;}
  877. .layui-colla-item:first-child {border-top:#DEE2E6 solid 1px!important;}
  878. .programme-list .layui-colla-title{background:none;font-size: 16px;font-family:HarmonyOS_Sans_SC_Medium;height:auto;line-height:inherit;padding: 0;padding-top: 16px;padding-bottom:14px;}
  879. .programme-list .layui-colla-content{border-top:#EAE8F1 solid 1px;color:var(--bl-font-color1);}
  880. .programme-list .layui-colla-icon{left:inherit;right:0;top:18px;}
  881. .programme-subitem li{padding:7px 0;}
  882. .programme-subitem .ico{vertical-align:-2px;margin-right: 2px;}
  883. .programme-subitem .font_12{height:22px;padding:0 6px;border-radius:4px;margin-right: 8px;line-height: 1.6;}
  884. .programme-subitem .must{background:#FFFAFA;border:#FFD1D1 solid 1px;color:#FF3D3D;}
  885. .programme-subitem .sp{background:#F7FAFF;border:#B3D0FF solid 1px;color:var(--bl-dominant-color);}
  886. .programme-subitem .yp{background:#F2FFF8;border:#A1F0C0 solid 1px;color:#00C44F;}
  887. .programme-subitem .wz{background:#FFFCFA;border:#FFD6AD solid 1px;color:#FF8D1A;}
  888. .programme-subitem .lb{background:#F2FEFF;border:#9BF2FA solid 1px;color:#00ADBD;}
  889. .programme-subitem .gn{background:#F4F0FF;border:#C1A6FF solid 1px;color:#672FEB;}
  890. .programme-subitem .ilk:before{content:'';display:inline-block;width:14px;height:14px; vertical-align:-2px;margin-right: 2px;}
  891. .programme-subitem .sp:before{background-image:url(../images/list-sp.svg)}
  892. .programme-subitem .yp:before{background-image:url(../images/list-yp.svg)}
  893. .programme-subitem .wz:before{background-image:url(../images/list-wz.svg)}
  894. .programme-subitem .lb:before{background-image:url(../images/list-lb.svg)}
  895. .programme-subitem .gn:before{background-image:url(../images/list-gn.svg)}
  896. .programme-add-box{position:absolute;right:16px;bottom:16px;top:100px;left:16px;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
  897. .programme-add-left{width:270px;}
  898. .programme-add-left .le{width:72px;padding:6px;border-right:#EAE8F1 solid 1px;}
  899. .programme-add-left .le .scientific{height:24px;font-size:18px;line-height:24px;margin-bottom: 4px;}
  900. .programme-add-left .le li{padding:10px 0;border-radius: 4px;cursor: pointer;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);margin-bottom: 6px;}
  901. .programme-add-left .le li:hover{background: #F0F6FF;color:var(--bl-dominant-color);}
  902. .programme-add-left .le .active,.programme-add-left .le .active:hover{background:var(--bl-dominant-color);color: #fff;}
  903. /*.programme-add-left .le li .scientific + div{width:40px;margin:auto;}*/
  904. .programme-tab-con .con{display:none;}
  905. .programme-add-main{margin:0 12px;}
  906. .programme-add-main .scrollbar{padding:0 18px;}
  907. .programme-add-right{width:290px;}
  908. .programme-add-right .layui-tab{margin:0;}
  909. .programme-add-right .layui-tab-title{height: inherit;margin:0 14px;}
  910. .programme-add-right .layui-tab-title li{padding:16px 0 14px 0;font-size:16px;margin-right:14px;line-height:1;}
  911. .programme-add-right .layui-tab-title .layui-this:after{height:47px;}
  912. .programme-add-right .layui-tab-content{padding:14px!important;}
  913. .programme-add-right .sub-title{padding-top:14px;padding-bottom:12px;position:relative;}
  914. .programme-add-right .sub-title:after{content:'';height:1px;background: #eee;position:absolute;z-index:1;top:50%;left:0;right:0;}
  915. .programme-add-right .sub-title span{background:#fff;padding-right:12px;z-index:2;position: relative;}
  916. .programme-add-right .sub-title i{vertical-align:1px;}
  917. xm-select{border-radius:var(--bl-border-radius1)!important;border-color:#DEE2E6!important;}
  918. xm-select:hover{border-color:#C5C8CC!important;}
  919. xm-select > .xm-label .scroll .label-content{padding:3px 6px!important;}
  920. xm-select .xm-label .xm-label-block{height:24px!important;line-height:24px!important;background-color: rgb(15 107 255 / 10%)!important;color: #0f6bff!important;}
  921. xm-select > .xm-label .xm-label-block > span,xm-select > .xm-label .xm-label-block > i{color: #0f6bff!important;}
  922. xm-select *{overflow: hidden;}
  923. xm-select > .xm-body .xm-group-item{display:block!important;}
  924. xm-select > .xm-label .xm-label-block.disabled > span, xm-select > .xm-label .xm-label-block.disabled > i{color: #666!important;}
  925. xm-select > .xm-body .xm-option-content{color:inherit!important;}
  926. xm-select .xm-body .xm-option .xm-option-icon{padding-top:1px;}
  927. xm-select > .xm-body .xm-option-icon{background:#fff;}
  928. .programme-add-right .scroll-body{width:232px;}
  929. .materials-left{width:auto;}
  930. .materials-left .le{border:0;}
  931. .blue-background-class {background-color: #fffce3;}
  932. .outline-list{padding:12px 0;width:198px;}
  933. .outline-list dl{position:relative;}
  934. .outline-list dd{border-radius:6px;padding:8px 12px;margin-left:20px;margin-right:12px;}
  935. .outline-list dl:hover dd{background: #F0F6FF;color:var(--bl-dominant-color);}
  936. .outline-list dl:hover .color_3,.outline-list dl:hover a{color:var(--bl-dominant-color);}
  937. .outline-list .scientific{position:absolute;left:2px;width:17px;top:50%;display:none;cursor:move;bottom: 0;margin-top:-5px;}
  938. .outline-list dl:hover .scientific{display: block;}
  939. .scrollbar{overflow-y: auto;-webkit-flex:1;flex:1;}
  940. .scrollbar::-webkit-scrollbar{ width:5px; height:5px;}
  941. .scrollbar::-webkit-scrollbar-thumb{background:#D6D6D6;border-radius:4px;}
  942. .video-list li{padding:8px 0;cursor: pointer;}
  943. .video-list li:hover{color:var(--bl-dominant-color);}
  944. .programme-add-main .title-max{padding-top:16px;margin-bottom: 16px;}
  945. .programme-add-main .title-max input,.programme-add-con .title-sub input{border:0; border-bottom:#ddd dashed 1px;width:100%;padding:12px 0;background:none;outline: none;}
  946. .programme-add-main .title-max input:hover,.programme-add-con .title-sub input:hover{border-color:var(--bl-dominant-color);}
  947. .programme-add-main .title-max input:focus,.programme-add-con .title-sub input:focus{box-shadow:none;}
  948. .programme-add-main .day-inp{border-bottom:#ddd dashed 1px;}
  949. .programme-add-main .day-inp:hover{border-color:var(--bl-dominant-color);}
  950. .programme-add-main .day-inp:focus{box-shadow:none;}
  951. .programme-add-con input{padding:8px 0;}
  952. .programme-add-con .title-sub{margin:0 26px;}
  953. .programme-add-con .programme-subitem{padding:16px 0;}
  954. .programme-add-con .programme-subitem li{border-radius: 6px;padding:7px;}
  955. .programme-add-con .programme-subitem li .ft-tuod,
  956. .programme-add-con .programme-subitem li .pointer {opacity: 0;}
  957. .programme-add-con .programme-subitem li:hover{background:#F8F8F8;}
  958. .programme-add-con .programme-subitem li:hover .ft-tuod,
  959. .programme-add-con .programme-subitem li:hover .pointer {opacity:1;}
  960. .programme-add-con .programme-subitem li .text_ell{line-height: 1.3;}
  961. .programme-add-con .programme-subitem .ft-tuod{margin-right: 4px;padding-top: 3px;cursor:move;}
  962. .programme-add-con dl{ border-bottom:#DEE2E6 solid 1px;padding-top:18px;margin-bottom: 12px;}
  963. .programme-add-con dl dt .ft-tuod,
  964. .programme-add-con dl dt .pointer{opacity: 0;}
  965. .programme-add-con dl:hover{box-shadow: inset 0 0 0 3px #e5ecf3;}
  966. .programme-add-con dl:hover dt .ft-tuod,
  967. .programme-add-con dl:hover dt .pointer{opacity:1;}
  968. .programme-add-con dl dt .pointer:hover{color:var(--bl-font-color1);}
  969. .programme-add-con dd{padding:0 18px;}
  970. .programme-add-con dt{margin:0 18px;}
  971. .add-subbtn{border-top:#EAE8F1 solid 1px;display:none;}
  972. .add-subbtn:hover{color:var(--bl-dominant-color);}
  973. .add-newbtn{border:#ddd dashed 1px;margin:14px 25px;}
  974. .programme-add-con dt .ft-tuod{width:25px;text-align: center;height:20px;padding-top:6px;cursor:move;}
  975. .programme-add-con dl:hover .add-subbtn{display: block;}
  976. .programme-add-con .active,.programme-add-con .active:hover{box-shadow: inset 0 0 0 3px var(--bl-dominant-color);}
  977. .add-maxbtn{border:var(--bl-dominant-color) dashed 1px;margin:14px 0;color:var(--bl-dominant-color);}
  978. .programme-add-pop{height:100%;}
  979. .programme-add-pop ul{padding:0 14px;}
  980. .programme-add-pop li{border-bottom:#EBEEF5 solid 1px;padding:14px 0;}
  981. .programme-add-pop li:hover{background: #F5F7FA;}
  982. .programme-add-pop li label{position: relative;padding-left:34px;line-height: 1.5;}
  983. .programme-add-pop li span{position:absolute;left:5px;top:50%;margin-top:-9px;z-index:1;}
  984. /*登錄*/
  985. .login-box{overflow: hidden;background-color: #ffa14e;background: url(../images/bg2.svg) no-repeat #f0f3f7;background-size:100% 100%;position:absolute;width: 100%;top:0;bottom: 0;}
  986. .login-box > .vertical_dq{-webkit-animation-name: bl-up; -webkit-animation-duration: 1s;
  987. -webkit-animation-fill-mode: forwards;z-index:2;}
  988. .login-left{margin-right:5%;}
  989. .login-left img{width:712px;}
  990. .dl-logo{position:absolute;left:20px;top:20px;z-index:1}
  991. .gg{background:url(../images/Chrome.png) no-repeat; background-size:100%;}
  992. .qq{background:url(../images/QQ.png) no-repeat; background-size:100%;}
  993. .q360{background:url(../images/360.png) no-repeat; background-size:100%;}
  994. .sougou{background:url(../images/sougou.png) no-repeat; background-size:100%;}
  995. .dl-icon1{background:url(../images/dl1.svg) no-repeat; background-size:100%;}
  996. .dl-icon2{background:url(../images/dl2.svg) no-repeat; background-size:100%;}
  997. .dl-icon3{background:url(../images/dl3.svg) no-repeat; background-size:100%;}
  998. .recommend-browser > a{display:inline-block;margin-right:12px;}
  999. .recommend-browser > a:last-child{margin:0;}
  1000. .recommend-browser em{display:inline-block;width:20px;height: 20px;margin-right:4px;vertical-align:-5px;}
  1001. .login-title {margin-bottom:26px;font-size:32px;text-align:center;}
  1002. .login-right{width:550px;border-radius:6px;padding:76px;box-shadow:0 8px 8px rgba(16,101,222,.05);flex-shrink: 0;}
  1003. .login-right .dl-icon1,
  1004. .login-right .dl-icon2,
  1005. .login-right .dl-icon3{width:22px;height:22px;position:absolute;left:12px;}
  1006. .login-right .dl-icon1{top:16px;}
  1007. .login-right .dl-icon2{top:15px;}
  1008. .login-right .dl-icon3{top:17px;}
  1009. .login-right form{margin-bottom: 28px;}
  1010. .login-right li{position:relative;margin-bottom:16px;}
  1011. .login-right li input{border:#D3D9E3 solid 1px;background: #f9f9f9; height: 54px;line-height:54px; border-radius:4px;padding:0 16px;display: block;width:100%;font-size:16px;padding-left:38px;}
  1012. .login-right li input:focus{border-color:var(--bl-dominant-color);background:#fff;}
  1013. .login-right li .captcha-image{height:35px;position:absolute; right:12px;top:10px;}
  1014. .login-right .inp-btn1{width:100%;height:56px;font-size:18px;border-radius: 4px;font-weight:600;}
  1015. .eyes-box{position:absolute;width:22px;height:22px;cursor: pointer;right:16px;top:16px;cursor: pointer;}
  1016. .eyes-2{background:url(../images/password-eyes2.png) no-repeat; background-size:100%;}
  1017. .eyes-1{background:url(../images/password-eyes1.png) no-repeat; background-size:100%;}
  1018. .footer{ position:absolute;right:0; bottom:20px; left:20px; z-index:1;color: #999;}
  1019. .dynamic-area1{position: absolute;width: 100%;height: 100%;top: 0;z-index:1;left: 0;background: url(../images/poster-drop-animate2.png) repeat-x 0px 0px;background-size: cover;animation: posterDrop1 6000s linear infinite;}
  1020. @keyframes posterDrop1 {from { background-position: 0 0; }to { background-position: 4000% 0; }}
  1021. .td-wrap,.td-wrap * {margin:0;padding:0;list-style:none;-webkit-box-sizing:initial !important;-moz-box-sizing:initial !important;box-sizing:initial !important;-webkit-tap-highlight-color:rgba(0,0,0,0);}
  1022. .td-wrap svg {width:100%;}
  1023. .td-input {cursor:pointer;}
  1024. .td-wrap {display:none;font-family:sans-serif;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;outline:none;width:100%;height:100%;top:0;left:0;z-index:9999;color:#4d4d4d;}
  1025. .td-overlay {position:fixed;top:0;left:0;width:100%;height:100%;}
  1026. .td-clock {width:156px;height:156px;border-radius:156px;box-shadow:0 0 0 1px #1977CC,0 0 0 8px rgba(0,0,0,0.05);position:relative;background:#FFF;margin:0 auto;text-align:center;line-height:156px;position:absolute;background-position:center;background-repeat:no-repeat;background-size:cover;}
  1027. .td-clock:before {position:absolute;content:"";top:-10px;margin-left:-10px;left:50%;width:20px;height:20px;transform:rotate(45deg);background:#FFF;border-left:1px solid #1977CC;border-top:1px solid #1977CC;border-top-left-radius:4px;}
  1028. .td-init .td-deg {-webkit-animation:slide 1s cubic-bezier(.7,0,.175,1) 1.2s infinite;}
  1029. .td-svg {position:absolute;top:0;bottom:0;left:0;right:0;}
  1030. .td-svg-2 {position:absolute;top:18px;left:18px;bottom:18px;right:18px;}
  1031. .td-wrap.td-show {display:block;}
  1032. .td-deg {background-position:center;background-repeat:no-repeat;background-size:80%;position:absolute;z-index:1;position:absolute;top:0;left:0;right:0;bottom:0;}
  1033. .td-medirian {position:absolute;top:0;left:0;right:0;bottom:0;}
  1034. .td-medirian span {width:40px;height:40px;border-radius:40px;line-height:40px;text-align:center;margin:0;position:absolute;z-index:2;left:50%;margin-left:-20px;font-size:.8em;opacity:0;font-weight:bold;}
  1035. .td-medirian .td-icon-am {top:40px;}
  1036. .td-medirian .td-icon-pm {bottom:40px;}
  1037. .td-medirian .td-icon-am.td-on {top:26px;opacity:1;}
  1038. .td-medirian .td-icon-pm.td-on {bottom:26px;opacity:1;}
  1039. .td-select {position:absolute;top:4px;left:32px;right:32px;bottom:22px;}
  1040. .td-select svg {position:absolute;top:0;left:0;right:0;}
  1041. .td-select:after {position:absolute;background:#FFF;width:36px;height:36px;box-shadow:0 0 0 1px #1977CC;border-radius:60px;top:-16px;left:50%;margin-left:-18px;border-bottom-left-radius:0;content:"";transform:rotate(-45deg);cursor:pointer;}
  1042. .td-clock .td-time {font-weight:bold;position:relative;}
  1043. .td-clock .td-time span {width:42px;height:42px;display:inline-block;vertical-align:middle;line-height:42px;text-align:center;margin:6px;position:relative;z-index:2;cursor:pointer;font-size:2em;border-radius:6px;}
  1044. .td-clock .td-time span.on {color:#1977CC;}
  1045. .td-n {-webkit-transition:all 0.4s cubic-bezier(.7,0,.175,1) 0s;-moz-transition:all 0.4s cubic-bezier(.7,0,.175,1) 0s;-ms-transition:all 0.4s cubic-bezier(.7,0,.175,1) 0s;transition:all 0.4s cubic-bezier(.7,0,.175,1) 0s;}
  1046. .td-n2 {-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s;}
  1047. @-webkit-keyframes td-alert {0% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
  1048. 10%,20% {-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
  1049. 30%,50%,70%,90% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
  1050. 40%,60%,80% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
  1051. 100% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
  1052. }
  1053. @keyframes td-alert {0% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
  1054. 10%,20% {-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
  1055. 30%,50%,70%,90% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
  1056. 40%,60%,80% {-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
  1057. 100% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
  1058. }
  1059. .td-alert {-webkit-animation-name:td-alert;animation-name:td-alert;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
  1060. /* effects */@-webkit-keyframes td-bounce {0% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
  1061. 20% {-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1);}
  1062. 30% {-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1);}
  1063. 60% {-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1);}
  1064. 70% {-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);}
  1065. 80% {-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);}
  1066. 100% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
  1067. }
  1068. @keyframes td-bounce {0% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
  1069. 20% {-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1);}
  1070. 30% {-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1);}
  1071. 60% {-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1);}
  1072. 70% {-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);}
  1073. 80% {-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);}
  1074. 100% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
  1075. }
  1076. .td-bounce {-webkit-animation-name:td-bounce;animation-name:td-bounce;-webkit-animation-duration:1s;animation-duration:1s;}
  1077. @-webkit-keyframes td-fadein {0% {opacity:0;}
  1078. 100% {opacity:1;}
  1079. }
  1080. @keyframes td-fadein {0% {opacity:0;}
  1081. 100% {opacity:1;}
  1082. }
  1083. .td-fadein {-webkit-animation-name:td-fadein;animation-name:td-fadein;-webkit-animation-duration:.3s;animation-duration:.3s;}
  1084. @-webkit-keyframes td-fadeout {0% {opacity:1;}
  1085. 100% {opacity:0;}
  1086. }
  1087. @keyframes td-fadeout {0% {opacity:1;}
  1088. 100% {opacity:0;}
  1089. }
  1090. .td-fadeout {-webkit-animation:td-fadeout .3s forwards;animation:td-fadeout .3s forwards;}
  1091. @-webkit-keyframes td-dropdown {0% {opacity:0;-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0);}
  1092. 100% {opacity:1;-webkit-transform:none;transform:none;}
  1093. }
  1094. @keyframes td-dropdown {0% {opacity:0;-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0);}
  1095. 100% {opacity:1;-webkit-transform:none;transform:none;}
  1096. }
  1097. .td-dropdown {-webkit-animation-name:td-dropdown;animation-name:td-dropdown;-webkit-animation-duration:.5s;animation-duration:.5s;}
  1098. .td-bulletpoint,.td-bulletpoint div,.td-lancette,.td-lancette div {position:absolute;top:0;left:0;bottom:0;right:0;}
  1099. .td-bulletpoint div:after {position:absolute;content:"";top:14px;left:50%;margin-left:-2px;width:4px;height:4px;border-radius:10px;}
  1100. .td-lancette {border:2px solid #DFF3FA;border-radius:100%;margin:6px;}
  1101. .td-lancette div:after {position:absolute;top:20px;left:50%;margin-left:-1px;width:2px;bottom:50%;border-radius:10px;background:#DFF3FA;content:"";}
  1102. .td-lancette div:last-child:after {top:36px;}
  1103. /*答题记录*/
  1104. .divide-into-groups{ font-weight: bold;font-size:28px;border-bottom:#eee solid 1px;padding-bottom:22px;}
  1105. .multiple-box {margin:auto;padding:50px;}
  1106. .multiple-box dl{ padding:30px 0;}
  1107. .multiple-box dt{ font-size: 16px; font-weight: bold; margin-bottom: 10px; position: relative;}
  1108. .multiple-box dt em{font-size: 18px;font-style: inherit;}
  1109. .multiple-box dt span{ font-weight: normal;}
  1110. .multiple-box dt *{display:inline-block;}
  1111. .multiple-box dt br{display:none;}
  1112. .multiple-box dd{ color: #666;padding:0 10px;}
  1113. .multiple-box dd label{display: block;padding: 8px 15px 8px 0px;}
  1114. .multiple-box .subject-img,
  1115. .multiple-box .video-box{padding-top:14px;}
  1116. .multiple-box .video-box video{height:200px;width:300px;background:#000;border-radius:12px;display: block;}
  1117. .multiple-box .audio-box{padding-top:14px;}
  1118. .multiple-box .answer-txt{ width:300px; padding: 0;border:#eee solid 1px;border-radius:6px;display:flex;padding: 10px;align-items: center;}
  1119. .multiple-box .answer-txt input{ width: 100%;background: none; color:var(--bl-font-color1)!important;flex:1;}
  1120. .multiple-box .answer-sel{width:300px;background: none; color:var(--bl-font-color1)!important;border:#eee solid 1px;border-radius:6px;padding: 9px;}
  1121. .multiple-box .btn{text-align: center;}
  1122. .multiple-box .btn div{ margin:0 10px; display: inline-block; width:20%;}
  1123. .subject-img{ margin-bottom: 20px; text-align: center;}
  1124. .subject-img img{ max-width:740px;}
  1125. .answer-factor{border-top:#eee solid 1px;padding-top:22px;}
  1126. .answer-factor p{margin-bottom: 12px;line-height:1.3;}
  1127. /*答题录音*/
  1128. .sound-recording{width:285px;border: #F1F1F1 solid 1px; position: fixed; top:100px; right:20px;background:#fff;box-shadow:rgb(147 147 147 / 22%) 0 3px 6px;border-radius:10px;-webkit-transition:all .5s;}
  1129. .sound-recording .top{padding:15px;position:relative;background:linear-gradient(#fff 20%,#fafcfd);border-radius:10px;}
  1130. .sound-recording .time{margin-left:15px;-webkit-flex:1;flex:1;}
  1131. .sound-recording .tips{position:absolute;top:-25px; left:50%;-webkit-transform:translateX(-50%);}
  1132. .sound-recording .tips span{font-size:12px;background:#fff7cf;text-align:center;border-radius:10px;line-height:1;padding:4px 8px;color:#e19824;box-shadow: 0 2px 10px rgb(255 205 125 / 50%);}
  1133. .sound-recording .ly-btn{margin-left: 10px;border-radius: 5px;cursor:pointer; text-align:center;padding-top:5px; width:49px;height:50px; border:#e6ebeb solid 1px; font-size:12px;line-height:1;-webkit-transition:all .5s;background:linear-gradient(160deg,#fff,#eef4f5);}
  1134. .sound-recording .ly-btn em{display:block;margin:auto;margin-bottom:2px; font-size:18px;}
  1135. .sound-recording .ly-btn:hover{box-shadow:2px 2px 5px #e0eef1;}
  1136. .sound-recording .ly-btn:active{box-shadow:1px 1px 3px #e5e5e5 inset;background: #fbfbfb;}
  1137. .sound-recording .disable,.sound-recording .disable:hover{color: #ccc;border-color: #dddddd;box-shadow: 0;box-shadow: 0 0 0;box-shadow: 0;cursor: no-drop;background: #f5f5f5;}
  1138. .circleBox{width:45px;height:45px;position:relative;}
  1139. .circle1,.circle2,.circle3,.circle4{width:45px;height:45px;border-radius:50%;position:absolute ;top:0;}
  1140. .circle4{background-color:#10cddf;color:#fff;display:-webkit-flex;display: flex; -webkit-align-items:center;align-items:center;-webkit-justify-content:center; font-size:22px;}
  1141. .start-ly .circle1{animation: myfirst 2s linear 0s infinite;background-color:rgba(16,205,223,0.3);-webkit-animation: myfirst 2s linear 0s infinite;background-color:rgba(16,205,223,0.3);}
  1142. .start-ly .circle2{animation: myfirst 2s linear 1s infinite;background-color:rgba(16,205,223,0.3);}
  1143. .start-ly .circle3{animation: myfirst 2s linear 2s infinite;background-color:rgba(16,205,223,0.3);}
  1144. @keyframes myfirst{0%{-webkit-transform: scale(1);transform: scale(1);opacity:1;}100%{-webkit-transform: scale(1.6);transform: scale(1.6);opacity: 0;}}
  1145. .sound-recording-list li{padding:15px;position:relative;-webkit-transition:all .5s;}
  1146. .sound-recording-list li:first-child{border-top:#f1f1f1 solid 1px;}
  1147. .sound-recording-list li:hover{background:#f9f9f9;}
  1148. .sound-recording-list li:after{content:'';position:absolute; bottom: 0; left: 15px; right: 15px;border-bottom:#f1f1f1 solid 1px;}
  1149. .sound-recording-list li:last-child{border-radius:0 0 10px 10px;}
  1150. .sound-recording-list li:last-child:after{display:none;}
  1151. .sound-recording-list li .play-btn,.sound-recording-list li .stop-btn{cursor:pointer;background-size:18px;height:30px;width:30px;}
  1152. .sound-recording-list li .stop-btn{opacity:.8;-webkit-transition:all .5s;}
  1153. .sound-recording-list li .stop-btn:hover{opacity:1;}
  1154. .read-topic{cursor:pointer;height:30px;width:30px;display:inline-block;margin-left:5px;}
  1155. .stop-btn{background:url("../image/stop.png") no-repeat center;background-size:18px;}
  1156. .play-btn{background:url("../image/play.gif") no-repeat center;background-size:18px;}
  1157. .stretch-btn{background:linear-gradient(#fff 20%,#fafcfd);position: absolute;left: -25px;height: 40px;width: 25px;top: 20px;text-align: center;font-size: 18px;border-radius: 6px 0 0 6px;border: #f1f1f1 solid 1px;border-right: 0;cursor:pointer;padding-top:7px;}
  1158. .stretch-btn:hover{color:#10cddf;}
  1159. .stretch-btn:active{box-shadow:1px 1px 3px #e5e5e5 inset;background: #fbfbfb;}
  1160. .stretch-sq{right:-285px;}
  1161. .stretch-sq .stretch-btn{background:#10cddf;color:#fff;border-color:#10cddf;}
  1162. .stretch-sq .stretch-btn:active{box-shadow: 1px 1px 3px #1a97a3 inset;background: #17b8c7;border-color: #1a97a3;}
  1163. #test_ul{border: #E0E0E0 solid 1px;padding:10px 10px 0 10px;border-radius: 5px;max-height: 300px;overflow-y:auto;}
  1164. #test_ul li{width:50%;float:left;margin-bottom:10px;}
  1165. /*患者详情*/
  1166. .patient-details-top {padding:24px 28px;}
  1167. .patient-details-top .box{padding:24px 0;}
  1168. .patient-details-top .bor_circle{width:88px;height:88px;margin-right: 24px;}
  1169. .patient-details-top .mar_b14 .bor_r_1{padding-right:14px;margin-right: 14px;}
  1170. .patient-details-top .state{margin-left:8px;padding: 4px 8px 6px 8px;}
  1171. .patient-details-top .font-22{margin-top: -2px;margin-right: 4px;}
  1172. .patient-details-nav{width:120px;padding:12px;}
  1173. .patient-details-nav li{padding:14px;border-radius: 4px;cursor: pointer;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);margin-bottom: 4px;}
  1174. .patient-details-nav li:hover{background: #F0F6FF;color:var(--bl-dominant-color);}
  1175. .patient-details-nav .active{background:var(--bl-dominant-color);color:#fff;}
  1176. /*系统设置*/
  1177. .system-form {padding:48px 0;}
  1178. .system-form th{width:30%;}
  1179. .system-form th{text-align: right;font-weight: normal;}
  1180. .system-form td{text-align:left;padding:8px 16px;}
  1181. .system-form .sel{width:200px;cursor: pointer;}
  1182. .system-form .input_txt,.system-form .sel{height:36px;}
  1183. .formButton{background:var(--bl-dominant-color);color:#fff;box-shadow:0 2px 2px rgba(1,98,232,.3);height: 36px;padding: 0 18px;border-radius: 4px;}
  1184. .formButton:hover{background:#277AFF;}
  1185. .formButton:active{background:#0D60E5;animation:btndh .3s 1s;}
  1186. .input_400{width:400px;}
  1187. /*组织管理*/
  1188. .campus-list li{display:flex;padding:16px;border:#ddd solid 1px;margin-top: 14px;cursor: pointer;border-radius: var(--bl-border-radius1);}
  1189. .campus-list .active{background:#e3f1ff;border-color: #a5d2ff;color:var(--bl-dominant-color);}
  1190. .campus-list .active .flex{border-color:#a5d2ff;}
  1191. .campus-list .scientific {margin-left: 16px;}
  1192. .campus-list .flex{border-right:#ddd solid 1px;}
  1193. .campus-tab{margin:0;margin-bottom: 14px;}
  1194. .campus-tab .layui-tab-title{height:46px;}
  1195. .campus-tab .layui-tab-title li{line-height:35px;font-size: 18px;min-width:auto;padding:0;margin-right: 16px;}
  1196. .campus-tab .layui-tab-title .layui-this:after{height:47px;}
  1197. .campus-tab .small-btn{position:absolute;right:0;top:0;}
  1198. /*字段设置*/
  1199. .field-bottom{height:60px;}
  1200. .field-bottom .bg-fff{height:60px;position:fixed;right: 0;bottom:0;left:220px;box-shadow: 5px -11px 23px -13px #dedede;z-index: 2;}
  1201. .field-main li{position: relative;padding:7px 0;-webkit-transition:all .3s;}
  1202. .field-main li:hover{background:#f5f5f5;}
  1203. .field-main li:hover .operate{display:flex;}
  1204. .field-main li .checkbox-form,
  1205. .field-main li .radio-form{padding:4px 0;}
  1206. .field-main li .checkbox-form label,
  1207. .field-main li .radio-form label{margin:5px 10px 5px 0;}
  1208. .field-main li dl{min-height:36px;}
  1209. .field-main li dl:empty{min-height:0;}
  1210. .field-main dt{width:20%;margin-right: 14px;}
  1211. .field-main dd{flex:1;}
  1212. .field-main .operate{position: absolute;right:14px;display:none;}
  1213. .field-main .operate .inp-btn4{padding: 0px 9px;}
  1214. .field-main .btn_del{position:absolute;right:0;top:0;background:red;color: #fff;padding:12px 16px;cursor: pointer;font-size: 16px;border-radius:0 8px 0 8px;}
  1215. .field-main .left_label{position:absolute;left:0;top:0;background:#1AB3FF;color: #fff;padding:12px 16px;cursor: pointer;font-size: 14px;border-radius:8px 0 8px 0;}
  1216. .field-add{padding:16px;box-shadow: 5px -11px 23px -13px #dedede;border-radius: 8px;}
  1217. .field-add div{border:var(--bl-dominant-color) dashed 1px;color:var(--bl-dominant-color);padding:16px;text-align: center;cursor: pointer;width: 30%;margin: auto;}
  1218. .field-jump label{border:#F0F0F0 solid 1px;padding:12px;margin-bottom: 12px;margin-right: 0;display: block;border-radius: 4px;-webkit-transition:all .3s;}
  1219. .field-jump label span{margin-right: 12px;}
  1220. .field-jump label:hover{box-shadow: 0 1px 5px rgba(169, 176, 184, .2);background:#FAFAFA;}
  1221. .field-jump li:last-child label{margin-bottom: 0;}
  1222. .extend dl{margin-top:12px;}
  1223. .adddbj{background:#fff;margin:0 7px;padding:14px 0;}
  1224. .empty_div:empty{padding:0;margin:0;min-height:0;}
  1225. /*优先级*/
  1226. .priority{font-size: 12px;}
  1227. .priority dt,.priority dd{background:#000;color:#fff;padding:4px;}
  1228. .priority dt{border-radius: 4px 0 0 0px;background:linear-gradient(-45deg, #2270d3, #009cff);padding:4px 6px;}
  1229. .priority dd{border-radius:0 0 4px 0;background:linear-gradient(135deg,#fc0, #ff930d);min-width: 22px;text-align: center;font-weight:bold;}
  1230. /*.estimate span{display:inline-block;padding:5px;color:#fff;border-radius:10px;line-height:1;min-width: 22px;font-weight: bold;text-align: center;font-size: 12px;margin-right: 6px;}*/
  1231. .estimate span{display:inline-block;width:10px;height:10px;border-radius: 12px;margin-right: 4px;}
  1232. .record-float{background:#fff;display:none;box-shadow:#e1e1e15e 0 2px 10px;border-bottom: #EBEEF5 solid 1px;transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
  1233. .record-fixed{position:fixed;right: 67px;left: 287px;top:60px;display:flex;padding:14px 16px;z-index:5;}
  1234. /*选择床位*/
  1235. .bed-list{padding-bottom: 16px;}
  1236. .bed-list ul{display:grid;grid-template-columns:repeat(4,1fr);grid-gap: 14px;}
  1237. .bed-list li{background:#fff;padding:18px;border:solid 2px #fff;cursor: pointer;position:relative;float:left;transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);box-shadow:0px 5px 8px rgb(231 234 235);}
  1238. .bed-list li:hover{transform:translateY(-5px);box-shadow:5px 5px 10px rgb(222 224 225);}
  1239. .bed-list .active,.bed-list .active:hover{border-color:var(--bl-dominant-color);}
  1240. .bed-list .active:before{content:'';background:url(../images/bed-active.png) no-repeat;position:absolute;width:28px;height:28px;left: 0;top:0;}
  1241. .bed-list .font_medium{font-size:22px;vertical-align: -2px;margin-right: 6px;}
  1242. .bed-list .bor-t-f0{padding-top:14px;line-height: 1.3;}
  1243. .bed-list .bq{border:var(--bl-dominant-color) solid 1px; color:var(--bl-dominant-color);padding:6px 8px 7px 8px;border-radius:2px;}
  1244. /*时间排班*/
  1245. .scheduling-days-table{border-bottom:#ddd solid 1px;border-right:#ddd solid 1px;border-left:#ddd solid 1px;}
  1246. /*.scheduling-days-table:before{content:'';position: absolute;height: 20px;border:#ddd solid 1px;left: 0;right: 0;top:-13px;border-bottom: 0;border-top:0;}*/
  1247. .scheduling-days-table td{border-top:#ddd solid 1px;height:100px;text-align: center;vertical-align: top;position:relative;}
  1248. .scheduling-days-table td ul{height: 100%;display:flex;flex-direction: column;}
  1249. .scheduling-days-table td li{border-bottom:#ddd dotted 1px; flex:1;}
  1250. .scheduling-days-table td li:last-child{border:0;}
  1251. .scheduling-days-table td:first-child{border-right:#ddd solid 1px;}
  1252. .scheduling-days-table .th{margin-left:64px;}
  1253. .scheduling-days-table .th li{position: relative;}
  1254. .scheduling-days-table .th span{position:absolute;font-size:12px;color:#c1c1c1;left:-4px;bottom:-6px;background:#fff;padding-right:8px;}
  1255. .scheduling-days-table .time{position:absolute;background:var(--bl-dominant-color);color:#fff;padding:5px 4px 5px 6px;top:-13px;left:-1px; border-right:8px #fff solid;font-size:16px;}
  1256. .scheduling-days-table .time:after{content:'';position: absolute;border:transparent solid 13px;border-left-color:var(--bl-dominant-color);right:-26px;top:0;}
  1257. /*.scheduling-days-table tr:nth-child(odd) td{border-bottom:dotted #ddd 1px;}*/
  1258. .scheduling-days-main{position:absolute;inset:0 1px 0 100px;z-index:2;overflow-x:auto;}
  1259. .scheduling-days-timeline{background:#1755a4;border:#fff solid 1px;position:absolute;box-sizing: content-box;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
  1260. .scheduling-days-timeline:hover{z-index:3!important;}
  1261. .scheduling-days-main:has(.scheduling-days-timeline:hover) .scheduling-days-timeline:not(:hover){opacity: .5;}
  1262. .scheduling-days-timeline .bt{line-height:40px;margin:0 14px;color:#fff;border-bottom:#ffffff17 solid 1px;}
  1263. .scheduling-days-timeline .bt .scientific{margin-left:14px;cursor: pointer;}
  1264. .scheduling-days-timeline .more{padding:2px 6px;border-radius:4px;cursor: pointer;margin-left: 4px;font-size:12px;background:#fff;color: #333;}
  1265. .scheduling-days-timeline .more i{margin-left:4px;}
  1266. .scheduling-days-timeline .nr{color:#fff;padding:14px;}
  1267. .scheduling-days-timeline .nr span{padding:5px 6px 6px 10px;border-radius:16px;cursor: pointer;margin:3px 4px 3px 0;font-size:12px;border:rgb(255 255 255 / 30%) solid 1px;display:inline-block;}
  1268. .scheduling-days-timeline .nr span i{margin-left:4px;font-size:10px;vertical-align:1px;}
  1269. .scheduling-days-eye{height:48px;}
  1270. .scheduling-days-eye dl{background:#f5f5f5;right:30px;top:60px;z-index:4;left:250px;font-weight: bold;}
  1271. .scheduling-days-eye dt{width:100px;text-align:center;border-right:#ddd solid 1px;}
  1272. .scheduling-days-eye dt,.scheduling-days-eye dd{padding:6px;}
  1273. .scheduling-days-eye dd{flex:1;font-weight: normal;}
  1274. .scheduling-days-eye dd .vertical_dq{color: #666;}
  1275. .scheduling-days-eye dd .vertical_dq i{width:12px;background:#ddd;height: 12px;display:inline-block;vertical-align:-1px;margin-right: 6px;}
  1276. .scheduling-days-eye dd .vertical_dq i.mz{background:#1755a4;}
  1277. .scheduling-days-eye dd .vertical_dq i.zy{background:#D9560B;}
  1278. .scheduling-days-eye dd span{padding: 8px 10px;background: #fff;border: #DEE2E6 solid 1px;border-radius: 4px;box-shadow:0 2px 2px rgba(169,176,184,.2);}
  1279. .scheduling-days-eye dd span:hover{background:#FAFAFA;}
  1280. .scheduling-days-eye dd span:active{background:#F7F7F7;animation:btndh .3s 1s;}
  1281. .
  1282. .partition-printing-title{text-align: center;border-bottom: #EBEEF5 solid 1px;padding-bottom:14px;margin-bottom: 16px;}
  1283. .partition-printing-title h1{font-weight: 500;margin-bottom:8px;}
  1284. .layui-dropdown .byl-icon-circle{font-size: 10px;margin-right: 4px;vertical-align:1px;}
  1285. .nicescroll-rails{position:fixed!important;top:inherit!important;bottom: 0;padding-top:2px;}
  1286. .nicescroll-rails div{height:13px!important;}
  1287. .nicescroll-rails div:hover{background:#A8A8A8!important;}
  1288. .main-iframe{border:0;}
  1289. xm-select .xm-input:focus{box-shadow:none;border-color:#E6E6E6!important;}
  1290. @media screen and (max-width:1200px) {.bed-list ul{grid-template-columns:repeat(3,1fr);}}
  1291. @media screen and (max-width:1400px) {
  1292. .patient-details-top .box{display: block;}
  1293. .patient-details-top .box > .bor_r_1 {border-right:0; border-bottom: #EAE8F1 solid 1px;padding-bottom:18px;margin-bottom: 18px;}
  1294. .patient-details-top .box > .width_40b{width:100%;}
  1295. }
  1296. @media screen and (min-width:1700px) {.bed-list ul{grid-template-columns:repeat(5,1fr);}}
  1297. .retract-menu{margin-left: 0;}
  1298. .retract-menu .record-fixed{left:67px;}
  1299. .retract-menu .scheduling-days-eye dl{left:30px;}