webmain.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
  1. *{font-family:微软雅黑,Verdana, Geneva, sans-serif;padding:0px;margin:0px;}
  2. body{
  3. color:#222222;
  4. margin:0px;border:0;
  5. font-size:14px;
  6. -webkit-overflow-scrolling:touch;
  7. overflow-scrolling:touch;
  8. --main-color:#1389D3;
  9. --border:0.5px rgba(0,0,0,0.1) solid;
  10. --main-bgcolor:white;
  11. --main-hgcolor:white;
  12. --font-size:14px;
  13. --main-border:rgba(0,0,0,0.1);
  14. --rgb-r:0;
  15. --rgb-g:0;
  16. --rgb-b:0;
  17. }
  18. td,button{ font-size:14px}
  19. a,c,.cursor{cursor:pointer;}
  20. p{text-indent:24pt;margin:10px 0px}
  21. ul,li,a{ list-style-type:none;}
  22. ul,li{padding:0px;margin:0px}
  23. .relative{position:relative}
  24. .zhu{color:#1389D3;color:var(--main-color)}
  25. img{border:0}
  26. label{font-weight:normal}
  27. .wrap{word-wrap:break-word;word-break:break-all;white-space:normal;}
  28. select,input,textarea,button,a{ font-size:14px;resize: none;outline:none}
  29. .notsel{-moz-user-select: none;-o-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:default;}
  30. a.hui:link,a.hui:visited{color:#555555;TEXT-DECORATION:none;}
  31. a.hui:hover{TEXT-DECORATION:underline;color:red;}
  32. a.blue:link,a.blue:visited{color:blue;TEXT-DECORATION:none;}
  33. a.blue:hover{TEXT-DECORATION:underline;color:red;}
  34. a.red:link,a.red:visited{color:red;TEXT-DECORATION:underline;}
  35. a.red:hover{TEXT-DECORATION:underline;color:red;}
  36. .hover:hover{background-color:rgba(0,0,0,0.1);}
  37. .tishi{color:#888888;padding:10px 0px}
  38. .basetable td{padding:3px 5px; text-align:center}
  39. .font12{font-size:12px}
  40. .font14{font-size:14px}
  41. .font16{font-size:16px}
  42. .white{color:white;}
  43. a.white:link,a.white:visited{color:white;TEXT-DECORATION:none;}
  44. a.white:hover{TEXT-DECORATION:underline;color:white;}
  45. .blank1{ height:1px; overflow:hidden; border-bottom:1px #dddddd solid}
  46. .blank10{ height:10px; overflow:hidden}
  47. .blank5{ height:5px; overflow:hidden}
  48. .blank20{ height:20px; line-height:20px;overflow:hidden}
  49. .blank25{ height:25px; line-height:25px;overflow:hidden}
  50. .blank30{ height:30px; line-height:30px; overflow:hidden}
  51. .blank40{ height:40px; line-height:40px; overflow:hidden}
  52. .black{ width:960px}
  53. .body{padding:10px}
  54. .h1{ font-size:24px;font-weight:bold;}
  55. .h2{ font-size:20px;font-weight:bold;}
  56. .alert{ padding:10px 20px;border-radius:0px; text-align:center;box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
  57. .alert_msg{ background-color:#fbe3cf;border:0px #f6a15d solid; color:#f86f00}
  58. .alert_success{ background-color:#e3f6d1;border:0px #78b146 solid;color:green}
  59. .alert_wait{ background-color:#f8f8f8;border:0px #cccccc solid;color:#555555}
  60. .inputs{height:30px;line-height:25px;background-color:white;padding:2px;width:95%; border:1px #dddddd solid}
  61. input.checkbox,input.radio{ border:none;padding:0;margin-right:5px; width:14px; height:14px}
  62. .icons{ height:14px; width:14px;}
  63. .icon{ height:14px; width:14px}
  64. .title{background:#157FCC; color:#ffffff; height:40px; line-height:40px; overflow:hidden; text-align:left;font-size:14px;}
  65. .title li{height:40px;overflow:hidden;float:left;width:50%}
  66. .htitle{background:#bcbcbc; color:#ffffff; height:40px; line-height:40px; overflow:hidden; text-align:left;font-size:14px;}
  67. .input,.select,.textarea{height:30px; line-height:30px; border:1px #cccccc solid; padding:2px 5px;font-size:14px;}
  68. .textarea{ line-height:26px;}
  69. .input:focus,input:focus,.textarea:focus{box-shadow:0px 0px 5px rgba(0,0,0,0.3); border:1px #0887CC solid;border:1px var(--main-color) solid; color:#000000}
  70. .box{box-shadow:0px 0px 5px rgba(0,0,0,0.3); border:1px #157FCC solid;}
  71. .boxs{box-shadow:0px 5px 20px rgba(0,0,0,0.3);}
  72. .danger{background-color:#C9302C}
  73. .success{background-color:#449D44}
  74. .info{background-color:#31B0D5}
  75. .red{background-color:#ff0000}
  76. .warning{background-color:#e7971f}
  77. .green{background-color:#32BC12}
  78. .huang{background-color:#ff6600}
  79. .menulistbg{width:30px;overflow:hidden;text-align:center;line-height:22px;color:white}
  80. /*选择卡*/
  81. .tabsindex div:hover,.tabsindex td:hover{color:#000000}
  82. .tabsindex td{height:44px;overflow:hidden;line-height:44px;padding:0px 20px;color:#888888;cursor:pointer;position:relative;}
  83. .tabsindex span{font-size:12px;color:#aaaaaa;position:absolute;top:2px;right:2px;display:inline-block;height:16px;width:16px;line-height:14px;text-align:center;}
  84. .tabsindex span:hover{background-color:#e1e1e1;color:white;border-radius:50%}
  85. .tabsindex .active{background-color:white;color:#000000}
  86. .jtcls{height:44px;line-height:44px;overflow:hidden;width:14px;text-align:center;position:absolute;z-index:8;top:50px; background-color:#e1e1e1;right:0px;font-size:12px;cursor:pointer;color:#888888;display:none;top:0px}
  87. .jtcls:hover{background-color:#e5e5e5;color:#000000}
  88. .arrow-down{
  89. width: 0;
  90. height: 0;
  91. border-left: 10px solid transparent; /* 左边框的宽 */
  92. border-right: 10px solid transparent; /* 右边框的宽 */
  93. border-top: 10px solid #cccccc; /* 下边框的长度|高,以及背景色 */
  94. font-size: 0;
  95. line-height: 0;
  96. }
  97. .bootstree ul{height:36px;overflow:hidden;border-top:1px #dedede solid}
  98. .bootstree ul li{height:35px;overflow:hidden;line-height:35px;float:left;border-right:1px #dedede solid}
  99. .bootstree ul li:last-child{border-right-width:0px}
  100. .bootstree ul:nth-of-type(even) {
  101. background-color: rgba(255,255,255,0.1);
  102. }
  103. .bootstree ul:hover{background-color: #f5f5f5;color:#555555}
  104. .footmsg{text-align:left;color:#ff6600; padding:15px 0px;line-height:24px;font-size:12px}
  105. .form-control{padding:0px 5px;}
  106. .table > tbody > tr > td{padding:6px}
  107. .tdinput{padding:5px 0px;text-align:left;padding-right:15px}
  108. .inputtitle{text-align:center; background-color:#EDF7FC;line-height:30px;}
  109. .trb td,.trb th{border-right:1px #eeeeee solid}
  110. .trb td:last-child{border-right-width:0px}
  111. .trb th:last-child{border-right-width:0px}
  112. .form-select{
  113. background:#dddddd;
  114. background:-ms-linear-gradient(top, #f1f1f1, #dedede,#f1f1f1);
  115. background:-moz-linear-gradient(top, #f1f1f1, #dedede,#f1f1f1);
  116. background:-webkit-linear-gradient(top, #f1f1f1, #dedede,#f1f1f1);
  117. }
  118. .select-list .div01{padding:8px 10px;border-top:1px #eeeeee solid}
  119. .select-list .div01:hover{background-color:#E0F2FC}
  120. .select-list .div02{padding:8px 10px;border-top:1px #eeeeee solid;background-color:#E0F2FC}
  121. .jquery-calendar .tdtext{border:1px #eeeeee solid;padding:3px}
  122. .jquery-calendar .tdtext:hover{background-color:#f5f5f5}
  123. .jquery-calendar .thtext{border:1px #eeeeee solid; color:#26AA05; background-color:#EBF7D9;height:34px}
  124. #tishidivshow{width:280px;background-color:white;border-radius:5px;position:fixed;z-index:8;right:3px;bottom:3px}
  125. .overdiv{padding:5px 10px;cursor:pointer}
  126. .overdiv:hover{background-color:#E0F2FC}
  127. .floats{display:inline-block;width:100%}
  128. .floats li{float:left}
  129. .floats30{float:left;width:30%}
  130. .floats20{float:left;width:20%}
  131. .floats80{float:left;width:80%}
  132. .floats60{float:left;width:60%}
  133. .floats40{float:left;width:40%}
  134. .floats50{float:left;width:50%}
  135. .floats70{float:left;width:70%}
  136. .floatr20{float:right;width:20%}
  137. .datesss{background:url(../../mode/icons/date.png) no-repeat right;cursor:pointer}
  138. .divinput{padding:5px}
  139. .lurim{ text-align:right}
  140. /*图形样式*/
  141. .rf{position:absolute;background-color:#D2E9F7;border:1px #B8DAEF solid;color:#1389D3;text-align:center;max-width:150px;min-width:100px}
  142. .rf_nei{padding:5px 10px}
  143. .rf_ract{}
  144. .rf_yuan{border-radius:20%}
  145. .rf-text{font-size:14px;word-wrap:nowrap;height:20px;line-height:20px;overflow:hidden}
  146. .rf-texts{font-size:12px;color:#84BDE0;word-wrap:nowrap;height:20px;line-height:20px;overflow:hidden}
  147. .rf-txt{position:absolute;color:#1389D3}
  148. .rf-active{background-color:#60C2F7}
  149. /*箭头的*/
  150. .rf_shu{position:absolute;height:100px;border:none;width:12px;overflow:hidden;transform-origin:0px 0px;-webkit-transform-origin:0px 0px;-ms-transform-origin:0px 0px;-moz-transform-origin:0px 0px;}
  151. .rf_shu1{width:6px;height:94px;background-color:#C6E1F2;margin-left:3px}
  152. .rf_shu2{width:0px;height:0px; overflow:hidden;border-width:6px;border-style:solid;border-color:#C6E1F2 transparent transparent transparent;}
  153. .rf_shus{position:absolute;height:100px;border:none;width:6px;overflow:hidden;background-color:#C6E1F2}
  154. .rf_hens{position:absolute;height:6px;border:none;width:100px;overflow:hidden;background-color:#C6E1F2}
  155. a.webbtn:link,a.webbtn:visited,.webbtn{color:#ffffff;opacity:1; background-color:#336699;background-color:var(--main-color); padding:5px 10px; border:none; cursor:pointer;font-size:14px;border-radius:5px;white-space:nowrap;text-overflow:ellipsis;}
  156. a.webbtn-mini:link,a.webbtn-mini:visited,.webbtn-mini{font-size:12px;padding:3px 5px}
  157. a.webbtn-red:link,a.webbtn-red:visited,.webbtn-red{background-color:#d9534f}
  158. a.webbtn-white:link,a.webbtn-white:visited,.webbtn-white{background-color:white;border:1px #cccccc solid;color:black}
  159. .webbtn:disabled{background-color:#aaaaaa; color:#eeeeee}
  160. .webbtn:hover{box-shadow:0px 0px 5px rgba(0,0,0,0.3);opacity:0.8}
  161. .rock-loading {
  162. display: inline-block;
  163. height:16px;
  164. width:16px;
  165. vertical-align: middle;
  166. -webkit-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='80px' height='80px' viewBox='0 0 80 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eloading%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='94.0869141%25' y1='0%25' x2='94.0869141%25' y2='90.559082%25' id='linearGradient-1'%3E%3Cstop stop-color='%23606060' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.67370605%25' x2='100%25' y2='90.6286621%25' id='linearGradient-2'%3E%3Cstop stop-color='%23606060' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.9'%3E%3Cg%3E%3Cpath d='M40,0 C62.09139,0 80,17.90861 80,40 C80,62.09139 62.09139,80 40,80 L40,73 C58.2253967,73 73,58.2253967 73,40 C73,21.7746033 58.2253967,7 40,7 L40,0 Z' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3Cpath d='M40,0 L40,7 C21.7746033,7 7,21.7746033 7,40 C7,58.2253967 21.7746033,73 40,73 L40,80 C17.90861,80 0,62.09139 0,40 C0,17.90861 17.90861,0 40,0 Z' fill='url(%23linearGradient-2)'%3E%3C/path%3E%3Ccircle id='Oval' fill='%23606060' cx='40.5' cy='3.5' r='3.5'%3E%3C/circle%3E%3C/g%3E%3CanimateTransform attributeName='transform' begin='0s' dur='1s' type='rotate' values='0 40 40;360 40 40' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E%0A") 0 0 no-repeat;
  167. mask-size: cover;
  168. -webkit-mask-size: cover;
  169. mask-size: cover;
  170. background-color: currentColor;
  171. }
  172. ::-webkit-scrollbar{
  173. width: 8px;
  174. height: 8px;
  175. background-color: transparent;
  176. }
  177. ::-webkit-scrollbar-thumb {
  178. border-radius: 5px;
  179. background-color: rgba(0, 0, 0, 0.2);
  180. }
  181. ::-webkit-scrollbar-track:hover {
  182. background-color: rgba(0, 0, 0, 0.1);
  183. border-radius: 5px;
  184. }
粤ICP备19079148号