.black2 {
  color: #333;
}

.color0 {
  color: #000;
}

.color6 {
  color: #666;
}

.nav-next {
  width: 10px;
  height: 10px;
  background: url(../images/ic_nav_next.png) no-repeat center;
  background-size: 100%;
}

.pageContainer .tab-page .pageContent .tree-module .fs20.black.demiBold ~ .tree-search ~ .tree-panel {
  height: -webkit-calc(100% - 100px);
  height: -moz-calc(100% - 100px);
  height: calc(100% - 100px);
}

.tree-box {
  width: 100%;
}
.tree-box li {
  line-height: 36px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -moz-transition: transform 0.5s, -moz-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s;
  cursor: pointer;
}
.tree-box li:hover .row {
  background-color: #F7FAFF;
}
.tree-box li.active .row {
  background-color: #E0ECFF;
}
.tree-box li.active .row .open-btn {
  background: url("../images/ic_company_collapse.png") no-repeat center;
  background-size: 100%;
}
.tree-box li.active .row .fs14.black {
  font-family: "PingFang SC Medium";
  color: #1989FA;
}
.tree-box li.active .tree-sub {
  display: block;
}
.tree-box li .row {
  width: 100%;
  height: 36px;
  padding: 0 10px;
}
.tree-box li .tree-sub {
  display: none;
  width: 100%;
  padding-bottom: 5px;
}
.tree-box li .tree-sub li {
  width: 100%;
}
.tree-box li .tree-sub li.active .sub-row {
  background-color: #E0ECFF;
}
.tree-box li .tree-sub li.active .fs14-2 {
  color: #1989FA;
}
.tree-box li .tree-sub li.active:hover .sub-row {
  background-color: #E0ECFF;
}
.tree-box li .tree-sub li .sub-row {
  width: 100%;
  height: 36px;
  padding-left: 70px;
  padding-right: 20px;
}
.tree-box li .tree-sub li .sub-row:hover {
  background-color: #F7FAFF;
}
.tree-box li .tree-sub li .sub-row:hover .operation-icon {
  display: block;
}
.tree-box li .tree-sub li .operation-icon {
  display: none;
  width: 12px;
  height: 12px;
  margin-left: 12px;
  cursor: pointer;
  position: relative;
}
.tree-box li .tree-sub li .operation-icon.add {
  background: url("../images/ic_company_add_gray.png") no-repeat center;
  background-size: 100%;
}
.tree-box li .tree-sub li .operation-icon.add:hover {
  background: url("../images/ic_company_add_blue.png") no-repeat center;
  background-size: 100%;
}
.tree-box li .tree-sub li .operation-icon.add .pop-role {
  top: 20px;
  right: -70px;
}
.tree-box li .tree-sub li .operation-icon.edit {
  background: url("../images/ic_company_edit.png") no-repeat center;
  background-size: 100%;
}
.tree-box li .tree-sub li .operation-icon.edit:hover {
  background: url("../images/ic_company_edit_blue.png") no-repeat center;
  background-size: 100%;
}
.tree-box li .tree-sub li .operation-icon.edit .pop-role {
  top: 20px;
  right: -46px;
}
.tree-box li .tree-sub li .operation-icon.del {
  background: url("../images/ic_company_delete.png") no-repeat center;
  background-size: 100%;
}
.tree-box li .tree-sub li .operation-icon.del:hover {
  background: url("../images/ic_company_delete_red.png") no-repeat center;
  background-size: 100%;
}
.tree-box li .tree-sub li .tree-sub-menu {
  display: none;
  width: 100%;
}
.tree-box li .tree-sub li .tree-sub-menu li .sub-row {
  padding-left: 96px;
}
.tree-box li .tree-sub li .tree-sub-menu li .sub-row .fs14.black {
  color: #333;
}
.tree-box li .tree-sub.sub-open li .sub-row .open-btn {
  margin-left: -24px;
}
.tree-box li .tree-sub.sub-open li.active .sub-row {
  background-color: transparent;
}
.tree-box li .tree-sub.sub-open li.active .sub-row .open-btn {
  background: url("../images/ic_company_collapse.png") no-repeat center;
  background-size: 100%;
}
.tree-box li .tree-sub.sub-open li.active .sub-row:hover {
  background-color: #F7FAFF;
}
.tree-box li .tree-sub.sub-open li.active .tree-sub-menu {
  display: block;
}
.tree-box li .tree-sub.sub-open li.active .tree-sub-menu li.active .sub-row {
  background-color: #E0ECFF;
}
.tree-box li .tree-sub.sub-open li.active .tree-sub-menu li.active .sub-row .open-btn {
  background: url("../images/ic_company_collapse.png") no-repeat center;
  background-size: 100%;
}
.tree-box li .tree-sub.sub-open li.active .tree-sub-menu li.active .fs14.black {
  color: #1989FA;
}
.tree-box li .tree-sub.sub-open li .sub-menu li .sub-row {
  padding-left: 94px;
}
.tree-box li .tree-sub.sub-open li .sub-menu li .sub-row .open-btn {
  background: url(../images/ic_company_open.png) no-repeat center;
  background-size: 100%;
}
.tree-box li .tree-sub.sub-open li .sub-menu li.active .sub-row .open-btn {
  background: url("../images/ic_company_collapse.png") no-repeat center;
  background-size: 100%;
}
.tree-box li .tree-sub.sub-open li .sub-menu li .sub-menu li .sub-row {
  padding-left: 118px;
}
.tree-box li .tree-sub.sub-open li .sub-menu li .sub-menu li .tree-sub-menu li .sub-row {
  padding-left: 144px;
}
.tree-box li .tree-sub.sub-open li .sub-menu li .sub-menu li .sub-menu li .sub-row {
  padding-left: 142px;
}
.tree-box li .tree-sub.sub-open li .sub-menu li .sub-menu li .sub-menu li .tree-sub-menu li .sub-row {
  padding-left: 168px;
}

.pageContainer .tab-page .pageContent .searchBar .rf.controls.input-search-button {
  width: 250px;
}
.pageContainer .tab-page .pageContent .searchBar .rf.controls.input-search-button .icon {
  border-left: 1px solid #E4E7ED;
  background: #F9FAFC url("../images/ic_search.png") no-repeat center;
  background-size: 14px;
}

.product-picture {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  padding: 6px;
  background-color: #F5F5F5;
}

.hsh-input.sort-input {
  display: inline-block;
  width: 50px;
  text-align: center;
}

.controls.combo-input-search-button .combo-box .combo .arrow {
  background: url("../images/ic_nav_arrow.png") no-repeat center;
  background-size: 10px;
}

.controls.switchButton {
  width: 28px;
  height: 16px;
}
.controls.switchButton .button {
  width: 12px;
  height: 12px;
}
.controls.switchButton.on .button {
  left: 12px;
}

.product-img {
  width: 80px;
  height: 80px;
  margin-right: 10px;
}

.tick-icon {
  width: 12px;
  height: 12px;
  margin-right: 5px;
  background: url("../images/ic_tick.png") no-repeat center;
  background-size: 100%;
}

