@import url("../bootstrap.min.css");
@import url("../../fonts/jz-iconfont/iconfont.css");
@import url("../../fonts/iconfont-frontend/iconfont.css");
@import url("../../libs/font-awesome/css/font-awesome.css");
@import url("../../libs/nice-validator/dist/jquery.validator.css");
@import url("../../libs/toastr/toastr.min.css");
@import url("../../libs/fastadmin-layer/dist/theme/default/layer.css");
@import url("../../libs/animate.css/animate.min.css");
html {
  font-size: 16px;
}
@media screen and (max-width: 320px) {
  html {
    font-size: 14px;
  }
}
@media screen and (min-width: 375px) {
  html {
    /* iPhone6的375px尺寸作为16px基准，414px正好18px大小, 600 20px */
    font-size: calc(100% + 2 * (100vw - 375px) / 39);
    font-size: calc(16px + 2 * (100vw - 375px) / 39);
  }
}
@media screen and (min-width: 414px) {
  html {
    /* 414px-1000px每100像素宽字体增加1px(18px-22px) */
    font-size: calc(112.5% + 4 * (100vw - 414px) / 586);
    font-size: calc(18px + 4 * (100vw - 414px) / 586);
  }
}
@media screen and (min-width: 600px) {
  html {
    /* 600px-1000px每100像素宽字体增加1px(20px-24px) */
    font-size: calc(125% + 4 * (100vw - 600px) / 400);
    font-size: calc(20px + 4 * (100vw - 600px) / 400);
  }
}
@media screen and (min-width: 1000px) {
  html {
    /* 1000px往后是每100像素0.5px增加 */
    font-size: calc(137.5% + 6 * (100vw - 1000px) / 1000);
    font-size: calc(22px + 6 * (100vw - 1000px) / 1000);
  }
}
input,
select {
  background-color: transparent;
}
select {
  border: 0;
  outline: 0;
}
textarea {
  resize: none;
}
.row-omit {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.row2-omit {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
/* 覆盖bootstrap样式 */
ul,
ol {
  margin-bottom: 0;
}
body .nav-tabs {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  padding: 0.3125rem;
  background-color: #FFF;
}
body .nav-tabs li {
  padding: 0.3125rem 1.25rem;
  border-radius: 1rem;
}
body .nav-tabs li.active:hover,
body .nav-tabs li.active a,
body .nav-tabs li.active a:hover,
body .nav-tabs li.active a:focus {
  border: 0;
  color: #04aa81;
  background-color: transparent;
}
body .nav-tabs li a {
  padding: 0;
  border: 0;
  color: #777;
}
.tab-content {
  padding-top: 0.75rem;
}
a:hover,
a:focus {
  text-decoration: none;
}
/* 覆盖bootstrap样式 end */
body {
  position: relative;
  left: 0;
  width: 100%;
  min-height: 100vh;
  font-size: 0.875rem;
  transition: all 0.5s;
}
body.navShow {
  left: 15rem;
}
html,
html body {
  height: auto;
  background: #F5FAF9;
}
img {
  width: 100%;
  height: 100%;
}
body .custom-class {
  top: 150px;
  left: 0;
  margin: 0;
  padding: 0;
  background-color: #fff;
  background-clip: content;
  border-radius: 20px;
}
body .custom-class .layui-layer-title {
  text-align: center !important;
  border-radius: 30px 30px 0 0 !important;
  padding: 0;
  position: relative;
  top: 0px;
  background: #fff;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #E7E7E7;
}
body .custom-class .layui-layer-content {
  padding: 0.625rem 0.9375rem 1.25rem;
  text-align: center;
}
body .custom-class .layui-layer-btn .layui-layer-btn0 {
  background-color: #04AA81 !important;
  border-color: #04AA81 !important;
  border-radius: 0.3125rem !important;
  color: #fff;
}
body .custom-class .layui-layer-btn .layui-layer-btn1 {
  background-color: #CCCCCC !important;
  border-color: #CCCCCC !important;
  border-radius: 0.3125rem !important;
  color: #fff;
}
.common-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 3.125rem;
  padding: 0.75rem 0;
  color: #F2F2F2;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 999;
}
.common-header.navShow {
  left: 15rem;
}
.common-header.deep {
  color: #333;
  background-color: #FFF;
}
.common-header .header-left,
.common-header .header-right {
  position: absolute;
  top: 0.75rem;
}
.common-header .header-right {
  right: 0.625rem;
}
.common-header .header-right .btn {
  border-radius: 1.875rem;
}
.common-header .header-title {
  width: 56%;
  margin: 0 auto;
  padding-top: 0.125rem;
  font-size: 1.125rem;
  text-align: center;
}
.common-header i {
  padding: 0 0.9375rem;
  font-size: 1.375rem;
}
#mask {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  box-shadow: -0.25rem 0 0.5rem -0.25rem rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999;
}
.aside-nav {
  position: fixed;
  left: -15rem;
  top: 0;
  width: 15rem;
  height: 100vh;
  transition: all 0.5s;
  background-color: #f2f2f5;
  z-index: 999999999;
}
.aside-nav.navShow {
  left: 0;
}
.aside-nav .aside-scroll {
  height: calc(100vh - 6.25rem);
  overflow-x: hidden;
  overflow-y: auto;
}
.aside-nav .aside-top {
  padding: 0.9375rem 0.625rem;
}
.aside-nav .aside-top .btn-panel {
  display: inline-block;
  width: 4.375rem;
  height: 1.875rem;
  border-radius: 1.25rem;
  text-align: center;
  line-height: 1.875rem;
  font-size: 0.8125rem;
  color: #FFF;
  box-shadow: 0.125rem 0.125rem 0.5rem rgba(0, 0, 0, 0.4);
}
.aside-nav .aside-top .btn-record {
  background: linear-gradient(to right, #8adc93, #cbdc58);
}
.aside-nav .aside-top .btn-record:active {
  background: linear-gradient(to left, #8adc93, #cbdc58);
}
.aside-nav .aside-top .btn-unload {
  background: linear-gradient(to bottom, #e9e5e5, #828080);
}
.aside-nav .aside-top .btn-unload:active {
  background: linear-gradient(to top, #e9e5e5, #828080);
}
.aside-nav .process-box,
.aside-nav .panel-tools {
  display: -webkit-flex;
  display: flex;
}
.aside-nav .process-box {
  -webkit-align-items: center;
          align-items: center;
  margin: 0.5rem 0;
}
.aside-nav .process-box i {
  text-shadow: 0 0 0.3125rem #999;
  font-size: 1.25rem;
  color: #cce33f;
}
.aside-nav .process-box .process-bar {
  position: relative;
  left: -0.125rem;
  top: -0.0625rem;
  -webkit-flex: 1;
          flex: 1;
  height: 0.5rem;
  margin: 0 0.5rem;
  border-radius: 0.625rem;
  box-shadow: 0.125rem 0.125rem 0.5rem rgba(0, 0, 0, 0.4);
}
.aside-nav .panel-tools {
  -webkit-justify-content: space-around;
          justify-content: space-around;
}
.aside-nav .userinfo-box {
  font-size: 0;
}
.aside-nav .userinfo-box .user-face,
.aside-nav .userinfo-box .user-name {
  display: inline-block;
  margin-left: 0.5rem;
  vertical-align: top;
}
.aside-nav .userinfo-box .user-face {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  overflow: hidden;
}
.aside-nav .userinfo-box .user-name {
  padding-left: 0.25rem;
  padding-top: 0.625rem;
  font-size: 1rem;
  color: #666;
}
.aside-nav .aside-top,
.aside-nav .aside-bottom {
  background-color: #fff;
}
.aside-nav .shadow {
  position: relative;
  max-width: 270px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3), 0px 0px 20px rgba(0, 0, 0, 0.1) inset;
}
.aside-nav .shadow::before,
.aside-nav .shadow::after {
  content: "";
  position: absolute;
  z-index: -1;
}
.aside-nav .shadow::before,
.aside-nav .shadow::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 15px;
  left: 10px;
  width: 50%;
  height: 20%;
}
.aside-nav .shadow::before,
.aside-nav .shadow::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 15px;
  left: 10px;
  width: 50%;
  height: 20%;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
}
.aside-nav .shadow::after {
  right: 10px;
  left: auto;
  -webkit-transform: rotate(3deg);
          transform: rotate(3deg);
}
.aside-nav .aside-list {
  padding: 0.75rem 0;
  background: #fff;
}
.aside-nav .aside-list .nav {
  display: block;
  padding: 0.375rem 1.125rem;
  line-height: 1;
  font-size: 0.875rem;
  color: #555;
}
.aside-nav .aside-list .nav:not(:last-child) {
  margin-bottom: 0.3125rem;
}
.aside-nav .aside-list .nav i {
  vertical-align: sub;
  font-size: 1.625rem;
  color: #000;
}
.aside-nav .aside-list .nav .icon-zhuanyedaodu::before {
  content: url(../../img/common/professional_guide.png);
  zoom: 55%;
  margin-right: 1rem;
  margin-left: 0.3125rem;
}
.aside-nav .aside-list .nav .icon-zhiyeceping::before {
  content: url(../../img/common/ceping.png);
  zoom: 60%;
  margin-right: 1rem;
  margin-left: 0.3125rem;
}
.aside-nav .aside-list .nav .icon-zhuanjiayuyue::before {
  content: url(../../img/common/yuyue.png);
  zoom: 60%;
  margin-right: 1rem;
  margin-left: 0.3125rem;
}
.aside-nav .aside-list .nav .icon-jiuyezhidao::before {
  content: url(../../img/common/jiuyezhidao.png);
  zoom: 60%;
  margin-right: 1rem;
  margin-left: 0.3125rem;
}
.aside-nav .aside-list .nav .icon-xuexikongjian::before {
  content: url(../../img/common/xuexi.png);
  zoom: 60%;
  margin-right: 1rem;
  margin-left: 0.3125rem;
}
.aside-nav .aside-list .nav .icon-wodebanji::before {
  content: url(../../img/common/banji.png);
  zoom: 60%;
  margin-right: 1rem;
  margin-left: 0.3125rem;
}
.aside-nav .aside-list .nav .icon-xiaoyuanhuodong::before {
  content: url(../../img/common/huodong.png);
  zoom: 60%;
  margin-right: 1rem;
  margin-left: 0.3125rem;
}
.aside-nav .aside-list .nav .icon-bisai::before {
  content: url(../../img/common/bisai.png);
  zoom: 60%;
  margin-right: 1rem;
  margin-left: 0.3125rem;
}
.aside-nav .aside-list .nav .icon-wenjuantiaocha::before {
  content: url(../../img/common/diaocha.png);
  zoom: 60%;
  margin-right: 1rem;
  margin-left: 0.3125rem;
}
.aside-nav .aside-list .nav .icon-paihangbang::before {
  content: url(../../img/common/paihangbang.png);
  zoom: 60%;
  margin-right: 1rem;
  margin-left: 0.3125rem;
}
.aside-nav .aside-list .nav .icon-xingtuzhanshi::before {
  content: url(../../img/common/xingtu.png);
  zoom: 60%;
  margin-right: 1rem;
  margin-left: 0.3125rem;
}
.aside-nav .aside-list .nav .icon-xiaoshitang::before {
  content: url(../../img/common/xiaoshitang.png);
  zoom: 60%;
  margin-right: 1rem;
  margin-left: 0.3125rem;
}
.aside-nav .aside-list .nav .icon-xuechangpengbei::before {
  content: url(../../img/common/xuezhangpengbei.png);
  zoom: 60%;
  margin-right: 1rem;
  margin-left: 0.3125rem;
}
.aside-nav .aside-list .nav .icon-xiaoyouhuijia::before {
  content: url(../../img/common/xiaoyuohuijia.png);
  zoom: 60%;
  margin-right: 1rem;
  margin-left: 0.3125rem;
}
.aside-nav .aside-list .nav .icon-wodejianli::before {
  content: url(../../img/common/jianli.png);
  zoom: 60%;
  margin-right: 1rem;
  margin-left: 0.3125rem;
}
.aside-nav .aside-list .nav .icon-zhanneixin::before {
  content: url(../../img/common/zhanneixin.png);
  zoom: 60%;
  margin-right: 1rem;
  margin-left: 0.3125rem;
}
.aside-nav .aside-bottom {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-align-items: center;
          align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 15rem;
  height: 6.25rem;
}
.aside-nav .enter-item {
  text-align: center;
}
.aside-nav .enter-item a {
  color: #000;
}
.aside-nav .enter-icon {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto 0.375rem;
  border-radius: 50%;
  text-align: center;
  line-height: 2.5rem;
  font-size: 1.25rem;
  color: #FFF;
}
.aside-nav .enter-icon .icon-home::before {
  content: url(../../img/common/shouye.png);
  zoom: 70%;
  position: relative;
  top: 0.625rem;
}
.aside-nav .enter-icon .icon-user::before {
  content: url(../../img/common/person.png);
  zoom: 70%;
  position: relative;
  top: 0.625rem;
}
.aside-nav .enter-icon .icon-headphones::before {
  content: url(../../img/common/server.png);
  zoom: 70%;
  position: relative;
  top: 0.625rem;
}