/* color */
/* 重置通用默认属性 */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  scrollbar-3dlight-color: #fff;
  scrollbar-highlight-color: #fff;
  scrollbar-face-color: hsl(0, 0%, 60%);
  scrollbar-arrow-color: #fff;
  scrollbar-shadow-color: #fff;
  scrollbar-darkshadow-color: #fff;
  scrollbar-base-color: #fff;
  scrollbar-track-color: #fff;
}
html,
body {
  width: 100%;
  height: 100%;
  border: none;
}
html {
  font-size: 10px;
}
body {
  position: relative;
  font-family: unset;
  font-weight: normal;
  line-height: 1.4;
  font-size: 1.4rem;
  color: hsl(0, 0%, 40%);
}
ul,
li,
ol,
dl,
dt,
dd {
  list-style: none;
}
em {
  font-style: normal;
}
input,
textarea {
  color: hsl(0, 0%, 40%);
}
input:focus,
textarea:focus,
button:focus,
a:focus {
  outline: none !important;
}
input[disabled],
textarea[disabled] {
  cursor: not-allowed;
}
input:read-only {
  /*background-color: rgb(235, 235, 228);
      opacity: 0.6;*/
}
/**
 * links
 */
a {
  color: hsl(0, 0%, 40%);
}
a:hover,
a:focus {
  color: hsl(0, 0%, 40%);
}
a:focus {
  outline: thin dotted;
  outline: 1px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/*---滚动条默认显示样式--*/
::-webkit-scrollbar-thumb {
  background-color: hsl(0, 0%, 60%);
}
/*---滚动条大小--*/
::-webkit-scrollbar {
  width: 4px;
  height: 8px;
}
/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece {
  background-color: #ffffff;
}
/* 通用排列 */
.ray-fl {
  float: left;
}
.ray-fr {
  float: right;
}
.ray-dn {
  display: none;
}
.ray-cb {
  clear: both;
}
.ray-oh {
  overflow: hidden;
}
.ray-ov {
  overflow: visible;
}
.ray-tac {
  text-align: center;
}
.ray-tar {
  text-align: right;
}
.ray-ha {
  height: auto !important;
}
.ray-cp {
  cursor: pointer;
}
.ray-vat {
  vertical-align: top !important;
}
.ray-mid {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ray-width-entire {
  width: 100% !important;
}
.ray-width-half {
  width: 50% !important;
}
/* 背景颜色 */
.ray-bgn {
  background: none;
}
/* 字体颜色 */
.ray-text-red {
  color: #d9534f;
}
.ray-text-yellow {
  color: #f3810c;
}
/* 通用flex布局 */
.ray-layout-flex {
  display: flex;
  width: 100%;
  height: 100%;
}
.ray-layout-flex.ray-layout-row {
  flex-flow: row nowrap;
}
.ray-layout-flex.ray-layout-column {
  flex-flow: column nowrap;
}
.ray-layout-row > .ray-flexbox {
  padding-right: 20px;
}
.ray-layout-row > .ray-flexbox:last-child {
  padding-right: 0;
}
.ray-layout-column > .ray-flexbox {
  padding-bottom: 20px;
}
.ray-layout-column > .ray-flexbox:last-child {
  padding-bottom: 0;
}
.ray-flexbox-auto {
  position: relative;
  flex: auto;
}
.ray-flexbox-content {
  height: 100%;
  overflow: auto;
}
.ray-flexbox-complex.ray-flexbox-content {
  background: none;
  padding: 0;
}
.ray-flexbox-auto > .ray-flexbox-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ray-layout-column > .ray-flexbox-auto > .ray-flexbox-content {
  height: auto;
  bottom: 20px;
}
.ray-layout-column > .ray-flexbox-auto:last-child > .ray-flexbox-content {
  height: auto;
  bottom: 0;
}
.ray-layout-row > .ray-flexbox-auto > .ray-flexbox-content {
  right: 20px;
}
.ray-layout-row > .ray-flexbox-auto:last-child > .ray-flexbox-content {
  right: 0;
}
.ray-flexbox-content.ray-border {
  background: #ffffff;
  padding: 15px;
  border: 1px solid hsl(0, 0%, 85%);
  border-radius: 4px;
}
/* 通用流布局 */
.ray-layout-column > .ray-flowbox {
  margin-bottom: 20px;
}
.ray-layout-column > .ray-flowbox:last-child {
  margin-bottom: 0;
}
#ray-navbox .panel-title {
  color: #fff;
}
.ray-navbox-sub li a {
  color: #fff;
}
.ray-navbox-sub li dl dt {
  color: #fff;
}
.datagrid-htable,
.datagrid-btable,
.datagrid-ftable {
  border-left: transparent !important;
}
/*# sourceMappingURL=init.css.map */


.ray-col-12 {
  width: 100% !important;
}
.ray-col-11 {
  width: 91.66666667% !important;
}
.ray-col-10 {
  width: 83.33333333% !important;
}
.ray-col-9 {
  width: 75% !important;
}
.ray-col-8 {
  width: 66.66666667% !important;
}
.ray-col-7 {
  width: 58.33333333% !important;
}
.ray-col-6 {
  width: 50% !important;
}
.ray-col-5 {
  width: 41.66666667% !important;
}
.ray-col-4 {
  width: 33.33333333% !important;
}
.ray-col-3 {
  width: 25% !important;
}
.ray-col-2 {
  width: 16.66666667% !important;
}
.ray-col-1 {
  width: 8.33333333% !important;
}