.add-service {
  width: 100%;
  padding: 15px 20px;
  background-color: #FFF;
}
.add-service .form {
  width: 40%;
  padding-right: 40px;
}
.add-service .form .hsh-form-row .hsh-form-item {
  margin-left: 10px;
}
.add-service .form .video-bg {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}
.add-service .form .video-bg .play-icon {
  width: 32px;
  height: 32px;
  background: url("../images/ic_play.png") no-repeat center;
  background-size: 100%;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.add-service .form .controls .icon-box .drop-icon {
  background: url("../images/ic_mine_shape.png") no-repeat center;
  background-size: 8px;
}
.add-service .form .input-bg {
  background-color: #F5F7FA;
}
.add-service .edit {
  width: 60%;
  margin-top: 48px;
}
.add-service .edit .edit-box {
  width: 100%;
  height: -webkit-calc(100% - 30px);
  height: -moz-calc(100% - 30px);
  height: calc(100% - 30px);
  border-radius: 4px;
  border: 1px solid #CDCDCD;
}
.add-service .specs-box {
  width: 100%;
  padding: 10px;
  margin-top: 15px;
  border: 1px solid #D7D7D7;
}
.add-service .specs-box .mt15:first-child {
  margin-top: 0;
}
.add-service .specs-box .specs-row {
  width: 100%;
  padding: 10px;
  background-color: #F6F8FC;
  display: flex;
  flex-direction: row;
}
.add-service .specs-box .specs-row .label {
  font-size: 14px;
  color: #111111;
  line-height: 30px;
  margin-right: 10px;
}
.add-service .specs-box .specs-row .split-line {
  width: 1px;
  background-color: #E4E7ED;
  height: 14px;
  float: left;
  margin-right: 10px;
  margin-top: 8px;
}
.add-service .specs-box .specs-row .switchButton {
  float: left;
  margin-top: 7px;
  margin-right: 10px;
}
.add-service .specs-box .specs-row .setlevel {
  font-size: 14px;
  margin-top: 5px;
  color: #333333;
  margin-right: 10px;
  float: left;
}
.add-service .specs-box .specs-row .input-num {
  width: 50px;
  margin-right: 10px;
  height: 32px;
  line-height: 30px;
  background-color: #FFF;
  padding: 0 15px;
  border-radius: 4px;
  border: 1px solid #E4E7ED;
  font-size: 14px;
  color: #333;
  float: left;
}
.add-service .specs-box .specs-row .delBtn {
  margin: 4px 3px;
}
.add-service .specs-box .combobox {
  width: 120px;
  height: 32px;
  line-height: 30px;
  background-color: #FFF;
}
.add-service .specs-box .combobox .icon-box .drop-icon {
  background: url("../libs/images/icon/ic_arrow_two.png") no-repeat center;
  background-size: 8px;
}
.add-service .specs-box .combobox.none-image {
  width: 154px;
}
.add-service .specs-box .tag-label .labelValue {
  font-size: 14px;
  color: #111111;
  line-height: 30px;
  margin-left: 10px;
  margin-right: 10px;
}
.add-service .specs-box .tag-label .tag .name {
  background: transparent;
  font-size: 13px;
  color: #333;
}
.add-service .specs-box .tag-label .tag .icon-guanbi {
  width: 14px;
  height: 14px;
  margin: 8px 0;
  margin-left: 10px;
  background-image: url("../libs/images/icon/ic_checked_combobox_delete.png");
  background-size: 100%;
}
.add-service .specs-box .tag-label .tag .icon-guanbi:hover {
  background-image: url("../libs/images/icon/ic_checked_combobox_delete_over.png");
  background-size: 100%;
}
.add-service .specs-box .tag-label .btn-add-tag {
  width: auto;
  line-height: 32px;
  border: 0;
  font-size: 13px;
  color: #1989FA;
  position: relative;
}
.add-service .specs-box .add-eject {
  width: 264px;
  padding: 6px;
  background-color: #FFF;
  border: 1px solid #D7D7D7;
  -webkit-box-shadow: 0 -4px 4px #D7D7D7;
  box-shadow: 0 -4px 4px #D7D7D7;
  position: absolute;
  top: 34px;
  left: -8px;
}
.add-service .specs-box .add-eject:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid #FFF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  top: -10px;
  left: 12px;
}
.add-service .specs-box .add-eject .combobox {
  width: 176px;
  margin-right: 5px;
}
.add-service .specs-box .add-eject .fs12 {
  line-height: 30px;
  padding: 0 5px;
  cursor: pointer;
}
.add-service .specs-box .drop-list {
  text-align: left;
  top: 32px;
  margin-top: 0px;
}
.add-service .specs-box .drop-list li:first-child {
  /*padding-left: 0;*/
}
.add-service .specs-box .drop-list .input-search-button {
  width: 100%;
  height: 32px;
  border: 0;
  border-bottom: 1px solid #D7D7D7;
}
.add-service .specs-box .drop-list .input-search-button .icon {
  background: url("../images/ic_search.png") no-repeat center;
  background-size: 14px;
}
.add-service .specs-box .drop-list li input {
  background-color: transparent;
}
.add-service .tableContainer .split-line {
  width: 1px;
  background-color: #E4E7ED;
  height: 14px;
  float: left;
  margin-right: 10px;
  margin-top: 8px;
}
.add-service .tableContainer .switchButton {
  float: left;
  margin-top: 7px;
  margin-right: 10px;
}
.add-service .tableContainer .setlevel {
  font-size: 14px;
  margin-top: 5px;
  color: #333333;
  margin-right: 10px;
  float: left;
}
.add-service .tableContainer .input-num {
  width: 50px;
  margin-right: 10px;
  height: 32px;
  line-height: 30px;
  background-color: #FFF;
  padding: 0 15px;
  border-radius: 4px;
  border: 1px solid #E4E7ED;
  font-size: 14px;
  color: #333;
  float: left;
}
.add-service .delBtn {
  width: 24px;
  height: 24px;
  background: url("../images/ic_delete1.png") no-repeat center;
  background-size: 12px;
  cursor: pointer;
}
.add-service .service-table {
  margin-top: 20px;
}
.add-service .service-table .tableContainer {
  margin-top: 22px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.add-service .service-table .table {
  width: 100%;
}
.add-service .service-table .table tr:hover td {
  background-color: transparent;
}
.add-service .service-table .table tr {
  border: 1px solid #EBEEF5;
}
.add-service .service-table .table th {
  background-color: #F6F8FC;
  font-family: "PingFang SC Medium";
  color: #333;
}
.add-service .service-table .table .hsh-input {
  width: 70px;
  height: 30px;
  text-align: center;
  padding: 0 6px;
  margin: 0 auto;
}
.add-service .selectIcon {
  width: 17px;
  height: 17px;
  margin-right: 12px;
  background: url("../images/ic_check_uncheck.png") no-repeat center;
  background-size: 100%;
  cursor: pointer;
  flex-shrink: 0;
}
.add-service .selectIcon.active {
  background: url("../images/ic_check_checked.png") no-repeat center;
  background-size: 100%;
}

.add-service ~ .hsh-flex-center .controls.button {
  width: 110px;
  margin-right: 25px;
}

.controls.combo-input-search-button .search-btn {
  background: #F9FAFC url("../images/ic_search.png") no-repeat center;
  background-size: 14px;
}

.product-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.product-list .list {
  margin-right: 15px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.product-list .list:last-child {
  margin-right: 0;
}
.product-list .list .img {
  width: 60px;
  height: 60px;
  margin-bottom: 2px;
}
.product-list .list .fs10 {
  color: #000;
}

.product-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
.product-box .product-items {
  width: 340px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.product-box .product-items .item {
  width: 100%;
  height: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #f5f5f5;
  padding-left: 8px;
  margin-top: 6px;
  padding-right: 12px;
}
.product-box .product-items .item .img {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}
.product-box .product-items .item .info {
  height: 80px;
  margin-left: 6px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.product-box .product-items .item .info .title {
  font-size: 12px;
  color: #333333;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.product-box .product-items .item .info .spec-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 6px;
}
.product-box .product-items .item .info .spec-box .spec {
  font-size: 10px;
  color: #888888;
}
.product-box .product-items .item .info .spec-box .num {
  font-size: 10px;
  color: #333;
  margin-right: 8px;
}
.product-box .product-items .item .info .price {
  text-align: left;
  font-size: 14px;
  color: #333;
  font-weight: bold;
}
.product-box .product-items .item:first-child {
  margin-top: 0px;
}
.product-box .expand-button {
  min-width: 80px;
  height: 26px;
  border: solid 1px #A3D0FD;
  border-radius: 13px;
  background-color: #E6F1FC;
  color: #1989FA;
  line-height: 26px;
  font-size: 12px;
  position: absolute;
  right: 15px;
  top: 70px;
  opacity: 0.5;
  cursor: pointer;
}
.product-box .expand-button:hover {
  opacity: 1;
}
.product-box .expand-button .icon {
  width: 10px;
  height: 10px;
  margin-left: 6px;
  background-image: url("../images/ic_cms_order_open.png");
  background-size: 100%;
}
.product-box .expand-button .icon.collopse {
  background-image: url("../images/ic_cms_order_close.png");
}

.warehousing-details {
  width: 100%;
  padding: 0 30px;
}
.warehousing-details .details-top {
  padding-top: 20px;
  margin-bottom: 28px;
}
.warehousing-details .details-top .top-row {
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.warehousing-details .details-top .top-row:last-child {
  margin-bottom: 0;
}
.warehousing-details .details-top .top-row:last-child:before {
  display: none;
}
.warehousing-details .details-top .top-content {
  margin-top: 20px;
}
.warehousing-details .details-top .top-content .box {
  height: 20px;
  line-height: 20px;
  padding-right: 1%;
  margin-bottom: 10px;
}
.warehousing-details .details-top .top-content .box.box-4 {
  width: 25%;
}
.warehousing-details .details-top .top-content .box .headImg {
  width: 32px;
  height: 32px;
  margin-right: 10px;
  margin-top: -6px;
  position: relative;
}
.warehousing-details .details-top .top-content .box .headImg img {
  border-radius: 50%;
}
.warehousing-details.refunded-details {
  border-bottom: 20px solid #F0F2F5;
}
.warehousing-details.refunded-details .details-top {
  margin-bottom: 0;
}
.warehousing-details.refunded-details .details-top .top-row {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 10px;
}
.warehousing-details .orderTable {
  width: 100%;
}
.warehousing-details .orderTable th {
  background-color: #F3F3F3;
  font-family: "PingFang SC Medium";
  color: #333;
}
.warehousing-details .orderTable tr:hover td {
  background-color: transparent;
}
.warehousing-details .orderTable tr:hover td .black.demiBold {
  color: #333;
}
.warehousing-details .orderTable td {
  color: #333;
}
.warehousing-details .orderTable tbody tr:last-child {
  height: 60px;
}
.warehousing-details .orderTable tbody tr:last-child td {
  font-family: "PingFang SC Medium";
}

.orderImg {
  width: 100%;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.orderImg img {
  width: 90px;
  height: 90px;
  display: block;
  margin-right: 10px;
  flex-shrink: 0;
}
.orderImg .goods_detail {
  width: 100%;
  height: 90px;
  display: flex;
  justify-content: space-between;
  flex-flow: column;
}
.orderImg .goods_detail .name {
  color: #333333;
  font-size: 14px;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.orderImg .goods_detail .spec {
  color: #999999;
  font-size: 12px;
  text-align: left;
}
.orderImg .goods_detail .type {
  display: flex;
  align-items: center;
}
.orderImg .goods_detail .type span {
  color: #d0021b;
  font-size: 11px;
  text-align: left;
  padding: 0 5px;
  border: 1px solid #D0021B;
  border-radius: 2px;
  margin-right: 8px;
}

.return-goods {
  width: 100%;
}
.return-goods li {
  width: 100%;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 5px;
  border: 1px solid #DEDEDE;
  -webkit-box-shadow: 0 2px 4px rgba(239, 239, 239, 0.5);
  box-shadow: 0 2px 4px rgba(239, 239, 239, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.return-goods li:last-child {
  margin-bottom: 0;
}
.return-goods li .img {
  width: 68px;
  height: 68px;
  margin-right: 10px;
}
.return-goods li .color2 {
  color: #222;
}
.return-goods li .controls.number {
  border: 0;
}
.return-goods li .controls.number input {
  border: 0;
}
.return-goods li .controls.number .clickBtn.cut {
  background: url("../images/ic_decrease_gray.png") no-repeat center;
  background-size: 100%;
}
.return-goods li .controls.number .clickBtn.cut.active {
  background: url("../images/ic_decrease.png") no-repeat center;
  background-size: 100%;
}
.return-goods li .controls.number .clickBtn.add {
  background: url("../images/ic_increase_gray.png") no-repeat center;
  background-size: 100%;
}
.return-goods li .controls.number .clickBtn.add.active {
  background: url("../images/ic_increase.png") no-repeat center;
  background-size: 100%;
}
.return-goods .selectIcon {
  width: 17px;
  height: 17px;
  margin-right: 12px;
  background: url("../images/ic_check_uncheck.png") no-repeat center;
  background-size: 100%;
  cursor: pointer;
  flex-shrink: 0;
}
.return-goods .selectIcon.active {
  background: url("../images/ic_check_checked.png") no-repeat center;
  background-size: 100%;
}

.pl30 {
  padding-left: 30px;
}

.hsh-fs {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.add-coupons {
  width: 100%;
  margin-bottom: 15px;
  padding: 25px 30px 30px;
  background-color: #FFF;
}
.add-coupons .hsh-form {
  margin-top: 20px;
}
.add-coupons .hsh-form .hsh-form-item {
  width: 315px;
}
.add-coupons .hsh-form .hsh-input {
  margin-right: 10px;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.add-coupons .hsh-form .hsh-input.bg {
  background-color: #F5F7FA;
}
.add-coupons .hsh-form .selectIcon {
  width: 14px;
  height: 14px;
  margin-right: 5px;
  background: url("../images/ic_cms_topic_unchecked.png") no-repeat center;
  background-size: 100%;
}
.add-coupons .hsh-form .active .selectIcon {
  background: url("../images/ic_cms_topic_checked.png") no-repeat center;
  background-size: 100%;
}
.add-coupons .controls.input-search-button {
  width: 250px;
  margin-right: 15px;
  padding-left: 15px;
}
.add-coupons .controls.input-search-button .icon {
  border-left: 1px solid #E4E7ED;
  background: #F9FAFC url("../images/ic_search.png") no-repeat center;
  background-size: 14px;
}
.add-coupons .tableContainer {
  margin-top: 20px;
  margin-bottom: 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.add-coupons .tableContainer table .checkbox {
  background-color: #FFF;
}
.add-coupons .tableContainer .coupons-img {
  width: 100px;
  height: 80px;
  margin-right: 10px;
}
.add-coupons .tableContainer th {
  background-color: #EFF2FA;
}
.add-coupons .controls.icon-button.button-blue .icon-add {
  background: url(../libs/images/icon/ic_api_add.png) no-repeat center;
  background-size: 8px;
  border-radius: 50%;
  border: 1px solid #FFF;
}

.coupons-foot {
  height: 60px;
  margin: 0 -10px -10px;
  padding: 10px 40px;
  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);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.coupons-foot .controls.button {
  width: 110px;
  margin-right: 25px;
}

.activity-icon {
  width: 40px;
  height: 40px;
  margin: 0 auto;
}
.activity-icon img {
  border-radius: 50%;
}

.add-activity {
  width: 100%;
  padding: 25px 30px 30px;
  margin-bottom: 20px;
  background-color: #FFF;
}
.add-activity .controls.combobox {
  width: 315px;
}
.add-activity .controls.combobox .drop-icon {
  background: url(../images/ic_nav_arrow.png) no-repeat center;
  background-size: 10px;
}
.add-activity .helpIcon {
  width: 26px;
  height: 26px;
  margin-left: 20px;
  margin-top: 7px;
  background: url("../images/ic_help.png") no-repeat center;
  background-size: 100%;
  cursor: pointer;
}
.add-activity .straight-line ~ .hsh-form-row .hsh-form-item:nth-child(2) .controls.imageupload {
  width: 260px;
}
.add-activity .controls.hsh-input, .add-activity .controls.dateField, .add-activity .controls.hsh-time {
  width: 315px;
}
.add-activity .selectIcon {
  width: 14px;
  height: 14px;
  margin-right: 5px;
  background: url("../images/ic_cms_topic_unchecked.png") no-repeat center;
  background-size: 100%;
}
.add-activity .active .selectIcon {
  background: url("../images/ic_cms_topic_checked.png") no-repeat center;
  background-size: 100%;
}
.add-activity .hsh-form-row .hsh-form-item {
  width: auto;
  margin-left: 20px;
}
.add-activity .hsh-form-label {
  height: 20px;
}
.add-activity .switch-bar {
  width: 100%;
  height: 56px;
  margin-top: -20px;
  border-bottom: 2px solid #E4E7ED;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.add-activity .switch-bar .active {
  color: #1989FA;
}
.add-activity .switch-bar .active:after {
  content: "";
  width: 100%;
  height: 2px;
  border-bottom: 2px solid #1989FA;
  position: absolute;
  left: 0;
  bottom: -18px;
}
.add-activity .set {
  margin: 20px 0;
}
.add-activity .set .controls {
  margin-right: 10px;
}
.add-activity .set .controls.hsh-input, .add-activity .set .controls.combobox {
  width: 110px;
}
.add-activity .controls.hsh-input.sort-input {
  width: 50px;
}
.add-activity .tableContainer {
  margin-bottom: 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.add-activity .tableContainer table th {
  background-color: #EFF2FA;
  font-family: "PingFang SC Medium";
  color: #333;
}
.add-activity .tableContainer table tr:hover td {
  background-color: transparent;
}

.hsh-page.add-item {
  width: 660px;
}
.hsh-page.add-item .combobox {
  width: 170px;
  margin-right: 20px;
}
.hsh-page.add-item .combo-input-search-button {
  width: 300px;
}
.hsh-page.add-item .tableContainer {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 10px;
}
.hsh-page.add-item .tableContainer th {
  background-color: #EFF2FA;
  font-family: "PingFang SC Medium";
  color: #333;
}
.hsh-page.add-item .tableContainer .img {
  width: 42px;
  height: 42px;
  margin-right: 10px;
}
.hsh-page.add-item .tableContainer .checkbox {
  background-color: #FFF;
}
.hsh-page.add-item .tableContainer tr:hover td {
  background-color: transparent;
}

.areaList {
  max-height: 400px;
  overflow: scroll;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #eee;
  height: 400px;
  padding: 5px 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.areaList li {
  line-height: 32px;
  padding-left: 5px;
}
.areaList li:hover {
  background-color: #f5f5f5;
}
.areaList li .checkbox {
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 auto;
  cursor: pointer;
  float: left;
  margin-top: 10px;
  margin-right: 6px;
}
.areaList li .checkbox .selected {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../libs/images/icon/ic_select.png") no-repeat center;
  background-size: 100%;
}
.areaList li .checkbox .checked {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../libs/images/icon/ic_tick2.png") no-repeat center;
  background-size: 100%;
}
.areaList li .text {
  color: #999999;
  font-size: 12px;
}

.img60 {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  flex-shrink: 0;
}
.img60 img {
  border-radius: 50%;
}

.img55 {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  flex-shrink: 0;
}
.img55 img {
  border-radius: 50%;
}

.commodity-img {
  width: 60px;
  height: 60px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.data-center {
  width: 100%;
  margin-bottom: 15px;
  background-color: #FFF;
}
.data-center:last-child {
  margin-bottom: 0;
}
.data-center .data-center-top {
  width: 100%;
  height: 64px;
  background-color: #FDFDFD;
  padding: 0 25px;
}
.data-center .data-center-top .controls.dateField {
  width: 270px;
  margin-left: 15px;
}
.data-center .chartBox {
  width: 100%;
  padding: 0 25px;
}
.data-center .chartBox .chartBox-navbar {
  width: 100%;
  border-bottom: 2px solid #E4E7ED;
  display: flex;
}
.data-center .chartBox .chartBox-navbar .nav {
  height: 86px;
  margin-right: 80px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.data-center .chartBox .chartBox-navbar .nav .label {
  margin-bottom: 5px;
  font-size: 14px;
  color: #999;
}
.data-center .chartBox .chartBox-navbar .nav .digit {
  font-family: "PingFang SC Semibold";
  font-size: 22px;
  color: #333;
}
.data-center .chartBox .chartBox-navbar .nav.active {
  position: relative;
}
.data-center .chartBox .chartBox-navbar .nav.active:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #1989FA;
  position: absolute;
  left: 0;
  bottom: -2px;
}
.data-center .chartBox .chartBox-navbar .nav.active .label {
  color: #71B8FF;
}
.data-center .chartBox .chartBox-navbar .nav.active .digit {
  color: #1989FA;
}
.data-center .chartBox .chart {
  width: 100%;
  height: 428px;
}
.data-center .data-sources {
  width: 100%;
  padding-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
}
.data-center .data-sources .box {
  width: 33.3333333333%;
  padding-top: 30px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.data-center .data-sources .box:after {
  content: "";
  width: 1px;
  height: 45px;
  background-color: #F3F3F3;
  position: absolute;
  right: 0;
  bottom: 5px;
}
.data-center .data-sources .box:nth-child(3n+0):after {
  display: none;
}
.data-center .data-sources .box:last-child:after {
  display: none;
}
.data-center .data-sources .box.lineHide:after {
  display: none;
}
.data-center .tableBar {
  margin: 0 25px;
  padding: 25px;
  background-color: #FDFDFD;
}
.data-center .tableContainer {
  margin-top: 15px;
  box-shadow: none;
}
.data-center .tableContainer tr th {
  background-color: #EFF2FA;
}
.data-center .tableContainer tr:hover td {
  background-color: transparent;
}
.data-center .tableContainer tr td .ranking-img {
  width: 35px;
  height: 35px;
  line-height: 35px;
  margin: 0 auto;
}
.data-center .tableContainer tr td .img65 {
  width: 65px;
  height: 65px;
  margin-right: 15px;
  flex-shrink: 0;
}
.data-center .tableContainer tr td .img65 .img {
  border-radius: 50%;
}
.data-center .tableContainer tr td .category {
  height: 12px;
  line-height: 10px;
  padding: 0 5px;
  margin-left: 5px;
  border: 1px solid #00B25B;
  font-size: 9px;
  color: #00B25B;
}
.data-center .controls.combo-radiobutton {
  margin-top: 15px;
}
.data-center .controls.combo-radiobutton .radio-list {
  height: 46px;
  line-height: 46px;
  padding: 0 20px;
  border: 0;
  background-color: #EFF2FA;
  font-family: "PingFang SC Medium";
  font-size: 16px;
}
.data-center .controls.combo-radiobutton .radio-list:hover {
  box-shadow: none;
}
.data-center .controls.combo-radiobutton .radio-list.active {
  background-color: #1989FA;
  color: #FFF;
}

.pl50 {
  padding-left: 50px;
}

.totalBar {
  width: 100%;
  height: 64px;
  line-height: 64px;
  padding: 0 25px;
  background-color: #FFF;
}
.totalBar .fs12 {
  color: #222;
}
.totalBar .fs12 .fs20 {
  margin: 0 5px;
  font-family: "PingFang SC Semibold";
  color: #1989FA;
}

.totalBar ~ .listPage .tableContainer th {
  background-color: #EFF2FA;
  color: #333;
}
.totalBar ~ .listPage .tableContainer tr:hover td {
  background-color: transparent;
}

.searchBar ~ .navbar ~ .totalBar ~ .listPage {
  min-height: -webkit-calc(100% - 210px);
  min-height: -moz-calc(100% - 210px);
  min-height: calc(100% - 210px);
}

.analysis-data {
  width: 100%;
  padding-top: 30px;
  margin-bottom: 10px;
  background-color: #FFF;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.analysis-data .box {
  width: 25%;
  padding-bottom: 25px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.analysis-data .box:after {
  content: "";
  width: 1px;
  height: 45px;
  background-color: #F3F3F3;
  position: absolute;
  right: 0;
  top: 5px;
}
.analysis-data .box:nth-child(4n+0):after {
  display: none;
}
.analysis-data .box:last-child:after {
  display: none;
}

.financial {
  width: 100%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.financial .financial-header {
  width: 60%;
}
.financial .financial-summary {
  background: #fff;
  border-radius: 8px;
  height: 130px;
  margin-top: 30px;
  width: 100%;
  display: flex;
  align-items: center;
}
.financial .financial-summary .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 33%;
  justify-content: center;
}
.financial .financial-summary .item .item-icon {
  width: 40px;
  height: 40px;
  margin-right: 12px;
}
.financial .financial-summary .item .item-content .item-title {
  font-size: 14px;
  padding-bottom: 2px;
  color: #999;
}
.financial .financial-summary .item .item-content .item-num {
  font-size: 30px;
  color: #333;
  font-weight: 700;
}
.financial .financial-summary .item-split-line {
  height: 30px;
  width: 1px;
  background: #eee;
}
.financial .financial-detail {
  margin-top: 20px;
  width: 100%;
  display: flex;
}
.financial .financial-detail .financial-detail-item {
  width: 50%;
  background: #fff;
  border-radius: 8px;
  min-width: 500px;
}
.financial .financial-detail .financial-detail-item .financial-detail-header {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #eee;
  padding: 0 30px;
}
.financial .financial-detail .financial-detail-item .financial-detail-header .point {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c397;
  display: block;
  margin-right: 8px;
}
.financial .financial-detail .financial-detail-item .financial-detail-header .detail-title {
  font-size: 16px;
}
.financial .financial-detail .financial-detail-item .financial-detail-content {
  padding: 30px 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-direction: column;
}
.financial .financial-detail .financial-detail-item .financial-detail-content .items-content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.financial .financial-detail .financial-detail-item .financial-detail-content .items-content .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
  width: 33.3%;
  margin-bottom: 20px;
}
.financial .financial-detail .financial-detail-item .financial-detail-content .items-content .item .item-icon {
  width: 16px;
  height: 16px;
  margin-right: 12px;
}
.financial .financial-detail .financial-detail-item .financial-detail-content .items-content .item .item-content .item-title {
  font-size: 14px;
  padding-bottom: 2px;
  color: #999;
}
.financial .financial-detail .financial-detail-item .financial-detail-content .items-content .item .item-content .item-num {
  font-size: 22px;
  color: #333;
  font-weight: 700;
}
.financial .financial-detail .financial-detail-item .financial-detail-content .map-content {
  width: 400px;
  height: 400px;
}

.order-table .img65 {
  width: 65px;
  height: 65px;
  margin-right: 15px;
  flex-shrink: 0;
}
.order-table .img65 .img {
  border-radius: 50%;
}
.order-table .category {
  height: 12px;
  line-height: 10px;
  padding: 0 5px;
  margin-left: 5px;
  border: 1px solid #00B25B;
  font-size: 9px;
  color: #00B25B;
}
.order-table td .wide {
  text-align: left;
}

.df {
  display: flex;
}

.activity .banner img {
  width: 154px;
  height: 50px;
}
.activity .banner .title {
  color: #000;
  font-size: 14px;
  text-align: left;
  margin-top: 6px;
}
.activity .type-title {
  color: #222;
  font-size: 14px;
}
.activity .date {
  color: #606266;
  font-size: 14px;
}
.activity .split {
  color: #606266;
  font-size: 14px;
}
.activity .signup {
  margin-top: 12px;
}
.activity .signup .label {
  color: #999999;
  font-size: 12px;
  text-align: left;
}
.activity .signup .num {
  color: #333;
  font-size: 12px;
  text-align: left;
  width: 30px;
}
.activity .progress-box {
  width: 180px;
}
.activity .progress-box .controls.progress-bar {
  width: 120px;
  height: 6px;
  float: left;
  margin-top: 7px;
  margin-right: 10px;
}
.activity .progress-box .controls.progress-bar .progress {
  height: 6px;
}
.activity .progress-box .progress-value {
  display: block;
  font-size: 14px;
  color: #1989FA;
  text-align: left;
}
.activity .flex-box {
  display: flex;
  flex-wrap: wrap;
}
.activity .flex-box .controls.hsh-time {
  width: 230px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.activity .flex-box .add-button {
  font-size: 14px;
  color: #1989FA;
  line-height: 40px;
  margin-left: 10px;
}
.activity .shop-summary-bar {
  width: 100%;
  height: 100px;
  background: #ffffff;
}
.activity .shop-summary-bar .activity-shop-icon {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  margin-top: 25px;
  margin-left: 25px;
}

.big-picture {
  background-color: #FFF;
  position: absolute;
  top: 120px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
  text-align: center;
}
.big-picture img {
  width: auto !important;
  height: auto !important;
  max-width: 1000px;
  max-height: 600px;
}
.big-picture .close {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: url("../images/ic_cms_user_close_white.png") no-repeat center;
  background-size: 100%;
  cursor: pointer;
  position: absolute;
  top: -20px;
  right: -32px;
}

.img65 {
  width: 65px;
  height: 65px;
  margin-right: 15px;
  flex-shrink: 0;
}

.img65 img {
  border-radius: 50%;
}

.numberBox {
  width: 120px !important;
  height: 32px !important;
  border-radius: 0px !important;
  border: 1px solid #DADADA !important;
  vertical-align: top !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.activity-integral-item {
  margin-right: 8px;
  height: 160px;
  padding: 0 12px;
  display: flex;
  flex-direction: column;
  width: 18%;
  margin-top: 10px;
  border: 0.5px solid #dadada;
}

.flex1 {
  flex: 1;
}

.activity-integral-item-content {
  display: flex;
  height: 38px;
  align-items: center;
}

.activity-integral-item-long {
  margin-right: 8px;
  height: 160px;
  padding: 0 12px;
  display: flex;
  flex-direction: column;
  width: 38%;
  margin-top: 10px;
  border: 0.5px solid #dadada;
}

.integral-item-content {
  display: flex;
  width: 100%;
  background: #FFF;
  padding: 0 16px 16px 16px;
  flex-wrap: wrap;
}

.integral-item-active {
  border: 0.5px solid #1989fa !important;
}

.lesson tr:last-child {
  border-bottom: none;
}

.lessons {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.lessons .openOrclose {
  background-color: #e6f1fc;
  border: 1px solid #a3d0fd;
  width: 80px;
  height: 22px;
  margin-left: 6px;
  border-radius: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.lessons .openOrclose .text {
  color: #1989fa;
  font-size: 12px;
}

.lessons .openOrclose .icon {
  margin-left: 5px;
  width: 14px;
  height: 10px;
  background: url("../images/ic_cms_order_open.png") 100%/100% no-repeat;
}
.lessons .openOrclose .icon.active {
  background: url("../images/ic_cms_order_close.png") 100%/100% no-repeat;
}

.tableContainers {
  height: 100%;
  box-shadow: none;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  width: 100%;
  background-color: #FFF;
}
.tableContainers .scrollTable {
  width: 100%;
}
.tableContainers .scrollTable table {
  border-spacing: 0;
  border-collapse: collapse;
  table-layout: fixed;
}
.tableContainers .scrollTable table tr {
  border-bottom: 1px solid #EBEEF5;
  min-height: 40px;
  height: 40px;
}
.tableContainers .scrollTable table tr td {
  word-wrap: break-word;
  color: #606266;
  font-size: 12px;
  position: relative;
}

.order-free {
  background: #1F8200;
  color: #FFF;
  border-radius: 20px;
  font-size: 12px;
  padding: 0 3px;
}

.order-settled {
  background: #1989FA;
  color: #FFF;
  border-radius: 20px;
  font-size: 12px;
  padding: 0 3px;
}

.order-freeze {
  background: #D0021B;
  color: #FFF;
  border-radius: 20px;
  font-size: 12px;
  padding: 0 3px;
}

.order-card {
  background: #606266;
  color: #FFF;
  border-radius: 20px;
  font-size: 12px;
  padding: 0 3px;
}

.order-coin {
  background: #6F0266;
  color: #FFF;
  border-radius: 20px;
  font-size: 12px;
  padding: 0 3px;
}

.excel-icon {
  width: 26px;
  height: 32px;
  margin-right: 10px;
}

.ic16 {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  flex-shrink: 0;
  margin-left: 20px;
}

.ic16.down {
  background: url("../images/ic_card_download.png") no-repeat center/100%;
  cursor: pointer;
}

.ic16.del {
  background: url("../images/ic_card_del.png") no-repeat center/100%;
  cursor: pointer;
}

.home-page .home-header {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
  margin-top: 26px;
  padding-left: 16px;
  font-weight: 700;
}
.home-page .grid {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
  margin-top: 10px;
  display: flex;
}
.home-page .grid.user .grid-item {
  height: 100px;
}
.home-page .grid .grid-item {
  width: 25%;
  height: 116px;
  background: #FFF;
  margin-left: 10px;
}
.home-page .grid .grid-item .grid-item-title {
  margin-left: 16px;
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 12px;
  color: #333;
}
.home-page .grid .grid-item .grid-item-num {
  color: #1989FA;
  font-size: 22px;
  margin-left: 16px;
  margin-bottom: 12px;
}
.home-page .grid .grid-item .grid-item-num.grid-item-price {
  color: #D0021B;
}
.home-page .grid .grid-item .grid-item-footer {
  display: flex;
  padding-left: 16px;
  padding-right: 16px;
  justify-content: space-between;
}
.home-page .grid .grid-item .grid-item-footer .footer-left {
  display: flex;
}
.home-page .grid .grid-item .grid-item-footer .footer-left .left-text {
  color: #999999;
  font-size: 12px;
}
.home-page .grid .grid-item .grid-item-footer .footer-left .left-num {
  color: #333333;
  font-size: 12px;
}
.home-page .grid .grid-item .grid-item-footer .footer-right {
  display: flex;
}
.home-page .grid .grid-item .grid-item-footer .footer-right .right-text {
  color: #999999;
  font-size: 12px;
}
.home-page .grid .grid-item .grid-item-footer .footer-right .right-num {
  padding-left: 10px;
  color: #333333;
  font-size: 12px;
}
.home-page .grid .grid-item .grid-item-footer .footer-right .right-num.right-num-up {
  color: #38BD61;
  font-size: 12px;
  background: url(../images/ic_home_increase.png) no-repeat;
  background-size: 5px 10px;
  background-position: 0px 4px;
  padding-left: 10px;
}
.home-page .grid .grid-item .grid-item-footer .footer-right .right-num.right-num-dowm {
  color: #D0021B;
  font-size: 12px;
  background: url(../images/ic_home_decrease.png) no-repeat;
  background-size: 5px 10px;
  background-position: 0px 4px;
  padding-left: 10px;
}
.home-page .items {
  background-color: #fff;
  display: flex;
  margin-left: 10px;
}
.home-page .items .item {
  width: 20%;
  position: relative;
}
.home-page .items .item .item-title {
  margin-left: 16px;
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 12px;
  color: #333;
}
.home-page .items .item .item-num {
  color: #1989FA;
  font-size: 22px;
  margin-left: 16px;
  margin-bottom: 12px;
}
.home-page .items .item .item-num.links {
  cursor: pointer;
}
.home-page .items .item .item-button {
  background-color: #1989FA;
  color: #FFF;
  font-size: 13px;
  width: 60px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  margin-left: 16px;
  margin-bottom: 20px;
}
.home-page .items .item::after {
  content: "";
  width: 1px;
  background: #D0D0D0;
  height: 30px;
  position: absolute;
  top: 27px;
  right: 36px;
}
.home-page .items .item:last-child::after {
  content: "";
  display: none;
}
.home-page .grid-menu {
  background-color: #fff;
  display: flex;
  margin-left: 10px;
  flex-wrap: wrap;
}
.home-page .grid-menu .menu {
  width: 25%;
  height: 60px;
  padding-left: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.home-page .grid-menu .menu .menu-icon {
  width: 28px;
  height: 28px;
  margin-right: 12px;
  background-color: #1989FA;
  border-radius: 28px;
  background-size: 100%;
}
.home-page .grid-menu .menu .menu-icon.icon-order {
  background-image: url("../images/ic_fun_order.png");
}
.home-page .grid-menu .menu .menu-icon.icon-cash {
  background-image: url("../images/ic_fun_cash.png");
}
.home-page .grid-menu .menu .menu-icon.icon-comment {
  background-image: url("../images/ic_fun_comment.png");
}
.home-page .grid-menu .menu .menu-icon.icon-complain {
  background-image: url("../images/ic_fun_complain.png");
}
.home-page .grid-menu .menu .menu-icon.icon-feedback {
  background-image: url("../images/ic_fun_feedback.png");
}
.home-page .grid-menu .menu .menu-icon.icon-note {
  background-image: url("../images/ic_fun_note.png");
}
.home-page .grid-menu .menu .menu-icon.icon-reply {
  background-image: url("../images/ic_fun_reply.png");
}
.home-page .grid-menu .menu .menu-icon.icon-evaluate {
  background-image: url("../images/ic_fun_evaluate.png");
}
.home-page .grid-menu .menu .menu-text {
  font-size: 13px;
  color: #333;
}
.home-page .grid-chart {
  display: flex;
  margin-left: 10px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.home-page .grid-chart .item-chart {
  width: calc(50% - 13px);
}
.home-page .grid-chart .item-chart:nth-child(even) {
  margin-left: 13px;
}
.home-page .grid-chart .item-chart:nth-child(odd) {
  margin-right: 13px;
}
.home-page .grid-chart .item-chart .chart-title {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
  margin-top: 26px;
  font-weight: 700;
}
.home-page .grid-chart .item-chart .content-chart {
  background-color: #fff;
  display: inline-block;
  width: 100%;
  height: 500px;
}
.home-page .grid-chart .item-chart .content-chart .tab-items {
  margin-top: 30px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
.home-page .grid-chart .item-chart .content-chart .tab-items.left {
  margin-left: 20px;
  justify-content: flex-start;
}
.home-page .grid-chart .item-chart .content-chart .tab-items .tab-item {
  width: 76px;
  height: 24px;
  font-size: 13px;
  color: #606266;
  text-align: center;
  line-height: 24px;
  border: #DADADA 1px solid;
  cursor: pointer;
  margin-left: -1px;
}
.home-page .grid-chart .item-chart .content-chart .tab-items .tab-item.active {
  color: #fff;
  background: #1989FA;
  border: solid 1px #1989FA;
}
.home-page .grid-chart .item-chart .content-chart .tab-items .tab-item.active.icon-chart {
  width: 40px;
  height: 32px;
  background: #1989FA;
  border: solid 1px #1989FA;
  background-image: url("../images/ic_statistics_chart.png");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.home-page .grid-chart .item-chart .content-chart .tab-items .tab-item.active.icon-table {
  width: 40px;
  height: 32px;
  background: #1989FA;
  border: solid 1px #1989FA;
  background-image: url("../images/ic_statistics_table.png");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.home-page .grid-chart .item-chart .content-chart .tab-items .tab-item.icon-chart {
  width: 40px;
  height: 32px;
  background-color: #EFF3F6;
  border: solid 1px #D8DCE6;
  background-image: url("../images/ic_statistics_chart_gray.png");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.home-page .grid-chart .item-chart .content-chart .tab-items .tab-item.icon-table {
  width: 40px;
  height: 32px;
  background-color: #EFF3F6;
  border: solid 1px #D8DCE6;
  background-image: url("../images/ic_statistics_table_gray.png");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.home-page .grid-chart .item-chart .content-chart .chart {
  width: 100%;
  height: calc(100% - 100px);
}

.equipment {
  width: 50%;
  background-color: #FCFCFC;
  padding: 16px;
}
.equipment .charg_box {
  padding: 12px 16px;
  background-color: white;
  border: 0.5px solid #dadada;
}
.equipment .charg_box .logo {
  width: 40px;
  height: 40px;
}
.equipment .charg_box .blue_one {
  background-color: #d1e7fe;
  color: #1989fa;
  font-size: 11px;
  padding: 1px 6px;
}
.equipment .charg_box .purple_one {
  background-color: #ded1fe;
  color: #5a19fa;
  font-size: 11px;
  padding: 1px 6px;
}

.statistical_table {
  width: 100%;
  height: 320px;
}
.statistical_table table {
  border: 1px solid #DADADA;
}
.statistical_table tr {
  border: 1px solid #DADADA;
}
.statistical_table td {
  border: 1px solid #DADADA;
  text-align: center;
  width: 230px;
}

.equipment_status {
  width: 100%;
  display: flex;
  align-items: center;
}
.equipment_status .status_box {
  border: 1px solid #DADADA;
  text-align: center;
  height: 80px;
  min-width: 125px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.equipment_status .active {
  background-color: #E6F1FC;
  border-color: #A3D0FD;
  color: #1989FA;
}

.equipment_info .box {
  position: relative;
  width: 260px;
  margin-bottom: 15px;
}
.equipment_info .box .equipment_box {
  border: 0.5px solid #dadada;
  padding: 14px 12px;
  display: flex;
}
.equipment_info .box .equipment_box .logo_box .logo {
  width: 40px;
  height: 40px;
}
.equipment_info .box .equipment_box .logo_box .name {
  width: 46px;
  height: 14px;
  line-height: 14px;
  font-size: 11px;
  text-align: center;
}
.equipment_info .box .equipment_box .logo_box .blue_one {
  color: #1989fa;
  background-color: #d1e7fe;
}
.equipment_info .box .equipment_box .logo_box .purple_one {
  color: #5a19fa;
  background-color: #ded1fe;
}
.equipment_info .box .status {
  position: absolute;
  background-color: #99a8b8;
  color: white;
  font-size: 11px;
  padding: 2px 8px;
  top: 0;
  right: 0;
}

.equipment_search {
  font-size: 12px;
  width: 12%;
  padding: 7.5px 16px;
  color: #fff;
  background-color: #1989FA;
}

.charge_name {
  background-color: #d1e7fe;
  padding: 1px 6px;
  color: #1989fa;
  font-size: 12px;
}

.member_yellow {
  background-color: #fde9d6;
  color: #f79034;
  font-size: 11px;
  padding: 1px 6px;
}

.member_blue {
  background-color: #d1e7fe;
  color: #1989fa;
  font-size: 11px;
  padding: 1px 6px;
}

.member_purple {
  background-color: #ded1fe;
  color: #5a19fa;
  font-size: 11px;
  padding: 1px 6px;
}

.urgent_icon {
  background-image: url("../images/ic_work_urgent.png");
  width: 12px;
  height: 12px;
  color: red;
}

.light_blue {
  color: #00C3EE;
}

.data_disable {
  pointer-events: none;
}

.electricity {
  width: 710px;
}
.electricity .electricity_head {
  background-color: #eff3f6;
  display: flex;
  justify-content: space-between;
  padding: 12px 150px 12px 134px;
}
.electricity .electricity_content {
  border-bottom: 1px solid #F0F2F5;
  border-left: 1px solid #F0F2F5;
  border-right: 1px solid #F0F2F5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 30px 16px 16px;
}

.order_info_box {
  width: 100%;
  background-color: #eff3f6;
  padding: 20px;
}
.order_info_box .line {
  width: 1px;
  height: 24px;
  background-color: #dadada;
  margin: 0 50px;
}

.user_box {
  padding: 4px 8px;
  background-color: #eff3f6;
  display: flex;
  align-items: center;
}
.user_box .head_img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.device_box {
  display: flex;
  flex-direction: column;
  align-items: center;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  width: 100vw;
  height: 100vh;
}

.screen-page {
  padding: 5px;
  background-color: #052222;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.screen-page .page-content {
  flex: 1;
}
.screen-page .page-content .chart-container {
  height: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 5px;
}
.screen-page .page-content .chart-container .chart-item {
  background-color: #062c2d;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.screen-page .page-content .chart-container .chart-item::before {
  position: absolute;
  width: 120px;
  height: 20px;
  display: block;
  content: attr(data-title);
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  background: url("../images/screen/ic_module_title_bg.png") 100%/100% no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #dff7f7;
  font-size: 12px;
}
.screen-page .page-content .chart-container .chart-item.center-top {
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 4;
}
.screen-page .page-content .chart-container .chart-item.center-top .title {
  width: 100%;
  position: relative;
}
.screen-page .page-content .chart-container .chart-item.center-top .title img {
  width: 100%;
}
.screen-page .page-content .chart-container .chart-item.center-top .title span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: -webkit-linear-gradient(right, #25CED1, #92F8FA, #9EFDFF, #93F9FB, #25CED1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
  font-weight: bold;
}
.screen-page .page-content .chart-container .chart-item.center-top .mp-statistics-section {
  flex: 1;
  padding: 5px;
  display: grid;
  grid-template-rows: repeat(3, 1fr);
}
.screen-page .page-content .chart-container .chart-item.center-top .mp-statistics-section .map {
  grid-row-start: 1;
  grid-row-end: 3;
  position: relative;
}
.screen-page .page-content .chart-container .chart-item.center-top .mp-statistics-section .map .map-section {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.screen-page .page-content .chart-container .chart-item.center-top .mp-statistics-section .map .map-section #map-container {
  height: 100%;
}
.screen-page .page-content .chart-container .chart-item.center-top .mp-statistics-section .map .map-section .legends {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.screen-page .page-content .chart-container .chart-item.center-top .mp-statistics-section .map .map-section .legend {
  position: absolute;
  z-index: 300;
  bottom: 40px;
  width: 100px;
}
.screen-page .page-content .chart-container .chart-item.center-top .mp-statistics-section .map .map-section .legend .label {
  line-height: 18px;
  color: #dff7f7;
  font-size: 12px;
}
.screen-page .page-content .chart-container .chart-item.center-top .mp-statistics-section .map .map-section .legend .value {
  color: #3af2f5;
  font-size: 20px;
  font-weight: bold;
  line-height: 28px;
}
.screen-page .page-content .chart-container .chart-item.center-top .mp-statistics-section .map .map-section .legend.lt {
  left: 20px;
  bottom: 120px;
}
.screen-page .page-content .chart-container .chart-item.center-top .mp-statistics-section .map .map-section .legend.rt {
  bottom: 120px;
  right: 10px;
}
.screen-page .page-content .chart-container .chart-item.center-top .mp-statistics-section .map .map-section .legend.lb {
  left: 20px;
  bottom: 30px;
}
.screen-page .page-content .chart-container .chart-item.center-top .mp-statistics-section .map .map-section .legend.rb {
  right: 10px;
  bottom: 30px;
}
.screen-page .page-content .chart-container .chart-item.center-top .mp-statistics-section .statistics {
  grid-row-start: 3;
  grid-row-end: 4;
  display: flex;
  align-items: center;
  width: 100%;
}
.screen-page .page-content .chart-container .chart-item.center-top .mp-statistics-section .statistics .statistics-item {
  flex: 1;
  margin-right: 5px;
  background-color: #052222;
  height: 100%;
  padding: 5px;
  display: flex;
  align-items: center;
}
.screen-page .page-content .chart-container .chart-item.center-top .mp-statistics-section .statistics .statistics-item:last-child {
  margin-right: 0;
}
.screen-page .page-content .chart-container .chart-item.center-top .mp-statistics-section .statistics .statistics-item .charts {
  width: 100%;
  height: 100%;
  position: relative;
}
.screen-page .page-content .chart-container .chart-item.center-top .mp-statistics-section .statistics .statistics-item .charts .charts-container {
  height: 100%;
}
.screen-page .page-content .chart-container .chart-item.center-top .mp-statistics-section .statistics .statistics-item .charts .img {
  max-height: 100%;
  max-width: 100%;
  width: unset;
}
.screen-page .page-content .chart-container .chart-item.center-top .mp-statistics-section .statistics .statistics-item .charts .charts-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.screen-page .page-content .chart-container .chart-item.center-top .mp-statistics-section .statistics .statistics-item .charts .charts-container #charts-device {
  height: 100%;
}
.screen-page .page-content .chart-container .chart-item.center-top .mp-statistics-section .statistics .statistics-item .charts .charts-container #device-type-num {
  height: 100%;
}
.screen-page .page-content .chart-container .chart-item.center-top .mp-statistics-section .statistics .statistics-item .data {
  flex: 1;
  flex-shrink: 0;
  width: 50%;
}
.screen-page .page-content .chart-container .chart-item .item-container {
  width: 100%;
  height: calc(100% - 25px);
  padding-bottom: 5px;
}
.screen-page .page-content .chart-container .chart-item .item-container .statistics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 21px;
  padding: 5px;
  height: 100%;
}
.screen-page .page-content .chart-container .chart-item .item-container .statistics .item {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.screen-page .page-content .chart-container .chart-item .item-container .statistics .item .title {
  font-size: 12px;
  color: #dff7f7;
}
.screen-page .page-content .chart-container .chart-item .item-container .statistics .item .data-container {
  margin-top: 20px;
  max-width: 100px;
  max-height: 100px;
  position: relative;
}
.screen-page .page-content .chart-container .chart-item .item-container .statistics .item .data-container img {
  max-width: 100%;
  max-height: 100%;
  width: unset;
  height: unset;
}
.screen-page .page-content .chart-container .chart-item .item-container .statistics .item .data-container .data {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #25ced1;
  font-size: 24px;
  font-weight: bold;
}
.screen-page .page-content .chart-container .chart-item .item-container .scroll-section {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.screen-page .page-content .chart-container .chart-item .item-container .scroll-section .scroll-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
}
.screen-page .page-content .chart-container .chart-item .item-container .scroll-section .scroll-container .item {
  display: flex;
  height: 21px;
  align-items: center;
  background-color: #063536;
  justify-content: flex-start;
  animation: fadeToLeft 1s ease;
  padding: 0 5px;
}
.screen-page .page-content .chart-container .chart-item .item-container .scroll-section .scroll-container .item:nth-child(2n) {
  background-color: #062C2D;
}
.screen-page .page-content .chart-container .chart-item .item-container .recharge-notification {
  font-size: 12px;
}
.screen-page .page-content .chart-container .chart-item .item-container .recharge-notification .item {
  justify-content: space-between !important;
}
.screen-page .page-content .chart-container .chart-item .item-container .recharge-notification .userName, .screen-page .page-content .chart-container .chart-item .item-container .recharge-notification .price {
  color: #FFD922;
  font-size: 12px;
  flex-shrink: 0;
}
.screen-page .page-content .chart-container .chart-item .item-container .recharge-notification .userName {
  margin-right: 10px;
  width: 20%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.screen-page .page-content .chart-container .chart-item .item-container .recharge-notification .text, .screen-page .page-content .chart-container .chart-item .item-container .recharge-notification .text2 {
  font-size: 12px;
  color: #DFF7F7;
  flex-shrink: 0;
}
.screen-page .page-content .chart-container .chart-item .item-container .recharge-notification .date {
  font-size: 12px;
  color: #25CED1;
  flex-shrink: 0;
}
.screen-page .page-content .chart-container .chart-item .item-container .consumer-notification .userName, .screen-page .page-content .chart-container .chart-item .item-container .consumer-notification .action, .screen-page .page-content .chart-container .chart-item .item-container .consumer-notification .date, .screen-page .page-content .chart-container .chart-item .item-container .consumer-notification .area, .screen-page .page-content .chart-container .chart-item .item-container .consumer-notification .text,
.screen-page .page-content .chart-container .chart-item .item-container .consumer-notification .text2 {
  font-size: 10px;
  flex-shrink: 0;
}
.screen-page .page-content .chart-container .chart-item .item-container .consumer-notification .text {
  margin: 0 10px;
}
.screen-page .page-content .chart-container .chart-item .item-container .consumer-notification .userName {
  width: 20%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.screen-page .page-content .chart-container .chart-item .item-container .consumer-notification .userName, .screen-page .page-content .chart-container .chart-item .item-container .consumer-notification .action {
  color: #FFD922;
  flex-shrink: 0;
}
.screen-page .page-content .chart-container .chart-item .item-container .consumer-notification .date, .screen-page .page-content .chart-container .chart-item .item-container .consumer-notification .area {
  color: #25CED1;
}
.screen-page .page-content .chart-container .chart-item .item-container .consumer-notification .date {
  margin-right: 10px;
}
.screen-page .page-content .chart-container .chart-item .item-container .consumer-notification .area {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
}
.screen-page .page-content .chart-container .chart-item .item-container .consumer-notification .action {
  margin-right: 10px;
}
.screen-page .page-content .chart-container .chart-item .item-container .consumer-notification .text,
.screen-page .page-content .chart-container .chart-item .item-container .consumer-notification .text2 {
  color: #DFF7F7;
  flex-shrink: 0;
}
.screen-page .page-content .chart-container .chart-item .item-container .consumer-notification .text2 {
  margin-right: 10px;
}
.screen-page .page-content .chart-container .chart-item .item-container .consumer-notification2 {
  padding: 0 2.2%;
}
.screen-page .page-content .chart-container .chart-item .item-container .consumer-notification2 .scroll-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.screen-page .page-content .chart-container .chart-item .item-container .consumer-notification2 .scroll-container .item {
  display: flex;
  font-size: 12px;
  height: 21px;
  align-items: center;
  background-color: #063536;
  justify-content: flex-start;
  padding: 0 5px;
}
.screen-page .page-content .chart-container .chart-item .item-container .consumer-notification2 .scroll-container .item .station-name {
  width: 20%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-shrink: 0;
  color: #FFD922;
}
.screen-page .page-content .chart-container .chart-item .item-container .consumer-notification2 .scroll-container .item .device-name {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-shrink: 0;
  color: #FFD922;
  margin-right: 10px;
}
.screen-page .page-content .chart-container .chart-item .item-container .consumer-notification2 .scroll-container .item .date {
  color: #FFD922;
  margin-left: 10px;
  margin-right: 10px;
}
.screen-page .page-content .chart-container .chart-item .item-container .consumer-notification2 .scroll-container .item .text {
  color: #DFF7F7;
  flex-shrink: 0;
}
.screen-page .page-content .chart-container .chart-item .item-container .consumer-notification2 .scroll-container .item .status {
  color: #25CED1;
}
.screen-page .page-content .chart-container .chart-item .item-container .consumer-notification2 .scroll-container .item:nth-child(2n) {
  background-color: #062C2D;
}

@keyframes scroll {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes fadeToLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}

/*# sourceMappingURL=style.css.map */