html,
body {
  margin: 0;
  overflow-x: hidden;
  font-size: 14px;
  font-family: '微软雅黑';
  -webkit-overflow-scrolling: touch;
}
body,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd {
  padding: 0;
  margin: 0;
}
input {
  margin: 0;
  padding: 0;
  outline: none;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
img,
input {
  vertical-align: middle;
}
input,
button,
select,
textarea {
  border: none;
  outline: none;
  font-family: '微软雅黑';
}
label {
  vertical-align: middle;
}
a,
a:hover {
  text-decoration: none;
}
ul,
li,
ol {
  list-style: none;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.relative {
  position: relative;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
body {
  background: #f5f5f5;
}
.hr {
  margin: 15px 0;
  background-color: #efefef;
}
.red {
  color: red!important;
}
.blue {
  color: #265fff !important;
}
.green {
  color: green!important;
}
.orange {
  color: orange!important;
}
.orangeRed {
  color: orangered!important;
}
.pink {
  color: pink!important;
}
.purple {
  color: purple!important;
}
.gray {
  color: #787878!important;
}
.white {
  color: #fff!important;
}
.highlight-gray {
  color: #ccc!important;
}
.font-base {
  font-size: 14px;
}
.font-large {
  font-size: 18px;
}
.text-lg {
  font-size: 24px;
}
.text-sm {
  font-size: 16px;
}
.text-xl {
  font-size: 12px;
}
.text-normal {
  font-weight: normal;
}
.text-bold {
  font-weight: bold;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-blue {
  color: #265fff;
}
.text-gray {
  color: #999;
}
.flex-row-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.justify-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.align-content-start {
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.align-content-end {
  -ms-flex-line-pack: end;
      align-content: flex-end;
}
.align-content-center {
  -ms-flex-line-pack: center;
      align-content: center;
}
.align-items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.align-items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.text-normal {
  font-weight: normal;
}
.text-bold {
  font-weight: bold;
}
.radius {
  border-radius: 3px;
}
.radius-50 {
  border-radius: 50%;
}
.zlf-box-shadow {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
html,
body {
  position: relative;
  width: 100%;
  height: 100%;
}
/* header */
.header {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: linear-gradient(30deg, #00dabc, #001bcf);
  color: #fff;
  padding: 10px 0;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
}
.header .logo {
  display: inline-block;
  padding: 0 15px;
  overflow: hidden;
}
.header .logo img {
  height: 30px;
  margin-top: 5px;
  float: left;
}
.header .logo a {
  display: block;
  overflow: hidden;
}
.header .logo a .gap {
  float: left;
  display: inline-block;
  height: 40px;
  padding: 0 20px;
  position: relative;
}
.header .logo a .gap:before {
  display: block;
  content: '';
  width: 2px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px;
}
.header .logo a strong {
  float: left;
  font-size: 22px;
  font-weight: normal;
  letter-spacing: 1px;
  color: #fff;
}
.header .userInfo {
  display: inline-block;
  margin-right: 15px;
  padding: 0 15px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  position: relative;
}
.header .userInfo:before {
  display: block;
  content: '';
  width: 100%;
  height: 4px;
  background-color: #00dabc;
  position: absolute;
  top: -10px;
  right: -150%;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.header .userInfo:hover:before {
  right: 0;
}
.header .userInfo:hover dl {
  opacity: 1;
  filter: alpha(opacity=100);
  right: 0;
}
.header .userInfo:hover .navMore {
  border-style: dashed dashed solid;
  border-color: transparent transparent #fff;
  margin-top: -8px;
}
.header .userInfo a {
  display: block;
  color: #fff;
}
.header .userInfo a cite {
  font-style: normal;
  padding: 0 40px 0 10px;
}
.header .userInfo a img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.header .userInfo a .navMore {
  content: '';
  width: 0;
  height: 0;
  border-style: solid dashed dashed;
  border-color: #fff transparent transparent;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  border-width: 6px;
  border-top-color: rgba(255, 255, 255, 0.7);
}
.header .userInfo dl {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 40px;
  right: -150%;
  color: #333;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #dddddd;
  width: 100%;
  background: #fff;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  z-index: 2;
}
.header .userInfo dl dd {
  height: 36px;
  line-height: 36px;
  border-bottom: 1px solid #dbdbdb;
}
.header .userInfo dl dd:last-of-type {
  height: 45px;
  line-height: 45px;
  border-bottom: none;
}
.header .userInfo dl dd:hover a {
  color: #3366cc;
}
.header .userInfo dl dd a {
  color: #333;
}
.worktableWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#0be5bd), to(#effafb));
  background: linear-gradient(180deg, #0be5bd, #effafb);
}
.fullBtn {
  position: fixed;
  top: 0;
  right: 150px;
  color: #fff;
  height: 60px;
  z-index: 99999;
  cursor: pointer;
}
.fullBtn .icon-box {
  width: 60px;
  height: 60px;
  color: #fff;
  border-left: 1px solid #001ccf;
  border-right: 1px solid #001ccf;
}
.fullBtn .icon {
  font-size: 20px;
}
.fullBtn .icon-refresh {
  font-size: 26px;
}
.positionBar {
  height: 40px;
  line-height: 40px;
  padding: 10px 0;
  z-index: 2;
  color: #fff;
  position: relative;
}
.positionBar .toggleBtn2 {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #3d59d6;
  border-radius: 3px;
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 10;
  cursor: pointer;
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
}
.positionBar .toggleBtn2.active {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.positionBar .toggleBtn2 i {
  color: #fff;
  font-size: 20px;
}
.positionBar p {
  padding-left: 60px;
}
.positionBar p em {
  font-style: normal;
  color: #d1d1d1;
  padding: 0 5px;
}
/* mainBody */
.mainBody {
  position: fixed;
  top: 60px;
  right: 0;
  bottom: 0;
  left: 0;
}
.mainBody .asideLeft {
  position: absolute;
  top: 0;
  left: -150px;
  bottom: 0;
  width: 150px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#001bcf), to(#00dabc));
  background: linear-gradient(180deg, #001bcf, #00dabc);
  overflow-y: auto;
  z-index: 99;
}
.mainBody .asideLeft2 {
  position: absolute;
  top: 0;
  left: -200px;
  bottom: 0;
  width: 200px;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#0be5bd), to(#effafb));
  background: linear-gradient(180deg, #0be5bd, #effafb);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  overflow-y: auto;
  z-index: 99;
}
.mainBody .asideLeft2 .toggleBtn {
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: #3d59d6;
  cursor: pointer;
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
}
.mainBody .asideLeft2 .toggleBtn.active {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.mainBody .asideLeft2 .toggleBtn i {
  color: #fff;
  font-size: 24px;
}
.mainBody .mainRight {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mainBody .mainRightPositionBar {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 10px 0;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.mainBody .mainRightPositionBar .toggleBtn2 {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #04d39f;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  cursor: pointer;
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
}
.mainBody .mainRightPositionBar .toggleBtn2.active {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.mainBody .mainRightPositionBar .toggleBtn2 i {
  color: #fff;
  font-size: 28px;
}
.mainBody .mainRightPositionBar p {
  padding-left: 60px;
  color: #898989;
}
.mainBody .mainRightPositionBar p em {
  font-style: normal;
  color: #aeaeae;
  padding: 0 5px;
}
.mainBody .mainRightPositionBar p span {
  color: #666;
}
.mainBody .mainRightContent {
  position: absolute;
  top: 10px;
  right: 10px;
  left: 10px;
  bottom: 10px;
  padding: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mainBody .padding {
  padding: 10px;
  overflow: hidden;
}
.mainBody .mainRightInner {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.mainBody .ueditorWrap {
  width: 80%;
  height: 400px;
  position: relative;
  margin-bottom: 30px;
}
.mainBody .ueditorWrap .ueditorUploadImgTip {
  width: 100%;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  color: #999;
}
.mainBody .ueditorWrap .ueditorUploadImgTip strong {
  font-weight: bold;
  color: #3366cc;
}
.mainBody #editor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mainBody #editor #edui1 {
  width: 100% !important;
}
.mainBody #editor #edui1_iframeholder {
  width: 100% !important;
}
.mainBody #editorNews {
  position: absolute;
  top: 36px;
  left: 0;
  width: 100%;
  height: 100%;
}
.mainBody #editorNews #edui1 {
  width: 100% !important;
}
.mainBody #editorNews #edui1_iframeholder {
  width: 100% !important;
}
.mainBody .btnContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mainBody .btnContent .btn {
  margin-right: 15px;
}
.menu-item {
  height: 280px;
  color: #3ae4d2;
  padding: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.menu-item a {
  width: 100%;
  height: 100%;
  color: #fff;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.menu-item a:hover {
  color: #fff;
}
.menu-item a:hover .icon {
  color: #fff;
}
.menu-item a.active .menu-item-inner {
  background: linear-gradient(165deg, #ff00d4, #001bcf);
}
.menu-item-inner {
  width: 100%;
  height: 100%;
  background-color: #001bcf;
  border-radius: 10px;
  font-size: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
.menu-item-inner-left {
  position: absolute;
  bottom: 20px;
  left: 20px;
  letter-spacing: 5px;
}
.menu-item-inner:hover {
  background: linear-gradient(165deg, #ff00d4, #fdcd01);
  color: #fff;
}
.menu-item-inner .icon {
  font-size: 90px;
  margin-bottom: 40px;
}
.menu-item-inner.bg-1 {
  background: linear-gradient(165deg, #ff00d4, #fdcd01);
}
.menu-item-inner.bg-2 {
  background: linear-gradient(165deg, #ff00d4, #001bcf);
}
.menu-item2 {
  height: 80px;
  color: #fff;
}
.menu-item2 a {
  width: 100%;
  height: 100%;
  color: #fff;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.menu-item2 a:hover {
  color: #fff;
}
.menu-item2 a.active .menu-item2-inner {
  background: linear-gradient(165deg, #ff00d4, #fdcd01);
  color: #fff;
}
.menu-item2-inner {
  width: 100%;
  height: 100%;
  background-color: #001bcf;
  border-radius: 10px;
  font-size: 20px;
}
.menu-item2-inner .icon {
  font-size: 24px;
  margin-right: 10px;
}
.menu-item2-inner:hover {
  background: linear-gradient(165deg, #ff00d4, #fdcd01);
  color: #fff;
}
/* 左边栏导航 */
.asideMenu {
  width: 100%;
  overflow-y: auto;
}
.asideMenu li {
  position: relative;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.asideMenu li:last-of-type {
  border-bottom: none;
}
.asideMenu li.active span i {
  color: #009688;
}
.asideMenu li.active a,
.asideMenu li.active i {
  color: #fff;
}
.asideMenu li.active:after {
  border-style: dashed dashed solid;
  border-color: transparent transparent #fff;
  margin-top: -8px;
}
.asideMenu li.active .subList {
  height: auto;
}
.asideMenu li.active a.itemTitle:before {
  top: 0;
}
.asideMenu li:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid dashed dashed;
  border-color: #fff transparent transparent;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  position: absolute;
  top: 28px;
  right: 15px;
  margin-top: -3px;
  border-width: 6px;
  border-top-color: rgba(255, 255, 255, 0.7);
}
.asideMenu li .iconBox {
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.asideMenu li .iconBox i {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
}
.asideMenu li a {
  padding: 8px 0 8px 40px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: rgba(255, 255, 255, 0.7);
  display: block;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  position: relative;
}
.asideMenu li a.itemTitle:hover:before {
  top: 0;
}
.asideMenu li a.itemTitle:before {
  display: block;
  content: '';
  width: 5px;
  height: 100%;
  background-color: #04d39f;
  position: absolute;
  top: -100%;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.asideMenu li .subList {
  width: 100%;
  height: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.asideMenu li .subList li {
  padding: 0;
  font-size: 14px;
  border: none;
}
.asideMenu li .subList li.active {
  background-color: #04d39f;
}
.asideMenu li .subList li.active a {
  color: #fff;
}
.asideMenu li .subList li:hover a {
  color: #fff;
}
.asideMenu li .subList li a {
  height: 36px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.6);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 0 0 0 40px;
}
.asideMenu li .subList li:after {
  display: none;
}
/* 搜索 */
.searchBox {
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #e9e9e9;
}
.searchBox ul {
  float: left;
  width: 75%;
}
.searchBox li {
  display: inline-block;
}
.searchBox li input,
.searchBox li select {
  border: 1px solid #d6d6d6;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 3px;
}
.searchBox li input {
  padding-left: 10px;
  width: 150px;
  height: 36px;
}
.searchBox li select {
  width: 150px;
  height: 35px;
  background: none;
}
.searchBox li button {
  width: 80px;
  height: 36px;
  background-color: #04d39f;
  border: none;
  color: #fff;
  cursor: pointer;
  margin: 3px;
}
.searchBox .btnCount {
  float: right;
  height: 36px;
}
.searchBox .btnCount .btn {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
}
.searchBox .rightBox {
  float: right;
  line-height: 38px;
  font-size: 14px;
  color: #666;
}
.searchBox .rightBox span,
.searchBox .rightBox strong {
  color: #000;
  font-weight: bold;
  font-size: 16px;
}
@media (max-width: 768px) {
  .header,
  .mainBody {
    position: absolute;
  }
  .header .logo {
    padding: 0 0 0 15px;
  }
  .header .logo a strong {
    font-size: 16px;
    margin-left: 0;
  }
  .header .userInfo {
    margin-right: 0;
  }
  .searchBox {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #e9e9e9;
  }
  .searchBox ul {
    float: none;
    width: 100%;
  }
  .searchBox li {
    display: block;
    width: 100%;
    margin: 5px 0;
  }
  .searchBox li input,
  .searchBox li select {
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .searchBox li input {
    padding-left: 10px;
    width: 100%;
    height: 36px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .searchBox li select {
    width: 100%;
    height: 35px;
    background: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .searchBox li button {
    width: 100%;
    height: 36px;
    border-radius: 3px;
    background-color: #04d39f;
    border: none;
    color: #fff;
    cursor: pointer;
  }
  .searchBox .btnCount {
    float: right;
    height: 36px;
  }
  .searchBox .btnCount .btn {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
  }
  .searchBox .rightBox {
    width: 100%;
    line-height: 36px;
    font-size: 14px;
    color: #666;
  }
  .searchBox .rightBox span,
  .searchBox .rightBox strong {
    color: #000;
    font-weight: bold;
    font-size: 16px;
  }
}
@media (max-width: 400px) {
  .header .logo {
    padding: 0 0 0 15px;
  }
  .header .logo a strong {
    font-size: 14px;
    margin-left: 0;
  }
  .header .userInfo {
    margin-right: 0;
    padding: 0 15px 0 0;
  }
}
/* 列表 */
.yellow-light {
  background-color: #ffe7e7!important;
}
.list {
  width: 100%;
  margin: 15px 0;
}
.list table {
  width: 100%;
  text-align: center;
}
.list table caption {
  padding-bottom: 10px;
  text-align: right;
  overflow: hidden;
}
.list table caption strong {
  font-weight: bold;
  color: #000;
  font-size: 18px;
}
.list table caption.heading {
  text-align: left;
  font-weight: bold;
}
.list table caption.heading span {
  color: #04d39f;
}
.list table caption .btnGroup {
  float: right;
}
.list table thead tr {
  background-color: #eefbf9;
}
.list table th,
.list table td {
  padding: 5px 10px;
}
.list table th {
  padding: 10px 0;
}
.list table th.checkbox i {
  color: #04d39f;
  font-size: 20px;
  font-weight: normal;
}
.list table th span {
  padding-left: 10px;
  font-weight: normal;
  color: #999;
}
.list table th em {
  font-style: normal;
}
.list table tbody tr {
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.list table tbody tr:hover {
  background: #eefbf9;
}
.list table tbody tr:hover:nth-of-type(2n) {
  background-color: #eefbf9;
}
.list table tbody tr:nth-of-type(2n) {
  background-color: #eefbf9;
}
.list table tbody td.checkbox i {
  color: #04d39f;
  font-size: 20px;
}
.list table tbody td a {
  display: inline-block;
}
.list table tbody td input.linkIpt {
  width: 90%;
  height: 30px;
  border: 1px solid #dbdbdb;
}
.list table tbody td input.numberIpt {
  width: 80px;
  height: 34px;
  border: 1px solid #dbdbdb;
  text-align: center;
  border-radius: 3px;
}
.list table tbody .headImg img {
  width: 40px;
  height: 40px;
  border-radius: 3px;
}
.list table tbody .headImg.alignLeftImg {
  text-align: left;
}
.list table tbody .bannerThumb img {
  width: 150px;
  height: 80px;
}
.list table .subList {
  display: none;
}
.list table .subList:hover {
  background: none;
}
.list table .subList:nth-of-type(2n) {
  background: none;
}
.list table .subList > td {
  padding: 0;
}
.list table .subList table,
.list table .subList th,
.list table .subList td {
  border: none;
}
.list table .toggleBtn {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding: 0;
}
.list table tfoot {
  border-top: 1px solid #dedede;
  background-color: #eefbf9;
}
.list table tfoot td {
  padding: 10px;
}
.list table tfoot td.align-left {
  text-align: left;
}
.list table tfoot td.align-right {
  text-align: right;
}
.list table tfoot td strong {
  color: #20222a;
}
.list table .tfootBtnBox .btn-lg {
  padding: 0.5rem 5rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.list .btn {
  margin: 3px;
  padding: 3px 5px;
  font-size: 12px;
  color: #fff;
  border-radius: 3px;
}
.list .btnDefault {
  background-color: #1E9FFF;
}
.list .btnPrimary {
  background-color: #337ab7;
}
.list .btnDanger {
  background-color: #ff5722;
}
.list .btnSuccess {
  background-color: #5cb85c;
}
.list .btnInfo {
  background-color: #5bc0de;
}
.list .btnWarning {
  background-color: #f0ad4e;
}
@media (max-width: 768px) {
  .list {
    width: 100%;
    margin: 15px 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .list table {
    width: 200%;
    border: 1px solid #d6d6d6;
    text-align: center;
  }
  .list table caption {
    padding-bottom: 10px;
    text-align: right;
    overflow: hidden;
  }
  .list table caption strong {
    font-weight: bold;
    color: #000;
    font-size: 18px;
  }
  .list table caption.heading {
    text-align: left;
    font-weight: bold;
  }
  .list table caption.heading span {
    color: #04d39f;
  }
  .list table caption .btnGroup {
    float: right;
  }
  .list table thead tr {
    background-color: rgba(30, 159, 255, 0.15);
  }
  .list table th,
  .list table td {
    border: 1px solid #e6e6e6;
    padding: 5px 10px;
  }
  .list table th {
    padding: 10px 0;
  }
  .list table th.checkbox i {
    color: #04d39f;
    font-size: 20px;
    font-weight: normal;
  }
  .list table th span {
    padding-left: 10px;
    font-weight: normal;
    color: #999;
  }
  .list table th em {
    font-style: normal;
  }
  .list table tbody tr {
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
  }
  .list table tbody tr:hover {
    background: #f2f2f2;
  }
  .list table tbody tr:hover:nth-of-type(2n) {
    background-color: #f2f2f2;
  }
  .list table tbody tr:nth-of-type(2n) {
    background-color: rgba(30, 159, 255, 0.05);
  }
  .list table tbody td.checkbox i {
    color: #04d39f;
    font-size: 20px;
  }
  .list table tbody td a {
    display: inline-block;
  }
  .list table tbody td input.linkIpt {
    width: 90%;
    height: 30px;
    border: 1px solid #dbdbdb;
  }
  .list table tbody .headImg img {
    width: 40px;
    height: 40px;
    border-radius: 3px;
  }
  .list table tbody .headImg.alignLeftImg {
    text-align: left;
  }
  .list table tbody .bannerThumb img {
    width: 150px;
    height: 80px;
  }
  .list table .subList {
    display: none;
  }
  .list table .subList:hover {
    background: none;
  }
  .list table .subList:nth-of-type(2n) {
    background: none;
  }
  .list table .subList > td {
    padding: 0;
  }
  .list table .subList table,
  .list table .subList th,
  .list table .subList td {
    border: none;
  }
  .list table .toggleBtn {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 0;
  }
}
.switchBtn {
  display: inline-block;
  width: 50px;
  height: 24px;
  background-color: #d6d6d6;
  border-radius: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.switchBtn.active {
  background-color: #04d39f;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}
.switchBtn.active:before {
  left: 21px;
  -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
}
.switchBtn:before {
  display: block;
  content: '';
  overflow: hidden;
  width: 26px;
  height: 18px;
  background-color: #fff;
  border-radius: 10px;
  position: absolute;
  top: 3px;
  left: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
/* 详情 */
.itemCont {
  width: 100%;
  padding: 5px 0;
}
.itemCont:after {
  display: block;
  content: '';
  overflow: hidden;
  clear: both;
}
.itemCont .leftCont {
  display: block;
  width: 10%;
  height: 36px;
  line-height: 36px;
  text-align: right;
  color: #333;
  font-weight: bold;
  float: left;
}
.itemCont .rightCont {
  display: block;
  width: 90%;
  float: left;
}
.itemCont .rightCont span {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  color: #454545;
}
.itemCont .rightCont span.headImg {
  width: 60px;
  height: 60px;
  border-radius: 3px;
  border: 1px solid #ececec;
  overflow: hidden;
}
.itemCont .rightCont span.headImg img {
  width: 100%;
}
.itemCont .rightCont span.imgBox {
  width: 48%;
  height: auto !important;
  border-radius: 3px;
  margin: 1%;
  float: left;
  position: relative;
}
.itemCont .rightCont span.imgBox img {
  width: 100%;
}
.loadingBox {
  width: 100%;
  text-align: center;
  background-color: #fff;
}
.loadingBox img {
  width: 200px;
  margin: 50px auto;
}
/* 表单 */
.formWrap {
  width: 100%;
}
.formWrap li {
  width: 100%;
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.formWrap li:after {
  display: block;
  content: '';
  overflow: hidden;
  clear: both;
}
.formWrap li .iptLabel {
  width: 15%;
  height: 36px;
  line-height: 36px;
  padding-right: 10px;
  text-align: right;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.formWrap li .iptBox {
  width: 85%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.formWrap li .iptBox .switchBtn {
  margin-top: 6px;
}
.formWrap li .iptBox em {
  display: inline-block;
  width: 50px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-style: normal;
  font-size: 18px;
  color: red;
}
.formWrap li .iptBox span,
.formWrap li .iptBox .label {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding-left: 10px;
  color: #aaa;
  font-size: 12px;
}
.formWrap li .iptBox .label {
  color: #333;
}
.formWrap li .iptBox input[type='checkbox'] {
  margin-top: 2px;
}
.formWrap li .iptBox span.noPadding {
  padding: 0;
}
.formWrap li .iptBox span.radioLabel {
  cursor: pointer;
  margin-right: 10px;
  color: #343434;
}
.formWrap li .iptBox span input {
  float: none;
  margin-right: 3px;
}
.formWrap li input {
  width: 90%;
  height: 38px;
  padding-left: 10px;
  border-radius: 3px;
  border: 1px solid #dddddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.formWrap li input.long {
  width: 80%;
}
.formWrap li input.short {
  width: 40%;
}
.formWrap li select {
  display: inline-block;
  height: 38px;
  padding-left: 10px;
  border-radius: 3px;
  background: none;
  border: 1px solid #dddddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.formWrap li select option {
  height: 36px;
  line-height: 36px;
}
.formWrap li select.long {
  width: 80%;
}
.formWrap li select.short {
  width: 40%;
}
.formWrap li textarea {
  display: inline-block;
  height: 120px;
  padding: 10px;
  text-indent: 0;
  border-radius: 3px;
  background: none;
  border: 1px solid #dddddd;
}
.formWrap li textarea.long {
  width: 600px;
}
.formWrap li textarea.short {
  width: 260px;
}
.formWrap li .margin-left-15 {
  margin-left: 15px;
}
.formWrap li .uploadBtn {
  display: inline-block;
  border-radius: 3px;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.formWrap li .uploadBtn input[type='file'] {
  position: absolute;
  top: -300%;
  left: 0;
}
.formWrap li .thumbList {
  margin-top: 10px;
  padding-left: 15%;
  width: 85%;
}
.formWrap li .thumbList p {
  color: #9c9c9c;
  padding-bottom: 10px;
  font-size: 12px;
}
.formWrap li .thumbList .imgBox {
  display: block;
  width: 150px;
  height: 150px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  padding: 10px;
  overflow: hidden;
}
.formWrap li .thumbList .imgBox.bannerBox {
  width: 375px;
  height: 200px;
  position: relative;
}
.formWrap li .thumbList .imgBox.bannerBox img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.formWrap li .thumbList .imgBox img {
  width: 100%;
}
.formWrap li .contentImgList {
  margin-bottom: 10px;
  padding-left: 160px;
  overflow: hidden;
}
.formWrap li .contentImgList .itemBox {
  display: block;
  width: 160px;
  height: auto !important;
  margin-top: 10px;
  margin-right: 10px;
  float: left;
  overflow: hidden;
  position: relative;
}
.formWrap li .contentImgList .itemBox.rectBox {
  width: 240px;
  padding: 10px;
  border: 1px solid #dbdbdb;
}
.formWrap li .contentImgList .itemBox div {
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
}
.formWrap li .contentImgList .itemBox div input {
  width: 100%;
  text-indent: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.formWrap li .contentImgList .itemBox div button {
  width: 28%;
  height: 34px;
  float: right;
}
.formWrap li .contentImgList .itemBox .imgBox {
  display: block;
  height: 160px;
  text-align: center;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.formWrap li .contentImgList .itemBox .imgBox img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.formWrap li .contentImgList .itemBox .closeBtn {
  display: inline-block;
  color: #f40;
  cursor: pointer;
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 10;
}
.formWrap li .contentImgList .itemBox .closeBtn.single {
  top: 0;
}
.formWrap li .contentImgList .itemBox .closeBtn i {
  font-size: 24px;
}
.formWrap li .contentImgList .imgBox {
  width: 100%;
}
.formWrap li .contentImgList .imgBox img {
  width: 100%;
}
.formWrap .horizontal li {
  float: left;
  margin-right: 20px;
}
.formWrap .horizontal li .submitContent {
  margin-top: 0;
  padding-left: 0;
}
.formWrap .horizontal li .submitContent button {
  padding: 0;
  height: 36px;
}
.formWrap .euditorContainer {
  width: 100%;
  height: 480px;
}
.formWrap .submitContent {
  margin-top: 20px;
  padding-left: 15%;
}
.formWrap .submitContent button {
  width: 150px;
  padding: 10px 20px;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}
.uploadBtn {
  display: inline-block;
  border-radius: 3px;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.uploadBtn input[type='file'] {
  position: absolute;
  top: -300%;
  left: 0;
}
.thumbList {
  margin-top: 10px;
  padding-left: 15%;
  width: 85%;
}
.thumbList p {
  color: #9c9c9c;
  padding-bottom: 10px;
  font-size: 12px;
}
.thumbList .imgBox {
  display: block;
  width: 150px;
  height: 150px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  padding: 10px;
  overflow: hidden;
}
.thumbList .imgBox.bannerBox {
  width: 375px;
  height: 200px;
  position: relative;
}
.thumbList .imgBox.bannerBox img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.thumbList .imgBox img {
  width: 100%;
}
.contentImgList {
  margin-bottom: 10px;
  padding-left: 160px;
  overflow: hidden;
}
.contentImgList .itemBox {
  display: block;
  width: 160px;
  height: auto !important;
  margin-top: 10px;
  margin-right: 10px;
  float: left;
  overflow: hidden;
  position: relative;
}
.contentImgList .itemBox.rectBox {
  width: 240px;
  padding: 10px;
  border: 1px solid #dbdbdb;
}
.contentImgList .itemBox div {
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
}
.contentImgList .itemBox div input {
  width: 100%;
  text-indent: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.contentImgList .itemBox div button {
  width: 28%;
  height: 34px;
  float: right;
}
.contentImgList .itemBox .imgBox {
  display: block;
  height: 160px;
  text-align: center;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.contentImgList .itemBox .imgBox img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.contentImgList .itemBox .closeBtn {
  display: inline-block;
  color: #f40;
  background-color: #fff;
  cursor: pointer;
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 10;
}
.contentImgList .itemBox .closeBtn.single {
  top: 0;
}
.contentImgList .itemBox .closeBtn i {
  font-size: 24px;
}
.contentImgList .imgBox {
  width: 100%;
}
.contentImgList .imgBox img {
  width: 100%;
}
#servicesType {
  margin-left: 0;
}
#servicesType span {
  display: inline-block;
  height: inherit;
  line-height: inherit;
  padding: 0 5px;
  color: inherit;
  float: none;
  font-size: 12px;
}
@media (max-width: 768px) {
  .formWrap {
    width: 100%;
  }
  .formWrap .horizontal {
    width: 100%;
  }
  .formWrap .horizontal li {
    width: 100%;
    margin-right: 0;
  }
  .formWrap li .iptLabel {
    display: none;
  }
  .formWrap li .iptBox {
    width: 100%;
  }
  .formWrap li .iptBox em {
    display: none;
    width: 5%;
  }
  .formWrap li input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .formWrap li input.long {
    width: 100%;
  }
  .formWrap li input.short {
    width: 100%;
  }
  .formWrap li select.long {
    width: 100%;
  }
  .formWrap li select.short {
    width: 100%;
  }
  .formWrap li textarea {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .formWrap li textarea.long {
    width: 100%;
  }
  .formWrap li textarea.short {
    width: 100%;
  }
  .formWrap .euditorContainer {
    width: 100%;
    height: 480px;
  }
  .formWrap .submitContent {
    margin-top: 20px;
    padding-left: 0;
  }
  .formWrap .submitContent button {
    width: 100%;
    padding: 10px 20px;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
/* 弹出窗口 */
.popupMask {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999990;
}
.popupWrap {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  background-color: #fff;
  border-radius: 9px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  z-index: 9999991;
}
.popupWrap.bannerWrap {
  width: 700px;
  height: 550px;
  margin: -275px 0 0 -350px;
}
.popupWrap.bannerWrap .popupInner {
  height: 460px;
}
.popupWrap.leastWrap {
  width: 600px;
  height: 250px;
  margin: -125px 0 0 -300px;
}
.popupWrap.leastWrap .popupInner {
  height: 160px;
}
.popupWrap.qrcodeWrap {
  width: 500px;
  height: 350px;
  margin: -175px 0 0 -250px;
}
.popupWrap.qrcodeWrap .popupInner {
  height: 260px;
}
.popupWrap.qrcodeWrap .popupInner .qrcodeBox {
  width: 200px;
  height: 200px;
  margin: 30px auto;
}
.popupWrap.classDiscountWrap {
  width: 800px;
  height: 400px;
  margin: -200px 0 0 -400px;
}
.popupWrap.classDiscountWrap .popupInner {
  height: 310px;
}
.popupWrap.tableList {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 0;
}
.popupWrap.tableList .popupInner {
  position: absolute;
  top: 49px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
}
.popupWrap .popupHeader {
  width: 100%;
  height: 49px;
  line-height: 49px;
  background-color: #20222a;
  border-bottom: 1px solid #dbdbdb;
  font-size: 16px;
  color: #fff;
  position: relative;
}
.popupWrap .popupHeader .title {
  font-weight: bold;
  padding-left: 10px;
}
.popupWrap .popupHeader .closeBtn {
  display: block;
  width: 49px;
  height: 49px;
  line-height: 49px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #ff9800;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: none!important;
}
.popupWrap .popupHeader .closeBtn:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.popupWrap .popupHeader .closeBtn i {
  font-size: 28px;
}
.popupWrap .popupInner {
  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto;
}
.popupWrap .popupInner.list {
  width: auto !important;
  margin: 0;
}
.popupWrap .popupInner.list table {
  margin-bottom: 15px;
}
/* 登录 */
.loginWrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* 登录背景动画 */
@-webkit-keyframes myBanner {
  0% {
    background: url('../images/loginBg/banner_06.jpg') no-repeat top center;
  }
  25% {
    background: url('../images/loginBg/banner_02.jpg') no-repeat top center;
  }
  50% {
    background: url('../images/loginBg/banner_01.jpg') no-repeat top center;
  }
  75% {
    background: url('../images/loginBg/banner_04.jpg') no-repeat top center;
  }
  100% {
    background: url('../images/loginBg/banner_03.jpg') no-repeat top center;
  }
}
@keyframes myBanner {
  0% {
    background: url('../images/loginBg/banner_06.jpg') no-repeat top center;
  }
  25% {
    background: url('../images/loginBg/banner_02.jpg') no-repeat top center;
  }
  50% {
    background: url('../images/loginBg/banner_01.jpg') no-repeat top center;
  }
  75% {
    background: url('../images/loginBg/banner_04.jpg') no-repeat top center;
  }
  100% {
    background: url('../images/loginBg/banner_03.jpg') no-repeat top center;
  }
}
.markLayer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
.markLayer.transparent {
  background-color: transparent;
}
.markLayer.noTransparent {
  background-color: #05d1cd !important;
}
.login-logo {
  position: absolute;
  top: 50px;
  left: 50px;
  width: 200px;
  z-index: 10;
}
.login-logo .img {
  width: 100%;
}
.loginBox {
  width: 360px;
  background-color: rgba(5, 209, 205, 0.7);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -210px 0 0 -210px;
  padding: 30px;
  border-radius: 18px;
  z-index: 2;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.loginBox.show {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.loginBox li {
  margin-bottom: 20px;
}
.loginBox li.title {
  font-size: 30px;
  color: #fff;
  text-align: center;
}
.loginBox li.title img {
  width: 100%;
  margin-bottom: 10px;
}
.loginBox input {
  width: 100%;
  height: 48px;
  background-color: #ffffff;
  padding-left: 10px;
  color: #000;
  font-size: 16px;
  text-align: center;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.loginBox input:focus {
  border: 1px solid rgba(255, 255, 255, 0.7);
}
.loginBox button {
  border: none;
  width: 100%;
  height: 50px;
  background-color: #e530b2;
  color: #fff;
  font-size: 18px;
  letter-spacing: 1px;
  cursor: pointer;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.loginBox button:hover {
  background-color: #ff0092;
}
@media (max-width: 768px) {
  .loginWrap,
  .markLayer {
    position: absolute;
    z-index: -1;
  }
}
/* 提示 */
.tip {
  display: none;
  position: fixed;
  top: 70px;
  left: 50%;
  width: 240px;
  padding: 15px;
  background-color: #ff5722;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  margin-left: -120px;
  z-index: 15;
}
.tip-warning {
  background-color: #f0ad4e;
}
.tip-danger {
  background-color: #ff5722;
}
.tip-primary {
  background-color: #337ab7;
}
.tip-success {
  background-color: #5cb85c;
}
.tip-info {
  background-color: #5bc0de;
}
/*百分比布局*/
.w-5 {
  width: 5%;
}
.w-10 {
  width: 10%;
}
.w-15 {
  width: 15%;
}
.w-20 {
  width: 20%;
}
.w-25 {
  width: 25%;
}
.w-30 {
  width: 30%;
}
.w-35 {
  width: 35%;
}
.w-40 {
  width: 40%;
}
.w-45 {
  width: 45%;
}
.w-50 {
  width: 50%;
}
.w-55 {
  width: 55%;
}
.w-60 {
  width: 60%;
}
.w-65 {
  width: 65%;
}
.w-70 {
  width: 70%;
}
.w-75 {
  width: 75%;
}
.w-80 {
  width: 80%;
}
.w-85 {
  width: 85%;
}
.w-90 {
  width: 90%;
}
.w-95 {
  width: 95%;
}
.w-100 {
  width: 100%;
}
/*算法模型*/
.ruleGroup {
  padding-left: 110px;
}
.ruleGroup table {
  width: 100%;
  border: none;
  border-collapse: collapse;
  background-color: rgba(0, 0, 0, 0.01);
}
.ruleGroup table caption {
  padding: 14px 0;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  text-align: left;
}
.ruleGroup table caption em {
  color: red;
  font-style: normal;
  padding-left: 10px;
  font-weight: normal;
}
.ruleGroup table caption span {
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 14px;
  font-weight: normal;
}
.ruleGroup table th {
  background-color: #04d39f;
  color: #fff;
}
.ruleGroup table th,
.ruleGroup table td {
  padding: 8px 0;
  text-align: center;
}
.ruleGroup table tbody tr:nth-of-type(2n) {
  background-color: rgba(70, 184, 218, 0.15);
}
.ruleGroup table input,
.ruleGroup table select {
  width: 80%;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #dbdbdb;
  margin: 0 auto;
  text-align: center;
}
.ruleGroup table .btn {
  padding: 4px 5px;
}
/*机构详情*/
.organDetail {
  width: 65%;
  float: left;
}
.organDetail tr td:first-of-type {
  width: 100px;
  font-weight: bold;
  text-align: right;
  padding-right: 20px;
}
.organDetail td {
  padding: 15px 0;
  font-size: 14px;
  color: #333;
}
.organDetail td input {
  width: 200px;
  height: 34px;
  border-radius: 3px;
  border: 1px solid #dbdbdb;
  padding-left: 10px;
  float: left;
}
.organDetail td button {
  margin-left: 10px;
  padding: 0;
  width: 100px;
  height: 36px;
  float: left;
}
.organDetail td .imgList {
  width: 100%;
}
.organDetail td .imgItem {
  display: block;
  width: 300px;
}
.organDetail td .imgItem img {
  width: 100%;
}
.organDetailQrcode {
  width: 25%;
  margin-top: 75px;
  float: left;
  text-align: center;
}
.organDetailQrcode h3 {
  padding: 10px 0 0;
  color: #666;
}
.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.btn:hover,
.btn:focus {
  text-decoration: none;
}
.btn:focus,
.btn.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled,
.btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active {
  background-image: none;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}
.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.btn-primary:focus,
.btn-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.btn-secondary:focus,
.btn-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.btn-success:focus,
.btn-success.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.btn-info:focus,
.btn-info.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}
.btn-warning:focus,
.btn-warning.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}
.btn-danger:focus,
.btn-danger.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.btn-light:focus,
.btn-light.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}
.btn-dark:focus,
.btn-dark.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-primary {
  color: #007bff;
  background-color: transparent;
  background-image: none;
  border-color: #007bff;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  background-image: none;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-success {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-info {
  color: #17a2b8;
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-warning {
  color: #ffc107;
  background-color: transparent;
  background-image: none;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-danger {
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-light {
  color: #f8f9fa;
  background-color: transparent;
  background-image: none;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus,
.btn-outline-light.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
  color: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
  font-weight: 400;
  color: #007bff;
  background-color: transparent;
}
.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}
.btn-link:focus,
.btn-link.focus {
  text-decoration: underline;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link:disabled,
.btn-link.disabled {
  color: #6c757d;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.messageBox {
  width: 400px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  overflow: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -200px;
  z-index: 100;
}
.messageHeading {
  padding-left: 15px;
  height: 40px;
  line-height: 40px;
  background-color: #2f3a61;
  color: #fff;
  font-size: 16px;
  letter-spacing: 5px;
}
.messageContent {
  min-height: 60px;
  padding: 15px;
  font-size: 16px;
  color: #232323;
}
.messageBottonGroup {
  /*position:absolute;
    bottom:0;
    left:0;*/
  width: 100%;
}
.messageBottonGroup ul {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.messageBottonGroup li {
  background-color: #3d59d6;
  color: #fff;
  font-size: 20px;
  letter-spacing: 5px;
  cursor: pointer;
}
.hidden {
  display: none;
}
.show {
  display: block;
}
.mainRightInnerBtm {
  position: fixed;
  left: 200px;
  bottom: 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.mainRightInnerBtm .inner {
  padding: 30px;
}
.mainRightInnerBtm .info {
  text-align: right;
  margin-bottom: 20px;
  overflow: hidden;
}
.mainRightInnerBtm .info button,
.mainRightInnerBtm .info span {
  float: left;
}
.mainRightInnerBtm .info i {
  color: #04d39f;
  font-size: 20px;
}
.mainRightInnerBtm .tfootBtnBox {
  text-align: center;
}
.mainRightInnerBtm .tfootBtnBox button {
  margin: 0 auto;
  padding: 0.5rem 5rem;
}
.shippingWrap label.strongText {
  display: inline-block;
  width: 120px;
  height: 40px;
  font: 14px/40px '微软雅黑';
  color: #333;
  text-align: right;
}
.shippingWrap {
  margin-top: 15px;
  margin-left: 110px;
  background-color: #f6f6f6;
  padding: 20px;
}
.shippingWrap .projectItem ul li {
  padding: 0;
}
.shippingWrap h3 {
  font-size: 14px;
}
.shippingWrap .itemIpt {
  display: inline-block;
  height: 40px;
  font: 14px/40px '微软雅黑';
  padding: 8px 0;
}
.shippingWrap .itemIpt span {
  color: #aaa;
  font-size: 12px;
}
.shippingWrap .itemIpt .longIpt {
  width: 400px;
}
.shippingWrap .itemIpt .shortIpt {
  width: 190px;
}
.shippingWrap .itemIpt .smallIpt {
  width: 80px;
}
.shippingWrap .itemIpt input,
.shippingWrap .itemIpt select {
  padding-left: 10px;
  height: 40px;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  opacity: 1;
  margin-right: 10px;
}
.shippingWrap .itemIpt a {
  display: inline-block;
  width: 100px;
  height: 40px;
  background: #2abbe8;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
}
.shippingWrap .itemIpt a:hover {
  background: #20222a;
}
.shippingWrap .itemIpt a:nth-of-type(2) {
  background: #4889cb;
  margin-left: 50px;
}
.shippingWrap .itemIpt .changeVisible {
  display: inline-block;
}
.shippingWrap .itemIpt .changeVisible.hidden {
  display: none;
}
.shippingWrap .itemIpt .changeVisible input {
  float: inherit;
}
.shippingWrap .itemIpt .changeVisible em {
  font-style: normal;
}
.shippingWrap .sureBtn,
.shippingWrap .cancelBtn {
  display: inline-block;
  width: 120px;
  height: 46px;
  border-radius: 3px;
  margin-right: 20px;
  cursor: pointer;
}
.shippingWrap .sureBtn {
  margin-left: 124px;
  background: #04d39f;
  border: none;
  color: #fff;
}
.shippingWrap .cancelBtn {
  background: #f2f2f2;
  border: 1px solid #dbdbdb;
  color: #333;
}
.shippingWrap .srhPanel {
  display: none;
  position: absolute;
  top: 46px;
  left: 0;
  width: 200px;
  max-height: 280px;
  border: 1px solid #dbdbdb;
  border-top: none;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 2;
  background: #fff;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.shippingWrap .srhPanel li {
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.shippingWrap .srhPanel li:hover {
  background: #f1f1f1;
  cursor: pointer;
}
.shippingWrap .regionView {
  display: inline-block;
  font: 12px/24px "微软雅黑";
  color: #666;
  padding-left: 124px;
}
.shippingWrap .regionView span {
  padding-right: 8px;
}
.shippingSearch {
  width: 202px;
  position: relative;
}
.shippingSearch i.srhBtn {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
}
.districts-wrap {
  width: 100%;
}
.districts-wrap .province-item {
  float: left;
  width: 25%;
  position: relative;
}
.districts-wrap .province-item .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 60px;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.districts-wrap .province-item .label input {
  margin-right: 3px;
}
.districts-wrap .province-item .label em.red {
  color: red;
  font-style: normal;
}
.districts-wrap .province-item .label i {
  color: #007bff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 0 20px;
}
.districts-wrap .province-item .label.active {
  background-color: #f1f1f1;
}
.districts-wrap .province-item .label.active i {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.districts-wrap .province-item .label-list {
  display: none;
  width: 100%;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #f1f1f1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 1;
}
.districts-wrap .province-item .label-list label {
  display: block;
  width: 50%;
  margin: 5px 0;
  float: left;
}
.districts-wrap .province-item .label-list label input {
  margin-right: 3px;
}
.districts-wrap .province-item .label-list .btnWrap {
  padding: 10px 0;
  text-align: right;
}
.tab-bar {
  border: 1px solid #f3f3f3;
  margin-bottom: 20px;
}
.tab-bar ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: 50px;
}
.tab-bar ul li {
  width: 150px;
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  color: #787878;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
}
.tab-bar ul li:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent;
  position: absolute;
  bottom: -100%;
  left: 50%;
  margin-left: -8px;
  -webkit-transition: all .5s linear;
  transition: all .5s linear;
}
.tab-bar ul li:hover {
  background-color: #337ab7;
  color: #fff;
}
.tab-bar ul li.active {
  background-color: #3d59d6;
  color: #fff;
}
.tab-bar ul li.active:after {
  bottom: -3px;
}
/* 添加角色 */
.rolesWrap {
  width: 85%;
}
.rolesWrap .roleItem {
  height: 36px;
  background-color: #f9f9f9;
  font-size: 14px;
  color: #666;
  padding: 5px 10px;
  border: 1px solid #dbdbdb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  border-radius: 3px;
}
.rolesWrap .roleItem strong,
.rolesWrap .roleItem span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 150px;
  color: #333;
}
.rolesWrap .roleItem strong {
  color: #000;
}
.rolesWrap .roleItem strong i {
  font-weight: normal;
}
.rolesWrap .roleItem i {
  font-size: 24px;
  color: #dbdbdb;
  margin-right: 10px;
}
.rolesWrap .roleItem i.active {
  color: #3d59d6;
}
/* 激活海报 */
.share-page-wrap {
  height: 0;
  overflow: hidden;
}
/*.share-page{
  width:750px;
  height:1334px;
  margin:0 auto;
  background-color:#007bff;
  color:#fff;
  position:relative;
  & > img{width:100%;}
  .logo-box{
    display:block;
    width:90px;
    height:90px;
    overflow:hidden;
    position:absolute;
    top:50px;
    left:50px;
    z-index:2;
    img{width:100%;opacity: 0.5;}
  }
  &-inner{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:rgba(0,0,0,.6);
    letter-spacing: 5px;
    z-index:1;
    &-header{
      width:100%;
      text-align:center;
      padding:180px 0 150px;
      &-img{
        width:80px;
        height:80px;
        border-radius:50%;
        border:2px solid #fff;
        overflow:hidden;
        margin:0 auto 15px;
        background-color:#fff;
        img{width:100%;}
      }
      p{padding:20px 0;font-size:24px;font-weight:bold;}
    }
    &-main{
      padding:0 100px;
      dt{
        font-size:30px;
        font-weight:bold;
        margin-bottom:20px;
      }
      dd{
        font-size:24px;
        line-height:200%;
        padding-left:20px;
        position:relative;
        &:before{
          display:block;
          content:'';
          overflow:hidden;
          width:10px;
          height:10px;
          background-color:rgba(255,255,255,.9);
          position:absolute;
          top:50%;
          left:0;
          margin-top:-5px;
          border-radius:3px;
        }
      }
    }
    &-footer{
      position:absolute;
      left:20px;
      right:50px;
      bottom:20px;
      .qrcodeBox{
        width:200px;
        text-align:center;
        overflow:hidden;
        float:right;
        #qrcode{padding:10px;background-color:#fff;}
        img{
          display:block;
          width:180px;
          height:180px;
        }
        p{font-size:14px;color:#fff;letter-spacing: 0;padding:15px 0;}
      }
    }
    .storeAddress{
      width:380px;
      position:absolute;
      left:50px;
      bottom:20px;
      h3{font-size:20px;margin-bottom:15px;color:rgba(255,255,255,.8);}
      p{
        letter-spacing: 2px;
        font-size:16px;
        color:rgba(255,255,255,.7);
        line-height:180%;
      }
    }
  }
}*/
.share-page {
  max-width: 750px;
  height: 1334px;
  margin: 0 auto;
  background-color: #007bff;
  color: #fff;
  position: relative;
}
.share-page > img {
  width: 100%;
}
.share-page-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  letter-spacing: 2px;
  z-index: 1;
}
.share-page-inner-header {
  width: 100%;
  text-align: center;
  padding: 80px 0 50px;
}
.share-page-inner-header-img {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  border: 2px solid #fff;
  overflow: hidden;
  margin: 0 auto 15px;
  background-color: #fff;
}
.share-page-inner-header-img img {
  width: 100%;
}
.share-page-inner-header p {
  padding: 20px 0;
  font-size: 33px;
  font-weight: bold;
}
.share-page-inner-main {
  padding: 0 50px;
}
.share-page-inner-main .firstDl {
  margin-bottom: 150px;
}
.share-page-inner-main .firstDl dt {
  margin-bottom: 20px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 30px;
}
.share-page-inner-main .firstDl h2 {
  padding: 30px 0;
}
.share-page-inner-main .otherDl dt {
  margin-bottom: 0;
  color: #fff;
}
.share-page-inner-main .otherDl h2 {
  line-height: 200%;
  font-size: 64px;
  letter-spacing: 3px;
  overflow: hidden;
}
.share-page-inner-main .otherDl h2 strong,
.share-page-inner-main .otherDl h2 em,
.share-page-inner-main .otherDl h2 span {
  float: left;
  font-weight: bold;
}
.share-page-inner-main .otherDl h2 strong {
  font-size: 72px;
}
.share-page-inner-main .otherDl h2 span {
  font-size: 48px;
}
.share-page-inner-main .otherDl h2 em {
  font-size: 64px;
  padding: 0 15px;
  font-weight: normal;
}
.share-page-inner-main .otherDl h3 {
  padding: 15px 0 0;
  display: inline-block;
  border-top: 2px solid #fff;
  font-size: 30px;
  color: #fff;
}
.share-page-inner-main dt {
  font-size: 36px;
  font-weight: normal;
}
.share-page-inner-main dd {
  font-size: 30px;
  line-height: 200%;
  position: relative;
  letter-spacing: 10px;
}
.share-page-inner-main dd h2 {
  font-size: 64px;
  font-weight: 700;
}
.share-page-inner-main dd h3 {
  text-transform: uppercase;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
}
.share-page-inner-footer {
  position: absolute;
  left: 50px;
  right: 50px;
  bottom: 20px;
}
.share-page-inner-footer .qrcodeBox {
  width: 200px;
  text-align: center;
  overflow: hidden;
  float: right;
  /*#qrcode{background-color:#fff;}*/
}
.share-page-inner-footer .qrcodeBox img {
  display: block;
  width: 100%;
}
.share-page-inner-footer .qrcodeBox p {
  font-size: 22px;
  color: #fff;
  letter-spacing: 0;
  padding: 15px 0;
}
.share-page-inner .storeAddress {
  width: 450px;
  position: absolute;
  left: 0;
  bottom: 20px;
}
.share-page-inner .storeAddress h3 {
  font-size: 26px;
  margin-bottom: 15px;
  color: rgba(255, 255, 255, 0.8);
}
.share-page-inner .storeAddress p {
  letter-spacing: 1px;
  font-size: 22px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 180%;
}
.share-page-inner .storeAddress .logo-box {
  display: block;
  height: 90px;
  overflow: hidden;
  margin-bottom: 50px;
}
.share-page-inner .storeAddress .logo-box h3 {
  height: 90px;
  line-height: 90px;
  color: #fff;
  font-size: 20px;
  float: left;
}
.share-page-inner .storeAddress .logo-box h3 em {
  color: #e5a700;
  padding: 0 10px;
  font-weight: bold;
}
.share-page-inner .storeAddress .logo-box img {
  width: 90px;
  height: 90px;
  opacity: 0.9;
  float: left;
}
.share-page .beyondTip {
  position: absolute;
  top: 50%;
  right: 20px;
  font-size: 36px;
  color: rgba(255, 255, 255, 0.3);
  text-align: center;
}
.share-page .beyondTip strong {
  display: inline-block;
  padding: 10px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
  font-size: 36px;
}
.share-page .beyondTip p {
  padding: 10px;
}
.created-img-popup {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  width: 300px;
  margin: 0 0 0 -150px;
  -webkit-box-shadow: 0 0 50px 30px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 50px 30px rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  z-index: 10;
}
.created-img-popup button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.created-img-box {
  padding: 10px;
}
.created-img-box img {
  width: 100%;
}
.created-img-box p {
  letter-spacing: 2px;
  font-size: 16px;
  color: #999;
  padding: 10px;
  text-align: center;
}
.orderDetail {
  margin: 0 auto;
  letter-spacing: 1px;
  border: 1px solid #f5f5f5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.orderDetail dt {
  width: inherit;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 0;
  background-color: rgba(49, 57, 117, 0.05);
}
.orderDetail dd {
  font-size: 16px;
  padding: 25px;
}
.orderDetail dd .goodsItem {
  width: 207px;
  height: 304px;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 10px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  float: left;
  overflow: hidden;
  background-color: rgba(49, 57, 117, 0.05);
}
.orderDetail dd .goodsItem:hover {
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}
.orderDetail dd .goodsItem img {
  display: block;
  width: 100%;
}
.orderDetail dd .goodsItem .goodsDesc {
  padding: 5px;
  font-size: 14px;
}
.orderDetail dd .goodsItem .goodsDesc p {
  padding: 5px 0;
}
.orderDetail dd .goodsItem .goodsDesc strong {
  letter-spacing: 0;
  color: red;
}
.orderDetail dd .goodsItem .goodsDesc span {
  float: right;
  color: #666;
}
.orderDetail dd .cell-list {
  border-bottom: 1px solid #f5f5f5;
}
.orderDetail dd .cell-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #f5f5f5;
  padding: 0 10px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}
.orderDetail dd .cell-list-item:hover {
  background-color: rgba(49, 57, 117, 0.08);
}
.orderDetail dd .cell-list-item label,
.orderDetail dd .cell-list-item span {
  text-align: left;
}
.orderDetail dd .cell-list-item span,
.orderDetail dd .cell-list-item strong {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.orderDetail dd .cell-list-item label {
  font-size: 16px;
}
.orderDetail dd .cell-list-item span {
  padding-left: 10px;
}
.orderDetail dd .cell-list-item strong {
  text-align: right;
}
.orderDetail dd .cell-list-item:last-of-type {
  border: none;
}
.orderDetail dd .couponItem {
  width: 100%;
  border-bottom: 1px solid #dbdbdb;
  padding: 10px 0;
}
.orderDetail dd .couponItem div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 5px 0;
}
.orderDetail dd .couponItem span {
  color: #454545;
}
.orderDetail dd .couponItem span strong {
  font-weight: bold;
}
.orderDetail dd .couponItem span.gray {
  color: #999;
}
.section-heading {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  padding: 15px 0 15px 15px;
  position: relative;
  /*.right-wrap{
    float:right;

  }*/
}
.section-heading:before {
  display: block;
  content: '';
  overflow: hidden;
  width: 5px;
  height: 16px;
  background-color: #04d39f;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
}
.section-heading span {
  display: inline-block;
  font-size: 14px;
  color: #999;
  padding-left: 20px;
  font-weight: normal;
  margin-left: 30px;
  position: relative;
}
.section-heading span:before {
  display: block;
  content: '';
  overflow: hidden;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
}
.section-heading span.noBefore {
  color: #ff5722;
}
.section-heading span.noBefore:before {
  display: none;
}
.section-heading span.red:before {
  background-color: red;
}
.section-heading strong {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #999;
  padding-left: 20px;
  font-weight: normal;
  margin-left: 30px;
}
.section-heading strong:before {
  display: block;
  content: '';
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -7px;
}
.section-heading strong.kongxian:before {
  background-color: #5cb85c;
}
.section-heading strong.yuyue:before {
  background-color: #f0ad4e;
}
.section-heading strong.kaifang:before {
  background-color: #ff5722;
}
.section-heading strong.jiezhang:before {
  background-color: #3d59d6;
}
.section-heading strong.dasao:before {
  background-color: #5bc0de;
}
.section-heading strong.disable:before {
  background-color: #bebebe;
}
@media (max-width: 768px) {
  .section-heading strong {
    display: none;
  }
}
.cell-wrap {
  width: 100%;
  overflow: hidden;
}
.cell-wrap .cell-item-lg .top {
  height: 120px;
}
.cell-wrap .cell-item-lg .strong {
  font-size: 24px;
}
.cell-wrap .cell-item-sm .top {
  height: 120px;
}
.cell-wrap .cell-item-sm .strong {
  font-size: 24px;
}
.cell-wrap .cell-item-inner {
  color: #fff;
  border-radius: 3px;
  margin: 5px;
  overflow: hidden;
  position: relative;
}
.cell-wrap .cell-item-inner .tag {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.15);
  color: #fff;
  padding: 5px 10px;
  border-bottom-right-radius: 3px;
}
.cell-wrap .cell-item-inner .top {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.4);
          box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.4);
}
.cell-wrap .cell-item-inner .strong {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.cell-wrap .cell-item-inner .middle {
  width: 100%;
  padding: 10px 10px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 12px;
}
.cell-wrap .cell-item-inner .middle span {
  width: 100%;
  line-height: 30px;
}
.cell-wrap .cell-item-inner .btm {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.cell-wrap .cell-item-inner .btm span,
.cell-wrap .cell-item-inner .btm strong {
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  float: left;
}
.cell-wrap .cell-item-inner .btm span {
  width: 60%;
  font-size: 20px;
}
.cell-wrap .cell-item-inner .btm strong {
  width: 40%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
.cell-wrap .cell-item-kongxian {
  background-color: #5cb85c;
}
.cell-wrap .cell-item-yuyue {
  background-color: #f0ad4e;
}
.cell-wrap .cell-item-kaifang {
  background-color: #ff5722;
}
.cell-wrap .cell-item-jiezhang {
  background-color: #3d59d6;
}
.cell-wrap .cell-item-dasao {
  background-color: #5bc0de;
}
.cell-wrap .cell-item-disable {
  background-color: #bebebe;
}
@media (max-width: 768px) {
  .cell-wrap .cell-item-inner .middle span {
    line-height: 120%;
  }
  .cell-wrap .cell-item-sm .strong {
    font-size: 18px;
  }
}
.shouYin-wrap {
  width: 90%;
  margin: 0 auto;
}
.shouYin-wrap h2 {
  text-align: center;
  font-size: 22px;
  padding: 10px 0;
}
.shouYin-wrap .pay-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.shouYin-wrap .pay-wrap-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.shouYin-wrap .pay-wrap-column h3 {
  margin-bottom: 20px;
}
.shouYin-wrap .pay-wrap-column h3 span {
  display: inline-block;
  width: 100px;
}
.shouYin-wrap .pay-wrap-column h3 strong {
  color: #000;
  font-size: 24px;
}
.shouYin-wrap .pay-wrap-column h3 strong.red {
  color: #f45;
}
.shouYin-wrap .pay-wrap-column h3 strong.blue {
  color: #36c;
}
.shouYin-wrap .pay-wrap-column .input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
  margin-bottom: 20px;
  width: 100%;
}
.shouYin-wrap .pay-wrap-column .input-group-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  border: 1px solid #dbdbdb;
  margin-right: 15px;
}
.shouYin-wrap .pay-wrap-column .input-group-item:last-of-type {
  margin-right: 0;
}
.shouYin-wrap .pay-wrap-column .input-group-item input {
  border: none;
  border-bottom: 1px solid #dbdbdb;
  border-radius: 0!important;
  font-weight: normal!important;
  font-size: 22px!important;
}
.shouYin-wrap .pay-wrap-column .input-group-item p {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: #f3f3f3;
  font-size: 16px;
  font-weight: bold;
}
.shouYin-wrap .pay-wrap-column .input-group-item p span {
  font-size: 12px;
  color: #787878;
}
.shouYin-wrap .pay-wrap-column .money-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
  width: 100%;
  height: 48px;
  line-height: 48px;
  background-color: #f7f7f7;
  border: 1px solid #dbdbdb;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.shouYin-wrap .pay-wrap-column .money-group-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 16px;
}
.shouYin-wrap .pay-wrap-column .money-group-item label {
  font-weight: bold;
}
.shouYin-wrap .pay-wrap-column .money-group-item strong {
  font-size: 22px;
}
.shouYin-wrap .pay-wrap-column .money-group-item strong.text-red {
  color: #f40;
}
.shouYin-wrap .pay-wrap-column .money-group-item strong.text-blue {
  color: #004de6;
}
.shouYin-wrap .pay-wrap-column .money-group-item strong.text-green {
  color: #009184;
}
.shouYin-wrap .pay-wrap select,
.shouYin-wrap .pay-wrap input {
  height: 44px;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #dbdbdb;
  background-color: transparent;
}
.shouYin-wrap .pay-wrap select {
  width: 490px;
}
.shouYin-wrap .pay-wrap select:nth-of-type(1) {
  margin-right: 10px;
}
.shouYin-wrap .pay-wrap select:nth-of-type(2) {
  margin-left: 10px;
}
.shouYin-wrap .pay-wrap input.long {
  width: 100%;
}
.shouYin-wrap .pay-wrap input.ipt-strong {
  width: 100%;
  height: 100px;
  color: #36c;
  font-weight: bold;
  font-size: 26px;
  text-align: center;
  border-radius: 10px;
  padding-left: 0;
}
.shouYin-wrap .pay-wrap input.ipt-strong-noBorder {
  background-color: #f5f5f5;
  color: #f45;
}
.shouYin-wrap .search-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.shouYin-wrap .search-box input,
.shouYin-wrap .search-box button {
  height: 44px;
}
.shouYin-wrap .search-box input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 10px;
  border: 1px solid #dbdbdb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 15px;
}
.shouYin-wrap .search-box button {
  width: 150px;
  font-size: 16px;
  letter-spacing: 2px;
}
.shouYin-wrap .btn-wrap {
  margin-top: 50px;
}
.shouYin-wrap .btn-wrap button {
  float: right;
  width: 100%;
  height: 48px;
  font-size: 16px;
  letter-spacing: 2px;
}
@media (max-width: 768px) {
  .popupWrap .popupInner {
    padding: 0;
  }
  .shouYin-wrap {
    width: 96%;
    margin: 0 auto;
  }
  .shouYin-wrap h2 {
    font-size: 16px;
  }
  .shouYin-wrap .pay-wrap-column h3 span {
    display: inline-block;
    width: 100px;
  }
  .shouYin-wrap .pay-wrap-column h3 strong {
    font-size: 16px;
  }
  .shouYin-wrap .pay-wrap-column .input-group {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 20px;
    width: 100%;
  }
  .shouYin-wrap .pay-wrap-column .input-group-item {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 50%;
    position: relative;
    border: 1px solid #dbdbdb;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: 0!important;
  }
  .shouYin-wrap .pay-wrap-column .input-group-item:last-of-type {
    margin-right: 0;
  }
  .shouYin-wrap .pay-wrap-column .input-group-item input {
    border: none;
    border-bottom: 1px solid #dbdbdb;
    border-radius: 0!important;
    font-weight: normal!important;
    font-size: 22px!important;
  }
  .shouYin-wrap .pay-wrap-column .input-group-item p {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #f3f3f3;
    font-size: 16px;
    font-weight: bold;
  }
  .shouYin-wrap .pay-wrap-column .input-group-item p span {
    font-size: 12px;
    color: #787878;
  }
  .shouYin-wrap .pay-wrap-column .money-group {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: center;
    width: 100%;
    height: auto!important;
    line-height: auto!important;
  }
  .shouYin-wrap .pay-wrap-column .money-group-item {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    font-size: 12px;
  }
  .shouYin-wrap .pay-wrap-column .money-group-item label {
    font-weight: normal;
  }
  .shouYin-wrap .pay-wrap-column .money-group-item strong {
    font-size: 14px;
  }
  .shouYin-wrap .pay-wrap-column .money-group-item strong.text-red {
    color: #f40;
  }
  .shouYin-wrap .pay-wrap-column .money-group-item strong.text-blue {
    color: #004de6;
  }
  .shouYin-wrap .pay-wrap-column .money-group-item strong.text-green {
    color: #009184;
  }
  .shouYin-wrap .pay-wrap select,
  .shouYin-wrap .pay-wrap input {
    height: 44px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #dbdbdb;
    background-color: transparent;
  }
  .shouYin-wrap .pay-wrap select {
    width: 490px;
  }
  .shouYin-wrap .pay-wrap select:nth-of-type(1) {
    margin-right: 10px;
  }
  .shouYin-wrap .pay-wrap select:nth-of-type(2) {
    margin-left: 10px;
  }
  .shouYin-wrap .pay-wrap input.long {
    width: 100%;
  }
  .shouYin-wrap .pay-wrap input.ipt-strong {
    width: 100%;
    height: 100px;
    color: #36c;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    border-radius: 10px;
    padding-left: 0;
  }
  .shouYin-wrap .pay-wrap input.ipt-strong-noBorder {
    background-color: #f5f5f5;
    color: #f45;
  }
  .shouYin-wrap .search-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .shouYin-wrap .search-box input {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    padding-left: 10px;
    border: 1px solid #dbdbdb;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: 0!important;
    margin-bottom: 10px;
  }
  .shouYin-wrap .search-box button {
    width: 100%;
    font-size: 16px;
    letter-spacing: 2px;
  }
  .shouYin-wrap .btn-wrap {
    margin-top: 50px;
  }
  .shouYin-wrap .btn-wrap button {
    float: right;
    width: 100%;
    height: 48px;
    font-size: 16px;
    letter-spacing: 2px;
  }
}
.coupon-list {
  font-size: 16px;
}
.coupon-list-item {
  width: 459px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 145px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  border-radius: 8px;
  color: #fff;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  float: left;
  margin: 10px;
}
.coupon-list-item.bg_1 {
  background: -webkit-gradient(linear, left top, right top, from(#e51755), to(#fa4b5e));
  background: linear-gradient(90deg, #e51755, #fa4b5e);
}
.coupon-list-item.bg_1 .coupon-list-item-right:before {
  background-color: rgba(255, 107, 72, 0.8);
}
.coupon-list-item.bg_1 .coupon-list-item-right:after {
  background-color: rgba(249, 98, 93, 0.5);
}
.coupon-list-item.bg_1 .coupon-list-item-right .status-wrap button {
  color: #fa0034;
  border-color: #fa0034;
}
.coupon-list-item.bg_2 {
  background: -webkit-gradient(linear, left top, right top, from(#5c49f2), to(#5567ed));
  background: linear-gradient(90deg, #5c49f2, #5567ed);
}
.coupon-list-item.bg_2 .coupon-list-item-right:before {
  background-color: rgba(102, 125, 240, 0.7);
}
.coupon-list-item.bg_2 .coupon-list-item-right:after {
  background-color: rgba(102, 125, 240, 0.5);
}
.coupon-list-item.bg_2 .coupon-list-item-right .status-wrap button {
  color: #252feb;
  border-color: #252feb;
}
.coupon-list-item.bg_3 {
  background: -webkit-gradient(linear, left top, right top, from(#8700c6), to(#b322ec));
  background: linear-gradient(90deg, #8700c6, #b322ec);
}
.coupon-list-item.bg_3 .coupon-list-item-right:before {
  background-color: rgba(155, 25, 211, 0.7);
}
.coupon-list-item.bg_3 .coupon-list-item-right:after {
  background-color: rgba(145, 33, 195, 0.5);
}
.coupon-list-item.bg_3 .coupon-list-item-right .status-wrap button {
  color: #72059e;
  border-color: #b322ec;
}
.coupon-list-item-left {
  width: 339px;
  height: 145px;
}
.coupon-list-item-left section {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 105px;
}
.coupon-list-item-left section h3 {
  font-size: 20px;
}
.coupon-list-item-left section strong {
  font-size: 36px;
  font-weight: bold;
}
.coupon-list-item-left section p {
  font-size: 16px;
  letter-spacing: 2px;
}
.coupon-list-item-right {
  width: 120px;
  height: 145px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom-right-radius: 8px;
}
.coupon-list-item-right:before,
.coupon-list-item-right:after {
  display: block;
  content: '';
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
}
.coupon-list-item-right:before {
  width: 150px;
  height: 150px;
  top: 0;
  right: -100px;
}
.coupon-list-item-right:after {
  width: 200px;
  height: 200px;
  top: 70px;
  left: 16px;
}
.coupon-list-item-right .cut-off-rule {
  width: 26px;
  height: 100%;
  position: relative;
}
.coupon-list-item-right .cut-off-rule:before {
  display: block;
  content: '';
  overflow: hidden;
  width: 0;
  height: 145px;
  border-left: 1px dashed #fff;
  position: absolute;
  left: 12px;
}
.coupon-list-item-right .cut-off-rule span {
  display: block;
  width: 26px;
  height: 26px;
  background-color: #f1f1f1;
  border-radius: 50%;
  position: absolute;
  left: 0;
  -webkit-box-shadow: inset 5px 5px 15px rgba(0, 0, 0, 0.15);
          box-shadow: inset 5px 5px 15px rgba(0, 0, 0, 0.15);
  z-index: 1;
}
.coupon-list-item-right .cut-off-rule span.top {
  top: -15px;
}
.coupon-list-item-right .cut-off-rule span.bottom {
  bottom: -15px;
}
.coupon-list-item-right .status-wrap {
  height: 145px;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  z-index: 2;
}
.coupon-list-item-right .status-wrap p {
  text-align: center;
  letter-spacing: 2px;
  padding-bottom: 10px;
  font-weight: bold;
  font-size: 16px;
}
.coupon-list-item-right .status-wrap button {
  width: 90px;
  height: 36px;
  border-radius: 30px;
  padding: 0 15px;
  background-color: #fff;
  border: 4px solid #e51755;
  color: #e51755;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.coupon-list-item.isUsed {
  background: -webkit-gradient(linear, left top, right top, from(#a7aaae), to(#ced1d5));
  background: linear-gradient(90deg, #a7aaae, #ced1d5);
}
.coupon-list-item.isUsed .coupon-list-item-right:before {
  background-color: rgba(183, 186, 190, 0.7);
}
.coupon-list-item.isUsed .coupon-list-item-right:after {
  background-color: rgba(173, 176, 180, 0.5);
}
.coupon-list-item.isUsed .coupon-list-item-right .status-wrap button {
  color: #a7aaae;
  border-color: #a7aaae;
}
.coupon-list-item.isExpire {
  background: -webkit-gradient(linear, left top, right top, from(#a7aaae), to(#ced1d5));
  background: linear-gradient(90deg, #a7aaae, #ced1d5);
}
.coupon-list-item.isExpire .coupon-list-item-right:before {
  background-color: rgba(183, 186, 190, 0.7);
}
.coupon-list-item.isExpire .coupon-list-item-right:after {
  background-color: rgba(173, 176, 180, 0.5);
}
.coupon-list-item.isExpire .coupon-list-item-right .status-wrap button {
  color: #a7aaae;
  border-color: #a7aaae;
}
#addSortBtn {
  position: absolute;
  bottom: 3px;
  right: 0;
}
.zlf-fixbar {
  position: fixed;
  right: 50px;
  bottom: 152px;
}
.zlf-fixbar-item {
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin-bottom: 1px;
  text-align: center;
  cursor: pointer;
  font-size: 30px;
  background-color: #9F9F9F;
  color: #fff;
  border-radius: 2px;
  opacity: .95;
}
.pro-list-item {
  height: 100px;
}
.pro-list-item p {
  font-size: 16px;
  font-weight: bold;
}
.openRoomLayer .layui-layer-title {
  font-weight: bold;
  font-size: 18px;
}
.position {
  position: absolute;
  top: 0;
  bottom: 0;
}
.position-wrap {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.position-left {
  left: 0;
  width: 10%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #efefef;
  overflow-x: hidden;
  overflow-y: scroll;
  float: left;
  background-color: #fff;
}
.position-left-40 {
  width: 20%;
  background-color: #f5f5f5;
  border-right: 1px solid #efefef;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
}
.position-left-top {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #efefef;
  -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.15);
  color: #fff;
  background-color: #494fa8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.position-left-top span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
.position-left-top span#nowDate {
  font-size: 18px;
  color: #fff;
  padding-bottom: 5px;
}
.position-left-top.height-200 {
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.position-left-top.bg-screen {
  background-color: #ff00b4;
}
.position-left-top .createDateSelect {
  width: 100%;
}
.position-left-top [name='createDate'] {
  width: 90%;
  height: 42px;
  border: 1px solid #494fa8;
  border-radius: 3px;
  background: #494fa8;
  color: #fff;
}
.position-left-top [name='createDate'] option {
  padding: 5px 0;
}
.position-left .list-item {
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid #efefef;
  font-size: 14px;
  cursor: pointer;
}
.position-left .list-item.isActive {
  background-color: #009184;
  color: #fff;
}
.position-left .list-item:hover {
  background-color: #0d9489;
  color: #fff;
}
.position-right {
  left: 11%;
  width: 89%;
  float: right;
  overflow-y: scroll;
}
.position-right-60 {
  left: 20%;
  width: 80%;
  overflow-y: auto;
}
.position-right .section-jishi-list {
  width: 100%;
  height: 100%;
  overflow: auto;
  position: relative;
}
.position-right .section {
  height: 100%;
  position: relative;
}
.position-right .section-bg-1 {
  background-color: #d5f8ff!important;
}
.position-right .section-width-full {
  width: 100%;
}
.position-right .section-width-70 {
  width: 70px;
  float: left;
}
.position-right .section-width-200 {
  width: 200px;
  float: left;
}
.position-right .section-top {
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: #00a3c2;
  border-right: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  top: 0;
}
.position-right .section-top.noBg {
  background: #fff;
  color: #000;
}
.position-right .section-box {
  width: 100%;
  height: 140px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.position-right .section-box.bold {
  font-weight: bold;
}
.position-right .section-box-hover:hover .section-box-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.position-right .section-box:hover .time-tag {
  display: block;
}
.position-right .section-box-btn {
  position: absolute;
  width: 100%;
  height: 34px;
  display: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
.position-right .section-box-btn-btm {
  bottom: 0;
  right: 0;
}
.position-right .section-box-btn-top {
  top: 0;
  left: 0;
}
.position-right .section-box .time-tag {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #ccc;
  z-index: 1;
}
.position-right .section-box-top {
  position: absolute;
  bottom: 36px;
  left: 0;
  width: 100%;
  height: 104px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 8px;
  font-size: 14px;
  text-shadow: 1px 0 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.15);
}
.position-right .section-box-btm {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.position-right .section-box-btm span {
  height: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.position-right .section-box-btm span.noBorder {
  border: none;
}
.position-right .section-box-btm span.bg-1 {
  background-color: #ff707e;
}
.position-right .section-box-btm span.bg-1:hover {
  background-color: #ff5162;
}
.position-right .section-box-btm span.bg-2 {
  background-color: #6e84ff;
}
.position-right .section-box-btm span.bg-2:hover {
  background-color: #4a65ff;
}
.position-right .section-box.bg-1 {
  background-color: #e9e9e9;
}
.position-right .section-box.bg-2 {
  background-color: #fff;
}
.position-right .section-box.bg-3 {
  background-color: #12c3b2;
  border: 2px solid rgba(255, 255, 255, 0.9);
}
.position-right .section-box.bg-4 {
  background-color: #8698ff;
  border: 2px solid rgba(255, 255, 255, 0.9);
}
#sectionJsList {
  height: 100%;
  position: relative;
  overflow: visible;
}
.section-item {
  padding: 0 15px;
  border: 1px solid #ddd;
  margin-right: 10px;
  border-radius: 3px;
  cursor: pointer;
}
.section-item span {
  color: #000!important;
}
.section-item .icon {
  color: #999;
  font-size: 18px;
}
.section-item:hover,
.section-item-active {
  border: 1px solid #f40;
  color: #f40;
}
.section-item:hover span,
.section-item-active span {
  color: #f40!important;
}
.section-item:hover .icon,
.section-item-active .icon {
  color: #f40;
}
.flex-row-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.justify-center {
  -webkit-box-pack: flex-center;
      -ms-flex-pack: flex-center;
          justify-content: flex-center;
}
.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.justify-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.align-content-start {
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.align-content-end {
  -ms-flex-line-pack: end;
      align-content: flex-end;
}
.align-content-center {
  -ms-flex-line-pack: center;
      align-content: center;
}
.align-items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.align-items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tui-col-12 {
  width: 100%!important;
}
.tui-col-11 {
  width: 91.66666667%!important;
}
.tui-col-10 {
  width: 83.33333333%!important;
}
.tui-col-9 {
  width: 75%!important;
}
.tui-col-8 {
  width: 66.66666667%!important;
}
.tui-col-7 {
  width: 58.33333333%!important;
}
.tui-col-6 {
  width: 50%!important;
}
.tui-col-5 {
  width: 41.66666667%!important;
}
.tui-col-4 {
  width: 33.33333333%!important;
}
.tui-col-3 {
  width: 25%!important;
}
.tui-col-2 {
  width: 16.66666667%!important;
}
.tui-col-1 {
  width: 8.33333333%!important;
}
.padding-tb-10 {
  padding: 10px 0;
}
.padding-tb-20 {
  padding: 20px 0;
}
.padding-bottom-10 {
  padding-bottom: 10px;
}
.padding-bottom-20 {
  padding-bottom: 20px;
}
.padding-10 {
  padding: 10px;
}
.padding-20 {
  padding: 20px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.margin-bottom-30 {
  margin-bottom: 30px;
}
.margin-bottom-40 {
  margin-bottom: 40px;
}
.margin-bottom-50 {
  margin-bottom: 50px;
}
.package-list-item {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  border: 6px solid #fff;
  position: relative;
  cursor: pointer;
}
.package-list-item-full {
  width: 100%;
}
.package-list-item.active {
  border: 6px solid #ff9800;
}
.package-list-item.active .checkedIcon {
  color: #ff9800;
}
.package-list-item:hover {
  border: 6px solid #ff9800;
}
.package-list-item:hover .checkedIcon {
  color: #ff9800;
}
.package-list-item .heading {
  height: 120px;
  padding: 15px;
}
.package-list-item .font-strong {
  font-size: 32px;
}
.package-list-item .font-large {
  font-size: 36px;
}
.package-list-item .font-base {
  font-size: 20px;
}
.package-list-item.theme-1 {
  background-color: #fff;
  border: 6px solid #fff;
  color: #2e47bc;
}
.package-list-item.theme-2 {
  background-color: #2e4abb;
  border: 6px solid #2e4abb;
  color: #60e2cc;
}
.package-list-item.theme-3 {
  background-color: #60e2cc;
  border: 6px solid #60e2cc;
  color: #2e4abb;
}
.package-list-item2 {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  border: 10px solid #daafcd;
  position: relative;
  cursor: pointer;
}
.package-list-item2 .heading {
  height: 150px;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.package-list-item2 .group-heading {
  height: 100px;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.package-list-item2 .font-strong {
  font-size: 26px;
}
.package-list-item2 .font-large {
  font-size: 30px;
}
.package-list-item2 .font-base {
  font-size: 22px;
}
.package-list-item2.active {
  border: 10px solid #ff9800;
}
.package-list-item2.active .checkedIcon {
  color: #ff9800;
}
.package-list-item2:hover {
  border: 10px solid #ff9800;
}
.package-list-item2:hover .checkedIcon {
  color: #ff9800;
}
.package-list-item2.theme-1 {
  background-color: #fff;
  border: 10px solid #daafcd;
  color: #2e47bc;
}
.package-list-item2.theme-1.active {
  border: 10px solid #2e47bc;
}
.package-list-item2.theme-1:hover {
  border: 10px solid #2e47bc;
}
.package-list-item2.theme-2 {
  background-color: #2e4abb;
  border: 10px solid #daafcd;
  color: #60e2cc;
}
.package-list-item2.theme-2.active {
  border: 10px solid #60e2cc;
}
.package-list-item2.theme-2:hover {
  border: 10px solid #60e2cc;
}
.package-list-item2.theme-3 {
  background-color: #60e2cc;
  border: 10px solid #daafcd;
  color: #2e4abb;
}
.package-list-item2.theme-3.active {
  border: 10px solid #fff;
}
.package-list-item2.theme-3:hover {
  border: 10px solid #fff;
}
.selected-wrap {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
}
.selected-wrap .font-strong {
  font-size: 32px;
}
.selected-wrap .font-large {
  font-size: 42px;
}
.selected-wrap .font-base {
  font-size: 24px;
}
.selected-wrap .icon-box {
  width: 60px;
  height: 60px;
  cursor: pointer;
}
.selected-wrap .icon-box.bg-1 {
  background-color: #60e2cc;
}
.selected-wrap .icon-box.bg-2 {
  background-color: #ff5722;
}
.selected-wrap .icon-box .icon {
  color: #fff;
}
.selected-wrap .ipt-box {
  width: 180px;
  height: 60px;
  border: 1px solid #efefef;
}
.selected-wrap .ipt-box input {
  width: 100%;
  height: 60px;
  border: none;
  text-align: center;
  font-size: 36px;
}
.device-list-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #efefef;
  padding: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  cursor: pointer;
}
.device-list-item .icon {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #ccc;
}
.device-list-item.active {
  border: 2px solid #ff9800;
}
.device-list-item.active .icon {
  color: #ff9800;
}
.device-list-item:hover {
  border: 2px solid #ff9800;
}
.device-list-item:hover .icon {
  color: #ff9800;
}
.rotate-anticlockwise-90 {
  width: 120px!important;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.closeBtn {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #f40;
  overflow: hidden;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: center;
          flex-direction: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.closeBtn i {
  font-size: 20px;
}
.leftWrap {
  position: absolute;
  top: 0;
  right: 400px;
  left: 0;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.leftWrap-inner {
  padding: 20px;
}
.rightWrap {
  width: 400px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.sectionLeftWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.sectionLeftWrap-inner {
  padding: 10px;
}
.sectionCenterWrap {
  position: absolute;
  top: 0;
  left: 300px;
  right: 440px;
  height: 100%;
  border-right: 3px solid #efefef;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sectionCenterWrap-inner {
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 80px;
  overflow-x: hidden;
  overflow-y: auto;
}
.sectionCenterWrap .font-strong {
  font-size: 26px;
}
.sectionCenterWrap .font-large {
  font-size: 30px;
}
.sectionCenterWrap .font-base {
  font-size: 22px;
}
.sectionCenterWrap .font-sm {
  font-size: 18px;
}
.sectionCenterWrap-btm {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 77px;
  border-top: 3px solid #efefef;
}
.sectionRightWrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 440px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.sectionRightWrap-inner {
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 80px;
  overflow-x: hidden;
  overflow-y: auto;
}
.sectionRightWrap .font-strong {
  font-size: 26px;
}
.sectionRightWrap .font-large {
  font-size: 30px;
}
.sectionRightWrap .font-base {
  font-size: 22px;
}
.sectionRightWrap .font-sm {
  font-size: 18px;
}
.sectionRightWrap-btm {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
}
.sectionRightWrap-btm .btn {
  height: 80px;
  font-size: 30px;
  border-radius: 0;
}
.popup-input-box {
  width: 100%;
  height: 60px;
}
.popup-input-box input {
  width: 100%;
  height: 60px;
  border: 1px solid #efefef;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  font-size: 24px;
}
.popup-input-box .btn {
  width: 100%;
  height: 60px;
  font-size: 24px;
}
.group-goods-item2 {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  border: 4px solid #efefef;
  font-size: 14px;
  box-sizing: border-box;
  cursor: pointer;
}
.group-goods-item2.active {
  border: 4px solid #60e2cc;
}
.group-goods-item2:hover {
  border: 4px solid #60e2cc;
}
.group-goods-item {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  height: 90px;
  border: 6px solid #fff;
  font-size: 20px;
  box-sizing: border-box;
}
.group-goods-item.theme-1 {
  background-color: #fff;
  border: 6px solid #fff;
  color: #2e47bc;
}
.group-goods-item.theme-1.active {
  border: 6px solid #2e47bc;
}
.group-goods-item.theme-1:hover {
  border: 6px solid #2e47bc;
}
.group-goods-item.theme-2 {
  background-color: #2e4abb;
  border: 6px solid #fff;
  color: #60e2cc;
}
.group-goods-item.theme-2.active {
  border: 6px solid #60e2cc;
}
.group-goods-item.theme-2:hover {
  border: 6px solid #60e2cc;
}
.group-goods-item.theme-3 {
  background-color: #60e2cc;
  border: 6px solid #fff;
  color: #2e4abb;
}
.group-goods-item.theme-3.active {
  border: 6px solid #fff;
}
.group-goods-item.theme-3:hover {
  border: 6px solid #fff;
}
.group-goods-item.theme-4 {
  background-color: #fff8bf;
  border: 6px solid #fff;
  color: #ab6600;
}
.group-goods-item.theme-4.active {
  border: 6px solid #ffd966;
}
.group-goods-item.theme-4:hover {
  border: 6px solid #ffd966;
}
.goods-list-item {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid #efefef;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.goods-list-item.radius-10 {
  border-radius: 10px;
}
.goods-list-item-full {
  width: 100%;
}
.goods-list-item-half {
  width: 25%;
  height: auto;
  padding: 0;
}
.goods-list-item .left,
.goods-list-item .right {
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 140px;
}
.goods-list-item .right {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-left: 1px solid #efefef;
  background-color: #f40;
  color: #fff;
}
.goods-list-item .right .icon {
  font-size: 48px;
}
.goods-list-item .checkedIcon {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 22px!important;
  color: #ccc;
}
.goods-list-item.active {
  border: 4px solid #ff9800;
  background-color: #fffcf7;
}
.goods-list-item.active .checkedIcon {
  color: #ff9800;
}
.goods-list-item:hover {
  border: 4px solid #ff9800;
  background-color: #fffcf7;
}
.goods-list-item:hover .checkedIcon {
  color: #ff9800;
}
.goods-list-item .input-num {
  width: 120px;
  height: 50px;
  border: 2px solid #fff;
  font-size: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 10px;
}
.goods-list-item .input-num-left {
  text-align: left;
}
.goods-list-item .input-num-center {
  text-align: center;
  padding: 0;
}
.goods-list-item .input-num-full {
  width: 100%;
}
.goods-list-item .font-strong {
  font-size: 20px;
}
.goods-list-item .font-large {
  font-size: 24px;
}
.goods-list-item .font-base {
  font-size: 18px;
}
.goods-list-item .font-sm {
  font-size: 14px;
}
.goods-list-item.active {
  border: 4px solid #ff9800;
}
.goods-list-item.active .checkedIcon {
  color: #ff9800;
}
.goods-list-item:hover {
  border: 4px solid #ff9800;
}
.goods-list-item:hover .checkedIcon {
  color: #ff9800;
}
.goods-list-item.theme-1 {
  background-color: #fff;
  border: 4px solid #fff;
  color: #2e47bc;
}
.goods-list-item.theme-1 .input-num {
  border: 2px solid #eee;
}
.goods-list-item.theme-1.active {
  border: 4px solid #2e47bc;
}
.goods-list-item.theme-1:hover {
  border: 4px solid #2e47bc;
}
.goods-list-item.theme-2 {
  background-color: #2e4abb;
  border: 4px solid #fff;
  color: #60e2cc;
}
.goods-list-item.theme-2.active {
  border: 4px solid #60e2cc;
}
.goods-list-item.theme-2:hover {
  border: 4px solid #60e2cc;
}
.goods-list-item.theme-3 {
  background-color: #60e2cc;
  border: 4px solid #fff;
  color: #2e4abb;
}
.goods-list-item.theme-3.active {
  border: 4px solid #009688;
}
.goods-list-item.theme-3:hover {
  border: 4px solid #009688;
}
.goods-list-item.theme-4 {
  background-color: #d6abff;
  border: 4px solid #fff;
  color: #47107a;
}
.goods-list-item.theme-4.active {
  border: 4px solid #996cc3;
}
.goods-list-item.theme-4:hover {
  border: 4px solid #996cc3;
}
.goods-list-item.theme-5 {
  background-color: #ffe993;
  border: 4px solid #fff;
  color: #a34e10;
}
.goods-list-item.theme-5.active {
  border: 4px solid #a34e10;
}
.goods-list-item.theme-5:hover {
  border: 4px solid #a34e10;
}
.total-list {
  margin: 0 0 30px;
}
.total-list-item {
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #efefef;
}
.total-list .font-strong {
  font-size: 26px;
}
.total-list .font-large {
  font-size: 30px;
}
.total-list .font-base {
  font-size: 22px;
}
.total-list .font-sm {
  font-size: 16px;
}
.pay-list-item {
  height: 120px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 3px solid #efefef;
  padding: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  position: relative;
  cursor: pointer;
}
.pay-list-item-height-60 {
  padding: 10px 30px;
  height: 50px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pay-list-item-height-60 .span {
  font-size: 18px;
}
.pay-list-item-height-60 .icon.iconfont.checkedIcon {
  font-size: 18px!important;
}
.pay-list-item-height-40 {
  padding: 10px 30px 10px 10px;
  height: 40px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pay-list-item-height-40 .span {
  font-size: 14px;
}
.pay-list-item-height-40 .icon.iconfont.checkedIcon {
  font-size: 18px!important;
}
.pay-list-item span {
  font-size: 24px;
}
.pay-list-item-full {
  width: 100%;
}
.pay-list-item .checkedIcon {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 24px!important;
  color: #ccc;
}
.pay-list-item.active {
  border: 3px solid #ff9800;
  background-color: #fffcf7;
}
.pay-list-item.active .checkedIcon {
  color: #ff9800;
}
.pay-list-item:hover {
  border: 3px solid #ff9800;
  background-color: #fffcf7;
}
.pay-list-item:hover .checkedIcon {
  color: #ff9800;
}
body .demo-class .layui-layer-title {
  background: linear-gradient(30deg, #001bcf, #00dabc);
  color: #fff;
  font-size: 20px;
  height: 54px;
  line-height: 54px;
}
body .demo-class .layui-layer-setwin {
  top: 19px;
  right: 19px;
}
body .layui-msg .layui-layer-title {
  background-color: #f49900;
  color: #fff;
  font-size: 18px;
  height: 46px;
  line-height: 46px;
}
body .layui-msg .layui-layer-setwin {
  top: 15px;
  right: 15px;
}
.yuyue-right-body {
  position: absolute;
  bottom: 80px;
  left: 0;
  width: 100%;
  overflow-y: auto;
}
.yuyue-right-btm {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
}
.yuyue-right-btm .btn {
  height: 80px;
  font-size: 30px;
  border-radius: 0;
}
.checkedOrganItem {
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e6e6e6;
  font-size: 16px;
  margin-bottom: 5px;
}
.checkedOrganItem:last-child {
  margin-bottom: 0;
}
.checkedOrganItem .strong {
  font-weight: bold;
}
.checkedOrganItem input {
  width: 100%;
  height: 36px;
  border: 1px solid #efefef;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.scrollable-area {
  /* 设置溢出行为，使滚动条出现 */
  overflow-y: scroll;
  /* 针对Webkit内核的浏览器 */
  /* 滚动条轨道 - 背景颜色/白底 */
  /* 滚动条的滑块部分 */
  /* 当鼠标悬停在滚动条滑块上时改变颜色 */
}
.scrollable-area::-webkit-scrollbar {
  /* 设置滚动条的宽度 */
  width: 8px;
}
.scrollable-area::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
}
.scrollable-area::-webkit-scrollbar-thumb {
  background: rgba(144, 147, 153, 0.4);
  border-radius: 10px;
}
.scrollable-area::-webkit-scrollbar-thumb:hover {
  background: rgba(144, 147, 153, 0.8);
}
.scrollable-area-x {
  /* 设置溢出行为，使滚动条出现 */
  overflow-x: scroll;
  /* 针对Webkit内核的浏览器 */
  /* 滚动条轨道 - 背景颜色/白底 */
  /* 滚动条的滑块部分 */
  /* 当鼠标悬停在滚动条滑块上时改变颜色 */
}
.scrollable-area-x::-webkit-scrollbar {
  /* 设置滚动条的宽度 */
  width: 8px;
  height: 8px;
}
.scrollable-area-x::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 4px;
}
.scrollable-area-x::-webkit-scrollbar-thumb {
  background: rgba(144, 147, 153, 0.4);
  border-radius: 10px;
}
.scrollable-area-x::-webkit-scrollbar-thumb:hover {
  background: rgba(144, 147, 153, 0.8);
}