@charset "UTF-8";
* {
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none
}

body, html {
  height: 100%
}

em, i {
  font-style: normal;
  font-weight: 500
}

a {
  color: #4285f4
}

a:hover {
  color: #4285f4
}

q:after, q:before {
  display: none
}

.ul0 li {
  list-style: disc;
  margin-left: 20px
}

td.dis, th.dis {
  background: #f1f1f1
}

td.r, th.r {
  text-align: right !important
}

th.required {
  color: inherit
}

th.required:before {
  content: "*";
  float: left;
  font-size: 14px;
  color: red
}

th.req:before {
  content: "*";
  float: left;
  font-size: 14px;
  color: red
}

th.req + td .layui-input {
  background: #ffd21d
}

.t-a_r {
  text-align: right !important
}

.f-r {
  float: right
}

.pd0 {
  padding: 0 !important
}

.pd24 {
  padding: 24px !important
}

.pdb24 {
  padding-bottom: 24px !important
}

.pd024 {
  padding: 0 24px !important
}

.pd12 {
  padding: 12px !important
}

.pd012 {
  padding: 0 12px !important
}

.hide {
  display: none
}

.Layers {
  display: none
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  border-radius: 10px;
  background-color: #bbd7f2
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: #3b9ffe
}

.table-inner {
  border: 1px solid #ccc
}

.table-inner::-webkit-scrollbar {
  width: 15px;
  height: 15px
}

.table-inner::-webkit-scrollbar-thumb {
  border-radius: 0
}

.layui-select.selectUp + .layui-form-select dl {
  top: auto;
  bottom: 100%
}

.layui-form-select dl dd, .layui-form-select dl dt {
  line-height: 2
}

table.layui-table[format] td, table.layui-table[format] th {
  padding: 0;
  font-size: 12px;
  color: #333;
  line-height: 26px;
  border-color: #b5b5b5
}

table.layui-table[format] td input, table.layui-table[format] th input {
  height: 26px;
  line-height: 26px;
  border: 0;
  padding: 0 1px
}

table.layui-table[format] td input[disabled]:hover, table.layui-table[format] th input[disabled]:hover {
  background: #f1edee
}

table.layui-table[format] td input:hover, table.layui-table[format] th input:hover {
  background: #ffffd5
}

table.layui-table[format] th {
  padding: 0 5px
}

.selector {
  position: relative;
  width: 100%;
  height: 100%
}

.selector:hover .i2 {
  background-image: url("../../images/v3/change2.png")
}

.selector .top {
  cursor: pointer;
  width: 100%;
  padding: 0 40px
}

.selector .top span {
  position: relative;
  cursor: pointer;
  font-size: clamp(14px, calc(100vh * (20 / 1080)), 20px);
  height: clamp(30px, calc(100vh * (40 / 1080)), 40px);
  line-height: clamp(30px, calc(100vh * (40 / 1080)), 40px);
  color: #fff
}

.selector .block {
  display: none;
  position: absolute;
  z-index: 999;
  top: 100%;
  left: 0;
  min-width: 100%;
  height: auto;
  border-radius: 0 0 16px 16px;
  border: 0;
  padding: 10px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 10px 0 #94aec4
}

.selector .block div {
  display: block;
  font-size: clamp(14px, calc(100vh * (16 / 1080)), 16px);
  color: #000;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  white-space: nowrap
}

.selector .block div + span {
  border-top: 1px solid #354665
}

.selector .block div:hover {
  background: linear-gradient(360deg, #0076FF 0%, #00FFEF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.selector .i1, .selector .i2 {
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.selector .i1 {
  left: 10px;
  width: 28px;
  height: clamp(18px, calc(100vh * (24 / 1080)), 24px);
  background: url("../../images/v3/company.png") center no-repeat;
  background-size: contain
}

.selector .i2 {
  right: 10px;
  width: 20px;
  height: clamp(16px, calc(100vh * (20 / 1080)), 20px);
  background: url("../../images/v3/change.png") center no-repeat;
  background-size: contain
}

.layui-login {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-height: 1080px;
  min-height: 700px;
  background: url("../../images/v3/login/bg-s.jpg") center no-repeat;
  background-size: 100% 100%;
  background-size: auto 100%;
  overflow: hidden
}

.layui-login:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50vw;
  height: 50vh;
  background: url("../../images/v3/login/1.png") center center no-repeat;
  background-size: contain;
  transform: translate(-90%, -50%);
  display: none
}

.layui-login-header {
  display: flex;
  align-items: center;
  width: 100%;
  height: 66px;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.2)
}

.layui-login-header-inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 20px
}

.layui-login-header-left {
  display: flex;
  align-items: center
}

.layui-login-header-left span {
  font-size: 20px;
  color: #fff
}

.layui-login-header-right .layui-btn {
  border-radius: 3px;
  height: 32px;
  line-height: 30px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.5)
}

.layui-login-body {
  position: relative;
  flex: 1
}

.layui-login-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(20vw, -50%);
  min-height: clamp(350px, calc(100vh * (440 / 1080)), 440px);
  width: clamp(300px, calc(100vw * (380 / 1920)), 380px);
  padding-bottom: clamp(20px, calc(100vh * (40 / 1080)), 40px);
  padding-top: clamp(20px, calc(100vh * (40 / 1080)), 40px);
  padding-left: clamp(20px, calc(100vw * (40 / 1920)), 40px);
  padding-right: clamp(20px, calc(100vw * (40 / 1920)), 40px);
  background: #fff;
  border-radius: 16px;
  box-shadow: 0px 0px 16px 0px rgba(56, 121, 213, 0.004)
}

.layui-login-box strong {
  position: relative;
  display: block;
  font-size: clamp(26px, calc(100vh * (32 / 1080)), 32px);
  color: #333;
  text-align: center;
  line-height: 50px;
  margin-bottom: clamp(25px, calc(100vh * (40 / 1080)), 40px)
}

.layui-login-box strong:after {
  content: "";
  width: 48px;
  height: 4px;
  background: #316cd0;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%)
}

.layui-login-box .layui-input::placeholder {
  color: #7cafe7
}

.layui-login-box .layui-input {
  height: 46px;
  line-height: 44px;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #cde0ec;
  background: #e9f6fe;
  margin-bottom: 30px
}

.layui-login-box .layui-input:focus {
  border: 1px solid #288efd !important
}

.layui-login-box .layui-input[user] {
  padding-left: 70px;
  background: #e9f6fe url("../../images/v3/login/user.png") 15px center no-repeat
}

.layui-login-box .layui-input[psw] {
  padding-left: 70px;
  background: #e9f6fe url("../../images/v3/login/psw.png") 15px center no-repeat
}

.layui-login-box .layui-btn {
  width: 100%;
  height: 48px;
  background-color: #f7a500;
  font-size: 18px;
  border-radius: 3px;
  margin-top: 20px
}

.layui-login .layui-login-opt {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.layui-login-footer {
  text-align: center;
  padding: 18px
}

.layui-login.teacher {
  background-image: url("../../images/v3/login/bg-t.jpg")
}

.layui-login.teacher:after {
  display: block;
  background-image: url("../../images/v3/login/t1.png")
}

.layui-course {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: url("../../images/v3/bg-home.jpg") center no-repeat;
  background-size: 100% 100%
}

.layui-course-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.2);
  height: clamp(50px, calc(100vh * (66 / 1080)), 66px);
  padding-left: clamp(10px, calc(100vw * (20 / 1920)), 20px);
  padding-right: clamp(10px, calc(100vw * (20 / 1920)), 20px)
}

.layui-course-header-left {
  display: flex;
  align-items: center;
  background: #2868ce;
  min-width: 200px;
  border-radius: 3px;
  height: clamp(30px, calc(100vh * (40 / 1080)), 40px)
}

.layui-course-header-left > .layui-form {
  white-space: nowrap;
  display: flex;
  align-items: center;
  position: relative
}

.layui-course-header-left > .layui-form .layui-form-select {
  width: 100%
}

.layui-course-header-left > .layui-form .layui-form-select > dl {
  border-radius: 0 0 16px 16px;
  border: 0;
  padding: 10px;
  background-color: white;
  box-shadow: 0 0 10px 0 #94aec4
}

.layui-course-header-left > .layui-form .layui-form-select > dl dd {
  -webkit-user-select: none;
  user-select: none;
  font-size: clamp(14px, calc(100vh * (16 / 1080)), 16px)
}

.layui-course-header-left > .layui-form .layui-form-select > dl .layui-this {
  background: #e9f6fe;
  color: #000
}

.layui-course-header-left > .layui-form .layui-input {
  -webkit-user-select: none;
  user-select: none;
  border: 0;
  background: transparent;
  color: #fff;
  padding: 0 50px;
  font-size: clamp(14px, calc(100vh * (20 / 1080)), 20px);
  height: clamp(30px, calc(100vh * (40 / 1080)), 40px);
  line-height: clamp(30px, calc(100vh * (40 / 1080)), 40px)
}

.layui-course-header-left > .layui-form .layui-edge {
  display: none
}

.layui-course-header-left > .layui-form .i1, .layui-course-header-left > .layui-form .i2 {
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.layui-course-header-left > .layui-form .i1 {
  left: 10px;
  width: 28px;
  height: clamp(18px, calc(100vh * (24 / 1080)), 24px);
  background: url("../../images/v3/company.png") center no-repeat;
  background-size: contain
}

.layui-course-header-left > .layui-form .i2 {
  right: 10px;
  width: 20px;
  height: clamp(16px, calc(100vh * (20 / 1080)), 20px);
  background: url("../../images/v3/change.png") center no-repeat;
  background-size: contain
}

.layui-course-header-right {
  display: flex;
  align-items: center
}

.layui-course-header-right .layui-btn {
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.5);
  height: clamp(30px, calc(100vh * (32 / 1080)), 32px);
  line-height: clamp(28px, calc(100vh * (30 / 1080)), 30px);
  font-size: clamp(12px, calc(100vh * (14 / 1080)), 14px)
}

.layui-course-header-right > a {
  width: 30px;
  height: 30px;
  background: url("../../images/v3/logout.png") center no-repeat;
  background-size: cover;
  margin-left: 15px
}

.layui-course-body {
  position: relative;
  flex: 1;
  display: flex;
  overflow: hidden;
  padding-left: clamp(10px, calc(100vw * (25 / 1920)), 25px);
  padding-right: clamp(10px, calc(100vw * (25 / 1920)), 25px);
  padding-top: clamp(10px, calc(100vh * (25 / 1080)), 25px);
  padding-bottom: 0
}

@media screen and (max-height: 700px) {
  .layui-course-body {
    padding-bottom: clamp(10px, calc(100vh * (25 / 1080)), 25px)
  }
}

.layui-course-body-aside {
  width: clamp(300px, calc(100vw * (350 / 1920)), 350px)
}

.layui-course-body-aside .block {
  border-radius: clamp(5px, 1vh, 12px);
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
  overflow: hidden
}

.layui-course-body-aside .block .scroll {
  width: 100%;
  height: 100%;
  overflow: auto
}

.row_month_date .row_month {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #e9f5fe;
  height: clamp(60px, calc(100vh * (100 / 1080)), 100px)
}

.row_month_date .row_month > span {
  font-size: clamp(12px, calc(100vh * (14 / 1080)), 14px);
  margin-bottom: clamp(5px, calc(100vh * (10 / 1080)), 10px);
  color: #888
}

.row_month_date .row_month .input {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url("../../images/v3/date.png") left center no-repeat;
  padding-left: 25px
}

.row_month_date .row_month .input input {
  cursor: pointer;
  width: clamp(120px, calc(100vw * (140 / 1920)), 140px);
  text-align: center;
  border: 0;
  background: transparent;
  font-size: clamp(20px, calc(100vh * (24 / 1080)), 24px);
  color: #316cd0
}

.row_month_date .row_month .input:after {
  content: "";
  position: absolute;
  right: -8px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #8f9499
}

.row_month_date .row_date .layui-laydate-static {
  background: unset;
  box-shadow: unset;
  border: 0;
  width: 100%;
  font-size: clamp(12px, calc(100vh * (14 / 1080)), 14px)
}

.row_month_date .row_date .layui-laydate-static .layui-laydate-main {
  width: 100%
}

.row_month_date .row_date .layui-laydate-static .layui-laydate-main table {
  font-size: clamp(12px, calc(100vh * (14 / 1080)), 14px)
}

.row_month_date .row_date .layui-laydate-static .layui-laydate-main .layui-laydate-content {
  padding-top: clamp(5px, calc(100vh * (10 / 1080)), 10px);
  padding-bottom: clamp(5px, calc(100vh * (10 / 1080)), 10px)
}

