@charset "UTF-8";
@import "../jquery/jquery-ui.min.css";
@import "../iconstyle/font-awesome.min.css";
@import "../iconstyle/icon.css";
@import "../iconstyle/new_icon.css";
@import "../iconstyle/icon-wechat.css";
@import "../iconstyle/glyphicon.css";
@import "../animate/animate.min.css";
/* THEME */
/*换肤背景色：颜色4*/
/*头部功能栏换肤色：颜色2*/
/*换肤主色，内容区使用：对应校园平台日程头部颜色*/
/*消息提醒换肤色：颜色3*/
/*换肤色 二级菜单背景色：颜色5*/
/* TEXT COLORS */
/* END TEXT COLORS */
/*华南理工数据中心首页*/
/*多行截取COLORS*/
/*END 多行截取COLORS*/
/* BASE ELEMENT COLORs */
/*换肤主色*/
/* EOF BASE ELEMENT COLORs */
/* START X-NAVIGATION */
/*左侧菜单被选中换肤颜色*/
/* END X-NAVIGATION */
/* START WIDGETS */
/* END WIDGETS */
/* COMMENTS */
/* END COMMENTS */
/* SIDEBAR */
/* END SIDEBAR */
/*START SCROLLTOOLS*/
/* END SCROLLTOOLS */
/*START LOGO*/
/* END LOGO */
/* EOF THEME */
.page-service-popup {
  /*background-image: url(../../../image/common/theme/bnu-blue/bg/service_popup_bg.png);*/
}
.page-main-body {
  /*background-image: url(../../../image/common/theme/bnu-blue/bg/page_bg.png);*/
}
.ec-page-outside-container .ec-page-nav-container {
  background-image: linear-gradient(to bottom, #006cbe 0%, #086dbf 100%) !important;
  box-shadow: 3px 0 10px 5px rgba(0, 108, 190, 0.04);
}
.weather-block-container .big-day-box,
.zh-weather-todo-block .zh-weather-block-container .big-day-box {
  background-image: linear-gradient(135deg, #006cbe 0%, #006cbe 100%) !important;
}
/* THEME */
/* EOF THEME */
@-webkit-keyframes cardEnter {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
  }
}
@keyframes cardEnter {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/* -- Input styles ---------------------------------- */
.form-material {
  /* -- label styles ---------------------------------- */
  /* active state */
  /* input colors ---- */
  /* help-block */
  /* input addon ---*/
  /* ------  inline ----*/
  /* -- bar styles -------------------------------------- */
  /* active state */
  /* -- highlighter styles ------------------------------ */
  /* active state */
  /* -- highlighter animation --------------------------- */
}
.form-material .form-group {
  position: relative;
  margin-top: 35px;
  margin-bottom: 20px;
}
.form-material .input-group {
  position: relative;
}
.form-material .form-control {
  display: block;
  height: 36px;
  width: 100%;
  border: none;
  border-radius: 0 !important;
  font-size: 1.3rem;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  border-bottom: 1px solid #D5D5D5;
}
.form-material textarea.form-control {
  height: auto;
}
.form-material .input-group .form-control {
  position: relative;
  z-index: inherit;
  float: inherit;
  width: 100%;
  margin-bottom: 0;
}
.form-material .form-control:focus {
  border-color: #D5D5D5;
  outline: none;
  box-shadow: none;
}
.form-material label {
  position: absolute;
  top: -18px;
  color: #333;
  font-size: 1.3rem;
  font-weight: 400;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.form-material .form-horizontal .control-label {
  position: relative;
  top: 0;
  margin-bottom: 0;
}
.form-material .float-label {
  left: 0;
  top: 7px;
  font-size: 1.3rem;
  pointer-events: none;
}
.form-material .form-control:focus ~ .float-label,
.form-material .form-control:valid ~ .float-label {
  top: -18px;
  font-size: 1.3rem;
}
.form-material .form-control:focus ~ label {
  color: #E34724;
}
.form-material .form-control:focus ~ .form-bar:before,
.form-material .form-control:focus ~ .form-bar:after {
  background: #E34724;
}
.form-material .form-group .help-block {
  position: absolute;
}
.form-material .help-block {
  color: #bdbdbd;
  font-size: 1.3rem;
  font-weight: 300;
}
.form-material .input-group-addon {
  border: none;
  background: transparent;
}
.form-material .input-group-addon,
.form-material .form-inline .input-group {
  display: table-cell;
}
.form-material .input-group-addon,
.form-material .input-group-btn {
  width: inherit;
}
.form-material .input-group {
  width: 100%;
}
.form-material .form-bar {
  position: relative;
  display: block;
  width: 100%;
}
.form-material .form-bar:before,
.form-material .form-bar:after {
  content: '';
  height: 1px;
  width: 0;
  bottom: 0;
  position: absolute;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
}
.form-material .form-bar:before {
  left: 50%;
}
.form-material .form-bar:after {
  right: 50%;
}
.form-material .form-control:focus ~ .form-bar:before,
.form-material .form-control:focus ~ .form-bar:after {
  width: 50%;
}
.form-material .form-highlight {
  position: absolute;
  height: 60%;
  width: 60px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.4;
}
.form-material .form-control:focus ~ .form-highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}
@-webkit-keyframes inputHighlighter {
  from {
    background: #5264AE;
  }
  to {
    width: 0;
    background: transparent;
  }
}
@-moz-keyframes inputHighlighter {
  from {
    background: #5264AE;
  }
  to {
    width: 0;
    background: transparent;
  }
}
@keyframes inputHighlighter {
  from {
    background: #5264AE;
  }
  to {
    width: 0;
    background: transparent;
  }
}
.form-material .form-group.checkbox-material {
  margin-top: 20px;
}
.form-material .checkbox-material input[type='checkbox'] {
  height: 0;
  width: 0;
  opacity: 0;
}
.form-material .checkbox-material label {
  font-size: 1.3rem;
  line-height: 19px;
  display: inline-block;
  overflow: hidden;
  position: relative;
  top: 10px;
  padding-left: 0;
  cursor: pointer;
}
.form-material .checkbox-material .chk-span {
  top: 0;
  border: 1px solid #D5D5D5;
  color: #D5D5D5;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 18px;
  margin: 0px 14px 0px 0px;
  outline-color: #eaeaea;
  padding: 0;
  position: relative;
  width: 18px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 1;
}
.form-material .checkbox-material .chk-span.checked {
  top: -2px;
  border-left: 2px solid #E34724;
  border-bottom: 4px solid #E34724;
  border-top: 1px solid rgba(0, 0, 0, 0);
  border-right: 1px solid rgba(0, 0, 0, 0);
  -webkit-transform: rotate(-45deg) scaleY(0.5);
  -moz-transform: rotate(-45deg) scaleY(0.5);
  -ms-transform: rotate(-45deg) scaleY(0.5);
  -o-transform: rotate(-45deg) scaleY(0.5);
  transform: rotate(-45deg) scaleY(0.5);
}
.form-material .checkbox-material .chk-span.checked {
  border-left-color: #E34724;
  border-bottom-color: #E34724;
}
.form-material .checkbox-material input[type='checkbox']:focus ~ label {
  color: #E34724;
}
.form-material .checkbox-material input[type='checkbox']:focus ~ label .chk-span {
  border-color: #E34724;
}
.form-material .checkbox-material input[type='checkbox']:focus ~ label .chk-span.checked {
  border-left-color: #E34724;
  border-bottom-color: #E34724;
  border-top: 1px solid rgba(0, 0, 0, 0);
  border-right: 1px solid rgba(0, 0, 0, 0);
}
.form-material .form-control-static {
  font-size: 1.5rem;
}
.form-material .form-control[disabled],
.form-material .form-control[readonly],
.form-material fieldset[disabled] .form-control {
  background-color: transparent;
  border-bottom-style: dashed;
}
.form-material #focusedInput {
  border-color: #ccc;
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  box-shadow: none;
}
.form-material .radio-material {
  padding-right: 20px;
  font-size: 1.3rem;
  line-height: 20px;
  cursor: pointer;
}
.form-material label.radio-material {
  position: relative;
  top: 0px;
}
.form-material .radio-material:hover .inner {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  opacity: .5;
}
.form-material .radio-material input {
  width: 1px;
  height: 1px;
  opacity: 0;
}
.form-material .radio-material input:checked + .outer .inner {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.form-material .radio-material input:checked + .outer {
  border: 1px solid #D5D5D5;
}
.form-material .radio-material input:focus + .outer .inner {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  background-color: #E34724;
}
.form-material .radio-material .outer {
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  margin: 0px 10px 0px 0px;
  border: 1px solid #D5D5D5;
  border-radius: 50%;
  background-color: #fff;
}
.form-material .radio-material .inner {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  width: 14px;
  height: 14px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  display: block;
  margin: 2px;
  border-radius: 50%;
  background-color: #E34724;
  opacity: 0;
}
@media (min-width: 768px) {
  .form-material .form-horizontal .control-label {
    font-size: 1.5rem;
  }
  .form-material .form-inline .form-group {
    margin-top: 16px;
  }
  .form-material .input-group-btn,
  .form-material .input-group .form-control,
  .form-material .input-group-addon,
  .form-material .form-inline .input-group {
    display: inline-block;
  }
  .form-material .input-group {
    width: auto;
  }
  .form-material .form-inline .radio label,
  .form-material .form-inline .checkbox label {
    padding-left: 5px;
  }
}
/* FUNCTIONS */
/* EOF FUNCTIONS */
/* PREDEFINED CLASSES */
.border-rs {
  border-right-width: 1px;
  border-right-style: solid;
}
.border-ls {
  border-left-width: 1px;
  border-left-style: solid;
}
.header-word {
  width: calc(100% - 225px);
  font-size: 1.8rem;
  line-height: 50px;
  color: #ffffff;
  float: left;
  text-align: left;
  margin: 0 0 0 20px;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.background-colorful {
  background: linear-gradient(left, #c91920 0%, #f88c2c 50%, #57c22d 100%);
  background: -o-linear-gradient(left, #c91920 0%, #f88c2c 50%, #57c22d 100%);
  background: -moz-linear-gradient(left, #c91920 0%, #f88c2c 50%, #57c22d 100%);
  background: -webkit-linear-gradient(left, #c91920 0%, #f88c2c 50%, #57c22d 100%);
  background: -ms-linear-gradient(left, #c91920 0%, #f88c2c 50%, #57c22d 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #c91920), color-stop(0.5, #f88c2c), color-stop(1, #57c22d));
}
/* EOF PREDEFINED CLASSES */
@keyframes pulsate {
  0% {
    opacity: 0.0;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.0;
  }
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
/* END Animations */
/*动画*/
@keyframes alarm-2 {
  0% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
@keyframes alarm-2 {
  0% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
/* THEME COLOR 主题颜色 STRAT */
.bg-theme-hover-03:hover,
.bg-theme-03 {
  background-color: rgba(0, 108, 190, 0.03);
}
.bg-theme-hover-04:hover,
.bg-theme-04 {
  background-color: rgba(0, 108, 190, 0.04);
}
.bg-theme-hover-05:hover,
.bg-theme-05 {
  background-color: rgba(0, 108, 190, 0.05) !important;
}
.bg-theme-hover-06:hover,
.bg-theme-06 {
  background-color: rgba(0, 108, 190, 0.06);
}
.bg-theme-hover-07:hover,
.bg-theme-07 {
  background-color: rgba(0, 108, 190, 0.07);
}
.bg-theme-hover-08:hover,
.bg-theme-08 {
  background-color: rgba(0, 108, 190, 0.08) !important;
}
.bg-theme-hover-09:hover,
.bg-theme-09 {
  background-color: rgba(0, 108, 190, 0.09);
}
.bg-theme-hover-10:hover,
.bg-theme-10 {
  background-color: rgba(0, 108, 190, 0.1) !important;
}
.bg-theme-hover-12:hover,
.bg-theme-12 {
  background-color: rgba(0, 108, 190, 0.12);
}
.bg-theme-hover-13:hover,
.bg-theme-13 {
  background-color: rgba(0, 108, 190, 0.13);
}
.bg-theme-hover-14:hover,
.bg-theme-14 {
  background-color: rgba(0, 108, 190, 0.14);
}
.bg-theme-hover-15:hover,
.bg-theme-15 {
  background-color: rgba(0, 108, 190, 0.15);
}
.bg-theme-hover-20:hover,
.bg-theme-20 {
  background-color: rgba(0, 108, 190, 0.2) !important;
}
.bg-theme-hover-25:hover,
.bg-theme-25 {
  background-color: rgba(0, 108, 190, 0.25);
}
.bg-theme-hover-30:hover,
.bg-theme-30 {
  background-color: rgba(0, 108, 190, 0.3);
}
.bg-theme-hover-40:hover,
.bg-theme-40 {
  background-color: rgba(0, 108, 190, 0.4);
}
.bg-theme-hover-50:hover,
.bg-theme-50 {
  background-color: rgba(0, 108, 190, 0.5);
}
.bg-theme-hover-60:hover,
.bg-theme-60 {
  background-color: rgba(0, 108, 190, 0.6);
}
.bg-theme-hover-65:hover,
.bg-theme-65 {
  background-color: rgba(0, 108, 190, 0.65);
}
.bg-theme-hover-70:hover,
.bg-theme-70 {
  background-color: rgba(0, 108, 190, 0.7);
}
.bg-theme-hover-80:hover,
.bg-theme-80 {
  background-color: rgba(0, 108, 190, 0.8);
}
.bg-theme-hover-90:hover,
.bg-theme-90 {
  background-color: rgba(0, 108, 190, 0.9);
}
.bg-theme-hover-100:hover,
.bg-theme-100,
.jh-state-active {
  background-color: #006cbe !important;
}
.border-theme-hover-03:hover,
.border-theme-03,
.border-theme-03::after,
.border-theme-03::before {
  border-color: rgba(0, 108, 190, 0.03);
}
.border-theme-hover-04:hover,
.border-theme-04,
.border-theme-04::after,
.border-theme-04::before {
  border-color: rgba(0, 108, 190, 0.04);
}
.border-theme-hover-05:hover,
.border-theme-05,
.border-theme-05::after,
.border-theme-05::before {
  border-color: rgba(0, 108, 190, 0.05);
}
.border-theme-hover-06:hover,
.border-theme-06,
.border-theme-06::after,
.border-theme-06::before {
  border-color: rgba(0, 108, 190, 0.06);
}
.border-theme-hover-07:hover,
.border-theme-07,
.border-theme-07::after,
.border-theme-07::before {
  border-color: rgba(0, 108, 190, 0.07);
}
.border-theme-hover-08:hover,
.border-theme-08,
.border-theme-08::after,
.border-theme-08::before {
  border-color: rgba(0, 108, 190, 0.08);
}
.border-theme-hover-09:hover,
.border-theme-09,
.border-theme-09::after,
.border-theme-09::before {
  border-color: rgba(0, 108, 190, 0.09);
}
.border-theme-hover-10:hover,
.border-theme-10,
.border-theme-10::after,
.border-theme-10::before {
  border-color: rgba(0, 108, 190, 0.1) !important;
}
.border-theme-hover-15:hover,
.border-theme-15,
.border-theme-15::after,
.border-theme-15::before {
  border-color: rgba(0, 108, 190, 0.15);
}
.border-theme-hover-20:hover,
.border-theme-20,
.border-theme-20::after,
.border-theme-20::before {
  border-color: rgba(0, 108, 190, 0.2);
}
.border-theme-hover-30:hover,
.border-theme-30,
.border-theme-30::after,
.border-theme-30::before {
  border-color: rgba(0, 108, 190, 0.3) !important;
}
.border-theme-hover-40:hover,
.border-theme-40,
.border-theme-40::after,
.border-theme-40::before {
  border-color: rgba(0, 108, 190, 0.4);
}
.border-theme-hover-50:hover,
.border-theme-50,
.border-theme-50::after,
.border-theme-50::before {
  border-color: rgba(0, 108, 190, 0.5) !important;
}
.border-theme-hover-60:hover,
.border-theme-60,
.border-theme-60::after,
.border-theme-60::before {
  border-color: rgba(0, 108, 190, 0.6);
}
.border-theme-hover-70:hover,
.border-theme-70,
.border-theme-70::after,
.border-theme-70::before {
  border-color: rgba(0, 108, 190, 0.7);
}
.border-theme-hover-80:hover,
.border-theme-80,
.border-theme-80::after,
.border-theme-80::before {
  border-color: rgba(0, 108, 190, 0.8);
}
.border-theme-hover-90:hover,
.border-theme-90,
.border-theme-90::after,
.border-theme-90::before {
  border-color: rgba(0, 108, 190, 0.9);
}
.border-theme-hover-100:hover,
.border-theme-100,
.border-theme-100::after,
.border-theme-100::before {
  border-color: #006cbe !important;
}
.color-theme-hover-10:hover,
.color-theme-10 {
  color: rgba(0, 108, 190, 0.1) !important;
}
.color-theme-hover-20:hover,
.color-theme-20 {
  color: rgba(0, 108, 190, 0.2) !important;
}
.color-theme-hover-30:hover,
.color-theme-30 {
  color: rgba(0, 108, 190, 0.3) !important;
}
.color-theme-hover-40:hover,
.color-theme-40 {
  color: rgba(0, 108, 190, 0.4) !important;
}
.color-theme-hover-50:hover,
.color-theme-50 {
  color: rgba(0, 108, 190, 0.5) !important;
}
.color-theme-hover-60:hover,
.color-theme-60 {
  color: rgba(0, 108, 190, 0.6) !important;
}
.color-theme-hover-70:hover,
.color-theme-70 {
  color: rgba(0, 108, 190, 0.7) !important;
}
.color-theme-hover-80:hover,
.color-theme-80 {
  color: rgba(0, 108, 190, 0.8) !important;
}
.color-theme-hover-90:hover,
.color-theme-90 {
  color: rgba(0, 108, 190, 0.9) !important;
}
.color-theme-hover-100:hover,
.color-theme-100 {
  color: #006cbe !important;
}
.color-theme-hover-100:hover path,
.color-theme-100 path {
  stroke: #006cbe !important;
}
.color-darken-theme-10 {
  color: #004f8b;
}
.color-darken-theme-20 {
  color: #003258;
}
.color-darken-theme-30 {
  color: #001525;
}
.bg-header-03 {
  background-color: rgba(0, 108, 190, 0.03);
}
.bg-header-04 {
  background-color: rgba(0, 108, 190, 0.04);
}
.bg-header-05 {
  background-color: rgba(0, 108, 190, 0.05);
}
.bg-header-06 {
  background-color: rgba(0, 108, 190, 0.06);
}
.bg-header-07 {
  background-color: rgba(0, 108, 190, 0.07);
}
.bg-header-08 {
  background-color: rgba(0, 108, 190, 0.08);
}
.bg-header-09 {
  background-color: rgba(0, 108, 190, 0.09);
}
.bg-header-10 {
  background-color: rgba(0, 108, 190, 0.1);
}
.bg-header-12 {
  background-color: rgba(0, 108, 190, 0.12);
}
.bg-header-14 {
  background-color: rgba(0, 108, 190, 0.14);
}
.bg-header-15 {
  background-color: rgba(0, 108, 190, 0.15);
}
.bg-header-20 {
  background-color: rgba(0, 108, 190, 0.2);
}
.bg-header-30 {
  background-color: rgba(0, 108, 190, 0.3);
}
.bg-header-40 {
  background-color: rgba(0, 108, 190, 0.4);
}
.bg-header-50 {
  background-color: rgba(0, 108, 190, 0.5);
}
.bg-header-60 {
  background-color: rgba(0, 108, 190, 0.6);
}
.bg-header-65 {
  background-color: rgba(0, 108, 190, 0.65);
}
.bg-header-70 {
  background-color: rgba(0, 108, 190, 0.7);
}
.bg-header-80 {
  background-color: rgba(0, 108, 190, 0.8);
}
.bg-header-90 {
  background-color: rgba(0, 108, 190, 0.9);
}
.bg-header-100 {
  background-color: #006cbe;
}
.border-header-04 {
  border-color: rgba(0, 108, 190, 0.04);
}
.border-header-05 {
  border-color: rgba(0, 108, 190, 0.05);
}
.border-header-10 {
  border-color: rgba(0, 108, 190, 0.1);
}
.border-header-15 {
  border-color: rgba(0, 108, 190, 0.15);
}
.border-header-20 {
  border-color: rgba(0, 108, 190, 0.2);
}
.border-header-30 {
  border-color: rgba(0, 108, 190, 0.3);
}
.border-header-40 {
  border-color: rgba(0, 108, 190, 0.4);
}
.border-header-50 {
  border-color: rgba(0, 108, 190, 0.5);
}
.border-header-60 {
  border-color: rgba(0, 108, 190, 0.6);
}
.border-header-70 {
  border-color: rgba(0, 108, 190, 0.7);
}
.border-header-80 {
  border-color: rgba(0, 108, 190, 0.8);
}
.border-header-90 {
  border-color: rgba(0, 108, 190, 0.9);
}
.border-header-100 {
  border-color: #006cbe;
}
.color-header-10 {
  color: rgba(0, 108, 190, 0.1);
}
.color-header-20 {
  color: rgba(0, 108, 190, 0.2);
}
.color-header-30 {
  color: rgba(0, 108, 190, 0.3);
}
.color-header-40 {
  color: rgba(0, 108, 190, 0.4);
}
.color-header-50 {
  color: rgba(0, 108, 190, 0.5);
}
.color-header-60 {
  color: rgba(0, 108, 190, 0.6);
}
.color-header-70 {
  color: rgba(0, 108, 190, 0.7);
}
.color-header-80 {
  color: rgba(0, 108, 190, 0.8);
}
.color-header-90 {
  color: rgba(0, 108, 190, 0.9);
}
.color-header-100 {
  color: #006cbe;
}
.theme-shadow-down-3-2 {
  box-shadow: 0px 2px 2px 2px rgba(0, 108, 190, 0.03) !important;
}
.theme-shadow-down-3-3 {
  box-shadow: 0px 3px 3px 3px rgba(0, 108, 190, 0.03) !important;
}
.theme-shadow-down-6-3 {
  box-shadow: 0px 3px 3px 3px rgba(0, 108, 190, 0.06) !important;
}
.theme-shadow-down-16-12 {
  box-shadow: 0 3px 20px 3px rgba(0, 108, 190, 0.16) !important;
}
.theme-shadow-down-3-6 {
  box-shadow: 0px 6px 6px 6px rgba(0, 108, 190, 0.03);
}
.theme-shadow-down-5-11 {
  box-shadow: 0px 5px 11px 0px rgba(0, 108, 190, 0.07);
}
.theme-shadow-up-3-3 {
  box-shadow: 0px -3px 3px 3px rgba(0, 108, 190, 0.03);
}
.theme-shadow-up-6-3 {
  box-shadow: 0px -3px 3px 3px rgba(0, 108, 190, 0.06);
}
.theme-shadow-up-6-6 {
  box-shadow: 0px -6px 6px 6px rgba(0, 108, 190, 0.06);
}
.theme-shadow-right-3-3 {
  box-shadow: 3px 0px 3px 3px rgba(0, 108, 190, 0.03);
}
.theme-shadow-left-3-8 {
  box-shadow: -1px 0px 8px 8px rgba(0, 108, 190, 0.03);
}
.theme-shadow-inset-3-7 {
  box-shadow: inset 0px 3px 7px rgba(0, 108, 190, 0.06);
}
.theme-shadow-down-5-19 {
  box-shadow: 0px 5px 19px 0px rgba(0, 108, 190, 0.2);
}
/* THEME COLOR 主题颜色 END */
/* TEXT COLOR 文字颜色 STRAT */
.text-primary {
  color: #006cbe !important;
}
.text-success {
  color: #57c22d !important;
}
.text-info {
  color: #3281f8 !important;
}
.text-warning {
  color: #f88c2c !important;
}
.text-danger {
  color: #c91920 !important;
}
.text-gray {
  color: #999999 !important;
}
.text-deepgreen {
  color: #19b575 !important;
}
.text-purple {
  color: #7e7bee !important;
}
.text-yellow {
  color: #f2da11 !important;
}
.text-pink {
  color: #ea44b1 !important;
}
.text-orange {
  color: #f96f3b !important;
}
/* TEXT COLOR 文字颜色 END */
/* form 表单 STRAT */
.form-control {
  height: 32px;
  font-size: 14px;
  line-height: 18px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  border: 1px solid #dedede;
  border-radius: 5px;
  background-color: #fff;
  padding: 6px 12px;
  color: #666;
}
.form-control.time-picker {
  padding: 6px 30px 6px 12px;
  background-image: url('../../../image/common/icon/time-icon.png');
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 6px;
}
.form-control:focus {
  border-color: #C5C5C5;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #C1C1C1;
  background: #FFF;
}
.form-control:focus.time-picker {
  padding: 6px 30px 6px 12px;
  background-image: url('../../../image/common/icon/time-icon.png');
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 6px;
}
.form-control[disabled],
.form-control[readonly] {
  color: #999;
}
.form-control[disabled]:focus,
.form-control[readonly]:focus {
  background: #EEE;
  color: #999;
  border-color: #D5D5D5;
}
/* form 表单 END */
/* BUTTONS 按钮 STRAT */
.btn {
  font-size: 13px;
  padding: 5px 15px 5px;
  padding: 5px 15px 5px\9;
  line-height: 20px;
  font-weight: 400;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.btn.btn-lg,
.btn-group-lg > .btn {
  font-size: 15px;
  padding: 12px 20px;
}
.btn.btn-sm,
.btn-group-sm > .btn {
  font-size: 13px;
  padding: 2px 10px;
}
.btn.btn-xs,
.btn-group-xs > .btn {
  font-size: 10px;
  padding: 0px 5px;
}
.btn-default {
  border-color: #DDD;
  border: 1px solid #dedede;
  background-color: #fff;
  color: #666;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-color: #F5F5F5;
  border-color: #DDD;
}
.btn-danger {
  background-color: #c91920;
  border-color: #c91920;
  color: #fff;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-color: #b2161c;
  border-color: #b2161c;
  color: #fff;
}
.btn-danger[disabled],
.btn-danger.disabled {
  background: #e53037;
  border-color: #e4272e;
}
.btn-warning {
  background-color: #f88c2c;
  border-color: #f88c2c;
  color: #fff;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-color: #f77f13;
  border-color: #f77f13;
  color: #fff;
}
.btn-warning[disabled],
.btn-warning.disabled {
  background: #faa75d;
  border-color: #f9a253;
}
.btn-success {
  background-color: #57c22d;
  border-color: #57c22d;
  color: #fff;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-color: #4ead28;
  border-color: #4ead28;
  color: #fff;
}
.btn-success[disabled],
.btn-success.disabled {
  background: #73d64c;
  border-color: #6dd444;
}
.btn-primary {
  background-color: #006cbe;
  border-color: #006cbe;
  color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: #0089f1;
  border-color: #0089f1;
  color: #fff;
}
.btn-primary[disabled],
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover {
  background: #eee;
  border-color: #ccc;
  color: #333;
}
.btn-gray {
  background-color: #999999;
  border-color: #999999;
  color: #fff;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
  color: #fff;
}
.btn-gray[disabled],
.btn-gray.disabled {
  background: #b3b3b3;
  border-color: #adadad;
}
.btn-info {
  background-color: #3281f8;
  border-color: #3281f8;
  color: #fff;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-color: #1972f7;
  border-color: #1972f7;
  color: #fff;
}
.btn-info[disabled],
.btn-info.disabled {
  background: #639ffa;
  border-color: #5999f9;
}
.btn-deepgreen {
  background-color: #19b575;
  border-color: #d5d5d5;
  color: #fff;
}
.btn-deepgreen:hover,
.btn-deepgreen:focus,
.btn-deepgreen:active,
.btn-deepgreen.active,
.open > .dropdown-toggle.btn-deepgreen {
  background-color: #21e092;
  border-color: #21e092;
  color: #fff;
}
.btn-deepgreen[disabled],
.btn-deepgreen.disabled {
  background: #21e092;
  border-color: #1ed98c;
}
.btn-purple {
  background-color: #7e7bee;
  border-color: #d5d5d5;
  color: #fff;
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple {
  background-color: #aaa8f4;
  border-color: #aaa8f4;
  color: #fff;
}
.btn-purple[disabled],
.btn-purple.disabled {
  background: #aaa8f4;
  border-color: #a19ff3;
}
.btn-yellow {
  background-color: #f2da11;
  border-color: #d5d5d5;
  color: #fff;
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active,
.open > .dropdown-toggle.btn-yellow {
  background-color: #f5e241;
  border-color: #f5e241;
  color: #fff;
}
.btn-yellow[disabled],
.btn-yellow.disabled {
  background: #f5e241;
  border-color: #f4e038;
}
.btn-pink {
  background-color: #ea44b1;
  border-color: #d5d5d5;
  color: #fff;
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active,
.open > .dropdown-toggle.btn-pink {
  background-color: #ef72c4;
  border-color: #ef72c4;
  color: #fff;
}
.btn-pink[disabled],
.btn-pink.disabled {
  background: #ef72c4;
  border-color: #ee69c0;
}
.btn-orange {
  background-color: #f96f3b;
  border-color: #d5d5d5;
  color: #fff;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  background-color: #fb936c;
  border-color: #fb936c;
  color: #fff;
}
.btn-orange[disabled],
.btn-orange.disabled {
  background: #fb936c;
  border-color: #fa8c63;
}
.btn-link {
  font-weight: 600;
  color: #006cbe;
  border-color: rgba(255, 255, 255, 0);
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.table-content thead tr th .bootstrap-select > .btn.dropdown-toggle div,
.table-content thead tr th .bootstrap-select > .btn.dropdown-toggle span,
.academic-table thead tr th .bootstrap-select > .btn.dropdown-toggle div,
.academic-table thead tr th .bootstrap-select > .btn.dropdown-toggle span {
  color: #006cbe;
}
.hover-table tr:hover td {
  background-color: rgba(0, 108, 190, 0.05);
}
.btn .fa {
  font-size: 15px;
  margin-right: 5px;
}
.btn .glyphicon {
  font-size: 13px;
  margin-right: 5px;
}
.btn [class^="in_"],
.btn [class^="ii_"] {
  margin-right: 5px;
}
.btn.btn-rounded {
  background: transparent;
  color: #666666;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  border-width: 2px;
  padding: 2px 10px;
  font-weight: 600;
}
.btn.btn-rounded.btn-default:hover,
.btn.btn-rounded.btn-default:focus,
.btn.btn-rounded.btn-default:active,
.btn.btn-rounded.btn-default.active {
  border-color: #CCC;
  color: #333;
}
.btn.btn-rounded.btn-success {
  color: #57c22d;
}
.btn.btn-rounded.btn-success:hover,
.btn.btn-rounded.btn-success:focus,
.btn.btn-rounded.btn-success:active,
.btn.btn-rounded.btn-success.active {
  border-color: #4ead28;
  color: #fff;
}
.btn.btn-rounded.btn-warning {
  color: #f88c2c;
}
.btn.btn-rounded.btn-warning:hover,
.btn.btn-rounded.btn-warning:focus,
.btn.btn-rounded.btn-warning:active,
.btn.btn-rounded.btn-warning.active {
  border-color: #f77f13;
  color: #fff;
}
.btn.btn-rounded.btn-info {
  color: #3281f8;
}
.btn.btn-rounded.btn-info:hover,
.btn.btn-rounded.btn-info:focus,
.btn.btn-rounded.btn-info:active,
.btn.btn-rounded.btn-info.active {
  border-color: #1972f7;
  color: #fff;
}
.btn.btn-rounded.btn-danger {
  color: #c91920;
}
.btn.btn-rounded.btn-danger:hover,
.btn.btn-rounded.btn-danger:focus,
.btn.btn-rounded.btn-danger:active,
.btn.btn-rounded.btn-danger.active {
  border-color: #b2161c;
  color: #fff;
}
.btn.btn-rounded.btn-primary {
  color: #006cbe;
}
.btn.btn-rounded.btn-primary:hover,
.btn.btn-rounded.btn-primary:focus,
.btn.btn-rounded.btn-primary:active,
.btn.btn-rounded.btn-primary.active {
  border-color: #005ea5;
  color: #fff;
}
.btn.btn-rounded.btn-gray {
  color: #fff;
}
.btn.btn-rounded.btn-gray:hover,
.btn.btn-rounded.btn-gray:focus,
.btn.btn-rounded.btn-gray:active,
.btn.btn-rounded.btn-gray.active {
  border-color: #8c8c8c;
  color: #fff;
}
.btn.btn-rounded.btn-deepgreen {
  color: #19b575;
}
.btn.btn-rounded.btn-deepgreen:hover,
.btn.btn-rounded.btn-deepgreen:focus,
.btn.btn-rounded.btn-deepgreen:active,
.btn.btn-rounded.btn-deepgreen.active {
  border-color: #169f67;
  color: #fff;
}
.btn.btn-rounded.btn-purple {
  color: #7e7bee;
}
.btn.btn-rounded.btn-purple:hover,
.btn.btn-rounded.btn-purple:focus,
.btn.btn-rounded.btn-purple:active,
.btn.btn-rounded.btn-purple.active {
  border-color: #6864eb;
  color: #fff;
}
.btn.btn-rounded.btn-yellow {
  color: #f2da11;
}
.btn.btn-rounded.btn-yellow:hover,
.btn.btn-rounded.btn-yellow:focus,
.btn.btn-rounded.btn-yellow:active,
.btn.btn-rounded.btn-yellow.active {
  border-color: #ddc70c;
  color: #fff;
}
.btn.btn-rounded.btn-pink {
  color: #ea44b1;
}
.btn.btn-rounded.btn-pink:hover,
.btn.btn-rounded.btn-pink:focus,
.btn.btn-rounded.btn-pink:active,
.btn.btn-rounded.btn-pink.active {
  border-color: #e72da7;
  color: #fff;
}
.btn.btn-rounded.btn-orange {
  color: #f96f3b;
}
.btn.btn-rounded.btn-orange:hover,
.btn.btn-rounded.btn-orange:focus,
.btn.btn-rounded.btn-orange:active,
.btn.btn-rounded.btn-orange.active {
  border-color: #f85d22;
  color: #fff;
}
.btn:active,
.btn.active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn.btn-twitter {
  background: #1AB2E8;
  border-color: #1AB2E8;
}
.btn.btn-twitter:hover,
.btn.btn-twitter:focus,
.btn.btn-twitter:active,
.btn.btn-twitter.active {
  background: #15a1d3;
}
.btn.btn-facebook {
  background: #3C599B;
  border-color: #3C599B;
}
.btn.btn-facebook:hover,
.btn.btn-facebook:focus,
.btn.btn-facebook:active,
.btn.btn-facebook.active {
  background: #354e89;
}
.btn.btn-google {
  background: #E04A39;
  border-color: #E04A39;
}
.btn.btn-google:hover,
.btn.btn-google:focus,
.btn.btn-google:active,
.btn.btn-google.active {
  background: #dd3623;
}
.btn.btn-condensed {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
.btn.btn-condensed .fa,
.btn.btn-condensed .glyphicon {
  margin: 0px;
  text-align: center;
}
.btn.btn-condensed.btn-sm {
  padding-left: 8px;
  padding-right: 8px;
}
.btn.btn-condensed.btn-lg {
  padding-left: 15px;
  padding-right: 15px;
}
/* BUTTONS 按钮 END */
/* background-color 背景色 STRAT*/
.bg-default {
  background-color: #fff!important;
}
.bg-primary {
  color: #fff;
  background-color: #006cbe !important;
}
.bg-success {
  color: #fff;
  background-color: #57c22d !important;
}
.bg-info {
  color: #fff;
  background-color: #3281f8 !important;
}
.bg-warning {
  color: #fff;
  background-color: #f88c2c !important;
}
.bg-danger {
  color: #fff;
  background-color: #c91920 !important;
}
.bg-gray {
  color: #fff;
  background-color: #999999 !important;
}
.bg-deepgreen {
  color: #fff;
  background-color: #19b575 !important;
}
.bg-purple {
  color: #fff;
  background-color: #7e7bee !important;
}
.bg-yellow {
  color: #fff;
  background-color: #f2da11 !important;
}
.bg-pink {
  color: #fff;
  background-color: #ea44b1 !important;
}
.bg-orange {
  color: #fff;
  background-color: #f96f3b !important;
}
/* background-color 背景色 END*/
/*datatable 表格 START*/
.dataTable div.checker,
.dataTable div.radio {
  display: inherit;
}
.dataTables_wrapper {
  float: left;
  width: 100%;
}
.dataTables_scroll {
  float: left;
  width: 100%;
}
.div_jumppage {
  float: left;
  margin: 0 10px 5px;
}
.dataTables_length {
  float: left;
  padding: 0 0 5px;
  padding: 5px 20px 0px 0;
  margin-top: 5px;
  display: none;
}
.dataTables_length label,
.dataTables_filter label {
  padding: 0px;
  line-height: 30px;
  height: auto;
  margin: 0px;
  font-size: 14px;
  color: #666;
  font-weight: normal;
}
.dataTables_length select {
  width: 75px;
  display: inline;
  margin: 0px 5px;
  height: 30px;
  border-color: #CED8E3;
  border-radius: 3px;
  padding: 0px 10px;
}
.dataTables_length .bootstrap-select {
  width: 90px!important;
  display: inline;
}
.dataTables_filter {
  width: 50%;
  float: right;
  padding-left: 5px;
  padding: 0px 0px 5px;
}
.dataTables_filter label {
  float: right;
}
.dataTables_filter label input {
  width: 150px;
  display: inline;
  margin-left: 5px;
  height: 30px;
  border: 1px solid #CED8E3;
  border-radius: 3px;
  padding: 0px 10px;
}
.page-skip {
  float: right;
  margin-top: 5px;
  padding: 5px 0;
}
.page-skip > div {
  line-height: 30px;
  float: left;
}
.page-skip .form-control {
  width: 50px;
  float: left;
}
td.dataTables_empty {
  font-size: 14px;
  text-align: center;
  color: #333;
}
.dataTables_info {
  float: left;
  font-size: 14px;
  padding: 0px;
  color: #333;
  line-height: 30px;
  padding: 5px 20px 5px 0;
  margin-top: 5px;
}
.dataTables_paginate {
  padding: 0px;
  text-align: right;
  float: right;
  padding: 5px 0px;
  margin-top: 5px;
}
.dataTables_paginate a.paginate_disabled_previous,
.dataTables_paginate a.paginate_disabled_next,
.dataTables_paginate a.paginate_button,
.paginate_enabled_next,
.paginate_active,
.paginate_enabled_previous {
  padding: 5px 10px;
  font-size: 13px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  float: left;
  text-decoration: none;
  background-color: #fff;
  color: #666666;
  margin-left: 3px;
  cursor: pointer;
  border: 1px solid #ddd;
}
.dataTables_paginate .paginate_enabled_next:hover,
.dataTables_paginate a.paginate_button:hover,
.dataTables_paginate .paginate_enabled_previous:hover {
  background-color: #eee;
  border-color: #ddd;
  color: #222;
}
.dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button.current:hover {
  background: #006cbe;
  color: #FFF;
  border-color: #006cbe;
}
.dataTables_paginate a.paginate_disabled_previous,
.dataTables_paginate a.paginate_button_disabled,
.dataTables_paginate a.paginate_disabled_next {
  cursor: default;
  color: #ccc;
}
.dataTables_paginate a.paginate_button_disabled:hover {
  box-shadow: none;
  color: #ccc;
}
.dataTables_paginate .ellipsis {
  background-color: #fff;
  color: #222;
  padding: 3px 9px 8px 10px;
  font-size: 14px;
  float: left;
  margin-left: 3px;
}
.sorting_desc,
.sorting_asc,
.sorting {
  position: relative;
  cursor: pointer;
  padding-right: 20px !important;
}
.sorting_desc.sorting_disabled::before,
.sorting_asc.sorting_disabled::before,
.sorting.sorting_disabled::before {
  display: none!important;
}
.sorting:before,
.sorting_desc:before,
.sorting_asc:before {
  position: absolute;
  top: 13px;
  right: 5px;
  font-family: 'FontAwesome';
  opacity: 0.9;
  filter: alpha(opacity = 90);
  width: 10px;
  height: 10px;
  display: block;
}
.sorting:before {
  content: "\f0dc";
  opacity: 0.3;
  filter: alpha(opacity = 30);
}
.sorting_desc:before {
  content: "\f0d8";
}
.sorting_asc:before {
  content: "\f0d7";
}
.sorting_asc_disabled:before,
.sorting_desc_disabled:before {
  opacity: 0.1;
  filter: alpha(opacity = 10);
}
.theme-odd-even-table thead tr th {
  background-color: #006cbe;
  color: #fff;
}
.theme-odd-even-table tbody tr:nth-child(even) td {
  background-color: rgba(0, 108, 190, 0.05);
}
/*datatable 表格 END*/
/*SELECT 下拉选择 STRAT*/
.bootstrap-select .dropdown-menu li i {
  display: none;
  float: right;
  margin: 5px 0 0;
}
.bootstrap-select .dropdown-menu li.selected {
  background-color: rgba(0, 108, 190, 0.1);
  color: #006cbe;
}
.bootstrap-select .dropdown-menu li.selected span,
.bootstrap-select .dropdown-menu li.selected i {
  display: inline;
  color: #006cbe;
}
.bootstrap-select .dropdown-menu li:hover {
  background-color: rgba(0, 108, 190, 0.1);
  color: #006cbe;
}
.bootstrap-select .dropdown-menu li:hover span,
.bootstrap-select .dropdown-menu li:hover i {
  display: inline;
  color: #006cbe;
}
/*SELECT 下拉选择 END*/
.tab-active {
  background-color: rgba(0, 108, 190, 0.1);
  color: #006cbe !important;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: #006cbe;
}
.article-details-container .article-details-box::before {
  background-color: rgba(0, 108, 190, 0.1);
}
.form-design-content-wrap .form-design-content-inside .form-design-window .form-design-window-inside.phone-mod .display-mod-container .form-table-item .form-table-container table tbody tr td:before {
  background-color: #006cbe;
}
.custom-pager-container .pager-box > a.active {
  background-color: #006cbe;
  color: #fff;
  border-color: #006cbe;
}
.irs-min,
.irs-max {
  color: #006cbe;
}
.irs-bar-edge {
  background-color: #006cbe;
}
.irs-slider,
.irs-from,
.irs-to,
.irs-single {
  background-color: #006cbe;
}
.irs-bar-edge,
.irs-slider {
  background-color: #006cbe;
}
.irs-bar {
  background-color: #006cbe;
  border-color: #f2f8fc;
}
.irs-slider {
  background-color: rgba(0, 108, 190, 0.15);
}
.irs-slider::before {
  background-color: #006cbe;
}
.irs-from:after,
.irs-to:after,
.irs-single:after {
  border-top-color: #006cbe !important;
}
.school-week-time-row .school-week-time-show .bootstrap-select > .btn > span {
  color: #006cbe;
}
.menu-item-list-outside .menu-item-list .menu-item .menu-item-link:hover font {
  color: #006cbe;
}
.menu-item-list-outside .menu-item-list .menu-item .menu-item-link:hover font.menu-info {
  color: rgba(0, 108, 190, 0.5);
}
.theme-table thead tr th {
  background-color: rgba(0, 108, 190, 0.11);
}
.theme-table tbody tr:nth-child(even) td {
  background-color: rgba(0, 108, 190, 0.11);
}
.theme-table.theme-table-sm thead tr th {
  background-color: rgba(0, 108, 190, 0.07);
}
.theme-table.theme-table-sm tbody tr:nth-child(even) td {
  background-color: rgba(0, 108, 190, 0.04);
}
.classtable-view-table thead tr th.center-mark {
  background-color: #edf5fa;
}
.classtable-view-table thead tr th.day-mark {
  background-color: #edf5fa;
}
.classtable-view-table tbody tr td.row-title {
  background-color: #edf5fa;
}
.classtable-view-table tbody tr td.course-box {
  border-right: 1px solid rgba(0, 108, 190, 0.1);
}
.classtable-view-table tbody tr td.course-box .course-item {
  border-bottom: 1px dashed rgba(0, 108, 190, 0.1);
}
.classtable-view-table.has-bg-pic thead tr th {
  border-color: rgba(255, 255, 255, 0.2);
}
.classtable-view-table.has-bg-pic thead tr th.center-mark {
  background-color: rgba(255, 255, 255, 0);
}
.classtable-view-table.has-bg-pic thead tr th.day-mark {
  background-color: rgba(255, 255, 255, 0);
}
.classtable-view-table.has-bg-pic tbody tr td {
  border-color: rgba(255, 255, 255, 0.2);
}
.classtable-view-table.has-bg-pic tbody tr td.row-title {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.classtable-view-table.has-bg-pic tbody tr td.course-box {
  background-color: rgba(255, 255, 255, 0.1);
}
.classtable-view-table.has-odd-even-line tbody tr:nth-child(even) td.course-box {
  background-color: #f7fbfd;
}
.object-list ul li span {
  color: #006cbe;
}
.color-line {
  background-color: #006cbe;
}
.list-a {
  color: #006cbe;
}
.list-a:hover {
  border-bottom: 1px solid #006cbe;
}
.pull-box-content .tab .tab_list .current {
  background-color: #006cbe;
}
.layui-layer-btn .layui-layer-btn0:hover,
.layui-layer-btn .layui-layer-btn0:focus,
.layui-layer-btn .layui-layer-btn0:active,
.layui-layer-btn .layui-layer-btn0.active,
.layui-layer-btn .open > .dropdown-toggle.layui-layer-btn0 {
  background-color: #006cbe;
  border-color: #006cbe;
}
.header-navigation-item a {
  color: #000;
}
.header-navigation-item.active a,
.header-navigation-item:hover a {
  color: #006cbe;
  background-color: rgba(0, 108, 190, 0.05);
}
.header-navigation-item.active a span,
.header-navigation-item:hover a span {
  color: #006cbe;
}
.page-main-body.unfold-service-list .page-service-list .service-list-outside .service-list-item:hover {
  background-color: rgba(0, 108, 190, 0.06);
  box-shadow: 0px 15px 12px 0px rgba(0, 108, 190, 0.12);
}
.page-main-body.unfold-service-list .page-service-list .service-list-outside .service-list-item:hover .service-list-item-inside .title-box,
.page-main-body.unfold-service-list .page-service-list .service-list-outside .service-list-item:hover .service-list-item-inside .icon-box {
  color: #006cbe;
}
.page-service-popup .page-service-popup-inside .popup-service-container .popup-service-box .popup-service-col .popup-service-panel .service-box-content .service-box-item:hover {
  background-color: rgba(0, 108, 190, 0.06);
  box-shadow: 0px 15px 12px 0px rgba(0, 108, 190, 0.12);
}
.page-service-popup .page-service-popup-inside .popup-service-container .popup-service-box .popup-service-col .popup-service-panel .service-box-content .service-box-item:hover .title-box {
  color: #006cbe;
}
.page-service-popup .page-service-popup-inside .service-search-content .service-search-inside .search-input-box input::-webkit-input-placeholder,
.page-service-popup .page-service-popup-inside .service-search-content .service-search-inside .search-input-box textarea::-webkit-input-placeholder {
  color: rgba(0, 108, 190, 0.5);
}
.page-service-popup .page-service-popup-inside .service-search-content .service-search-inside .search-input-box input:-moz-placeholder,
.page-service-popup .page-service-popup-inside .service-search-content .service-search-inside .search-input-box textarea:-moz-placeholder {
  color: rgba(0, 108, 190, 0.5);
}
.page-service-popup .page-service-popup-inside .service-search-content .service-search-inside .search-input-box input::-moz-placeholder,
.page-service-popup .page-service-popup-inside .service-search-content .service-search-inside .search-input-box textarea::-moz-placeholder {
  color: rgba(0, 108, 190, 0.5);
}
.page-service-popup .page-service-popup-inside .service-search-content .service-search-inside .search-input-box input:-ms-input-placeholder,
.page-service-popup .page-service-popup-inside .service-search-content .service-search-inside .search-input-box textarea:-ms-input-placeholder {
  color: rgba(0, 108, 190, 0.5);
}
.select-line-con .select-line-content > p.active > a {
  background-color: rgba(0, 108, 190, 0.07);
  color: #006cbe;
}
.select-line-con.type-6 .select-line-content > p.active > a {
  background-color: #006cbe;
  color: #fff;
}
.page-menu-container .page-menu-content .page-menu-list-outside .page-menu-list .page-menu-item.active {
  background-color: rgba(0, 108, 190, 0.07);
}
.page-menu-container .page-menu-content .page-menu-list-outside .page-menu-list .page-menu-item.active .title-box {
  color: #006cbe;
}
.page-menu-container .page-menu-content .page-menu-list-outside .page-menu-list .page-menu-item.active .number-box {
  color: rgba(0, 108, 190, 0.5);
}
.page-menu-container .page-menu-content .page-menu-list-outside .page-menu-list .page-menu-item:hover {
  background-color: rgba(0, 108, 190, 0.07);
}
.page-menu-container .page-menu-content .page-menu-list-outside .page-menu-list .page-menu-item:hover .title-box {
  color: #006cbe;
}
.page-menu-container .page-menu-content .page-menu-list-outside .page-menu-list .page-menu-item:hover .number-box {
  color: rgba(0, 108, 190, 0.5);
}
.calendar-block-body .timeline-body-box {
  background-image: linear-gradient(rgba(0, 108, 190, 0.08), rgba(0, 108, 190, 0.01));
}
.calendar-block-body .timeline-block-outside .timeline-day::after {
  background-color: rgba(0, 108, 190, 0.1);
}
.calendar-block-body .timeline-block-outside .timeline-day.today .timeline-label {
  background-color: rgba(0, 108, 190, 0.8);
}
.calendar-block-body .timeline-block-outside .timeline-day.today .timeline-point {
  border-color: #006cbe;
  background-color: rgba(0, 108, 190, 0.7);
  box-shadow: 0 3px 3px 3px rgba(0, 108, 190, 0.08);
}
.calendar-block-body .timeline-block-outside .timeline-day.future .timeline-label {
  background-color: rgba(0, 108, 190, 0.12);
  color: #006cbe;
}
.dataTables_scrollBody .table-bordered-crosswise tbody tr.active td,
.DTFC_RightWrapper .DTFC_RightBodyWrapper .DTFC_RightBodyLiner .table-bordered-crosswise tbody tr.active td,
.DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner .table-bordered-crosswise tbody tr.active td {
  background-color: rgba(0, 108, 190, 0.1);
}
/*SWITCH 开关 START*/
.switch {
  cursor: pointer;
  position: relative;
  height: 30px;
  line-height: 30px;
}
.switch input {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: scale(2.5);
  z-index: 10;
  left: 10px;
  top: 3px;
}
.switch input:checked + span:after {
  left: 21px;
}
.switch input:checked + span {
  background-color: #57c22d;
}
.switch input:disabled + span {
  background-color: #CCC;
}
.switch span {
  position: relative;
  width: 50px;
  height: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background-color: #c91920;
  border: 1px solid #E5E5E5;
  display: inline-block;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  border-color: rgba(0, 0, 0, 0.1);
  left: 0px;
}
.switch span:after {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 26px;
  top: 1px;
  bottom: 1px;
  left: 1px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.switch.switch-small {
  margin: 6px 0px 4px;
  height: 20px;
  line-height: 20px;
}
.switch.switch-small input:checked + span:after {
  left: 11px;
}
.switch.switch-small span {
  width: 30px;
  height: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.switch.switch-small span:after {
  width: 16px;
}
/*SWITCH 开关 END*/
/*layui 按钮 START*/
.layui-layer-btn .layui-layer-btn0 {
  background-color: #006cbe;
  color: #fff;
  border-color: #006cbe;
}
/*layui 按钮 END*/
.sidebar-menu-list .sidebar-item > a:hover {
  background-color: rgba(0, 108, 190, 0.1);
  color: #006cbe;
}
.sidebar-menu-list .sidebar-item.active > a {
  background-color: rgba(0, 108, 190, 0.1);
  color: #006cbe;
}
.open-plf .header-navigation-box .header-navigation-item:hover > a i {
  color: #006cbe;
}
.open-plf .header-navigation-box .header-navigation-item.active > a {
  border-bottom: 4px solid #006cbe;
  border-radius: 0;
}
.open-plf .header-navigation-box .header-navigation-item.active > a i {
  color: #006cbe;
}
.semester-select-content .bootstrap-select > .btn {
  background-color: rgba(0, 108, 190, 0.05);
  color: #006cbe;
  border-color: rgba(255, 255, 255, 0);
}
.semester-select-content .bootstrap-select > .btn .filter-option {
  color: #006cbe;
}
.semester-select-content .dropdown-menu li .text {
  font-size: 13px;
}
.calendar-block-body .calendar-block-outside .fc-view-harness .fc-daygrid .fc-daygrid-day .fc-daygrid-day-events .fc-daygrid-day-bottom:before {
  background-color: #006cbe;
}
.calendar-block-body .calendar-block-outside .fc-view-harness .fc-daygrid .fc-daygrid-day.fc-day-today:before {
  background-image: linear-gradient(135deg, #0f78d0 0%, #0a51a1 100%);
  box-shadow: 0 3px 7px 7px rgba(0, 108, 190, 0.08);
}
.calendar-block-body .calendar-block-outside .fc-view-harness .fc-timegrid .fc-scrollgrid-liquid .fc-col-header .fc-col-header-cell.fc-day-today .fc-col-header-cell-cushion {
  color: #006cbe;
}
.calendar-block-body .calendar-block-outside .fc-view-harness .fc-timegrid .fc-scrollgrid-liquid .fc-col-header .fc-col-header-cell.fc-day-today::after {
  background-color: rgba(0, 108, 190, 0.1);
}
.calendar-block-body .calendar-block-outside .fc-view-harness .fc-timegrid .fc-scrollgrid-liquid .fc-scrollgrid-section-body .fc-scrollgrid-sync-table .fc-day-today::after {
  background-color: #006cbe;
}
.fc-daygrid-event-dot {
  border-color: #006cbe !important;
}
.fc-theme-standard .fc-popover-header {
  background-color: rgba(0, 108, 190, 0.1);
}
.fc-theme-standard .fc-popover-header .fc-popover-title {
  color: #006cbe;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #006cbe !important;
}
.goal-card-container .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 108, 190, 0.3);
  border-radius: 5px;
  width: 5px;
}
.ec-page-outside-container .ec-page-nav-container {
  background-image: linear-gradient(to right, #024d94 0%, #005dad 100%);
  box-shadow: 3px 0 10px 5px rgba(0, 108, 190, 0.04);
}
.weather-block-container .big-day-box {
  background-image: linear-gradient(135deg, #024d94 0%, #005dad 100%);
}
table.zebra-table-odd tbody tr:nth-child(odd) td {
  background-color: rgba(0, 108, 190, 0.1);
}
table.zebra-table-even tbody tr:nth-child(even) td {
  background-color: rgba(0, 108, 190, 0.1);
}
table.zebra-table-odd-05 tbody tr:nth-child(odd) td {
  background-color: rgba(0, 108, 190, 0.05);
}
table.zebra-table-even-05 tbody tr:nth-child(even) td {
  background-color: rgba(0, 108, 190, 0.05);
}
.full-screen-schedule .draw-classtable-table-item .classtable-list thead tr th {
  background-color: rgba(0, 108, 190, 0.06);
  color: #006cbe;
  border-left: 1px solid rgba(221, 221, 221, 0.5);
}
.full-screen-schedule .draw-classtable-table-item .classtable-list tbody tr td:first-child {
  background-color: rgba(0, 108, 190, 0.04);
  border-top: 1px solid rgba(221, 221, 221, 0.5);
}
/*无特征通用左侧菜单 STRAT*/
.page-common-sidebar {
  background-color: #fff;
}
.page-common-sidebar .common-sidebar-title {
  background-color: rgba(0, 108, 190, 0.1);
  min-height: 40px;
  width: 100%;
  padding: 10px 15px;
  color: #006cbe;
  text-align: left;
  line-height: 20px;
  font-size: 15px;
  border-radius: 8px;
  font-weight: bold;
}
.page-common-sidebar .common-sidebar-l01 {
  /*添加base64箭头背景图 START*/
  /*添加base64箭头背景图 END*/
}
.page-common-sidebar .common-sidebar-l01 > li {
  height: 42px;
  border-top: 1px solid #ededed;
  display: block;
  position: relative;
}
.page-common-sidebar .common-sidebar-l01 > li > a {
  min-height: 40px;
  padding: 10px 0;
  line-height: 20px;
  display: block;
  width: 100%;
  font-size: 14px;
  color: #666;
}
.page-common-sidebar .common-sidebar-l01 > li > a i {
  float: right;
}
.page-common-sidebar .common-sidebar-l01 > li:before {
  position: absolute;
  font-size: 1.7rem;
  width: 20px;
  height: 20px;
  color: #999;
  right: 0px;
  top: 13px;
  cursor: pointer;
}
.page-common-sidebar .common-sidebar-l01 > li.active {
  min-height: 50px;
  height: auto;
}
.page-common-sidebar .common-sidebar-l01 > li.active .common-sidebar-l02 {
  display: block;
}
.page-common-sidebar .common-sidebar-l01 > li:first-child {
  border-top: none;
}
.page-common-sidebar .common-sidebar-l01 > li .common-sidebar-l02 {
  display: none;
  padding: 0 0 10px;
}
.page-common-sidebar .common-sidebar-l01 > li .common-sidebar-l02 > li {
  height: 40px;
  background-color: #fff;
  display: block;
}
.page-common-sidebar .common-sidebar-l01 > li .common-sidebar-l02 > li.active a {
  color: #006cbe;
  font-weight: bold;
}
.page-common-sidebar .common-sidebar-l01 > li .common-sidebar-l02 > li:last-child {
  border-bottom: none;
}
.page-common-sidebar .common-sidebar-l01 > li .common-sidebar-l02 > li > a {
  min-height: 40px;
  padding: 10px 20px;
  line-height: 20px;
  color: #666;
  width: 100%;
  display: block;
  font-size: 14px;
}
.page-common-sidebar .common-sidebar-l01 > li {
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: right 17px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHFJREFUeNpi/P//PwMuMGvWLAMQnZaWdgGXGiYCmg+AMMwgog1A0swPxTgNYSKg+SMU4zSEiYBmByjGaQgTPs2gwIMGIE5DmPBphinCZwjjzJkz8Wom5EWQCzYQoxmHSzaADAgA4oeENGMxBKSnASDAAO1LUpOv0BOVAAAAAElFTkSuQmCC');
}
.page-common-sidebar .common-sidebar-l01 > li.active {
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: right 17px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIlJREFUeNpinDlzpgEDA8MGIA5IS0u7wEAEmDVrFlwPE5QhD8QHoBLEaD4A1bMBZEAAEH8EYn5ChiBp5ocKNTD+//8fXQJkmAO6d7BoTgSqWQA2AIsCFENwaQYx4AbgMgQqhVUzhgE4DGHApRmrATicjFUzTgOwGIJVM14DkAwRAGo+gEsNQIABAEaIXGgd1OT1AAAAAElFTkSuQmCC');
}
/*无特征通用左侧菜单 END*/
.block-panel-container.type-bg .block-title-container {
  background-image: linear-gradient(to right, #006cbe, rgba(0, 108, 190, 0) 94%);
  background-image: -webkit-gradient(linear, left right, left right, from(#006cbe), to(rgba(0, 108, 190, 0)) 94%);
}
.title-box .home-block-tab .tab-item a.color-theme-100 {
  background-image: linear-gradient(to bottom, rgba(0, 108, 190, 0.2), rgba(0, 108, 190, 0) 94%);
  background-image: -webkit-gradient(linear, top bottom, top bottom, from(rgba(0, 108, 190, 0.2)), to(rgba(0, 108, 190, 0)) 94%);
}
.type-se {
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: transform;
  /* .card-block-col{
	.card-title-row + .card-panel-container{border-radius: 10px;
		&:last-child{border-radius: 0 0 10px 10px;
			&:nth-child(2){border-radius: 10px;}
		}
	}
	.card-panel-container{border-radius: 0;margin:0;border:1px solid #d5d5d5;border-top:none;
		&:first-child{border-radius: 10px 10px 0 0;border-top:1px solid #d5d5d5;}
		&:last-child{border-radius: 0 0 10px 10px;
			&:first-child{border-radius: 10px;}
		}
	}
} */
}
.type-se .robot-img {
  left: 40px;
}
.type-se .robot-mag-win {
  left: 112px;
}
.type-se .main-part-footer {
  padding: 0px 20px 19px;
}
.type-se .theme-shadow-down-6-3 {
  box-shadow: 0 3px 12px 4px rgba(0, 108, 190, 0.05) !important;
}
.type-se .ec-page-outside-container .ec-page-nav-container {
  width: 160px;
}
.type-se .ec-page-outside-container .ec-page-nav-container .logo-container .logo-inside {
  width: 160px;
  padding: 0 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.type-se .ec-page-outside-container .ec-page-nav-container .nav-container .nav-block::after {
  width: calc(100% - 20px);
  left: 10px;
}
.type-se .ec-page-outside-container .ec-page-nav-container .nav-container .nav-block .nav-list {
  padding: 0 10px;
}
.type-se .ec-page-outside-container .ec-page-nav-container .nav-container .nav-block .nav-list .nav-list-item {
  width: 140px;
  border-radius: 10px;
  margin: 0 0 10px;
}
.type-se .ec-page-outside-container .ec-page-nav-container .nav-container .nav-block .nav-list .nav-list-item .nav-list-item-link {
  padding: 0;
  overflow: hidden;
}
.type-se .ec-page-outside-container .ec-page-nav-container .nav-container .nav-block .nav-list .nav-list-item.active {
  background-color: rgba(255, 255, 255, 0.3);
}
.type-se .ec-page-outside-container.ec-page-nav-fold .ec-page-nav-container .nav-container .nav-block .nav-list {
  padding: 0 8px;
}
.type-se .ec-page-outside-container.ec-page-nav-fold .ec-page-nav-container .nav-container .nav-block .nav-list .nav-list-item {
  width: 44px;
}
.type-se .ec-page-outside-container.ec-page-nav-fold .ec-page-nav-container .nav-container .nav-block .nav-list .nav-list-item .nav-list-item-link {
  padding: 0;
}
.type-se .ec-page-outside-container.ec-page-nav-fold .ec-page-nav-container .nav-container .nav-block .nav-list .nav-list-item .nav-list-item-link .nav-name {
  position: absolute;
  left: 60px;
}
.type-se .ec-page-outside-container .ec-page-main-container {
  width: calc(100% - 160.01px);
  position: relative;
}
.type-se .ec-page-outside-container .ec-page-main-container .ec-page-header {
  background-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 7px 12px 0 rgba(0, 108, 190, 0.06);
}
.type-se .ec-page-outside-container .ec-page-main-container .ec-page-body {
  z-index: 1;
  position: relative;
  top: 0;
}
.type-se .ec-page-outside-container .ec-page-main-container.without-menu .ec-page-header {
  position: absolute;
  top: 0;
  left: 0;
}
.type-se .ec-page-outside-container .ec-page-main-container.without-menu .ec-page-header.full-color {
  background-color: rgba(255, 255, 255, 0.8);
}
.type-se .ec-page-outside-container .ec-page-main-container.without-menu .ec-page-content-container {
  padding: 0 0 0;
  height: 100vh;
  box-sizing: border-box;
}
.type-se .ec-page-outside-container .ec-page-main-container.without-menu .ec-page-content-container#work_page_container {
  padding: 0;
}
.type-se .ec-page-outside-container .ec-page-main-container.without-menu .ec-page-content-container .fullsize-part-con {
  padding: 62px 0 0;
}
.type-se .ec-page-outside-container .ec-page-main-container.without-menu .ec-page-content-container .fullsize-part-con .fullsizepart-weather-todo-block {
  min-height: 80px;
  padding: 22px 10px 2px;
}
.type-se .ec-page-outside-container .ec-page-main-container.without-menu .ec-page-content-container .fullsize-part-con .fullsizepart-weather-todo-block .weather-block-container .time-box {
  width: 240px;
}
.type-se .ec-page-outside-container .ec-page-main-container.without-menu .ec-page-content-container .fullsize-part-con .fullsizepart-weather-todo-block .weather-block .greetings-row {
  margin: 15px 0 0;
}
.type-se .ec-page-outside-container .ec-page-main-container.without-menu .ec-page-content-container .fullsize-block-container {
  width: 100%;
  height: 203px;
}
.type-se .ec-page-outside-container .ec-page-main-container.without-menu .ec-page-content-container .working-table-container {
  min-height: calc(100vh - 65px);
  padding: 0 10px 0;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto 265px;
}
.type-se .ec-page-outside-container .fullsize-block-container + .function-main-tab-container {
  background: none!important;
  border: none;
  margin: -52px -5px 0;
  width: calc(100% + 10px);
}
.type-se .ec-page-outside-container .fullsize-block-container + .function-main-tab-container.theme-shadow-down-3-3 {
  box-shadow: none!important;
}
.type-se .ec-page-outside-container .fullsize-block-container + .function-main-tab-container .function-main-tab-swiper .tab-item {
  margin: 0 5px;
}
.type-se .ec-page-outside-container .fullsize-block-container + .function-main-tab-container .function-main-tab-swiper .tab-item > a {
  padding: 15px 20px;
  background-color: rgba(249, 250, 251, 0.2);
  border-radius: 10px 10px 0 0;
  color: #fff;
  border-bottom: none;
}
.type-se .ec-page-outside-container .fullsize-block-container + .function-main-tab-container .function-main-tab-swiper .tab-item > a.border-theme-hover-100.color-theme-hover-100:hover {
  background-color: #f9fafb;
  color: #006cbe;
}
.type-se .ec-page-outside-container .fullsize-block-container + .function-main-tab-container .function-main-tab-swiper .tab-item > a.border-theme-100.color-theme-100 {
  background-color: #f9fafb;
  color: #006cbe;
}
.type-se .block-panel-container .block-panel-title {
  min-height: 34px;
  height: auto;
}
.type-se .block-panel-container .block-panel-title .title-box {
  padding: 14px 0 0;
}
.type-se .block-panel-container .block-panel-title .block-search-box {
  display: flex;
  height: 36px;
  margin: 10px 0 0;
  padding: 4px 15px 4px 12px;
  border: none;
  background-color: rgba(0, 108, 190, 0.05);
  box-shadow: inset 0 3px 14px 0 rgba(0, 108, 190, 0.03);
}
.type-se .block-panel-container .block-panel-title .block-search-box > i,
.type-se .block-panel-container .block-panel-title .block-search-box > a {
  font-size: 16px;
}
.type-se .block-panel-container .block-panel-title .block-search-box > input {
  background: none;
}
.type-se .block-panel-container .block-panel-title .block-search-box > input::-webkit-input-placeholder {
  color: rgba(0, 108, 190, 0.4);
}
.type-se .block-panel-container .block-panel-title .block-search-box > input::-moz-placeholder {
  color: rgba(0, 108, 190, 0.4);
}
.type-se .block-panel-container .block-panel-title .block-search-box > input:-moz-placeholder {
  color: rgba(0, 108, 190, 0.4);
}
.type-se .block-panel-container .block-panel-title .block-search-box > input:-ms-input-placeholder {
  color: rgba(0, 108, 190, 0.4);
}
.type-se .block-panel-container .block-panel-title .operate-btn-box {
  padding: 10px 0 0;
}
.type-se .block-panel-container .block-panel-title .operate-btn-box .btn-group {
  height: 36px;
  margin: -1px 0;
  padding: 3px 4px;
  background-color: rgba(0, 108, 190, 0.1);
  border: none;
}
.type-se .block-panel-container .block-panel-title .operate-btn-box .btn-group > a {
  border-radius: 6px;
  position: relative;
  margin: 0 10px 0 0;
  line-height: 32px;
  height: 30px;
  border-right: none;
}
.type-se .block-panel-container .block-panel-title .operate-btn-box .btn-group > a i {
  color: rgba(0, 108, 190, 0.4);
}
.type-se .block-panel-container .block-panel-title .operate-btn-box .btn-group > a.color-theme-100.bg-theme-10 {
  background-color: #fff!important;
  box-shadow: 0 3px 3px 3px rgba(0, 108, 190, 0.04);
}
.type-se .block-panel-container .block-panel-title .operate-btn-box .btn-group > a::after {
  content: "";
  position: absolute;
  top: 7px;
  bottom: 7px;
  right: -5px;
  display: block;
  width: 1px;
  height: 16px;
  background-color: rgba(0, 108, 190, 0.25);
}
.type-se .block-panel-container .block-panel-title .operate-btn-box .btn-group > a:last-child {
  margin: 0;
}
.type-se .block-panel-container .block-panel-title .operate-btn-box .btn-group > a:last-child::after {
  display: none;
}
.type-se .tour-step-background {
  display: none!important;
}
.type-se .tour-step-backdrop.ec-page-header {
  position: absolute !important;
}
@keyframes add-folder-app {
  0% {
    width: 60px;
    height: 60px;
    position: fixed;
    margin: 0 -40px -40px 0;
  }
  100% {
    width: 20px;
    height: 20px;
    position: relative;
    top: auto;
    left: auto;
  }
}
.type-se .add-folder-app {
  animation: add-folder-app 0.5s;
  -moz-animation: add-folder-app 0.5s;
  /* Firefox */
  -webkit-animation: add-folder-app 0.5s;
  /* Safari 和 Chrome */
  -o-animation: add-folder-app 0.5s;
  /* Opera */
}
.type-se .collect-work-application .work-application-list,
.type-se .work-application-all .work-application-list {
  width: calc(100% + 20px);
  margin: 0 -10px;
  padding: 18px 0 0;
}
.type-se .collect-work-application .work-application-list .application-item,
.type-se .work-application-all .work-application-list .application-item {
  height: 160px;
  margin: 0 10px 20px;
  background-color: rgba(0, 108, 190, 0.03);
  border-radius: 10px;
}
.type-se .collect-work-application .work-application-list .application-item .icon-box,
.type-se .work-application-all .work-application-list .application-item .icon-box {
  margin: 0 0 21px;
  padding: 30px 0 0;
  height: 90px;
  border: 0 solid rgba(0, 108, 190, 0);
}
.type-se .collect-work-application .work-application-list .application-item .icon-box > img,
.type-se .work-application-all .work-application-list .application-item .icon-box > img {
  width: 60px;
  height: 60px;
  max-width: 60px;
  max-height: 60px;
}
.type-se .collect-work-application .work-application-list .application-item .icon-box .collect-star,
.type-se .work-application-all .work-application-list .application-item .icon-box .collect-star {
  right: 0px;
  left: auto;
  top: 10px;
}
.type-se .collect-work-application .work-application-list .application-item .icon-box .dropdown-setting,
.type-se .work-application-all .work-application-list .application-item .icon-box .dropdown-setting {
  position: absolute;
  right: 4px;
  left: auto;
  top: 34px;
}
.type-se .collect-work-application .work-application-list .application-item .icon-box .dropdown-setting .setting-btn,
.type-se .work-application-all .work-application-list .application-item .icon-box .dropdown-setting .setting-btn {
  font-size: 14px;
  text-align: right;
}
.type-se .collect-work-application .work-application-list .application-item .icon-box .dropdown-setting .setting-drop-con,
.type-se .work-application-all .work-application-list .application-item .icon-box .dropdown-setting .setting-drop-con {
  display: none;
  position: absolute;
  right: -10px;
  left: auto;
  top: 20px;
  float: right;
}
.type-se .collect-work-application .work-application-list .application-item .icon-box .dropdown-setting .setting-drop-con::before,
.type-se .work-application-all .work-application-list .application-item .icon-box .dropdown-setting .setting-drop-con::before {
  content: "";
  position: absolute;
  z-index: 2;
  right: 11px;
  left: auto;
  top: -13px;
  display: block;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom: 8px solid #fff;
}
.type-se .collect-work-application .work-application-list .application-item .icon-box .dropdown-setting .setting-drop-con::after,
.type-se .work-application-all .work-application-list .application-item .icon-box .dropdown-setting .setting-drop-con::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 10px;
  left: auto;
  top: -15px;
  display: block;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-bottom: 9px solid rgba(0, 0, 0, 0.05);
}
.type-se .collect-work-application .work-application-list .application-item .icon-box .dropdown-setting .setting-drop,
.type-se .work-application-all .work-application-list .application-item .icon-box .dropdown-setting .setting-drop {
  float: right;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
}
.type-se .collect-work-application .work-application-list .application-item .icon-box .dropdown-setting .setting-drop > li,
.type-se .work-application-all .work-application-list .application-item .icon-box .dropdown-setting .setting-drop > li {
  padding: 5px 10px;
  line-height: 28px;
  font-size: 12px;
  color: #666;
  white-space: nowrap;
}
.type-se .collect-work-application .work-application-list .application-item .icon-box .dropdown-setting .setting-drop > li:hover,
.type-se .work-application-all .work-application-list .application-item .icon-box .dropdown-setting .setting-drop > li:hover {
  background-color: #f8f8f8;
}
.type-se .collect-work-application .work-application-list .application-item .icon-box .dropdown-setting:hover .setting-drop-con,
.type-se .work-application-all .work-application-list .application-item .icon-box .dropdown-setting:hover .setting-drop-con {
  display: block;
}
.type-se .collect-work-application .work-application-list .application-item .icon-box .lock-mark,
.type-se .work-application-all .work-application-list .application-item .icon-box .lock-mark {
  position: absolute;
  left: 0px!important;
  top: 14px!important;
}
.type-se .collect-work-application .work-application-list .application-item .icon-box .add-app-to-school,
.type-se .work-application-all .work-application-list .application-item .icon-box .add-app-to-school {
  top: 5px;
  right: 0 !important;
  left: auto;
}
.type-se .collect-work-application .work-application-list .application-item .icon-box .hover-info,
.type-se .work-application-all .work-application-list .application-item .icon-box .hover-info {
  right: 25px!important;
  left: auto!important;
  top: 5px;
  display: none!important;
}
.type-se .collect-work-application .work-application-list .application-item .icon-box .hover-info .hover-info-inside,
.type-se .work-application-all .work-application-list .application-item .icon-box .hover-info .hover-info-inside {
  float: right;
}
.type-se .collect-work-application .work-application-list .application-item .icon-box .hover-info .hover-info-inside::before,
.type-se .work-application-all .work-application-list .application-item .icon-box .hover-info .hover-info-inside::before {
  left: auto!important;
  right: -6px !important;
  border-width: 7px 0 7px 6px;
  border-color: transparent #ddd transparent;
}
.type-se .collect-work-application .work-application-list .application-item .icon-box .hover-info .hover-info-inside::after,
.type-se .work-application-all .work-application-list .application-item .icon-box .hover-info .hover-info-inside::after {
  left: auto!important;
  right: -5px !important;
  border-width: 4px 0 4px 5px;
  border-color: transparent #fff transparent;
}
.type-se .collect-work-application .work-application-list .application-item .icon-box .hidden-btn,
.type-se .work-application-all .work-application-list .application-item .icon-box .hidden-btn {
  top: 30px;
}
.type-se .collect-work-application .work-application-list .application-item .icon-box .hidden-btn > a,
.type-se .work-application-all .work-application-list .application-item .icon-box .hidden-btn > a {
  margin: 18px auto;
}
.type-se .collect-work-application .work-application-list .application-item.unused-app .alert-text,
.type-se .work-application-all .work-application-list .application-item.unused-app .alert-text {
  top: 30px;
  left: calc(50% - 30px);
  width: 60px;
  height: 60px;
  padding: 17px 0;
}
.type-se .collect-work-application .work-application-list .application-item .add-icon-box,
.type-se .work-application-all .work-application-list .application-item .add-icon-box {
  width: 60px;
  height: 60px;
  margin: 30px auto;
}
.type-se .collect-work-application .work-application-list .application-item .app-name,
.type-se .work-application-all .work-application-list .application-item .app-name {
  height: auto;
  max-height: 40px;
  color: #333;
}
.type-se .collect-work-application .work-application-list .application-item.emp-application-item,
.type-se .work-application-all .work-application-list .application-item.emp-application-item {
  padding: 30px 0 0;
}
.type-se .collect-work-application .work-application-list .application-item.emp-application-item .emp-icon-box,
.type-se .work-application-all .work-application-list .application-item.emp-application-item .emp-icon-box {
  width: 50px;
  height: 50px;
  margin: 0 calc(50% - 25px) 25px;
  border-radius: 16px;
  background-color: rgba(0, 108, 190, 0.03);
}
.type-se .collect-work-application .work-application-list .application-item.emp-application-item .emp-app-name,
.type-se .work-application-all .work-application-list .application-item.emp-application-item .emp-app-name {
  height: 14px;
  width: 50px;
  margin: 0 calc(50% - 25px) 0;
  border-radius: 7px;
  background-color: rgba(0, 108, 190, 0.03);
}
.type-se .collect-work-application .work-application-list .application-item.folder .icon-box,
.type-se .work-application-all .work-application-list .application-item.folder .icon-box {
  display: flex;
  flex-wrap: wrap;
  width: 60px;
  height: 60px;
  margin: 30px calc(50% - 30px) 21px;
  padding: 5px;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(0, 108, 190, 0.15);
}
.type-se .collect-work-application .work-application-list .application-item.folder .icon-box > img,
.type-se .work-application-all .work-application-list .application-item.folder .icon-box > img {
  display: none;
  float: left;
  width: 20px;
  height: 20px;
  margin: 2px;
  border-radius: 5px;
}
.type-se .collect-work-application .work-application-list .application-item.folder .icon-box > img:nth-of-type(1),
.type-se .work-application-all .work-application-list .application-item.folder .icon-box > img:nth-of-type(1),
.type-se .collect-work-application .work-application-list .application-item.folder .icon-box > img:nth-of-type(2),
.type-se .work-application-all .work-application-list .application-item.folder .icon-box > img:nth-of-type(2),
.type-se .collect-work-application .work-application-list .application-item.folder .icon-box > img:nth-of-type(3),
.type-se .work-application-all .work-application-list .application-item.folder .icon-box > img:nth-of-type(3),
.type-se .collect-work-application .work-application-list .application-item.folder .icon-box > img:nth-of-type(4),
.type-se .work-application-all .work-application-list .application-item.folder .icon-box > img:nth-of-type(4) {
  display: block!important;
}
.type-se .collect-work-application .work-application-list .application-item.tem-folder .icon-box,
.type-se .work-application-all .work-application-list .application-item.tem-folder .icon-box {
  width: 60px;
  height: 60px;
  margin: 30px calc(50% - 30px) 21px;
  padding: 5px;
  border-radius: 20px;
  border: 1px solid rgba(0, 108, 190, 0.5);
}
.type-se .collect-work-application .work-application-list .application-item.tem-folder .icon-box > img,
.type-se .work-application-all .work-application-list .application-item.tem-folder .icon-box > img {
  float: left;
  width: 20px;
  height: 20px;
  margin: 2px;
  border-radius: 5px;
}
.type-se .collect-work-application .work-application-list .application-item .item-before-mark,
.type-se .work-application-all .work-application-list .application-item .item-before-mark {
  display: none;
  width: calc(50% + 10px);
  height: 180px;
  position: absolute;
  top: -10px;
  left: -10px;
}
.type-se .collect-work-application .work-application-list .application-item .item-before-mark.show-mark,
.type-se .work-application-all .work-application-list .application-item .item-before-mark.show-mark {
  border-left: 1px solid #999;
}
.type-se .collect-work-application .work-application-list .application-item .item-before-mark.show-mark::before,
.type-se .work-application-all .work-application-list .application-item .item-before-mark.show-mark::before {
  content: "";
  width: 7px;
  height: 1px;
  position: absolute;
  top: 0;
  left: -4px;
  border-top: 1px solid #999;
}
.type-se .collect-work-application .work-application-list .application-item .item-before-mark.show-mark::after,
.type-se .work-application-all .work-application-list .application-item .item-before-mark.show-mark::after {
  content: "";
  width: 7px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: -4px;
  border-bottom: 1px solid #999;
}
.type-se .collect-work-application .work-application-list .application-item .item-after-mark,
.type-se .work-application-all .work-application-list .application-item .item-after-mark {
  display: none;
  z-index: -1;
  width: calc(50% + 11px);
  height: 180px;
  position: absolute;
  top: -10px;
  right: -11px;
}
.type-se .collect-work-application .work-application-list .application-item .item-after-mark.show-mark,
.type-se .work-application-all .work-application-list .application-item .item-after-mark.show-mark {
  border-right: 1px solid #999;
}
.type-se .collect-work-application .work-application-list .application-item .item-after-mark.show-mark::before,
.type-se .work-application-all .work-application-list .application-item .item-after-mark.show-mark::before {
  content: "";
  width: 7px;
  height: 1px;
  position: absolute;
  top: 0;
  right: -4px;
  border-top: 1px solid #999;
}
.type-se .collect-work-application .work-application-list .application-item .item-after-mark.show-mark::after,
.type-se .work-application-all .work-application-list .application-item .item-after-mark.show-mark::after {
  content: "";
  width: 7px;
  height: 1px;
  position: absolute;
  bottom: 0;
  right: -4px;
  border-bottom: 1px solid #999;
}
.type-se .collect-work-application .work-application-list .application-item.draging .order-mark,
.type-se .work-application-all .work-application-list .application-item.draging .order-mark {
  display: none!important;
}
.type-se .collect-work-application .work-application-list .application-item.draging .order-mark.show-mark,
.type-se .work-application-all .work-application-list .application-item.draging .order-mark.show-mark {
  display: none;
}
.type-se .editing-mod .collect-work-application .work-application-list .application-item .item-before-mark,
.type-se .editing-mod .work-application-all .work-application-list .application-item .item-before-mark {
  display: block;
  z-index: 10;
}
.type-se .editing-mod .collect-work-application .work-application-list .application-item .item-after-mark,
.type-se .editing-mod .work-application-all .work-application-list .application-item .item-after-mark {
  display: block;
  z-index: 10;
}
.type-se .collect-work-application {
  padding: 0;
}
.type-se .collect-work-application .work-application-list .application-item {
  width: calc(100% / 8 - 20.01px);
}
.type-se .collect-work-application.collect-work-application-sm .work-application-list .application-item {
  width: calc(100% / 6 - 20.01px);
}
.type-se .work-application-all {
  padding: 0;
}
.type-se .work-application-all .work-application-list .application-item {
  width: calc(100% / 6 - 20.01px);
}
.type-se .application-type-list {
  padding: 17px 0 0;
}
.type-se .application-type-list .application-type-row {
  display: block;
  padding: 18px 0 0;
  background-color: rgba(0, 108, 190, 0.03);
  border-radius: 10px;
}
.type-se .application-type-list .application-type-row .application-type-title {
  display: block;
  width: 100%;
  background: none;
  height: 18px;
}
.type-se .application-type-list .application-type-row .application-type-title .type-tit-info .type-icon {
  float: left;
  width: 4px;
  height: 16px;
  margin: 2px 0 2px 0;
  padding: 0;
  background-color: #006cbe;
}
.type-se .application-type-list .application-type-row .application-type-title .type-tit-info .type-icon > i {
  display: none;
}
.type-se .application-type-list .application-type-row .application-type-title .type-tit-info .type-name {
  float: left;
  width: calc(100% - 4.01px);
  font-size: 18px;
  line-height: 20px;
  text-align: left;
  color: #444!important;
}
.type-se .application-type-list .application-type-row .application-type-title .type-tit-info::after {
  clear: both;
  content: '';
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}
.type-se .application-type-list .application-type-row .work-application-outside {
  margin: 0 20px 0;
  overflow: hidden;
  width: calc(100% - 40px);
  display: block;
}
.type-se .application-type-list .application-type-row .work-application-outside .work-application-list {
  padding: 0;
  width: calc(100% + 20px);
  margin: 0 -10px -1px;
}
.type-se .application-type-list .application-type-row .work-application-outside .work-application-list .application-item {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  width: 25%;
  height: 90px;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
.type-se .application-type-list .application-type-row .work-application-outside .work-application-list .application-item .icon-box {
  width: 100%;
  margin: 0;
  text-align: left;
}
.type-se .application-type-list .application-type-row .work-application-outside .work-application-list .application-item .icon-box .collect-star {
  right: 0px;
  left: auto;
  top: -12px;
}
.type-se .application-type-list .application-type-row .work-application-outside .work-application-list .application-item .icon-box .lock-mark {
  position: absolute;
  left: 0px!important;
  top: -13px !important;
}
.type-se .application-type-list .application-type-row .work-application-outside .work-application-list .application-item .icon-box .hover-info {
  right: 25px;
  left: auto;
  top: -16px;
}
.type-se .application-type-list .application-type-row .work-application-outside .work-application-list .application-item .icon-box .hover-info .hover-info-inside {
  float: right;
}
.type-se .application-type-list .application-type-row .work-application-outside .work-application-list .application-item .icon-box .hover-info .hover-info-inside::before {
  left: auto;
  right: -6px;
  border-width: 7px 0 7px 6px;
  border-color: transparent #ddd transparent;
}
.type-se .application-type-list .application-type-row .work-application-outside .work-application-list .application-item .icon-box .hover-info .hover-info-inside::after {
  left: auto;
  right: -5px;
  border-width: 4px 0 4px 5px;
  border-color: transparent #fff transparent;
}
.type-se .application-type-list .application-type-row .work-application-outside .work-application-list .application-item .app-name {
  padding: 0 0 0 65px;
  margin: 0 0 0 -100%;
  text-align: left;
  color: #333;
}
.type-se .application-type-list .application-type-row .work-application-outside .work-application-list .application-item::after {
  content: "";
  display: block;
  width: 1px;
  position: absolute;
  right: 0;
  top: 10px;
  bottom: 10px;
  background-color: #ddd;
}
.type-se .application-type-list .application-type-row .work-application-outside .work-application-list .application-item.emp-application-item .emp-icon-box {
  width: 50px;
  height: 50px;
  margin: 0 15px 0 0;
  border-radius: 16px;
  background-color: rgba(0, 108, 190, 0.03);
}
.type-se .application-type-list .application-type-row .work-application-outside .work-application-list .application-item.emp-application-item .emp-app-name {
  height: 14px;
  width: 35%;
  border-radius: 7px;
  background-color: rgba(0, 108, 190, 0.03);
}
@media only screen and (min-width: 1460px) {
  .type-se .application-type-list .application-type-row .work-application-outside .work-application-list .application-item {
    width: calc(100% / 6);
  }
  .type-se .collect-work-application .work-application-list .application-item {
    width: calc(100% / 9 - 20.01px);
  }
  .type-se .collect-work-application.collect-work-application-sm .work-application-list .application-item {
    width: calc(100% / 7 - 20.01px);
  }
  .type-se .work-application-all .work-application-list .application-item {
    width: calc(100% / 7 - 20.01px);
  }
}
@media only screen and (max-width: 1366px) {
  .type-se .collect-work-application .work-application-list .application-item {
    width: calc(100% / 7 - 20.01px);
  }
  .type-se .collect-work-application.collect-work-application-sm .work-application-list .application-item {
    width: calc(100% / 5 - 20.01px);
  }
  .type-se .work-application-all .work-application-list .application-item {
    width: calc(100% / 5 - 20.01px);
  }
}
@media only screen and (max-width: 1280px) {
  .type-se .application-type-list .application-type-row .work-application-outside .work-application-list .application-item {
    width: calc(100% / 3);
  }
  .type-se .collect-work-application .work-application-list .application-item {
    width: calc(100% / 6 - 20.01px);
  }
  .type-se .collect-work-application.collect-work-application-sm .work-application-list .application-item {
    width: calc(100% / 4 - 20.01px);
  }
  .type-se .work-application-all .work-application-list .application-item {
    width: calc(100% / 4 - 20.01px);
  }
}
@media only screen and (max-width: 1180px) {
  .type-se .application-type-list .application-type-row .work-application-outside .work-application-list .application-item {
    width: calc(100% / 2);
  }
  .type-se .collect-work-application .work-application-list .application-item {
    width: calc(100% / 4 - 20.01px);
  }
  .type-se .collect-work-application.collect-work-application-sm .work-application-list .application-item {
    width: calc(100% / 3 - 20.01px);
  }
  .type-se .work-application-all .work-application-list .application-item {
    width: calc(100% / 3 - 20.01px);
  }
}
.type-se .commonly-used-work .work-item {
  background-color: rgba(0, 108, 190, 0.05) !important;
}
.type-se .commonly-used-work .work-item .icon-box .icon-bg {
  background-color: #006cbe !important;
}
.type-se .memo-panel-body .memo-item-input > textarea {
  background-color: rgba(0, 108, 190, 0.05);
  border-color: rgba(0, 108, 190, 0.05);
}
.type-se .memo-panel-body .memo-item-input > textarea::-webkit-input-placeholder {
  color: rgba(0, 108, 190, 0.5);
}
.type-se .memo-panel-body .memo-item-input > textarea::-moz-placeholder {
  color: rgba(0, 108, 190, 0.5);
}
.type-se .memo-panel-body .memo-item-input > textarea:-moz-placeholder {
  color: rgba(0, 108, 190, 0.5);
}
.type-se .memo-panel-body .memo-item-input > textarea:-ms-input-placeholder {
  color: rgba(0, 108, 190, 0.5);
}
@font-face {
  font-family: dincondensedbold;
  src: url(../../../font/din_condensed_bold.ttf);
}
.type-se .alert-info-block {
  padding: 30px 0 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
}
.type-se .alert-info-block .alert-info-panel {
  display: flex;
  width: calc(100% - 340px);
  max-width: 664px;
  height: 90px;
  background-color: rgba(237, 245, 255, 0.9);
  border: 1px solid #a7cbed;
  border-radius: 10px;
}
.type-se .alert-info-block .alert-info-panel .alert-info-item {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  width: 25%;
  height: 90px;
  padding: 0 20px 0 20px;
}
.type-se .alert-info-block .alert-info-panel .alert-info-item::after {
  content: "";
  position: absolute;
  right: 0;
  top: 20px;
  bottom: 20px;
  display: block;
  width: 1px;
  height: 50px;
  background-color: #a7cbed;
}
.type-se .alert-info-block .alert-info-panel .alert-info-item > img {
  margin: 5px 0 0;
}
.type-se .alert-info-block .alert-info-panel .alert-info-item .alert-info-item-details {
  width: 100%;
  display: block;
}
.type-se .alert-info-block .alert-info-panel .alert-info-item .alert-info-item-details .number-box {
  display: block;
  width: 100%;
  font-family: dincondensedbold;
  font-size: 34px;
  line-height: 40px;
  color: #2f3941;
}
.type-se .alert-info-block .alert-info-panel .alert-info-item .alert-info-item-details .title-box {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #666;
  line-height: 18px;
}
.type-se .alert-info-block .alert-info-panel .alert-info-item:last-child::after {
  display: none;
}
.type-se .alert-info-block .ad-and-info-container {
  display: flex;
  width: 300px;
  height: 143px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff;
}
.type-se .alert-info-block .ad-and-info-container .ad-pic-container {
  width: 100%;
  height: 143px;
  overflow: hidden;
}
.type-se .alert-info-block .ad-and-info-container .ad-pic-container > div {
  width: 100%;
}
.type-se .alert-info-block .ad-and-info-container .ad-pic-container > div img {
  width: 100%;
}
.type-se .alert-info-block .ad-and-info-container .ad-pic-container > img {
  width: 300px;
  height: 100%;
  float: right;
}
.type-se .alert-info-block .ad-and-info-container .new-info-container {
  width: 0;
  height: 143px;
  overflow: hidden;
}
.type-se .alert-info-block .ad-and-info-container .new-info-container .new-info-container-inside {
  width: 300px;
  height: 143px;
  position: relative;
  padding: 20px 20px 15px 20px;
}
.type-se .alert-info-block .ad-and-info-container .new-info-container .close-btn {
  color: #999;
  font-size: 16px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.type-se .alert-info-block .ad-and-info-container .new-info-container .mark-line {
  width: 6px;
  position: absolute;
  top: 15px;
  bottom: 15px;
  left: 0;
  border-radius: 0 6px 6px 0;
}
.type-se .alert-info-block .ad-and-info-container .new-info-container .info-title-text {
  width: 100%;
  margin: 0 0 5px;
  font-size: 15px;
  color: #333;
  line-height: 29px;
}
.type-se .alert-info-block .ad-and-info-container .new-info-container .info-details-text {
  width: 100%;
  height: 44px;
  margin: 0 0 8px;
  font-size: 14px;
  color: #666;
  line-height: 22px;
}
.type-se .alert-info-block .ad-and-info-container .new-info-container .info-details-text.multi-row-overflow::after {
  display: none;
}
.type-se .alert-info-block .ad-and-info-container .new-info-container .info-details-text .more-btn {
  box-sizing: content-box;
  float: right;
  height: 22px;
  line-height: 22px;
  width: 67px;
  margin-left: -67px;
  left: 100%;
  top: -22px;
  position: relative;
  padding-right: 5px;
  text-align: right;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.6), #ffffff, #ffffff);
}
.type-se .alert-info-block .ad-and-info-container .new-info-container .info-details-text .more-btn i {
  font-size: 16px;
}
.type-se .alert-info-block .ad-and-info-container .new-info-container .pager-row {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.type-se .alert-info-block .ad-and-info-container .new-info-container .pager-row .pager-info {
  height: 24px;
  margin: 0 10px 0 0;
  line-height: 24px;
  font-size: 14px;
  color: #777;
}
.type-se .alert-info-block .ad-and-info-container .new-info-container .pager-row .info-pager-con {
  height: 24px;
}
.type-se .alert-info-block .ad-and-info-container .new-info-container .pager-row .info-pager-con > a {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin: 0 10px 0 0;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  font-size: 20px;
  color: #fff;
}
.type-se .alert-info-block .ad-and-info-container.has-info .ad-pic-container {
  width: 0;
}
.type-se .alert-info-block .ad-and-info-container.has-info .new-info-container {
  width: 100%;
}
.type-se .alert-info-block .ad-and-info-container .swiper-pagination {
  width: 100%;
  bottom: 5px;
  z-index: 10;
}
.type-se .alert-info-block .ad-and-info-container .swiper-pagination-bullet {
  cursor: pointer;
  margin: 0 4px;
  opacity: 0.5;
}
.type-se .alert-info-block .ad-and-info-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff !important;
  opacity: 1;
}
@media only screen and (max-width: 1070px) {
  .type-se .alert-info-block .alert-info-panel {
    display: flex;
    width: calc(100% - 320px);
  }
  .type-se .alert-info-block .alert-info-panel .alert-info-item {
    padding: 0 15px 0 15px;
  }
  .type-se .alert-info-block .ad-and-info-container {
    width: 290px;
  }
  .type-se .alert-info-block .ad-and-info-container .new-info-container .new-info-container-inside {
    width: 290px;
  }
  .type-se .function-main-tab-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: calc(100% - 295px);
    display: block;
    height: 52px;
    width: 100px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
  }
  .type-se .function-main-tab-container .function-main-tab-swiper-outside {
    width: calc(100% - 295px);
    overflow: hidden;
  }
}
@media only screen and (max-width: 1023px) {
  .type-se .alert-info-block .alert-info-panel {
    display: flex;
    width: calc(100%);
  }
  .type-se .alert-info-block .alert-info-panel .alert-info-item {
    padding: 0 15px 0 15px;
  }
  .type-se .alert-info-block .ad-and-info-container {
    display: none;
  }
  .type-se .function-main-tab-container::after {
    display: none;
  }
  .type-se .function-main-tab-container .function-main-tab-swiper-outside {
    width: 100%;
    overflow: hidden;
  }
}
.type-se .panel-block-col {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-auto-flow: row dense;
  justify-items: start;
  align-items: start;
}
.type-se .panel-block-col .block-panel-container.width-50 {
  width: calc(100% - 20px);
}
.type-se .robot-anm-container > div {
  top: 48px;
}
.type-se .robot-img {
  top: 37px;
  left: 43px;
}
.type-se .robot-mag-win {
  top: -40px;
}
.type-se .ec-page-nav-fold .robot-anm-container > div {
  top: 76px;
  left: calc(50% - 16px);
}
.type-se .ec-page-nav-fold .robot-mag-win {
  top: 10px;
}
.type-se .ec-page-outside-container .ec-page-nav-container {
  box-shadow: 3px 0 10px 10px rgba(0, 108, 190, 0.12);
}
.type-se .ec-page-outside-container .ec-page-main-container .ec-page-content-container {
  padding: 0;
}
.type-se .ec-page-outside-container .ec-page-main-container .ec-page-content-container .working-table-container {
  padding: 0;
  background-repeat: none;
}
.type-se .ec-page-outside-container .ec-page-main-container .ec-page-menu-container {
  background-color: rgba(255, 255, 255, 0.5);
}
.type-se .ec-page-outside-container.ec-page-nav-fold .ec-page-nav-container .logo-container .logo-inside {
  padding: 0 0 0 11px!important;
}
.type-se .menu-item-list-outside .menu-item-list {
  width: calc(100% - 40px);
  margin: 0 20px 0;
}
.type-se .panel-blank .panel-main-tab {
  position: relative;
  height: 45px;
  border-bottom: none;
  padding: 0 10px;
  margin: 0 -10px;
  width: calc(100% + 20px);
}
.type-se .panel-blank .panel-main-tab::before {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 40px);
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0px;
  border-bottom: 1px solid #e5e5e5;
}
.type-se .panel-blank .panel-main-tab .panel-main-tab-outside.swiper-container .function-main-tab-swiper .tab-item {
  margin: 0 10px;
}
.type-se .panel-blank .panel-main-tab .panel-main-tab-outside.swiper-container .function-main-tab-swiper .tab-item > a {
  font-size: 14px;
  height: 45px;
  padding: 12px 0 0;
}
.type-se .panel-blank .panel-main-tab:first-child {
  margin: -20px -10px 0;
}
.type-se .panel-blank .panel-main-tab:first-child::before {
  width: 100%;
  left: 0px;
  right: 0px;
}
.type-se .ec-page-outside-container.ec-page-nav-fold .ec-page-nav-container .nav-container .nav-block .nav-list .nav-list-item {
  border-radius: 0px;
  overflow: hidden;
}
.type-se .ec-page-outside-container.ec-page-nav-fold .ec-page-nav-container .nav-container .nav-block .nav-list .nav-list-item.active,
.type-se .ec-page-outside-container.ec-page-nav-fold .ec-page-nav-container .nav-container .nav-block .nav-list .nav-list-item:hover {
  width: 60px;
  margin: 0 -8px 10px;
  padding: 0 8px;
}
.type-se .ec-page-outside-container .ec-page-nav-container .nav-container .nav-block .nav-list .nav-list-item {
  border-radius: 10px;
  overflow: hidden;
}
.type-se .ec-page-outside-container .ec-page-nav-container .nav-container .nav-block .nav-list .nav-list-item.active,
.type-se .ec-page-outside-container .ec-page-nav-container .nav-container .nav-block .nav-list .nav-list-item:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.type-se .ec-page-outside-container .ec-page-nav-container .nav-container .nav-block .nav-list .nav-list-item.active .nav-list-item-link .nav-icon-box > img,
.type-se .ec-page-outside-container .ec-page-nav-container .nav-container .nav-block .nav-list .nav-list-item:hover .nav-list-item-link .nav-icon-box > img {
  opacity: 1;
}
.ec-page-outside-container .ec-page-nav-container .nav-container .nav-block .nav-list .nav-list-item .nav-list-item-link .nav-icon-box .point-box {
  border: 1px solid #fff;
}
.card-panel-container.with-bg,
.block-panel-container.with-bg {
  position: relative;
}
.card-panel-container.with-bg:before,
.block-panel-container.with-bg:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -1px;
  bottom: 0;
  left: -1px;
  right: -1px;
  background-repeat: repeat-x;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABnCAYAAADBuCjOAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAeUlEQVQokXWOyxHCQAxDn1QfhdAmdZG1OBA2DtlcNPLoZ3i+HgbKwDAQA9tkw0JjqtWEa6zOljLS70zqbMFI6SeUtbP9TL5VGE3WE7EgTsLcpYH2DVriYAHmZBaWVWzCfzMOWa/p0rcoVRduEn23WSS81fv2+yWQhA9waD/yKzGmBAAAAABJRU5ErkJggg==);
  border-radius: 6px;
}
.card-panel-container.with-bg > div,
.block-panel-container.with-bg > div {
  position: relative;
  z-index: 2;
}
.card-panel-container.with-bg .school-syllabus-container .syllabus-course-con .day-column .course-title,
.block-panel-container.with-bg .school-syllabus-container .syllabus-course-con .day-column .course-title {
  background: #f9fbfe;
}
.menu-bg-animation {
  background-image: url("../../../image/common/ec-logo/dlut-blue/nav-bg.png");
  background-size: 15040px 374px;
  background-repeat: no-repeat;
  animation-name: keyframes-clock;
  animation-duration: 3.72s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: steps(1);
}
.ec-page-outside-container .ec-page-main-container .ec-page-header {
  display: flex;
}
.ec-page-outside-container .ec-page-main-container .ec-page-header .ec-header-title {
  flex: 1;
}
.cloud-container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 443px;
}
.cloud-container .cloud-inside-1,
.cloud-container .cloud-inside-2 {
  position: absolute;
  left: 0;
  top: 22px;
  width: 100%;
  height: 443px;
}
.cloud {
  position: absolute;
  left: 170px;
  top: 0;
  z-index: 0;
}
.cloud1 {
  animation: cloud1 linear 25s infinite;
}
.cloud2 {
  animation: cloud2 linear 40s infinite;
  animation-delay: 2s;
  opacity: 0;
}
@keyframes cloud1 {
  0% {
    opacity: 0;
    background-position: 400px 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    background-position: -400px 0;
    opacity: 0;
  }
}
@keyframes cloud2 {
  0% {
    background-position: 600px -20px;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    background-position: -400px -20px;
    opacity: 0;
  }
}
@keyframes keyframes-clock {
  0% {
    width: 160px;
    height: 100vh;
    background-image: url("../../../image/common/ec-logo/dlut-blue/nav-bg.png");
    background-size: 15040px 374px;
  }
  1.08% {
    background-position: -160px bottom;
  }
  2.15% {
    background-position: -320px bottom;
  }
  3.23% {
    background-position: -480px bottom;
  }
  4.30% {
    background-position: -640px bottom;
  }
  5.38% {
    background-position: -800px bottom;
  }
  6.45% {
    background-position: -960px bottom;
  }
  7.53% {
    background-position: -1120px bottom;
  }
  8.60% {
    background-position: -1280px bottom;
  }
  9.68% {
    background-position: -1440px bottom;
  }
  10.75% {
    background-position: -1600px bottom;
  }
  11.83% {
    background-position: -1760px bottom;
  }
  12.90% {
    background-position: -1920px bottom;
  }
  13.98% {
    background-position: -2080px bottom;
  }
  15.05% {
    background-position: -2240px bottom;
  }
  16.13% {
    background-position: -2400px bottom;
  }
  17.20% {
    background-position: -2560px bottom;
  }
  18.28% {
    background-position: -2720px bottom;
  }
  19.35% {
    background-position: -2880px bottom;
  }
  20.43% {
    background-position: -3040px bottom;
  }
  21.51% {
    background-position: -3200px bottom;
  }
  22.58% {
    background-position: -3360px bottom;
  }
  23.66% {
    background-position: -3520px bottom;
  }
  24.73% {
    background-position: -3680px bottom;
  }
  25.81% {
    background-position: -3840px bottom;
  }
  26.88% {
    background-position: -4000px bottom;
  }
  27.96% {
    background-position: -4160px bottom;
  }
  29.03% {
    background-position: -4320px bottom;
  }
  30.11% {
    background-position: -4480px bottom;
  }
  31.18% {
    background-position: -4640px bottom;
  }
  32.26% {
    background-position: -4800px bottom;
  }
  33.33% {
    background-position: -4960px bottom;
  }
  34.41% {
    background-position: -5120px bottom;
  }
  35.48% {
    background-position: -5280px bottom;
  }
  36.56% {
    background-position: -5440px bottom;
  }
  37.63% {
    background-position: -5600px bottom;
  }
  38.71% {
    background-position: -5760px bottom;
  }
  39.78% {
    background-position: -5920px bottom;
  }
  40.86% {
    background-position: -6080px bottom;
  }
  41.94% {
    background-position: -6240px bottom;
  }
  43.01% {
    background-position: -6400px bottom;
  }
  44.09% {
    background-position: -6560px bottom;
  }
  45.16% {
    background-position: -6720px bottom;
  }
  46.24% {
    background-position: -6880px bottom;
  }
  47.31% {
    background-position: -7040px bottom;
  }
  48.39% {
    background-position: -7200px bottom;
  }
  49.46% {
    background-position: -7360px bottom;
  }
  50.54% {
    background-position: -7520px bottom;
  }
  51.61% {
    background-position: -7680px bottom;
  }
  52.69% {
    background-position: -7840px bottom;
  }
  53.76% {
    background-position: -8000px bottom;
  }
  54.84% {
    background-position: -8160px bottom;
  }
  55.91% {
    background-position: -8320px bottom;
  }
  56.99% {
    background-position: -8480px bottom;
  }
  58.06% {
    background-position: -8640px bottom;
  }
  59.14% {
    background-position: -8800px bottom;
  }
  60.22% {
    background-position: -8960px bottom;
  }
  61.29% {
    background-position: -9120px bottom;
  }
  62.37% {
    background-position: -9280px bottom;
  }
  63.44% {
    background-position: -9440px bottom;
  }
  64.52% {
    background-position: -9600px bottom;
  }
  65.59% {
    background-position: -9760px bottom;
  }
  66.67% {
    background-position: -9920px bottom;
  }
  67.74% {
    background-position: -10080px bottom;
  }
  68.82% {
    background-position: -10240px bottom;
  }
  69.89% {
    background-position: -10400px bottom;
  }
  70.97% {
    background-position: -10560px bottom;
  }
  72.04% {
    background-position: -10720px bottom;
  }
  73.12% {
    background-position: -10880px bottom;
  }
  74.19% {
    background-position: -11040px bottom;
  }
  75.27% {
    background-position: -11200px bottom;
  }
  76.34% {
    background-position: -11360px bottom;
  }
  77.42% {
    background-position: -11520px bottom;
  }
  78.49% {
    background-position: -11680px bottom;
  }
  79.57% {
    background-position: -11840px bottom;
  }
  80.65% {
    background-position: -12000px bottom;
  }
  81.72% {
    background-position: -12160px bottom;
  }
  82.80% {
    background-position: -12320px bottom;
  }
  83.87% {
    background-position: -12480px bottom;
  }
  84.95% {
    background-position: -12640px bottom;
  }
  86.02% {
    background-position: -12800px bottom;
  }
  87.10% {
    background-position: -12960px bottom;
  }
  88.17% {
    background-position: -13120px bottom;
  }
  89.25% {
    background-position: -13280px bottom;
  }
  90.32% {
    background-position: -13440px bottom;
  }
  91.40% {
    background-position: -13600px bottom;
  }
  92.47% {
    background-position: -13760px bottom;
  }
  93.55% {
    background-position: -13920px bottom;
  }
  94.62% {
    background-position: -14080px bottom;
  }
  95.70% {
    background-position: -14240px bottom;
  }
  96.77% {
    background-position: -14400px bottom;
  }
  97.85% {
    background-position: -14560px bottom;
  }
  98.92%,
  100% {
    background-position: -14720px bottom;
  }
}
.swiper-pagination-bullet {
  background-color: #006cbe !important;
}