.row_month_date .row_date .layui-laydate-static .layui-laydate-main .layui-laydate-content td, .row_month_date .row_date .layui-laydate-static .layui-laydate-main .layui-laydate-content th {
  padding: clamp(0px, calc(100vh * (5 / 1080)), 5px)
}

.row_month_date .row_date .layui-laydate-static .layui-laydate-main .layui-laydate-header {
  border-bottom: 0
}

@media screen and (max-width: 1366px) {
  .row_month_date .row_date .layui-laydate-static .layui-laydate-main .layui-laydate-header {
    padding: 0
  }
}

@media screen and (max-width: 1366px) {
  .row_month_date .row_date .layui-laydate-static .layui-laydate-main .layui-laydate-header i {
    top: 0
  }
}

.row_month_date .row_date .layui-laydate-static .layui-laydate-main table {
  width: 100%
}

.row_month_date .row_date .layui-laydate-static .layui-laydate-main table th {
  border-bottom: 1px solid #cde0ec
}

.row_month_date .row_date .layui-laydate-static .layui-laydate-content tbody td.layui-this, .row_month_date .row_date .layui-laydate-static .layui-laydate-content tbody td:hover {
  position: relative;
  background: none !important
}

.row_month_date .row_date .layui-laydate-static .layui-laydate-content tbody td.layui-this:after, .row_month_date .row_date .layui-laydate-static .layui-laydate-content tbody td:hover:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #3b9fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  z-index: -1
}

.row_month_date .row_date .layui-laydate-static .layui-laydate-content tbody td:hover:after {
  background: #eaeaea
}

.row_month_date .row_date .layui-laydate-static .layui-laydate-content tbody td.layui-this:hover:after {
  background: #3b9fff
}

.row_month_date .row_date .layui-laydate-static .layui-this {
  border-radius: 50%;
  background: #3b9fff !important
}

.row_month_date .row_date .layui-laydate-static .layui-laydate-footer {
  border: 0;
  height: clamp(40px, calc(100vh * (48 / 1080)), 48px);
  line-height: clamp(40px, calc(100vh * (48 / 1080)), 48px);
  padding: 0 20px;
  padding-left: clamp(15px, calc(100vw * (20 / 1920)), 20px);
  padding-right: clamp(15px, calc(100vw * (20 / 1920)), 20px)
}

.row_month_date .row_date .layui-laydate-static .layui-laydate-footer .laydate-footer-btns {
  position: static;
  width: 100%;
  height: 100%
}

.row_month_date .row_date .layui-laydate-static .layui-laydate-footer .laydate-btns-nextMonth {
  width: 100%;
  height: 100%;
  line-height: 48px;
  height: clamp(40px, calc(100vh * (48 / 1080)), 48px);
  line-height: clamp(40px, calc(100vh * (48 / 1080)), 48px);
  text-align: center;
  font-size: 0;
  background: #316cd0;
  border: 0;
  white-space: nowrap
}

.row_month_date .row_date .layui-laydate-static .layui-laydate-footer .laydate-btns-nextMonth:after {
  content: "进入下一个月";
  display: inline-flex;
  align-items: center;
  font-size: clamp(14px, calc(100vh * (18 / 1080)), 18px);
  color: #fff
}

.layui-course-body-aside .row_progress {
  padding-top: clamp(15px, calc(100vh * (20 / 1080)), 20px);
  padding-bottom: clamp(15px, calc(100vh * (20 / 1080)), 20px);
  padding-left: clamp(15px, calc(100vw * (20 / 1920)), 20px);
  padding-right: clamp(15px, calc(100vw * (20 / 1920)), 20px)
}

@media screen and (max-height: 667px) {
  .layui-course-body-aside .row_progress {
    padding-bottom: 0
  }
}

.layui-course-body-aside .row_progress > span {
  font-size: clamp(14px, calc(100vh * (18 / 1080)), 18px);
  color: #333;
  line-height: 3;
  line-height: clamp(20px, calc(100vh * (30 / 1080)), 30px)
}

.layui-course-body-aside .row_progress .layui-progress {
  width: max(240px, calc(100vw * (270 / 1920)));
  height: 10px;
  background: #e9f5fe
}

@media screen and (max-height: 667px) {
  .layui-course-body-aside .row_progress .layui-progress {
    margin-top: 10px
  }
}

.layui-course-body-aside .row_progress .layui-progress-bar[style="width: 0%;"]:after {
  display: none
}

.layui-course-body-aside .row_progress .layui-progress-bar {
  height: 100%
}

.layui-course-body-aside .row_progress .layui-progress-bar:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #feba1d
}

.layui-course-body-aside .row_progress .layui-progress-text {
  position: absolute;
  top: -4px;
  left: max(240px, calc(100vw * (270 / 1920)));
  font-size: 14px;
  color: #888
}

.layui-course-body-aside .row_topic {
  padding: 0 20px;
  padding-left: clamp(10px, calc(100vw * (25 / 1920)), 25px);
  padding-right: clamp(10px, calc(100vw * (25 / 1920)), 25px)
}

.layui-course-body-aside .row_topic > span {
  font-size: clamp(16px, calc(100vh * (18 / 1080)), 18px);
  color: #333;
  line-height: 3
}

@media screen and (max-height: 667px) {
  .layui-course-body-aside .row_topic > span {
    font-size: 14px
  }
}

.layui-course-body-aside .row_topic > ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1% - 5px);
  margin-left: -5px;
  margin-right: -5px
}

.layui-course-body-aside .row_topic > ul li {
  display: flex;
  align-items: center;
  width: calc(100% / 2);
  min-height: 40px;
  padding: 2%
}

.layui-course-body-aside .row_topic > ul li .li {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(0deg, #d9eefe 0%, white 100%);
  border: 1px solid #cde0ec;
  border-radius: 8px;
  padding: 2% 5%
}

@media screen and (min-width: 1366px) {
  .layui-course-body-aside .row_topic > ul li .li {
    border-radius: 4px
  }
}

@media screen and (min-width: 1920px) {
  .layui-course-body-aside .row_topic > ul li .li {
    border-radius: 6px;
    min-height: 40px
  }
}

@media screen and (min-width: 2200px) {
  .layui-course-body-aside .row_topic > ul li .li {
    border-radius: 6px;
    min-height: 40px
  }
}

.layui-course-body-aside .row_topic > ul li .li i {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: url("../../images/v3/i_t.png") 0 0 no-repeat
}

.layui-course-body-aside .row_topic > ul li .li i.i_t1 {
  background-position-y: 0px
}

.layui-course-body-aside .row_topic > ul li .li i.i_t2 {
  background-position-y: -24px
}

.layui-course-body-aside .row_topic > ul li .li i.i_t3 {
  background-position-y: -48px
}

.layui-course-body-aside .row_topic > ul li .li i.i_t4 {
  background-position-y: -72px
}

.layui-course-body-aside .row_topic > ul li .li i.i_t5 {
  background-position-y: -96px
}

.layui-course-body-aside .row_topic > ul li .li span {
  flex: 1;
  font-size: 14px;
  color: #333;
  padding: 0 8px
}

@media screen and (max-width: 1366px) {
  .layui-course-body-aside .row_topic > ul li .li span {
    font-size: 12px
  }
}

.layui-course-body-aside .row_topic > ul li .li em {
  font-size: 14px;
  color: #888
}

.layui-course-body-main {
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
  margin-left: clamp(10px, calc(100vw * (25 / 1920)), 25px)
}

.layui-course-body-main .main-block {
  display: flex;
  height: auto;
  background: rgba(255, 255, 255, 0.95);
  border-radius: clamp(5px, 1vh, 12px);
  overflow: hidden
}

.layui-course-body-main .main-block .scroll {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden
}

.layui-course-body-main .main-block .title {
  color: #333;
  font-size: clamp(16px, calc(100vh * (20 / 1080)), 20px);
  padding-left: clamp(20px, calc(100vw * (30 / 1920)), 30px);
  padding-top: clamp(10px, calc(100vh * (15 / 1080)), 15px);
  padding-bottom: clamp(10px, calc(100vh * (15 / 1080)), 15px)
}

.layui-course-body-main .main-block + .main-block {
  flex: 1;
  margin-top: clamp(10px, calc(100vh * (25 / 1080)), 25px)
}

.layui-course-body-main .list-sys {
  display: flex;
  overflow: auto;
  flex-wrap: wrap;
  padding: 0 1% 1% 1%;
  max-height: 600px
}

@media screen and (max-height: 2000px) {
  .layui-course-body-main .list-sys {
    max-height: 400px
  }
}

@media screen and (max-height: 1000px) {
  .layui-course-body-main .list-sys {
    max-height: 350px
  }
}

@media screen and (max-height: 700px) {
  .layui-course-body-main .list-sys {
    max-height: 325px
  }
}

@media screen and (max-height: 667px) {
  .layui-course-body-main .list-sys {
    max-height: 305px
  }
}

.layui-course-body-main .list-sys li {
  display: flex;
  cursor: pointer;
  text-align: center;
  width: calc(100% / 5);
  padding: 1%
}

@media screen and (min-width: 1366px) {
  .layui-course-body-main .list-sys li {
    width: calc(100% / 6)
  }
}

@media screen and (min-width: 1920px) {
  .layui-course-body-main .list-sys li {
    width: calc(100% / 7)
  }
}

@media screen and (min-width: 2200px) {
  .layui-course-body-main .list-sys li {
    width: calc(100% / 10)
  }
}

@media screen and (max-height: 667px) {
  .layui-course-body-main .list-sys li {
    padding: 7px
  }
}

.layui-course-body-main .list-sys li .li {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10%;
  border-radius: 16px;
  border: 1px solid #cde0ec;
  background-color: rgba(255, 255, 255, 0.902)
}

@media screen and (max-height: 700px) {
  .layui-course-body-main .list-sys li .li {
    padding-bottom: 0
  }
}

.layui-course-body-main .list-sys li .li:active, .layui-course-body-main .list-sys li .li:hover {
  border-color: #316cd0;
  background: #fff
}

.layui-course-body-main .list-sys li .li:active .s, .layui-course-body-main .list-sys li .li:hover .s {
  color: #316cd0
}

.layui-course-body-main .list-sys li .s {
  color: #333;
  font-size: clamp(14px, calc(100vh * (18 / 1080)), 18px);
  height: clamp(50px, calc(100vh * (50 / 1080)), 50px);
  margin-top: clamp(10px, calc(100vh * (25 / 1080)), 25px);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

@media screen and (max-height: 600px) {
  .layui-course-body-main .list-sys li .s {
    height: 20px;
    -webkit-line-clamp: 1
  }
}

.layui-course-body-main .list-sys li .i {
  width: 100%;
  height: clamp(52px, calc(100vh * (62 / 1080)), 62px)
}

.layui-course-body-main .list-sys li .i.i_s0 {
  background-image: url("../../images/v3/sys/0.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

.layui-course-body-main .list-sys li .i.i_s1 {
  background-image: url("../../images/v3/sys/1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

.layui-course-body-main .list-sys li .i.i_s2 {
  background-image: url("../../images/v3/sys/2.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

.layui-course-body-main .list-sys li .i.i_s3 {
  background-image: url("../../images/v3/sys/3.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

.layui-course-body-main .list-sys li .i.i_s4 {
  background-image: url("../../images/v3/sys/4.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

.layui-course-body-main .list-sys li .i.i_s5 {
  background-image: url("../../images/v3/sys/5.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

.layui-course-body-main .list-sys li .i.i_s6 {
  background-image: url("../../images/v3/sys/6.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

.layui-course-body-main .list-sys li .i.i_s7 {
  background-image: url("../../images/v3/sys/7.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

.layui-course-body-main .list-sys li .i.i_s8 {
  background-image: url("../../images/v3/sys/8.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

.layui-course-body-main .list-sys li .i.i_s9 {
  background-image: url("../../images/v3/sys/9.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

.layui-course-body-main .list-sys li .i.i_s10 {
  background-image: url("../../images/v3/sys/10.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

.layui-course-body-main .item-task {
  display: flex;
  overflow: auto;
  flex-wrap: wrap;
  padding: 1%
}

@media screen and (max-height: 667px) {
  .layui-course-body-main .item-task {
    padding-top: 0
  }
}

.layui-course-body-main .item-task li {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 50%;
  padding: 1%
}

@media screen and (min-width: 1366px) {
  .layui-course-body-main .item-task li {
    width: 33.33%
  }
}

@media screen and (min-width: 1920px) {
  .layui-course-body-main .item-task li {
    width: 25%
  }
}

@media screen and (min-width: 2200px) {
  .layui-course-body-main .item-task li {
    width: 20%
  }
}

.layui-course-body-main .item-task li .li {
  position: relative;
  border-radius: 16px;
  border: 1px solid #cde0ec;
  background: #fff url("../../images/v3/task/n.png") right bottom no-repeat;
  background-size: contain;
  padding: 5%
}

.layui-course-body-main .item-task li .li .i {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 50px;
  height: 50px;
  height: clamp(40px, calc(100vh * (50 / 1080)), 50px)
}

.layui-course-body-main .item-task li .li .i.i_tk0 {
  background: url("../../images/v3/task/0.png") center no-repeat;
  background-size: contain
}

.layui-course-body-main .item-task li .li .i.i_tk1 {
  background: url("../../images/v3/task/1.png") center no-repeat;
  background-size: contain
}

.layui-course-body-main .item-task li .li .i.i_tk2 {
  background: url("../../images/v3/task/2.png") center no-repeat;
  background-size: contain
}

.layui-course-body-main .item-task li .li .i.i_tk3 {
  background: url("../../images/v3/task/3.png") center no-repeat;
  background-size: contain
}

.layui-course-body-main .item-task li .li .i.i_tk4 {
  background: url("../../images/v3/task/4.png") center no-repeat;
  background-size: contain
}

.layui-course-body-main .item-task li .li .i.i_tk5 {
  background: url("../../images/v3/task/5.png") center no-repeat;
  background-size: contain
}

.layui-course-body-main .item-task li .li .lock {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 26px;
  background-image: url("../../images/v3/task/unlock.png")
}

.layui-course-body-main .item-task li .li em {
  position: absolute;
  bottom: 20px;
  right: 15px;
  font-size: 28px;
  color: #fff;
  font-weight: 600;
  width: 50px;
  text-align: center
}

.layui-course-body-main .item-task li .li strong {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #333;
  margin-top: clamp(60px, calc(100vh * (70 / 1080)), 70px)
}

.layui-course-body-main .item-task li .li strong b {
  margin-left: 10px;
  background: #a5cae9;
  font-size: 12px;
  color: #fff;
  width: 48px;
  height: 20px;
  line-height: 20px;
  text-align: center
}

.layui-course-body-main .item-task li .li strong b.ok {
  background: #f7a500
}

.layui-course-body-main .item-task li .li span {
  margin-top: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 240px;
  font-size: 14px;
  color: #666;
  max-width: 80%;
  display: block
}

.layui-course-body-main .item-task li.lock .lock {
  background-image: url("../../images/v3/task/lock.png")
}

.layui-course-footer, .layui-course .layui-home-footer {
  text-align: center;
  padding: clamp(10px, calc(100vh * (18 / 1080)), 18px);
  opacity: 0.5
}

@media screen and (max-width: 1366px) {
  .layui-course-footer, .layui-course .layui-home-footer {
    padding-bottom: 5px
  }
}

@media screen and (max-height: 700px) {
  .layui-course-footer, .layui-course .layui-home-footer {
    display: none
  }
}

.layui-course-footer:hover, .layui-course .layui-home-footer:hover {
  opacity: 1
}

.PT-20 {
  padding-top: 20px
}

.layuiLayout {
  display: flex;
  flex-direction: column;
  height: 100%
}

.layuiHeader {
  height: 60px;
  line-height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #199ed8;
  padding: 0 24px
}

.layuiHeader-title {
  display: flex;
  align-items: center
}

.layuiHeader-title img {
  margin-right: 10px
}

.layuiHeader-title span {
  font-size: 20px;
  color: #fff
}

.layuiHeader-right {
  color: #fff
}

.layuiFooter {
  height: 46px;
  line-height: 46px;
  background: #ccc;
  color: #000;
  text-align: center
}

.layuiFooter span {
  padding: 0 5px
}

.layuiContainer {
  display: flex;
  flex: 1;
  overflow: hidden
}

.layuiBody {
  flex: 1;
  overflow: hidden
}

.layuiInner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column
}

.layuiInner-title {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #ccc;
  padding: 0 20px;
  font-size: 16px
}

.layuiInner-body {
  flex: 1;
  overflow: auto
}

.layuiNav {
  width: 200px;
  border-right: 1px solid #ccc
}

.layuiNav .navt {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 8.5px 0;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px
}

.layuiNav .navt span {
  margin-left: 10px;
  font-size: 16px
}

.layuiNav a.nav {
  display: flex;
  align-items: center;
  padding: 10px 0;
  padding-left: 40px;
  cursor: pointer
}

.layuiNav a.nav span {
  color: #515151;
  margin-left: 10px
}

.layuiNav a.nav.active, .layuiNav a.nav:hover {
  background: #eaf5fa
}

.layui-home {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: url("../../images/v3/bg-home.jpg") center no-repeat;
  background-size: cover
}

.layui-home-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 66px;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.2);
  padding: 0 20px
}

@media screen and (max-width: 1366px) {
  .layui-home-header {
    height: 50px
  }
}

.layui-home-header-left span {
  font-size: 20px;
  color: #fff
}

.layui-home-header-right .avatar {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 3px
}

.layui-home-header-right .avatar img {
  flex: 1
}

.layui-home-body {
  position: relative;
  flex: 1;
  display: flex;
  overflow: hidden
}

.layui-home-body-aside {
  width: 240px;
  padding-top: 40px
}

@media screen and (max-width: 1366px) {
  .layui-home-body-aside {
    width: 200px
  }
}

.layui-home-body-aside .aside {
  height: 96px;
  line-height: 96px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  cursor: pointer
}

.layui-home-body-aside .aside:hover {
  font-size: 20px
}

.layui-home-body-aside .aside.active {
  font-size: 20px;
  background: url("../../images/v3/bg-aside.png") center no-repeat;
  background-size: cover
}

.layui-home-body-main {
  flex: 1;
  overflow: auto
}

.layui-home-body-main .aside-item {
  display: none
}

.layui-home-body-main .aside-item.active {
  display: block
}

.layui-home-footer {
  text-align: center;
  padding: 18px;
  opacity: 0.5
}

.layui-home .course-list {
  display: flex;
  flex-direction: column;
  padding-left: 110px
}

@media screen and (max-width: 1366px) {
  .layui-home .course-list {
    padding-left: 30px
  }
}

.layui-home .course-list > dl {
  height: 90px;
  line-height: 90px;
  display: flex;
  align-items: center
}

.layui-home .course-list > dl dt {
  font-size: 28px;
  color: #fff;
  margin-right: 40px
}

.layui-home .course-list > dl dd {
  cursor: pointer;
  font-size: 14px;
  color: #cfe3ff;
  width: 60px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  margin-right: 8px
}

.layui-home .course-list > dl dd:hover {
  color: #fff
}

.layui-home .course-list > dl dd.active {
  background: rgba(227, 239, 255, 0.24);
  border-radius: 2px;
  font-size: 14px;
  color: #fff
}

.layui-home .course-list > ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: -15px;
  margin-left: -15px
}

@media screen and (max-width: 1366px) {
  .layui-home .course-list > ul {
    margin-top: -10px;
    margin-left: -10px
  }
}

.layui-home .course-list > ul li {
  position: relative;
  width: 340px;
  width: calc(32% - 20px);
  height: 300px;
  border: 1px solid #fff;
  border-radius: 16px;
  background-image: linear-gradient(0deg, #d9eefe, #fff);
  padding: 40px 20px;
  margin: 15px
}

@media screen and (max-width: 1366px) {
  .layui-home .course-list > ul li {
    padding: 30px 20px;
    margin: 10px;
    height: 250px
  }
}

.layui-home .course-list > ul li:hover {
  box-shadow: 0px 0px 16px 0px #3879d5
}

.layui-home .course-list > ul li .state {
  display: flex;
  width: 80px;
  height: 25px;
  overflow: hidden;
  position: absolute;
  top: -1px;
  left: -1px;
  border-radius: 16px 0 0 0
}

.layui-home .course-list > ul li .state span {
  background: #3b9ffe;
  border-radius: 11px 0 8px 0;
  transform: skewX(-23deg);
  width: 100%;
  line-height: 25px;
  text-align: center;
  margin-left: -5px
}

.layui-home .course-list > ul li .state span i {
  display: block;
  font-style: normal;
  font-size: 12px;
  color: #fff;
  transform: skewX(23deg)
}

.layui-home .course-list > ul li .state.state0 span {
  background: #d0e6ff
}

.layui-home .course-list > ul li .state.state0 span i {
  color: #73879d
}

.layui-home .course-list > ul li .state.state1 span {
  background: #f66262
}

.layui-home .course-list > ul li .t {
  font-weight: 600;
  font-size: 18px;
  color: #333;
  max-width: calc(100% - 70px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 16px
}

.layui-home .course-list > ul li .tx {
  font-size: 14px;
  color: #666;
  margin-bottom: 34px
}

.layui-home .course-list > ul li .tag {
  position: absolute;
  right: 20px;
  top: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-weight: 600;
  background-color: #d0e6ff;
  box-shadow: 0px 2px 4px 0px rgba(235, 246, 255, 0.004)
}

.layui-home .course-list > ul li .tag span {
  line-height: 1;
  color: #4275e9;
  font-size: 14px
}

.layui-home .course-list > ul li .tag.tag0 {
  background-color: #cfeefe;
  box-shadow: 0px 2px 4px 0px rgba(235, 246, 255, 0.004)
}

.layui-home .course-list > ul li .tag.tag0 span {
  color: #018ff6
}

.layui-home .course-list > ul li .ti {
  font-size: 14px;
  color: #888;
  padding-bottom: 13px
}

.layui-home .course-list > ul li .btns {
  display: flex;
  margin-top: 19px
}

.layui-home .course-list > ul li .btns .layui-btn {
  min-width: 90px;
  height: 36px;
  line-height: 36px;
  border-radius: 3px;
  background: #306cd1;
  padding: 0 15px
}

@media screen and (max-width: 1366px) {
  .layui-home .course-list > ul li .btns .layui-btn {
    padding: 0 10px
  }
}

.layui-home .course-list > ul li .btns .layui-btn .layui-icon-return {
  display: inline-flex;
  transform: rotate(180deg);
  font-size: 12px
}

.layui-home .course-list > ul li .btns .layui-btn:disabled {
  background: #bbd7f2;
  cursor: no-drop
}

.layui-home .course-list > ul li .btns .layui-btn:disabled:hover {
  opacity: 1;
  background: #bbd7f2
}

.layui-home .course-list > ul li .btns .layui-btn1 {
  margin: 0 9px;
  width: 90px;
  height: 36px;
  line-height: 34px;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #4275e9;
  cursor: pointer
}

.layui-home .course-list > ul li .btns .layui-btn1 span {
  font-size: 14px;
  color: #306cd1
}

.layui-home .course-list > ul li .btns .layui-btn1:hover {
  opacity: 0.8
}

.layui-home .course-list > ul li .btns .layui-btn1:disabled {
  background: #bbd7f2;
  border: 1px solid #bbd7f2;
  cursor: no-drop
}

.layui-home .course-list > ul li .btns .layui-btn1:disabled span {
  color: #fff
}

.layui-home .course-list > ul li .btns .layui-btn1:disabled:hover {
  opacity: 1;
  background: #bbd7f2
}

.user-selectbar {
  position: relative
}

.user-selectbar .avatar {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 3px
}

.user-selectbar .avatar img {
  flex: 1
}

.user-selectbar > dl {
  display: none;
  position: absolute;
  z-index: 999;
  top: calc(100% + 10px);
  right: 0;
  border-radius: 16px;
  background-color: white;
  box-shadow: 0px 0px 10px 0px rgba(148, 174, 196, 0.5);
  width: 190px;
  height: 244px
}

.user-selectbar > dl:before {
  content: "";
  position: absolute;
  right: 0;
  width: 100%;
  height: 10px;
  bottom: 100%;
  background: transparent
}

.user-selectbar > dl dt {
  padding: 0 20px;
  height: 49px;
  line-height: 48px;
  border: 1px solid #e4ebf0;
  background-image: linear-gradient(0deg, #d9eefe 0%, white 100%);
  border-radius: 16px 16px 0 0;
  margin-bottom: 10px
}

.user-selectbar > dl dt span {
  font-size: 14px;
  color: #333
}

.user-selectbar > dl dd {
  display: flex;
  align-items: center;
  background-color: rgba(233, 246, 254, 0);
  width: 170px;
  height: 44px;
  line-height: 44px;
  margin-left: 10px;
  padding: 0 10px;
  cursor: pointer
}

.user-selectbar > dl dd:hover {
  background-color: #e9f6fe
}

.user-selectbar > dl dd i {
  margin-right: 10px;
  width: 25px;
  height: 24px;
  background: url("../../images/v3/i_u.png") 0 0 no-repeat
}

.user-selectbar > dl dd i.i_u2 {
  background-position-y: -24px
}

.user-selectbar > dl dd i.i_u3 {
  background-position-y: -48px
}

.user-selectbar > dl dd i.i_u4 {
  background-position-y: -72px
}

.user-selectbar > dl dd span {
  font-size: 14px;
  color: #666
}

.user-selectbar:hover dl {
  display: block
}

.Layers {
  display: none
}

.layui-card .layui-form .layui-form-label {
  width: 100px
}

.table--jbxx {
  padding: 10px 7px;
  background: #d4edff
}

.table--jbxx tr {
  background: #f3f9ff
}

.table--jbxx .tr {
  background: #ebf7ff
}

.Layer_spxxtb {
  text-align: center;
  padding: 50px
}

.Layer_spxxtb .box {
  text-align: left
}

.Layer_xzsp {
  padding: 20px
}

.Layer_xzsp .layui-form-label {
  box-sizing: content-box;
  width: 100px
}

.Layer_xzsp .layui-input-block {
  margin-left: 130px
}

.Layer_xzsp .layui-input-block .layui-input, .Layer_xzsp .layui-input-block .layui-select, .Layer_xzsp .layui-input-block .layui-textarea {
  background: transparent
}

.Layer_xzsp .layui-input-block .layui-form-item {
  background: #f1f1f1
}

.Layer_xzsp .layui-input-block .layui-form-label {
  box-sizing: content-box;
  width: 56px
}

.Layer_xzsp .layui-input-block .layui-input-block {
  margin-left: 86px
}

[title=批量删除] {
  width: auto !important;
  height: 32px !important;
  line-height: 30px !important;
  background: #fff;
  color: #316cd0 !important;
  border: 1px solid #316cd0 !important;
  border-radius: 3px;
  padding: 0 15px !important
}

[title=批量删除] i {
  display: none
}

[title=批量删除]:before {
  content: "批量删除"
}

[title=RPA同步] {
  width: auto !important;
  height: 32px !important;
  line-height: 30px !important;
  background: #f7a500;
  color: #fff !important;
  border: 1px solid #f7a500 !important;
  border-radius: 3px;
  padding: 0 15px !important;
  margin: 0 10px !important
}

[title=RPA同步] i {
  display: none
}

[title=RPA同步]:before {
  content: "RPA同步"
}

[title=新增客户] {
  width: auto !important;
  height: 32px !important;
  line-height: 30px !important;
  background: #316cd0;
  color: #fff !important;
  border: 1px solid #316cd0 !important;
  border-radius: 3px;
  padding: 0 15px !important
}

[title=新增客户] i {
  display: none
}

[title=新增客户]:before {
  content: "新增客户"
}

[title=查询] {
  width: auto !important;
  height: 32px !important;
  line-height: 30px !important;
  background: #316cd0;
  color: #fff !important;
  border: 1px solid #316cd0 !important;
  border-radius: 3px;
  padding: 0 15px !important
}

[title=查询] i {
  display: none
}

[title=查询]:before {
  content: "查询"
}

.floatbar {
  position: fixed;
  z-index: 99;
  bottom: 50px;
  right: 5px;
  width: 60px;
  height: 60px;
  background: #fff;
  border: 1px solid #cde6fc;
  box-shadow: 0px 0px 10px 0px #c1d6e8;
  border-radius: 50%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse
}

.floatbar:hover {
  height: auto;
  border-radius: 30px
}

.floatbar:hover > li {
  display: flex !important
}

.floatbar .li0 {
  display: flex !important
}

.floatbar > li {
  cursor: pointer;
  display: none !important;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px
}

.floatbar > li:hover i {
  background-position-x: -24px
}

.floatbar > li i {
  overflow: hidden;
  width: 24px;
  height: 24px;
  background: url("../../images/v3/i_f.png") 0 0 no-repeat
}

.floatbar > li i.i_f0 {
  background-position-y: 0px
}

.floatbar > li i.i_f1 {
  background-position-y: -24px
}

.floatbar > li i.i_f2 {
  background-position-y: -48px
}

.floatbar > li i.i_f3 {
  background-position-y: -72px
}

.Layer_dialogbox {
  display: none;
  width: 100%;
  height: 100%
}

.Layer_dialogbox .select {
  position: absolute;
  top: -70px;
  left: 70px;
  width: 410px
}

.Layer_dialogbox .select .layui-input {
  height: 45px;
  line-height: 43px;
  border-color: #cde0ec !important
}

.Layer_dialogbox .select .layui-input::placeholder {
  color: #a5b2bc
}

.Layer_dialogbox .select .layui-anim dd {
  height: 40px;
  line-height: 40px
}

.Layer_dialogbox .select .layui-anim .layui-this {
  background: #e9f6fe;
  color: #316cd0
}

.Layer_dialogbox .dialogbox-wrapper {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 0 70px
}

.Layer_dialogbox .dialogbox-wrapper .a {
  position: relative;
  margin: 20px 0
}

.Layer_dialogbox .dialogbox-wrapper .a .img {
  position: absolute;
  right: -50px;
  top: -10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f7a500;
  display: flex;
  align-items: center;
  justify-content: center
}

.Layer_dialogbox .dialogbox-wrapper .a .box {
  padding: 10px;
  background: #f5f8fd
}

.Layer_dialogbox .dialogbox-wrapper .b {
  position: relative
}

.Layer_dialogbox .dialogbox-wrapper .b .box {
  padding: 10px;
  background: #e9f6fe
}

.Layer_dialogbox .dialogbox-wrapper .b .img {
  position: absolute;
  top: -10px;
  left: -50px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #4275ea;
  display: flex;
  align-items: center;
  justify-content: center
}

.Layer_grzx {
  display: none;
  width: 100%;
  height: 100%;
  margin: -30px
}

.Layer_grzx .layui-tab {
  width: calc(100% + 60px);
  margin: 0
}

.Layer_grzx .tab-grzl .user {
  text-align: center
}

.Layer_grzx .tab-grzl .user .img {
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4f7fb;
  border-radius: 50%;
  margin: 0 auto;
  overflow: hidden
}

.Layer_grzx .tab-grzl .user .img img {
  width: 50%
}

.Layer_grzx .tab-grzl .user .name {
  font-size: 16px;
  color: #666;
  line-height: 2
}

.Layer_grzx .tab-grzl .btnss {
  text-align: center
}

.Layer_taskbox {
  display: none;
  width: calc(100% + 60px);
  height: 100%;
  margin: -30px
}

.Layer_taskbox .layui-form {
  width: 100%;
  margin: 0
}

.Layer_taskbox .layui-form * {
  box-sizing: content-box
}

.layui-layer.dialogbox {
  border: 1px solid #cde0ec;
  box-shadow: 0px 0px 10px 0px #c1d6e8
}

.layui-layer.dialogbox .layui-layer-title {
  height: 100px;
  line-height: 100px;
  background: #e9f5fe;
  font-size: 16px;
  color: #333
}

.layui-layer.dialogbox .layui-layer-content {
  overflow: visible
}

.layui-information {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: url("../../images/v3/bg-home.jpg") center no-repeat;
  background-size: cover
}

.layui-information.todo .layui-tab-title {
  width: 0;
  padding: 0;
  margin-right: 0;
  overflow: hidden
}

.layui-information-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 66px;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.2);
  padding: 0 20px
}

.layui-information-header-left {
  display: flex;
  align-items: center;
  background: #2868ce;
  width: 300px;
  height: 40px;
  border-radius: 3px;
  padding-left: 16px
}

.layui-information-header-left > .layui-icon-company {
  width: 28px;
  height: 24px;
  background: url("../../images/v3/company.png") center no-repeat;
  background-size: cover
}

.layui-information-header-left > span {
  font-size: 20px;
  color: #fff;
  margin-left: 10px
}

.layui-information-header-left > a {
  width: 20px;
  height: 20px;
  background: url("../../images/v3/change.png") center no-repeat;
  background-size: cover;
  margin-left: 10px
}

.layui-information-header-right {
  display: flex;
  align-items: center
}

.layui-information-header-right .layui-btn {
  border-radius: 3px;
  height: 32px;
  line-height: 30px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.5)
}

.layui-information-header-right > a {
  width: 30px;
  height: 30px;
  background: url("../../images/v3/logout.png") center no-repeat;
  background-size: cover;
  margin-left: 15px
}

.layui-information-body {
  position: relative;
  flex: 1;
  display: flex;
  overflow: hidden
}

.layui-information-body > .layui-tab {
  margin: 0;
  display: flex;
  flex: 1;
  width: 100%
}

.layui-information-body > .layui-tab > .layui-tab-title {
  display: flex;
  flex-direction: column;
  background: #f5f8fd;
  width: 230px;
  height: auto;
  margin: 30px;
  margin-bottom: 0;
  border-radius: 16px;
  padding: 0 20px
}

.layui-information-body > .layui-tab > .layui-tab-title > strong {
  font-size: 18px;
  color: #333;
  font-weight: 500;
  height: 60px;
  line-height: 60px
}

.layui-information-body > .layui-tab > .layui-tab-title > li {
  display: flex;
  align-items: center;
  height: 50px;
  line-height: 1;
  margin-top: 10px
}

.layui-information-body > .layui-tab > .layui-tab-title > li:hover span {
  color: #316cd0
}

.layui-information-body > .layui-tab > .layui-tab-title > li:hover i {
  background-position-x: -20px
}

.layui-information-body > .layui-tab > .layui-tab-title > li > i {
  width: 20px;
  height: 21px;
  background: url("../../images/v3/i_tb.png") 0 0 no-repeat
}

.layui-information-body > .layui-tab > .layui-tab-title > li > i.i_tb0 {
  background-position-y: 0px
}

.layui-information-body > .layui-tab > .layui-tab-title > li > i.i_tb1 {
  background-position-y: -21px
}

.layui-information-body > .layui-tab > .layui-tab-title > li > i.i_tb2 {
  background-position-y: -42px
}

.layui-information-body > .layui-tab > .layui-tab-title > li > i.i_tb3 {
  background-position-y: -63px
}

.layui-information-body > .layui-tab > .layui-tab-title > li > i.i_tb4 {
  background-position-y: -84px
}

.layui-information-body > .layui-tab > .layui-tab-title > li > i.i_tb5 {
  background-position-y: -105px
}

.layui-information-body > .layui-tab > .layui-tab-title > li span {
  font-size: 16px;
  color: #666;
  margin-left: 10px
}

.layui-information-body > .layui-tab > .layui-tab-title > li.layui-this {
  background: #daeffe
}

.layui-information-body > .layui-tab > .layui-tab-title > li.layui-this i {
  background-position-x: -20px
}

.layui-information-body > .layui-tab > .layui-tab-title > li.layui-this span {
  color: #316cd0
}

.layui-information-body > .layui-tab > .layui-tab-title > li.layui-this:after {
  display: none
}

.layui-information-body > .layui-tab > .layui-tab-content {
  flex: 1;
  overflow: auto;
  background: #fff;
  margin-top: 30px;
  margin-right: 30px;
  border-radius: 16px;
  padding: 0
}

.layui-information-body > .layui-tab > .layui-tab-content > .layui-tab-item > .title {
  padding: 0 20px;
  display: flex;
  align-items: center;
  height: 66px;
  line-height: 66px;
  background: #f4f8fd
}

.layui-information-body > .layui-tab > .layui-tab-content > .layui-tab-item > .title .i-atab {
  cursor: pointer;
  width: 28px;
  height: 24px;
  background: url("../../images/v3/atab.png") no-repeat
}

.layui-information-body > .layui-tab > .layui-tab-content > .layui-tab-item > .title span {
  font-size: 18px;
  color: #333;
  margin-left: 20px
}

.layui-information .form-table {
  display: flex;
  padding: 0 20px
}

.layui-information .form-table .layui-form {
  margin: 0;
  border: 0
}

.layui-information .form-table .layui-table-view {
  width: 100%
}

.layui-information .form-table .layui-table-view table {
  width: 100%
}

.layui-information .form-table .layui-table-tool {
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px
}

.layui-information .form-table .layui-table-tool-self {
  position: static
}

.layui-information .form-table .layui-table-tool .layui-form * {
  box-sizing: content-box
}

.layui-information .form-table .layui-table-tool .layui-form-item {
  margin: 0
}

.layui-information .form-table .layui-table-tool .layui-inline {
  margin: 0
}

.layui-information .form-table .layui-table-tool .layui-form-label {
  width: 60px;
  padding: 6px 10px
}

.layui-information .form-table .layui-table-tool .layui-input {
  height: 30px;
  line-height: 30px;
  border: 1px solid #cde0ec
}

.layui-information .form-table .layui-table-tool .layui-input::placeholder {
  font-size: 12px;
  color: #a5b2bc
}

.layui-information .form-table .layui-table-tool .layui-btn-warm {
  background: #f7a500;
  height: 30px;
  line-height: 30px;
  margin-left: 15px
}

.layui-information .form-table .layui-table-box {
  border: 1px solid #cde0ec
}

.layui-information .form-table .layui-table-box .layui-table-header th {
  background: #daeffe
}

.layui-information .form-table .layui-table-page {
  text-align: center;
  margin: 20px 0;
  border: 0
}

.layui-information-footer {
  text-align: center;
  padding: 18px
}

.Layer_rpatb {
  display: none
}

.Layer_rpatb .info {
  padding: 30px;
  background: #e9f5fe;
  line-height: 2;
  font-size: 16px;
  color: #333
}

.Layer_rpatb .img {
  width: 568px;
  margin: 0 auto;
  margin-top: 50px
}

.layui-layer.layer-normal {
  border-radius: 10px
}

.layui-layer.layer-normal .layui-layer-title {
  font-size: 16px;
  color: #333;
  font-weight: 600;
  height: 50px;
  line-height: 50px;
  border-radius: 16px;
  background: linear-gradient(0deg, #d9effe 0%, white 100%);
  box-shadow: 0px 1px 0px 0px rgba(216, 226, 235, 0.004)
}

.layui-layer.layer-normal .layui-layer-content {
  padding: 30px
}

.Layer_xzkh {
  display: none
}

.Layer_xzkh .layui-form .layui-form-item + .layui-form-item {
  margin-top: 30px
}

.Layer_xzkh .layui-form .layui-form-item .layui-inline {
  width: 50%
}

.Layer_xzkh .layui-form .layui-form-item .layui-input-inline {
  padding-right: 100px
}

.Layer_xzkh .layui-form .toinput {
  margin-right: 10px
}

.Layer_xzkh .layui-form .refreshbtn {
  width: 36px;
  height: 36px;
  border: 1px solid #cde0ec;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px
}

.layui-form .em1 .layui-form-label, .layui-form .em1.layui-form-label {
  width: calc(1em + 30px)
}

.layui-form .em2 .layui-form-label, .layui-form .em2.layui-form-label {
  width: calc(2em + 30px)
}

.layui-form .em3 .layui-form-label, .layui-form .em3.layui-form-label {
  width: calc(3em + 30px)
}

.layui-form .em4 .layui-form-label, .layui-form .em4.layui-form-label {
  width: calc(4em + 30px)
}

.layui-form .em5 .layui-form-label, .layui-form .em5.layui-form-label {
  width: calc(5em + 30px)
}

.layui-form .em6 .layui-form-label, .layui-form .em6.layui-form-label {
  width: calc(6em + 30px)
}

.layui-form .em7 .layui-form-label, .layui-form .em7.layui-form-label {
  width: calc(7em + 30px)
}

.layui-form .em8 .layui-form-label, .layui-form .em8.layui-form-label {
  width: calc(8em + 30px)
}

.layui-form .em9 .layui-form-label, .layui-form .em9.layui-form-label {
  width: calc(9em + 30px)
}

.layui-form .layui-input, .layui-form .layui-textarea {
  border-color: #cde0ec
}

.layui-form .layui-input::placeholder, .layui-form .layui-textarea::placeholder {
  color: #a5b2bc
}

.layui-form .layui-form-select .layui-input {
  border-color: #cde0ec
}

.layui-form .layui-form-select .layui-input::placeholder {
  color: #a5b2bc !important
}

.layui-form .layui-form-item {
  margin: 0
}

.layui-form .layui-form-item .layui-inline {
  margin: 0
}

.layui-form .layui-form-item_flex {
  display: flex
}

.layui-form .layui-form-item_flex .layui-inline {
  display: flex;
  align-items: center
}

.layui-form .layui-form-item_flex .layui-inline_textarea {
  align-items: start
}

.layui-form .layui-form-item_flex .layui-inline_textarea .layui-input-inline {
  align-items: start
}

.layui-form .layui-form-item_flex .layui-input-inline {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0
}

.layui-form .layui-form-item_flex .layui-input-inline .layui-form-select, .layui-form .layui-form-item_flex .layui-input-inline .layui-input {
  flex: 1
}

.layui-form .contentcount {
  margin-left: 10px;
  font-size: 14px;
  color: #999
}

.layui-require .layui-form-label span {
  position: relative
}

.layui-require .layui-form-label span:before {
  content: "*";
  position: absolute;
  right: calc(100% + 4px);
  color: red
}

.layui-tab_qyxx .layui-tab-title {
  padding: 0 20px;
  border-bottom-color: #cde0ec
}

.layui-tab_qyxx .layui-tab-title li {
  font-size: 16px;
  color: #888
}

.layui-tab_qyxx .layui-tab-title .layui-this {
  color: #316cd0
}

.layui-tab_qyxx .layui-tab-title .layui-this:after {
  border-bottom-color: #316cd0
}

.layui-tab_qyxx .layui-tab-content table th {
  background: #e9f5fe;
  font-size: 16px;
  color: #666;
  border-color: #cde0ec
}

.layui-tab_qyxx .layui-tab-content table .td {
  border-color: #cde0ec;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  color: #333
}

.layui-tab_qyxx .layui-tab-content table .td button {
  width: 80px;
  height: 36px;
  line-height: 36px;
  background: #316cd0;
  font-size: 16px;
  color: #fff;
  border: 0;
  border-radius: 3px
}

.floatbar li.li__toolbox {
  position: relative
}

.floatbar li.li__toolbox:hover ul.new--common-tools {
  display: block
}

ul.new--common-tools {
  position: absolute;
  bottom: 0;
  right: 100%;
  width: 350px;
  height: 260px;
  border: 1px solid #208ce1;
  background: #fff;
  border-radius: 3px;
  padding: 20px;
  box-shadow: 0 0 10px 0px rgba(88, 169, 232, 0.3);
  display: none
}

ul.new--common-tools:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 12px;
  background: url("../../images/v3/tools/box-arrow.png") no-repeat;
  bottom: 20px;
  right: -16px;
  transform: rotate(-90deg)
}

.common-tips {
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  background: #ff6600;
  text-align: center;
  font-size: 12px;
  color: #fff;
  position: absolute;
  left: 63px;
  top: 99px;
  z-index: 2
}

ul.new--common-tools.active {
  display: block
}

ul.new--common-tools li {
  width: 70px;
  height: 80px;
  text-align: center;
  display: inline-block;
  vertical-align: middle
}

ul.new--common-tools li .ico {
  display: block;
  background: url("../../images/v3/tools/ico.png") 0 no-repeat;
  width: 38px;
  height: 38px;
  line-height: initial
}

ul.new--common-tools li .ico0 {
  background-position-y: 0px
}

ul.new--common-tools li .ico1 {
  background-position-y: -38px
}

ul.new--common-tools li .ico2 {
  background-position-y: -76px
}

ul.new--common-tools li .ico3 {
  background-position-y: -114px
}

ul.new--common-tools li .ico4 {
  background-position-y: -152px
}

ul.new--common-tools li .ico5 {
  background-position-y: -190px
}

ul.new--common-tools li .ico6 {
  background-position-y: -228px
}

ul.new--common-tools li .ico7 {
  background-position-y: -266px
}

ul.new--common-tools li .ico8 {
  background-position-y: -304px
}

ul.new--common-tools li .ico9 {
  background-position-y: -342px
}

ul.new--common-tools li .ico10 {
  background-position-y: -380px
}

ul.new--common-tools li .ico11 {
  background-position-y: -418px
}

ul.new--common-tools li i {
  display: block;
  width: 37px;
  height: 38px;
  background: #fff;
  border-radius: 3px;
  margin: 0 auto
}

ul.new--common-tools li span {
  font-size: 12px;
  color: #333;
  line-height: 2
}

ul.new--common-tools li:hover i {
  background-position-x: -38px
}

ul.new--common-tools li:hover span {
  color: #208ce1
}

.floatbar {
  position: fixed;
  z-index: 99;
  bottom: 50px;
  right: 5px;
  width: 60px;
  height: 60px;
  background: #fff;
  border: 1px solid #cde6fc;
  box-shadow: 0px 0px 10px 0px #c1d6e8;
  border-radius: 50%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse
}

.floatbar:hover > li {
  display: flex !important
}

.floatbar .li__toolbox {
  display: flex !important
}

.floatbar > li {
  cursor: pointer;
  display: none !important;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px
}

.floatbar > li:hover i.i_f2 {
  background-position-x: -24px
}

.floatbar > li i {
  overflow: hidden;
  width: 24px;
  height: 24px;
  background: url("../../images/v3/i_f.png") 0 0 no-repeat
}

.floatbar > li i.i_f0 {
  background-position-y: 0px
}

.floatbar > li i.i_f1 {
  background-position-y: -24px
}

.floatbar > li i.i_f2 {
  background-position-y: -48px
}

.floatbar > li i.i_f3 {
  background-position-y: -72px
}

.layui-exercise {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: url("../images/v3/bg-home.jpg") center no-repeat;
  background-size: 100% 100%
}

.layui-exercise-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.2);
  height: clamp(50px, calc(100vh * (66 / 1080)), 66px)
}

.layui-exercise-header-left {
  flex: 3;
  display: flex;
  align-items: center;
  height: 100%
}

.layui-exercise-header-center {
  flex: 3;
  display: flex;
  justify-content: center
}

.layui-exercise-header-right {
  flex: 3;
  display: flex;
  justify-content: end;
  padding-right: clamp(15px, calc(100vw * (30 / 1920)), 30px)
}

.layui-exercise-header .layui-btn-back {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(100px, calc(100vw * (176 / 1920)), 176px);
  height: 100%;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAABCCAYAAAD37VxMAAAACXBIWXMAAAsTAAALEwEAmpwYAAADOUlEQVR4nO3dWU8UQRSG4XfGQdSIcUE0iAYXXOD/X5uYoOMajSbuuOEWtyjirnhxaCUIztJL9YT3SeZmpruqLr5UznRXdzWWlpaGgL1Ig2UM2NlMPQqpD5uBw0DbAGsQnQKuAF8MsAbNfmAReATQBBpJhyN1bzMwCZzPvnAG1iCZBi4CX7MvDLAGxTjwAXiy8ksDrEEwDBwELqz+wQBrEEwT4f22+ocmhlj1dgB4Bzxd60fDqzrbAkwQf9zWZIBVZzNAG/i+3gEGWHV1EHgFPP/fQQZYdbSNuON2qdOB3olT3TSItQ5t4Eeng52BVTeHgJfLn44MsOpkG7HO93K3Jxhg1UWDuOpwFvjZ7UneyFBdHALmiSsPXTO8qoPtwChwtdcTDbBSaxBrHc7RQ+mQMcBKbZJ4uuJ1PycbYKU0AuwGrvXbgDcylEqTKB1mgV95GpFSOAzMAW/zNGKAlcLI8ud63oYMsKqWlQ7nyFE6rGzMGlhVOgLcI56yyM0Aq0o7iJsWN4pq0BJCVWkSyyRngaUiG5WqMAXcBt4X2agBVhV2Eu92uFl0w9bAKtsm4ASxTLKw0iHjDKyyTQG3iNdCFc4Aq0y7gCFKKB0yBlhlaRGlw2yZnVgDqyxTxPXej2V2YoBVhj1Etu6U3ZElhIrWImbfs1V0ZoBVtOPEKrPFKjozwCrSKHGt925VHVoDqygt4BixTLIyzsAqyknisfhPVXZqgFWEMeIdvnNVd2yAldcQsUi9naJza2DllW37+jlF5wZYeewjgvsw1QAsIdSvPzvGpxyEAVa/poktAL52OrBMBlj92A8sAI9TD8QaWL0aJl7I98+2ryk4A6tXp4jwJi0dMgZYvRgnniqeTz2QjAFWt7Id49fd9jUFa2B1awY4zxo7xqdkgNWNCeAN8Cz1QFazhFAnW4nat+O2rykYYHUyTYcd41MywPqfbNvXF6kHsh5rYK1nlNj6tZalQ8YZWGsZXf6coYC3qJeplXoAqp0DRC5OU8LL+IpmgJVpAUeJBTr3E4+lay2sgRWry4aJNQ6VvM+hKAZ442oST1QAPCDnfm2pWEJsDJuIwA7zd9JaILZ4/ZFwXLn9Boy2bBKkzxCYAAAAAElFTkSuQmCC") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  padding-right: clamp(0px, calc(100vw * (50 / 1920)), 50px)
}

.layui-exercise-header .layui-btn-back i {
  width: clamp(0px, calc(100vw * (30 / 1920)), 30px);
  height: clamp(0px, calc(100vh * (30 / 1080)), 30px);
  width: 30px;
  height: 30px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAWFJREFUSEvtlVFRxEAQRLsVgANAATgAHBwKOByAAnAAEkABhwI4B6CAwwEoaKqrslSSTbJsckl+bn7ysZl9M7MzPcRMxpm42IEnq3yy1JKWAJYkz7YZVSdY0iOASwDrScCS9gE8AwhZvgO47sqY5DqnIlHGkk4K6GHORcW/GwAPAJ5IfncGWj+U9AbgtAe07GLoFclV2z1tGRu+NxBu9xuSrkBkjc0lyWV2tMeFx0fqjQH4idwHBzXKRVPmrV1dNJijzepqSYbfl+Abkkf1lP8zx3fu7pxxkmSf2xLM7+3R/LMkuO87S3KHh7K/kFxMBQ7iY14kQGNmXCk3yQprTPBsGVtEghZYybxsxm2uWbq6YY6/SEa6nxKQoFypqfI2s3K5nHXIOUlLcMXaJNMXfQLwd4hFwhEuawN7D78OIP4AWDRl2gn2Yc/16GVifV9l7+MBWWa5jiYgqSh24FSFtnb+CzVAdB9TqBWXAAAAAElFTkSuQmCC") no-repeat;
  background-size: contain
}

.layui-exercise-header .layui-btn-back span {
  color: #fff;
  margin-left: 8px;
  margin-left: clamp(8px, calc(100vw * (8 / 1920)), 8px);
  font-size: clamp(16px, calc(100vh * (16 / 1080)), 16px)
}

.layui-exercise-header .layui-btn-back:hover {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAABCCAYAAAD37VxMAAAACXBIWXMAAAsTAAALEwEAmpwYAAADPElEQVR4nO3d52sUQRyH8ecul2jsxh6xJVHBf198YdRYsWJBbFiwohI7ltjji58rIeSSK7s7u/h84N7c7c4M5MswmZndaczOzg4DB5DqZSMw2EzdCqkHQ8B2YMoAq44mgNPAFwOsutkMvAHuATT/fqQ6GAJGgansiybQSNYcqTsTwAnga/aFva/qYgswDTyY+6UBVh0MEQE+Of8HA6w62AccZ87QIdMEBkpvjtS5rcBz4NFCP9oDq8qWAZtYYOiQMcCqsv3ElNn3dhcYYFXVKPAYeLLYRc4Dq4qGgfXEcvGiXIlT1TSIBYsp4MdSFxteVc0oMePwrJOLDbCqZBhYB5zp9AYDrKpoEAsWR4Cfnd7kQoaqYjuxRfJFNzfZA6sKVgCrgXPd3miAlVoD2AscpYuhQ8YAK7UdwB3gZS83u5ChlFYSw4cLvRbgQoZSaRJDh0ngVz+FSCnsAG4Cr/opxAArhVXEVsmL/RZkgFW2JjBOLFj8zqMwQ6wy7QRuAK/zKMxZCJVpNTAIXMqrQHtflaVJbJOcBGbzLFQqw27gKvA2z0IdQqgMa4icXcm7YP+JU9GyWYdchw5zC5eKtAe4DLwvonADrCKtJXrdq0VVYIBVlAFgjBg6FMYxsIoyRiwVfyiyEmchVIT1xNt0rhddkb2v8tYCdhF7HQpngJW3MeA88LGMygyw8jQCzBD7fEvhY/XKS4vYaXa0zErtgZWXceAs8KnMSg2w8rCBCO7tsis2wOrXIPF827EUlbuQoX5lx75+TlG5CxnqxybgHXA3VQPsfdWrfyfGp2yEAVavJojTg2ZSNsIAqxebiaeK76duiAsZ6tYQsI04OTM5e2B1ay9tjn1NwQCrG1uI16A+TN2QjAFWp9qeGJ+S88DqVHbs67fUDZnLlTh1Yhtxbtvj1A2Zz/BqKcuJzTqnUjdkIQZYS9nHEifGp2SAtZjs2NenidvRlgsZameEyEclhw4Ze2AtZIQ4PegQfRzAUgYDrPm2Eq+DOkgPBw+WrZW6AaqMAeKhzFt/P7XQwoUMxe6yH8BhSnqfQ15aOIz4XzWJ+d0Z4vWn02mb0xuHEP+HbMU1+3v/JPbzXiN63tr6AxaFbafsjWihAAAAAElFTkSuQmCC") no-repeat;
  background-size: 100% 100%
}

.layui-exercise-header .title {
  color: #fff;
  font-size: clamp(16px, calc(100vh * (20 / 1080)), 20px)
}

.layui-exercise-header .timer {
  display: flex;
  align-items: center
}

.layui-exercise-header .timer dt {
  font-size: 14px;
  color: #cfe3ff;
  margin-right: clamp(5px, calc(100vw * (10 / 1920)), 10px);
  white-space: nowrap
}

.layui-exercise-header .timer dd {
  position: relative;
  font-size: 21px;
  font-family: "Arial";
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAoCAYAAACfKfiZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA/UlEQVRYhe3RvUrDUByG8ed8NE0wodhBqSC4dHD3cnTQ0aGbbt6A4h2ISy/KSRCctFAJph4TchIXA+LglhOH/3sDzw9edXz7GAE3wCmQEWYFcA9cWOC6qtvFR1mzyivenadp2l6qWiuyxLAzGafJ2Cwiq5wFzlzpeXpx1L6fcLemack3NZtPz8FuQmRH5xrIXvOy9/jP1b5llVcAmQYonA8W79Y1NYDv6fO/1jV18PKvCUAAAhCAAARgAY7mk2EBD8/FIPHD/XT4CwQgAAEIQAACEMC/AKytUcHD3821BpazaUxIxMgoZtMY4M4Cl2ls1Hxv6wTYDmR4A5bA1RenR0rtrvJd1gAAAABJRU5ErkJggg==") center no-repeat;
  background-size: contain;
  width: clamp(32px, calc(100vw * (32 / 1920)), 32px);
  height: clamp(40px, calc(100vh * (40 / 1080)), 40px);
  line-height: clamp(40px, calc(100vh * (40 / 1080)), 40px);
  text-align: center;
  margin-right: clamp(5px, calc(100vw * (7 / 1920)), 7px)
}

.layui-exercise-header .timer dd:nth-last-child(2), .layui-exercise-header .timer dd:nth-last-child(4) {
  margin-left: clamp(5px, calc(100vw * (8 / 1920)), 8px)
}

.layui-exercise-header .timer dd:nth-last-child(2):before, .layui-exercise-header .timer dd:nth-last-child(4):before {
  content: ":";
  font-size: 21px;
  color: #fff;
  position: absolute;
  left: clamp(-8px, calc(100vw * (-10 / 1920)), -10px)
}

.layui-exercise-header .timer.day dd {
  margin-left: 0;
  margin-right: clamp(5px, calc(100vw * (7 / 1920)), 7px)
}

.layui-exercise-header .timer.day dd:before {
  display: none
}

.layui-exercise-header .timer.day dd:last-child:after {
  content: "天";
  font-size: 20px;
  color: #fff;
  position: absolute;
  right: clamp(-26px, calc(100vw * (-26 / 1920)), -26px)
}

.layui-exercise-header .user {
  display: flex;
  align-items: center
}

.layui-exercise-header .user > .img {
  height: clamp(30px, calc(100vh * (40 / 1080)), 40px);
  width: clamp(30px, calc(100vh * (40 / 1080)), 40px);
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: clamp(5px, calc(100vw * (10 / 1920)), 10px)
}

.layui-exercise-header .user > .img img {
  width: 100%;
  height: 100%
}

.layui-exercise-header .user > span {
  display: flex;
  flex-direction: column
}

.layui-exercise-header .user > span b {
  font-size: clamp(12px, calc(100vh * (14 / 1080)), 14px);
  color: #fff
}

.layui-exercise-header .user > span em {
  font-size: clamp(12px, calc(100vh * (12 / 1080)), 12px);
  color: #cfe3ff
}

.layui-exercise-body {
  position: relative;
  flex: 1;
  display: flex;
  overflow: hidden;
  padding-left: clamp(10px, calc(100vw * (25 / 1920)), 25px);
  padding-right: clamp(10px, calc(100vw * (25 / 1920)), 25px);
  padding-top: clamp(10px, calc(100vh * (25 / 1080)), 25px);
  padding-bottom: 0
}

.layui-exercise-body-aside {
  width: clamp(260px, calc(100vw * (260 / 1920)), 260px)
}

.layui-exercise-body-aside .block {
  display: flex;
  flex-direction: column;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
  overflow: hidden
}

.layui-exercise-body-aside .block-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: clamp(10px, calc(100vw * (20 / 1920)), 20px);
  padding-right: clamp(10px, calc(100vw * (20 / 1920)), 20px);
  height: clamp(60px, calc(100vh * (80 / 1080)), 80px);
  background: #e9f5fe
}

.layui-exercise-body-aside .block-title .title {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.layui-exercise-body-aside .block-title .title > span {
  font-size: clamp(16px, calc(100vh * (18 / 1080)), 18px);
  color: #333;
  text-shadow: 0 0 0 #333
}

.layui-exercise-body-aside .block-title .title > .state {
  font-size: clamp(12px, calc(100vh * (14 / 1080)), 14px);
  color: #888
}

.layui-exercise-body-aside .block-title .title > .state span {
  color: #316cd0
}

.layui-exercise-body-aside .block-title .button-details {
  cursor: pointer;
  width: clamp(62px, calc(100vw * (72 / 1920)), 72px);
  padding-left: clamp(30px, calc(100vw * (32 / 1920)), 32px);
  height: clamp(30px, calc(100vh * (32 / 1080)), 32px);
  line-height: clamp(28px, calc(100vh * (30 / 1080)), 30px);
  font-size: clamp(12px, calc(100vh * (14 / 1080)), 14px);
  color: #316cd0;
  background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAwklEQVQokZ3SsUqCYRTG8Z92aFOipaFuoFHoApqLEGtvCNy8Aimo+2gOjbYuoKXFJT6HCvEqHMzBQYfv3QLfTx84w4Hz5zk8PLVWrxjgCm18oo+mzfoJ3CBwgRkeMhDMIx1e4hm/6OAg51hr9YoKBv9V34lK4Clusb8NGPjAEY7xgi8cZrhRYJWWVZqFMt1NWgbOcYZXLHFS9dVJmq20c6qBe2UBuvjGNRoZbhp4xB7uMMBbBcO/wFBZ8neM8SRfuWINKwgkvMiZVv4AAAAASUVORK5CYII=") 10px center no-repeat;
  border: 1px solid #316cd0;
  border-radius: 2px
}

.layui-exercise-body-aside .block-title .button-details:hover {
  background: #316cd0 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE7mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDEgNzkuYzAyMDRiMiwgMjAyMy8wMi8wOS0wNjoyNjoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjMgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0wNC0xOFQxNDowNzoxMyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDQtMThUMTQ6MDc6MzErMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDQtMThUMTQ6MDc6MzErMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmVmOWY1ODA5LTBiNTItMGI0MS04OGQxLTI1NWFhOGJmMTQzMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDplZjlmNTgwOS0wYjUyLTBiNDEtODhkMS0yNTVhYThiZjE0MzAiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplZjlmNTgwOS0wYjUyLTBiNDEtODhkMS0yNTVhYThiZjE0MzAiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmVmOWY1ODA5LTBiNTItMGI0MS04OGQxLTI1NWFhOGJmMTQzMCIgc3RFdnQ6d2hlbj0iMjAyMy0wNC0xOFQxNDowNzoxMyswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI0LjMgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pnqra/UAAAC2SURBVCiRvZIxjkFhGEXPk0c3YgdKsYCxCRGJVqITWzCTaWYD1kFtCwolBQob0CgkREFyFO9JphD/bwo3ud13c3O/nEQdAy2gDcyAb6DMc61RL2YaqZ/G6ZioQ6AJDIBN3lwJNSZq4OaxCv9K5cE60ANKLyXVXT74S62q+4jnzFPgPtLcZ+AQ6Lug1tSuWlSJ9fu/mgI/ZAD0gRXQAT4CuS3q9Q9yjUjkTikwIYN8CiyBX8LILW6f3e2IQs+EuQAAAABJRU5ErkJggg==") 10px center no-repeat;
  color: #fff
}

.layui-exercise-body-aside .block-body {
  flex: 1;
  overflow: auto
}

.layui-exercise-body-aside .block-footer {
  padding-left: clamp(10px, calc(100vw * (20 / 1920)), 20px);
  padding-right: clamp(10px, calc(100vw * (20 / 1920)), 20px);
  padding-top: clamp(10px, calc(100vh * (20 / 1080)), 20px);
  padding-bottom: clamp(10px, calc(100vh * (20 / 1080)), 20px)
}

.layui-exercise-body-aside .block-footer .button {
  display: flex;
  text-align: center;
  justify-content: center;
  height: clamp(38px, calc(100vh * (48 / 1080)), 48px);
  line-height: clamp(38px, calc(100vh * (48 / 1080)), 48px);
  background: #316cd0;
  font-size: clamp(14px, calc(100vh * (18 / 1080)), 18px);
  color: #fff;
  border-radius: 3px
}

.layui-exercise-body-aside .block-footer .button:hover {
  background: #1c5ece
}

.layui-exercise-body .list--tasks {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  padding-left: clamp(0px, calc(100vh * (12 / 1080)), 12px)
}

.layui-exercise-body .list--tasks li {
  border-radius: 50%;
  border: 1px solid #cde0ec;
  background-color: white;
  width: clamp(32px, calc(100vh * (32 / 1080)), 32px);
  height: clamp(32px, calc(100vh * (32 / 1080)), 32px);
  line-height: clamp(30px, calc(100vh * (30 / 1080)), 30px);
  min-width: clamp(32px, calc(100vh * (32 / 1080)), 32px);
  min-height: clamp(32px, calc(100vh * (32 / 1080)), 32px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #666;
  margin: 10px 8px;
  cursor: pointer;
  opacity: 0.8
}

.layui-exercise-body .list--tasks li.active {
  background: #3b9fff;
  color: #fff;
  border-color: #3b9fff
}

.layui-exercise-body .list--tasks li.done {
  background: #01a408;
  color: #fff;
  border-color: #01a408
}

.layui-exercise-body .list--tasks li.other {
  background: #dceffe
}

.layui-exercise-body .list--tasks li:hover {
  opacity: 1
}

.layui-exercise-body-main {
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
  margin-left: clamp(10px, calc(100vw * (18 / 1920)), 18px)
}

.layui-exercise-body-main .main-block {
  display: flex;
  flex: 1;
  height: auto;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 3px;
  overflow: hidden
}

.layui-exercise-body-main .main-block-left {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden
}

.layui-exercise-body-main .main-block-left-header {
  box-shadow: 0 1px 1px 0 #cde0ec;
  padding-left: clamp(10px, calc(100vw * (20 / 1920)), 20px);
  padding-right: clamp(10px, calc(100vw * (20 / 1920)), 20px);
  padding-top: clamp(10px, calc(100vh * (20 / 1080)), 20px);
  padding-bottom: clamp(10px, calc(100vh * (20 / 1080)), 20px)
}

.layui-exercise-body-main .main-block-left-header .topics strong {
  display: flex;
  align-items: center;
  line-height: 1;
  font-size: clamp(16px, calc(100vh * (18 / 1080)), 18px);
  color: #333;
  text-shadow: 0 0 0 #333;
  font-weight: 500;
  padding-bottom: clamp(10px, calc(100vh * (20 / 1080)), 20px)
}

.layui-exercise-body-main .main-block-left-header .topics strong > em {
  font-size: 12px;
  background: #a5cae9;
  color: #fff;
  text-align: center;
  padding-left: clamp(0px, calc(100vw * (6 / 1920)), 6px);
  padding-right: clamp(0px, calc(100vw * (6 / 1920)), 6px);
  padding-top: clamp(0px, calc(100vh * (4 / 1080)), 4px);
  padding-bottom: clamp(0px, calc(100vh * (4 / 1080)), 4px)
}

.layui-exercise-body-main .main-block-left-header .type span {
  font-size: clamp(12px, calc(100vh * (14 / 1080)), 14px);
  color: #888;
  margin-right: clamp(10px, calc(100vw * (20 / 1920)), 20px)
}

.layui-exercise-body-main .main-block-left-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: auto
}

.layui-exercise-body-main .main-block-left-body .items {
  padding-left: clamp(10px, calc(100vw * (20 / 1920)), 20px);
  padding-right: clamp(10px, calc(100vw * (20 / 1920)), 20px);
  padding-top: clamp(10px, calc(100vh * (20 / 1080)), 20px);
  padding-bottom: clamp(10px, calc(100vh * (20 / 1080)), 20px)
}

.layui-exercise-body-main .main-block-left-body .question-stem {
  font-size: clamp(15px, calc(100vh * (16 / 1080)), 16px);
  color: #333
}

.layui-exercise-body-main .main-block-left-body .question-stem-inner {
  padding-bottom: clamp(10px, calc(100vh * (20 / 1080)), 20px);
  margin-bottom: clamp(-10px, calc(100vh * (-20 / 1080)), -20px);
  box-shadow: 0 1px 1px 0 #cde0ec
}

.layui-exercise-body-main .main-block-left-body .attachments .title {
  font-size: clamp(16px, calc(100vh * (18 / 1080)), 18px);
  color: #333;
  text-shadow: 0 0 0 #333
}

.layui-exercise-body-main .main-block-left-body .attachments .list {
  display: flex;
  flex-wrap: wrap
}

.layui-exercise-body-main .main-block-left-body .attachments .list li {
  display: flex;
  align-items: center;
  width: 25%;
  padding-top: clamp(10px, calc(100vh * (14 / 1080)), 14px);
  padding-bottom: clamp(10px, calc(100vh * (14 / 1080)), 14px);
  padding-left: clamp(35px, calc(100vw * (40 / 1920)), 40px);
  padding-right: clamp(35px, calc(100vw * (50 / 1920)), 50px)
}

.layui-exercise-body-main .main-block-left-body .attachments .list li > span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.layui-exercise-body-main .main-block-left-body .attachments .list li.zip {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAABM0lEQVRIie3WsS4EQRzH8c/cXbFaDaUgobiIB1CcSqVRKa7wAh5BFBo0iouKQrGlUqMivIBErZCQUFhRiOtGcesBZsSGxC+ZbPXNN/+d38xuCGXRxhY2Me5nUmGAnU4t206A7/CBbgIz/uUIoSxepE22jBu8JjBfqdphrbOXCL1jDg94xmwCOxZCWcREIYj9YQhl0cNFCtfJcB3iMZTFCSZT4Rzhqfw9zBIeG7V0GYs4SIFbGcIZdGN/eGk0aVJyJlzFbW7ZcoSTeMM9CkykwDmv9AhXsT+cwnoqnDMhCGWxgfkmhOd4Qk9D53C3bqj6pllJgXP28FvJEsYYz2KMZ40JsVSv5OS2dKF+TqeC2Z+n3PyN0vwLf52watBXtYz+iJvKoB3WOteIRod57IdEFfax8wnzRUPwA19RWAAAAABJRU5ErkJggg==") left center no-repeat
}

.layui-exercise-body-main .main-block-left-body .attachments .list li.pdf {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAABuElEQVRIicXWP2hUQRDH8c9erliLKJyFqI1YiBAU1MI/jaARxUJEBEEPLESwiAgSsFKLKBjboEUI2jwrW0HsxIuNioiFmjoEEc2BFnIg5FnsXXNcTu/wPX/Vssyb787szOwLIYsjuI7LqClGTcxgqtqG3SwI1FGtwwghi8uKi6xbzUqJMKhVSoSBYYD3sBfPygC+xywu4HYZwBc4jnNSqRcO3ITP+NFeFw7cL0X5CnvKAG7EBmlYjJcBhPNYxMGygGP4iaWygA+xSxr2hQO/4qnU9IuG6MXqgPbTuIh1yHAAaw0Q7SDAd3iCBp5jQUrtFWnc/ZIqeBuO4XQv/3+b0i84g2Vsxx18xAlM5vXWAo5gEltxDUd7OeoXYY7H7dPPY5/0ah/q/i5k8RvmsAM3MJHXW+tDFj+1D/hH4BJOSuV/GG/wCFtWsZ9DzOutiZDFl4ghi6PY3G3YK6Ur0oDejdfSnU33gXX83A9ZbGANvkv3PdptGEIW8669D3m9NRayOI9b0jh70Ac2kHoBV3AJb3EWV/8VbDVgofov/zRDvdxDqlmReqsszYyEU9WG1OQ7pZIuQk3cxdRvVkBgTGMOU3gAAAAASUVORK5CYII=") left center no-repeat
}

.layui-exercise-body-main .main-block-left-body .attachments .list li.word {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB4klEQVRIieXWv2vUYBzH8VeupUSo7dFVcFHrJnYQHRxUECcROjhl8B9wFQr+qNaWKuhgEXWpS1D8I3RxcBI6uDi4VEQQelLbamqlcbjnsD2Tuytyh+gXwpMnb3je+TzJ8yRRlMZ9uIKLGNGdqmEOU/1Bdq1LokaNNBxRlMZLupesuWqVHspgpNJDGfh/ha8whkcl/FngEyX8SeDPOxXKk2wBbwvQBi4F/qaET2AVJzoVVkO7VsAe5Em2GKVxBcsFfD5PskVcRl8z7N+hcA3TURofxQq+NPENzERpPIqkaOCdJrybJ9kn9Skb8HvCRrobCtJR32nyEukAjuNF6C9hXzhe4yQW8DnwdYxiUP3ZRkWDtloWVdsTzuZJtozZ0B+0fUofhnRXy2SdCNfD+Qfcj9L4FE6Ha0N5km2qv40ZbkVpfBjnW4zZUjjs1zO6GQad3cJ3h3YFj/Mk+4hJLdK1E1bxA+8xj3Ec2cKHQvsNd6I0HsO5VrJOhKuYwSamm3hD+DRPsne43k7WTjiMr+rpLuBgifBelMbHcPZPhdU8yb6rr6fJkhsS1mURL6yynQYObHnr9hTwvYHvx5lOha0Wflfqr/ke/lvCWg99tYr6H3Gvaq4vGu9/iRyHsKtLohpuY+onOXGBOQW+wtgAAAAASUVORK5CYII=") left center no-repeat
}

.layui-exercise-body-main .main-block-left-body .attachments .list li.ppt {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAABaklEQVRIid2WMUvDUBSFv5tWeIJd6uDUwUFEBVFRHARxcHRyEswfcHCtIIpDN9eCi0hBHv4HR3GrCG4WHHQVNeCgZnsOJhCKL+ZBEqEHwoV3wvlyk5vkiWhVAQ6BXaBOMQqANtCqRrCjgkCx6jFDRKs3iuusX4FXIgyg7pUIA2DwgVWHcz+BFYungBlgD5hIC3Hp8Nb44R1QA9YSxzwwCpxHF/ScFuLSYTeqTWDjF//C+OG2aHUG7NtCXDq8ieqSxV+N6kNaiAuwK1o1gDGLfx/VRh7AV+OHj8Cyxf8CDkQrAbbSgrI+w/h21oCrxPoH0ANOjR/2RKsmMJ0HsAtg/LADdPpN0WpKtDoBdv4KytyhaOUBl8BQYn0EGMfhe+zS4SSwnjXYpixD82T88AX765A7MB4Y24QWBlwsC/guWi0Ac3kARbQyeQRl1eD/gP8FGJTICzx+dsRlqV2Rzeo1YIBZYLggUAAcA61vkm1HgOadCFYAAAAASUVORK5CYII=") left center no-repeat
}

.layui-exercise-body-main .main-block-left-body .attachments .list li.xls {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAABrklEQVRIie3WT6hMURgA8N+ZeXTfhpqFFAslRb3EhoWdt2BLknJXbFhQ/vTqhaS3InqLFwmldBZSVqKQhaxkI2ZFVhZKzIZyexbHYmaKiTf3vmkmyre69Z37/frOved+N4SY1XEGR9AwnGhhDjNjHezskKBuNLpGCDH7bHid9UarNkIMGrURYuA/2I2j2IzXC6x5j23Yiuag4AG8wrE/5D9gO5531kwMCm7CwZQXT3CvJ/cJO/AOl7FvoUIhxCyVRD9iHVZqb9kSfMFkyosXIWbnMdWvSJWXZgVOpbx4g6v4jl0dbLoMRrUOYR4b8A07U17cDDE7jCtlC1QF4W7Kiz0QYrYft1TYqcWcw0c/XU9VrVEVPJny4lqI2d4Qs3FMV7y/Engu5cWlELNJRBxKefHArx33jbLPcDblxfEQsy14jGXaQ3UtVuMl6mXAMh3ewIkQswnc72C0x9rplBdNXC+D0b/D28ixBk+xqic/j/X4irdY3g9cqMMmZrU/xg9/g8FSXOzk7vTDWNw5HCj+2nn4b4OtEXqtmvYf8ahirh52jz1DwkaMDwlq4QJmfgB4MG2ndIY2pwAAAABJRU5ErkJggg==") left center no-repeat
}

.layui-exercise-body-main .main-block-left-body .attachments .list li.img {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAABfUlEQVRIie3WvYoUQRSG4afGCTp05ybMTEzEYMOFBS+hYkHBREz9HUE2MDJQjBsvwMTAyAsQxGRBRDByQezdZLFY0DLoHpkZpqd3dHo08IuKc07121/XaU6FUBZncAvXMdKPKjzGeNjA7vQEmmg0YYRQFl/152xe1WCDMBgNNggDbcAK13AFX9YJHLbEb+eYnkAoC3i2LmCbw8Epan5LbQ7vh7LI+I4H6wSG5sEb0z/Tpf+BfwV4jHubAh5gWz1yVlLbf7hM+9jNMX2CUBZHOHvazas6fI1LE1ijDx17ZvKrAJ9jJ8d0NBd/31L/GTvqAb8y8CFijulkQW6Rwxc4n2N6hTfTia4z/IGrOaZl02La4TfcyDE9nXuhQ2yx3OExLnfApoFvcWEOJseUTblsAx5gO8f0sgNG7eARLuaY9ltqfgEXfdKZtu9SjukQNzvKWh0uavt1aAZYNeu2tv9j5Zg+qhunCqEs7qovqe/Q5zA+h70hxk2g76v+HsY/AaundehQY6h1AAAAAElFTkSuQmCC") left center no-repeat
}

.layui-exercise-body-main .main-block-right {
  width: clamp(300px, calc(100vw * (330 / 1920)), 330px);
  box-shadow: -1px 0 1px 0 #cde0ec;
  padding-left: clamp(10px, calc(100vw * (20 / 1920)), 20px);
  padding-right: clamp(10px, calc(100vw * (20 / 1920)), 20px);
  overflow: auto
}

.layui-exercise-body-main .main-block-right .block-title {
  color: #333;
  text-shadow: 0 0 0 #333;
  font-size: 18px;
  padding: 20px 0
}

.layui-exercise-body-main .main-block .detail-box {
  background: #fbfeff;
  border: 1px solid #cde0ec;
  border-radius: 3px;
  padding: 20px;
  overflow: hidden;
  position: relative
}

.layui-exercise-body-main .main-block .detail-box > * {
  position: relative;
  z-index: 2
}

.layui-exercise-body-main .main-block .detail-box .title {
  font-size: 16px;
  padding-left: 40px;
  margin-bottom: 10px;
  color: #333;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFL0lEQVRIiYWWS48dRxXHf/Xox525dzy2J48xQSJ2QIQYK4kIUiQgMcoC8RFgmQVfgh1LvgIrIJvAKggiNkSJAgKk4AglIItEJJ6MEzx+3Hd31+McFt0TX0d+lFTqUnWrfvU/9T+n2ixVASiAGxlmGbyFJFAChYEMYKDyoIAAXeR8aDk/X/No7PjO02f4Zel5Tbh/8/d7aS2UAyRmxjFwfr7mwmLFc+uWr6w7WAY+rkpG3vB8Ca89gHcn0BhwDkoHVkEDTyxavrloeH624lvrlpNNRBQ+s473rWNaVqwrR21g+iAYgPf0CgqGULY83cx5abHixXXL15vAuMt0xvKRsVy2Ba01ZFUqlBMWMubegOsNHDbgHRjAzwELrJS9D6/yh6MFz6SEF5ji+K+1fFw5WkCysiVCHYQMdMbgROi8o0TRTVAQePMqXL4JZQV2UObnQ1yD8vinM56Lys2y5NMCAhBQnIIXRbLgU6QMCZMhYtjOglU4qdzW+d4U/voZXF3CoyN4eATJDEAPuD6kXVnQaqKz/ZRJQlSlEyWkDG2kXAe2usC2t1jjWMXMKCbO1Z5XI/DWdfj3DUgBHt7qXS7K59u5q0sNmCzkyjEqHYUIOQt25BjVjknjmfxvjjWWEyEz3ikp/nKFH7/f8MGX93nj3B4cXoOQBzWbprkbMGSanYqds7t8tbBQ+N65pYfKQWHh0lXyK+/Q1gV1XTB78zIvvHqJP/3gGd44s8creyf57Y5nljpQfQBwOA9jgE0HfsGMJmfqZKiawOhEjYQO+8e/c7EuuXh2n58/9gi/+toZfnNmn7eTggqYj1RxQBIu/OtD/tYlbhWOeRKWpYPCkVRISXBtZLwO7K47TnwypUYpmgBP7KEhYn7xNuyN+zNbrCEleGgXvvcsP9wZ83oX7q1QncV3mUWbWImSuohbdshsTb1sGFvT1wYRTBZMTr1RUujX2C7BlDCdwu8v8VS9w+s53b+0qbcUQKWCw+NypkwFXhO2DWgSEOlDJRly7FWZDVeWBuqCubcg9t5AA2jINKqsshDbiF+2+FsNcbpEPFBYjOTeFCKQYt83z1qHeRNA7qNQVdGTNfu1QxSyKC4lqi6xEwLVPw8wt1b9gpp7hSn0Kocc758yhLkAvRewyzSnana/cZqzzvbXUl30qXHczu+jP/sdsuWxohvANNCOd57BRSD047sCncGHTHe9YVk6rLOos+AM1oIvLPa9A6gsVge7H4cuhy+ESoY524/9pvzjVljKNrP8zy3e9ZYuCylE3HzFZLrgodmK07MF2zsjzHw9LJohhh56BzBDmWG5hk+OwCeBLQvt5kegzuAVnAzhEb3dUcx2hQkJlYzR4Tcgx75vCjDA9Zvga/jJxUHhBAiWD8xQtAeqGoOx4KTPS+ct1ltsYSEqZOld6l0PnB2BldswBZo1dBOmv/4p/Ogp8Cny5EHLS3PlS6o0xhA/39qQUqp31sMhDRQFZ+HKNXQ+R1/8NmayNSgGNZDblu7JC7zw7OOMOuEd8+cDfevgiO+WBfiSQ6DrPUU7jBtVUhdwizXj2YJT8wWnVg2jLuJygkWDEUEf2UVjAgwGJTvDcjzmYFQxWwbKl7/PP3zMTFzZ38gCewZaVRoMDdAZKEWJ0v8YjAXGImwZqBgqTeUgAodHkHJf9Q1YZynrNaPJFleKLW6okH1d8q5TznmYobQYOuPoEDqUzhhaMUQ8JhaMtj1zqbkBFNZiYkJTQmNCC0s6Dr0xYB1NXXNtvMPhY3uMT08I/wcfftBog0QadQAAAABJRU5ErkJggg==") left 0 no-repeat;
  background-size: contain
}

.layui-exercise-body-main .main-block .detail-box > p {
  color: #77838c;
  font-size: 14px;
  padding: 10px 0
}

.layui-exercise-body-main .main-block .detail-box .flex {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.layui-exercise-body-main .main-block .detail-box .flex a {
  border: 1px solid #1753fc;
  border-radius: 3px;
  color: #1753fc;
  line-height: 1;
  font-size: 14px;
  padding: 8px 9px
}

.layui-exercise-body-main .main-block .detail-box:after, .layui-exercise-body-main .main-block .detail-box:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0
}

.layui-exercise-body-main .main-block .detail-box:before {
  border-right: 83px solid transparent;
  border-bottom: 83px solid #e7f4fd;
  z-index: 1
}

.layui-exercise-body-main .main-block .detail-box:after {
  z-index: 0;
  border-right: 330px solid transparent;
  border-bottom: 330px solid #f3fafe
}

.layui-exercise-body-main .main-block .button-box {
  position: relative;
  background: #fff;
  border: 1px solid #cde0ec;
  border-radius: 3px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center
}

.layui-exercise-body-main .main-block .button-box .dzswj {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

.layui-exercise-body-main .main-block .button-box .dzswj i {
  width: clamp(0px, calc(100vw * (93 / 1920)), 93px);
  height: clamp(0px, calc(100vh * (71 / 1080)), 71px);
  background: url("data:image/png;base64,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") center no-repeat;
  background-size: contain;
  margin-top: clamp(0px, calc(100vh * (33 / 1080)), 33px)
}

.layui-exercise-body-main .main-block .button-box .dzswj span {
  color: #333;
  text-shadow: 0 0 0 #333;
  line-height: 1;
  font-size: clamp(14px, calc(100vh * (16 / 1080)), 16px);
  padding-top: clamp(0px, calc(100vh * (22 / 1080)), 22px);
  padding-bottom: clamp(0px, calc(100vh * (34 / 1080)), 34px)
}

.layui-exercise-body-main .main-block .button-box > a {
  text-align: center;
  width: 100%;
  line-height: 1;
  padding-top: clamp(5px, calc(100vh * (15 / 1080)), 15px);
  padding-bottom: clamp(5px, calc(100vh * (15 / 1080)), 15px);
  background: #316cd0;
  color: #fff;
  font-size: clamp(18px, calc(100vh * (18 / 1080)), 18px)
}

.layui-exercise-body-main .main-block .button-box > a:hover {
  background: #1c5ece
}

.layui-exercise-footer {
  text-align: center;
  padding: clamp(10px, calc(100vh * (18 / 1080)), 18px);
  opacity: 0.5
}

@media screen and (max-width: 1366px) {
  .layui-exercise-footer {
    padding-bottom: 5px
  }
}

.layui-exercise-footer:hover {
  opacity: 1
}

.Layers__details {
  display: none;
  height: 100%;
  overflow: auto
}

.Layers__details .list--tasks {
  padding: 10px 0
}

.Layers__details .list--tasks li {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 10px 20px;
  opacity: 0.8
}

.Layers__details .list--tasks li i {
  border: 1px solid #cfe1ed;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  margin-right: 20px
}

.Layers__details .list--tasks li span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: #333
}

.Layers__details .list--tasks li.active i {
  background: #3b9fff;
  color: #fff;
  border-color: #3b9fff
}

.Layers__details .list--tasks li.active span {
  color: #3b9fff
}

.Layers__details .list--tasks li.done i {
  background: #01a408;
  color: #fff;
  border-color: #01a408
}

.Layers__details .list--tasks li.done span {
  color: #01a408
}

.Layers__details .list--tasks li.other i {
  background: #dceffe;
  color: #666
}

.Layers__details .list--tasks li.other span {
  color: #98a1a7
}

.Layers__details .list--tasks li:hover {
  opacity: 1
}

.layui-layer.layerskin_1 .layui-layer-title {
  height: 50px;
  line-height: 50px;
  box-shadow: 0 1px 1px 0 #d8e2eb;
  background: linear-gradient(to bottom, #ffffff, #d9effe);
  font-size: 16px;
  color: #333;
  font-weight: 600
}

.layui-layer.layerskin_1 .layui-layer-close {
  width: 20px;
  height: 20px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB3klEQVQ4jZ3UO2uUQRTG8d++K8FXo3GxkXT6BQQloEQsVES08AYpIqIkoo2d+BUsLRREjBcUjSJeEE0MsZFIYAsJCIKN9opCCASNYozFnFc3y26yydM9c2b+M+ecmSlVKhXIMYcZy9NKrMPnDJvwEVWsXwasA2PB6MrQjU5sxmjs1KrW4iW6sBrdGe7iSkzYEtCOFmDtGMb28LdxOZNqdxYDEejCyCLQVRiSsoP76MdsFgNzOIOb4bfFgvYmsOfYGf4hjmMWspqJczgdRxe7DwWgUI6n2BX+MY4VsHqgCPRHCuIULwLahifYG7Fn6MXvWkAp7mG9yhhET/hX+IUD4YdxOMbmqRkQVuABjtaNj+BgI9hiQFKqn7Ah/CQ2YqrZgvoa1qqMWzUwqEhNa1sqsBwLixq+kVIlpTsolaQlYIbr0nWAcezHEak5pLrei40XBJakF3MyfFXq7DR+4BBeR6wHd+qhtcASrqIv/FvsM78B32ODsfC9uFELLYAlXJJeCkxIF7hRNwvoePgTuBaMf8CL0gcB7wI22QBWaDqg1fB9kV2pnOf5BZyPwHvswbcFYIV+4lHM78RWrMn8f5sfsBtfW4AVmor1E+F3lPM8H5Xu1Cl8WQKs0Iz06/zBub8+q2G7zfqjDgAAAABJRU5ErkJggg==")
}

.layui-layer.layerskin_1.layer-anim {
  animation-fill-mode: both;
  animation-duration: 0.5s;
  animation-timing-function: ease-out
}

.layui-layer.layerskin_1.layer-anim-02 {
  animation-name: layer-fadeInUpBig-X
}

.layui-layer.layerskin_1.layer-anim-close {
  animation-name: layer-bounceOut-X;
  animation-fill-mode: both;
  animation-duration: 0.3s;
  animation-timing-function: ease-in
}

@keyframes layer-fadeInUpBig-X {
  0% {
    opacity: 0;
    transform: translateX(-300px)
  }
  to {
    opacity: 1;
    transform: translateX(0)
  }
}

@keyframes layer-bounceOut-X {
  to {
    opacity: 0.8;
    transform: translateX(-500px)
  }
  0% {
    opacity: 1;
    transform: translateX(0)
  }
}