/*======================================================================
 *
 *   Copyright (C) 2014-2018 广州啪嗒信息科技有限公司
 *   All rights reserved
 *
 *   Project     : admin
 *   Author      : Jenkin
 *   Time        : 2018/02/01 0000
 *   Description : Style
 *
 *   Powered by http://www.padakeji.com
 =========================================================================*/
/*======================================================================
 *
 *   Copyright (C) 2014-2017 广州啪嗒信息科技有限公司
 *   All rights reserved
 *
 *   Project     : archives
 *   Author      : sinceow
 *   Time        : 2016/12/15 0015
 *   Description : Less Mixin
 *
 *   Powered by http://www.padakeji.com
 =========================================================================*/
.white {
  background: #ffffff;
}
.text-white {
  color: #ffffff !important;
}
.dark-white {
  background: #f9fafc;
}
.text-dark-white {
  color: #f9fafc !important;
}
.black {
  background: #324057;
}
.text-black {
  color: #324057 !important;
}
.light-black {
  background: #475669;
}
.text-light-black {
  color: #475669 !important;
}
.grey {
  background: #e5e9f2;
}
.text-grey {
  color: #e5e9f2 !important;
}
.dark-grey {
  background: #d3dce6;
}
.text-dark-grey {
  color: #d3dce6 !important;
}
.dark-silver {
  background: #8492a6;
}
.text-dark-silver {
  color: #8492a6 !important;
}
.dark-grey {
  background: #d3dce6;
}
.text-dark-grey {
  color: #d3dce6 !important;
}
.blue {
  background: #20a0ff;
}
.text-blue {
  color: #20a0ff !important;
}
.green {
  background: #13ce66;
}
.text-green {
  color: #13ce66 !important;
}
.primary {
  background: #20a0ff;
}
.text-primary {
  color: #20a0ff !important;
}
.focus {
  background: #ff4949;
}
.text-focus {
  color: #ff4949 !important;
}
.demo-spin-icon-load {
  animation: ani-demo-spin 1s linear infinite;
}
@keyframes ani-demo-spin {
  from {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.margin-top-8 {
  margin-top: 8px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-100 {
  margin-bottom: 100px;
}
.margin-right-10 {
  margin-right: 10px;
}
.padding-left-6 {
  padding-left: 6px;
}
.padding-left-8 {
  padding-left: 5px;
}
.padding-left-10 {
  padding-left: 10px;
}
.padding-left-20 {
  padding-left: 20px;
}
.height-100 {
  height: 100%;
}
.height-120px {
  height: 100px;
}
.height-200px {
  height: 200px;
}
.height-492px {
  height: 492px;
}
.height-460px {
  height: 460px;
}
.line-gray {
  height: 0;
  border-bottom: 2px solid #dcdcdc;
}
.notwrap {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.padding-left-5 {
  padding-left: 10px;
}
[v-cloak] {
  display: none;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.mg-t-0 {
  margin-top: 0 !important;
}
.pd-t-0 {
  padding-top: 0 !important;
}
.mg-b-0 {
  margin-bottom: 0 !important;
}
.pd-b-0 {
  padding-bottom: 0 !important;
}
.mg-l-0 {
  margin-left: 0 !important;
}
.pd-l-0 {
  padding-left: 0 !important;
}
.mg-r-0 {
  margin-right: 0 !important;
}
.pd-r-0 {
  padding-right: 0 !important;
}
.mg-tb-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.pd-tb-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.mg-rl-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.pd-rl-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.mg-tbl-0 {
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}
.pd-tbl-0 {
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 0 !important;
}
.mg-rbl-0 {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}
.pd-rbl-0 {
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}
.mg-trl-0 {
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.pd-trl-0 {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.mg-trb-0 {
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}
.pd-trb-0 {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}
.mg-0 {
  margin: 0 !important;
}
.pd-0 {
  padding: 0 !important;
}
.mg-t-1 {
  margin-top: 1px !important;
}
.pd-t-1 {
  padding-top: 1px !important;
}
.mg-b-1 {
  margin-bottom: 1px !important;
}
.pd-b-1 {
  padding-bottom: 1px !important;
}
.mg-l-1 {
  margin-left: 1px !important;
}
.pd-l-1 {
  padding-left: 1px !important;
}
.mg-r-1 {
  margin-right: 1px !important;
}
.pd-r-1 {
  padding-right: 1px !important;
}
.mg-tb-1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}
.pd-tb-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.mg-rl-1 {
  margin-left: 1px !important;
  margin-right: 1px !important;
}
.pd-rl-1 {
  padding-left: 1px !important;
  padding-right: 1px !important;
}
.mg-tbl-1 {
  margin-top: 1px !important;
  margin-left: 1px !important;
  margin-bottom: 1px !important;
}
.pd-tbl-1 {
  padding-top: 1px !important;
  padding-left: 1px !important;
  padding-bottom: 1px !important;
}
.mg-rbl-1 {
  margin-right: 1px !important;
  margin-bottom: 1px !important;
  margin-left: 1px !important;
}
.pd-rbl-1 {
  padding-right: 1px !important;
  padding-bottom: 1px !important;
  padding-left: 1px !important;
}
.mg-trl-1 {
  margin-top: 1px !important;
  margin-right: 1px !important;
  margin-left: 1px !important;
}
.pd-trl-1 {
  padding-top: 1px !important;
  padding-right: 1px !important;
  padding-left: 1px !important;
}
.mg-trb-1 {
  margin-top: 1px !important;
  margin-right: 1px !important;
  margin-bottom: 1px !important;
}
.pd-trb-1 {
  padding-top: 1px !important;
  padding-right: 1px !important;
  padding-bottom: 1px !important;
}
.mg-1 {
  margin: 1px !important;
}
.pd-1 {
  padding: 1px !important;
}
.mg-t-2 {
  margin-top: 2px !important;
}
.pd-t-2 {
  padding-top: 2px !important;
}
.mg-b-2 {
  margin-bottom: 2px !important;
}
.pd-b-2 {
  padding-bottom: 2px !important;
}
.mg-l-2 {
  margin-left: 2px !important;
}
.pd-l-2 {
  padding-left: 2px !important;
}
.mg-r-2 {
  margin-right: 2px !important;
}
.pd-r-2 {
  padding-right: 2px !important;
}
.mg-tb-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.pd-tb-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.mg-rl-2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.pd-rl-2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.mg-tbl-2 {
  margin-top: 2px !important;
  margin-left: 2px !important;
  margin-bottom: 2px !important;
}
.pd-tbl-2 {
  padding-top: 2px !important;
  padding-left: 2px !important;
  padding-bottom: 2px !important;
}
.mg-rbl-2 {
  margin-right: 2px !important;
  margin-bottom: 2px !important;
  margin-left: 2px !important;
}
.pd-rbl-2 {
  padding-right: 2px !important;
  padding-bottom: 2px !important;
  padding-left: 2px !important;
}
.mg-trl-2 {
  margin-top: 2px !important;
  margin-right: 2px !important;
  margin-left: 2px !important;
}
.pd-trl-2 {
  padding-top: 2px !important;
  padding-right: 2px !important;
  padding-left: 2px !important;
}
.mg-trb-2 {
  margin-top: 2px !important;
  margin-right: 2px !important;
  margin-bottom: 2px !important;
}
.pd-trb-2 {
  padding-top: 2px !important;
  padding-right: 2px !important;
  padding-bottom: 2px !important;
}
.mg-2 {
  margin: 2px !important;
}
.pd-2 {
  padding: 2px !important;
}
.mg-t-5 {
  margin-top: 5px !important;
}
.pd-t-5 {
  padding-top: 5px !important;
}
.mg-b-5 {
  margin-bottom: 5px !important;
}
.pd-b-5 {
  padding-bottom: 5px !important;
}
.mg-l-5 {
  margin-left: 5px !important;
}
.pd-l-5 {
  padding-left: 5px !important;
}
.mg-r-5 {
  margin-right: 5px !important;
}
.pd-r-5 {
  padding-right: 5px !important;
}
.mg-tb-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.pd-tb-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.mg-rl-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.pd-rl-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.mg-tbl-5 {
  margin-top: 5px !important;
  margin-left: 5px !important;
  margin-bottom: 5px !important;
}
.pd-tbl-5 {
  padding-top: 5px !important;
  padding-left: 5px !important;
  padding-bottom: 5px !important;
}
.mg-rbl-5 {
  margin-right: 5px !important;
  margin-bottom: 5px !important;
  margin-left: 5px !important;
}
.pd-rbl-5 {
  padding-right: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 5px !important;
}
.mg-trl-5 {
  margin-top: 5px !important;
  margin-right: 5px !important;
  margin-left: 5px !important;
}
.pd-trl-5 {
  padding-top: 5px !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
}
.mg-trb-5 {
  margin-top: 5px !important;
  margin-right: 5px !important;
  margin-bottom: 5px !important;
}
.pd-trb-5 {
  padding-top: 5px !important;
  padding-right: 5px !important;
  padding-bottom: 5px !important;
}
.mg-5 {
  margin: 5px !important;
}
.pd-5 {
  padding: 5px !important;
}
.mg-t-10 {
  margin-top: 10px !important;
}
.pd-t-10 {
  padding-top: 10px !important;
}
.mg-b-10 {
  margin-bottom: 10px !important;
}
.pd-b-10 {
  padding-bottom: 10px !important;
}
.mg-l-10 {
  margin-left: 10px !important;
}
.pd-l-10 {
  padding-left: 10px !important;
}
.mg-r-10 {
  margin-right: 10px !important;
}
.pd-r-10 {
  padding-right: 10px !important;
}
.mg-tb-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.pd-tb-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.mg-rl-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.pd-rl-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.mg-tbl-10 {
  margin-top: 10px !important;
  margin-left: 10px !important;
  margin-bottom: 10px !important;
}
.pd-tbl-10 {
  padding-top: 10px !important;
  padding-left: 10px !important;
  padding-bottom: 10px !important;
}
.mg-rbl-10 {
  margin-right: 10px !important;
  margin-bottom: 10px !important;
  margin-left: 10px !important;
}
.pd-rbl-10 {
  padding-right: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 10px !important;
}
.mg-trl-10 {
  margin-top: 10px !important;
  margin-right: 10px !important;
  margin-left: 10px !important;
}
.pd-trl-10 {
  padding-top: 10px !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.mg-trb-10 {
  margin-top: 10px !important;
  margin-right: 10px !important;
  margin-bottom: 10px !important;
}
.pd-trb-10 {
  padding-top: 10px !important;
  padding-right: 10px !important;
  padding-bottom: 10px !important;
}
.mg-10 {
  margin: 10px !important;
}
.pd-10 {
  padding: 10px !important;
}
.mg-t-15 {
  margin-top: 15px !important;
}
.pd-t-15 {
  padding-top: 15px !important;
}
.mg-b-15 {
  margin-bottom: 15px !important;
}
.pd-b-15 {
  padding-bottom: 15px !important;
}
.mg-l-15 {
  margin-left: 15px !important;
}
.pd-l-15 {
  padding-left: 15px !important;
}
.mg-r-15 {
  margin-right: 15px !important;
}
.pd-r-15 {
  padding-right: 15px !important;
}
.mg-tb-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.pd-tb-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.mg-rl-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.pd-rl-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.mg-tbl-15 {
  margin-top: 15px !important;
  margin-left: 15px !important;
  margin-bottom: 15px !important;
}
.pd-tbl-15 {
  padding-top: 15px !important;
  padding-left: 15px !important;
  padding-bottom: 15px !important;
}
.mg-rbl-15 {
  margin-right: 15px !important;
  margin-bottom: 15px !important;
  margin-left: 15px !important;
}
.pd-rbl-15 {
  padding-right: 15px !important;
  padding-bottom: 15px !important;
  padding-left: 15px !important;
}
.mg-trl-15 {
  margin-top: 15px !important;
  margin-right: 15px !important;
  margin-left: 15px !important;
}
.pd-trl-15 {
  padding-top: 15px !important;
  padding-right: 15px !important;
  padding-left: 15px !important;
}
.mg-trb-15 {
  margin-top: 15px !important;
  margin-right: 15px !important;
  margin-bottom: 15px !important;
}
.pd-trb-15 {
  padding-top: 15px !important;
  padding-right: 15px !important;
  padding-bottom: 15px !important;
}
.mg-15 {
  margin: 15px !important;
}
.pd-15 {
  padding: 15px !important;
}
.mg-t-20 {
  margin-top: 20px !important;
}
.pd-t-20 {
  padding-top: 20px !important;
}
.mg-b-20 {
  margin-bottom: 20px !important;
}
.pd-b-20 {
  padding-bottom: 20px !important;
}
.mg-l-20 {
  margin-left: 20px !important;
}
.pd-l-20 {
  padding-left: 20px !important;
}
.mg-r-20 {
  margin-right: 20px !important;
}
.pd-r-20 {
  padding-right: 20px !important;
}
.mg-tb-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.pd-tb-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.mg-rl-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.pd-rl-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.mg-tbl-20 {
  margin-top: 20px !important;
  margin-left: 20px !important;
  margin-bottom: 20px !important;
}
.pd-tbl-20 {
  padding-top: 20px !important;
  padding-left: 20px !important;
  padding-bottom: 20px !important;
}
.mg-rbl-20 {
  margin-right: 20px !important;
  margin-bottom: 20px !important;
  margin-left: 20px !important;
}
.pd-rbl-20 {
  padding-right: 20px !important;
  padding-bottom: 20px !important;
  padding-left: 20px !important;
}
.mg-trl-20 {
  margin-top: 20px !important;
  margin-right: 20px !important;
  margin-left: 20px !important;
}
.pd-trl-20 {
  padding-top: 20px !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.mg-trb-20 {
  margin-top: 20px !important;
  margin-right: 20px !important;
  margin-bottom: 20px !important;
}
.pd-trb-20 {
  padding-top: 20px !important;
  padding-right: 20px !important;
  padding-bottom: 20px !important;
}
.mg-20 {
  margin: 20px !important;
}
.pd-20 {
  padding: 20px !important;
}
.mg-t-25 {
  margin-top: 25px !important;
}
.pd-t-25 {
  padding-top: 25px !important;
}
.mg-b-25 {
  margin-bottom: 25px !important;
}
.pd-b-25 {
  padding-bottom: 25px !important;
}
.mg-l-25 {
  margin-left: 25px !important;
}
.pd-l-25 {
  padding-left: 25px !important;
}
.mg-r-25 {
  margin-right: 25px !important;
}
.pd-r-25 {
  padding-right: 25px !important;
}
.mg-tb-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.pd-tb-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.mg-rl-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.pd-rl-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.mg-tbl-25 {
  margin-top: 25px !important;
  margin-left: 25px !important;
  margin-bottom: 25px !important;
}
.pd-tbl-25 {
  padding-top: 25px !important;
  padding-left: 25px !important;
  padding-bottom: 25px !important;
}
.mg-rbl-25 {
  margin-right: 25px !important;
  margin-bottom: 25px !important;
  margin-left: 25px !important;
}
.pd-rbl-25 {
  padding-right: 25px !important;
  padding-bottom: 25px !important;
  padding-left: 25px !important;
}
.mg-trl-25 {
  margin-top: 25px !important;
  margin-right: 25px !important;
  margin-left: 25px !important;
}
.pd-trl-25 {
  padding-top: 25px !important;
  padding-right: 25px !important;
  padding-left: 25px !important;
}
.mg-trb-25 {
  margin-top: 25px !important;
  margin-right: 25px !important;
  margin-bottom: 25px !important;
}
.pd-trb-25 {
  padding-top: 25px !important;
  padding-right: 25px !important;
  padding-bottom: 25px !important;
}
.mg-25 {
  margin: 25px !important;
}
.pd-25 {
  padding: 25px !important;
}
.mg-t-30 {
  margin-top: 30px !important;
}
.pd-t-30 {
  padding-top: 30px !important;
}
.mg-b-30 {
  margin-bottom: 30px !important;
}
.pd-b-30 {
  padding-bottom: 30px !important;
}
.mg-l-30 {
  margin-left: 30px !important;
}
.pd-l-30 {
  padding-left: 30px !important;
}
.mg-r-30 {
  margin-right: 30px !important;
}
.pd-r-30 {
  padding-right: 30px !important;
}
.mg-tb-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.pd-tb-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.mg-rl-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.pd-rl-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.mg-tbl-30 {
  margin-top: 30px !important;
  margin-left: 30px !important;
  margin-bottom: 30px !important;
}
.pd-tbl-30 {
  padding-top: 30px !important;
  padding-left: 30px !important;
  padding-bottom: 30px !important;
}
.mg-rbl-30 {
  margin-right: 30px !important;
  margin-bottom: 30px !important;
  margin-left: 30px !important;
}
.pd-rbl-30 {
  padding-right: 30px !important;
  padding-bottom: 30px !important;
  padding-left: 30px !important;
}
.mg-trl-30 {
  margin-top: 30px !important;
  margin-right: 30px !important;
  margin-left: 30px !important;
}
.pd-trl-30 {
  padding-top: 30px !important;
  padding-right: 30px !important;
  padding-left: 30px !important;
}
.mg-trb-30 {
  margin-top: 30px !important;
  margin-right: 30px !important;
  margin-bottom: 30px !important;
}
.pd-trb-30 {
  padding-top: 30px !important;
  padding-right: 30px !important;
  padding-bottom: 30px !important;
}
.mg-30 {
  margin: 30px !important;
}
.pd-30 {
  padding: 30px !important;
}
.mg-t-40 {
  margin-top: 40px !important;
}
.pd-t-40 {
  padding-top: 40px !important;
}
.mg-b-40 {
  margin-bottom: 40px !important;
}
.pd-b-40 {
  padding-bottom: 40px !important;
}
.mg-l-40 {
  margin-left: 40px !important;
}
.pd-l-40 {
  padding-left: 40px !important;
}
.mg-r-40 {
  margin-right: 40px !important;
}
.pd-r-40 {
  padding-right: 40px !important;
}
.mg-tb-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.pd-tb-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.mg-rl-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.pd-rl-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.mg-tbl-40 {
  margin-top: 40px !important;
  margin-left: 40px !important;
  margin-bottom: 40px !important;
}
.pd-tbl-40 {
  padding-top: 40px !important;
  padding-left: 40px !important;
  padding-bottom: 40px !important;
}
.mg-rbl-40 {
  margin-right: 40px !important;
  margin-bottom: 40px !important;
  margin-left: 40px !important;
}
.pd-rbl-40 {
  padding-right: 40px !important;
  padding-bottom: 40px !important;
  padding-left: 40px !important;
}
.mg-trl-40 {
  margin-top: 40px !important;
  margin-right: 40px !important;
  margin-left: 40px !important;
}
.pd-trl-40 {
  padding-top: 40px !important;
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.mg-trb-40 {
  margin-top: 40px !important;
  margin-right: 40px !important;
  margin-bottom: 40px !important;
}
.pd-trb-40 {
  padding-top: 40px !important;
  padding-right: 40px !important;
  padding-bottom: 40px !important;
}
.mg-40 {
  margin: 40px !important;
}
.pd-40 {
  padding: 40px !important;
}
.mg-t-50 {
  margin-top: 50px !important;
}
.pd-t-50 {
  padding-top: 50px !important;
}
.mg-b-50 {
  margin-bottom: 50px !important;
}
.pd-b-50 {
  padding-bottom: 50px !important;
}
.mg-l-50 {
  margin-left: 50px !important;
}
.pd-l-50 {
  padding-left: 50px !important;
}
.mg-r-50 {
  margin-right: 50px !important;
}
.pd-r-50 {
  padding-right: 50px !important;
}
.mg-tb-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.pd-tb-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.mg-rl-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.pd-rl-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.mg-tbl-50 {
  margin-top: 50px !important;
  margin-left: 50px !important;
  margin-bottom: 50px !important;
}
.pd-tbl-50 {
  padding-top: 50px !important;
  padding-left: 50px !important;
  padding-bottom: 50px !important;
}
.mg-rbl-50 {
  margin-right: 50px !important;
  margin-bottom: 50px !important;
  margin-left: 50px !important;
}
.pd-rbl-50 {
  padding-right: 50px !important;
  padding-bottom: 50px !important;
  padding-left: 50px !important;
}
.mg-trl-50 {
  margin-top: 50px !important;
  margin-right: 50px !important;
  margin-left: 50px !important;
}
.pd-trl-50 {
  padding-top: 50px !important;
  padding-right: 50px !important;
  padding-left: 50px !important;
}
.mg-trb-50 {
  margin-top: 50px !important;
  margin-right: 50px !important;
  margin-bottom: 50px !important;
}
.pd-trb-50 {
  padding-top: 50px !important;
  padding-right: 50px !important;
  padding-bottom: 50px !important;
}
.mg-50 {
  margin: 50px !important;
}
.pd-50 {
  padding: 50px !important;
}
.mg-t-60 {
  margin-top: 60px !important;
}
.pd-t-60 {
  padding-top: 60px !important;
}
.mg-b-60 {
  margin-bottom: 60px !important;
}
.pd-b-60 {
  padding-bottom: 60px !important;
}
.mg-l-60 {
  margin-left: 60px !important;
}
.pd-l-60 {
  padding-left: 60px !important;
}
.mg-r-60 {
  margin-right: 60px !important;
}
.pd-r-60 {
  padding-right: 60px !important;
}
.mg-tb-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.pd-tb-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.mg-rl-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}
.pd-rl-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}
.mg-tbl-60 {
  margin-top: 60px !important;
  margin-left: 60px !important;
  margin-bottom: 60px !important;
}
.pd-tbl-60 {
  padding-top: 60px !important;
  padding-left: 60px !important;
  padding-bottom: 60px !important;
}
.mg-rbl-60 {
  margin-right: 60px !important;
  margin-bottom: 60px !important;
  margin-left: 60px !important;
}
.pd-rbl-60 {
  padding-right: 60px !important;
  padding-bottom: 60px !important;
  padding-left: 60px !important;
}
.mg-trl-60 {
  margin-top: 60px !important;
  margin-right: 60px !important;
  margin-left: 60px !important;
}
.pd-trl-60 {
  padding-top: 60px !important;
  padding-right: 60px !important;
  padding-left: 60px !important;
}
.mg-trb-60 {
  margin-top: 60px !important;
  margin-right: 60px !important;
  margin-bottom: 60px !important;
}
.pd-trb-60 {
  padding-top: 60px !important;
  padding-right: 60px !important;
  padding-bottom: 60px !important;
}
.mg-60 {
  margin: 60px !important;
}
.pd-60 {
  padding: 60px !important;
}
.mg-t-100 {
  margin-top: 100px !important;
}
.pd-t-100 {
  padding-top: 100px !important;
}
.mg-b-100 {
  margin-bottom: 100px !important;
}
.pd-b-100 {
  padding-bottom: 100px !important;
}
.mg-l-100 {
  margin-left: 100px !important;
}
.pd-l-100 {
  padding-left: 100px !important;
}
.mg-r-100 {
  margin-right: 100px !important;
}
.pd-r-100 {
  padding-right: 100px !important;
}
.mg-tb-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}
.pd-tb-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
.mg-rl-100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}
.pd-rl-100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}
.mg-tbl-100 {
  margin-top: 100px !important;
  margin-left: 100px !important;
  margin-bottom: 100px !important;
}
.pd-tbl-100 {
  padding-top: 100px !important;
  padding-left: 100px !important;
  padding-bottom: 100px !important;
}
.mg-rbl-100 {
  margin-right: 100px !important;
  margin-bottom: 100px !important;
  margin-left: 100px !important;
}
.pd-rbl-100 {
  padding-right: 100px !important;
  padding-bottom: 100px !important;
  padding-left: 100px !important;
}
.mg-trl-100 {
  margin-top: 100px !important;
  margin-right: 100px !important;
  margin-left: 100px !important;
}
.pd-trl-100 {
  padding-top: 100px !important;
  padding-right: 100px !important;
  padding-left: 100px !important;
}
.mg-trb-100 {
  margin-top: 100px !important;
  margin-right: 100px !important;
  margin-bottom: 100px !important;
}
.pd-trb-100 {
  padding-top: 100px !important;
  padding-right: 100px !important;
  padding-bottom: 100px !important;
}
.mg-100 {
  margin: 100px !important;
}
.pd-100 {
  padding: 100px !important;
}
html,
body {
  width: 100%;
  height: 100%;
  background: #f0f0f0;
  overflow: hidden;
}
.lock-screen-back {
  border-radius: 50%;
  z-index: -1;
  box-shadow: 0 0 0 0 #667aa6 inset;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 3s;
}
.main {
  position: absolute;
  width: 100%;
  height: 100%;
}
.main .unlock-con {
  width: 0px;
  height: 0px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 11000;
}
.main .sidebar-menu-con {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 21;
  transition: width .3s;
}
.main .layout-text {
  display: inline-block;
  white-space: nowrap;
  /*position: absolute;*/
}
.main .main-hide-text .layout-text {
  display: none;
}
.main-content-container {
  position: relative;
}
.main-header-con {
  box-sizing: border-box;
  position: fixed;
  display: block;
  padding-left: 200px;
  width: 100%;
  height: 100px;
  z-index: 20;
  box-shadow: 0 2px 1px 1px rgba(100, 100, 100, 0.1);
  transition: padding .3s;
}
.main-breadcrumb {
  padding: 8px 15px 0;
}
.main-menu-left {
  background: #464c5b;
  height: 100%;
}
.main .tags-con {
  position: relative;
  height: 40px;
  padding-left: 460px;
  z-index: -1;
  overflow: hidden;
  background: #f0f0f0;
}
.main .tags-con .tags-bread {
  position: absolute;
  width: 350px;
  left: 0;
  top: 0;
  background: #fff;
  height: 100%;
  white-space: nowrap;
}
.main .tags-con .tags-bread .ivu-breadcrumb {
  display: flex;
}
.main .tags-con .tags-bread .ivu-breadcrumb > span {
  display: flex;
  justify-content: center;
}
.main .tags-con .tags-bread .ivu-breadcrumb .ivu-breadcrumb-item-link {
  display: inline-block;
  overflow: hidden;
  max-width: 100px;
  text-overflow: ellipsis;
}
.main .tags-con .close-all-tag-con {
  position: absolute;
  left: 350px;
  top: 0;
  box-sizing: border-box;
  padding-top: 8px;
  text-align: center;
  width: 110px;
  height: 100%;
  background: white;
  box-shadow: 3px 0 15px 3px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.main .tags-con .tags-outer-scroll-con {
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.main .tags-con .tags-outer-scroll-con .tags-inner-scroll-body {
  position: absolute;
  padding: 2px 10px;
  overflow: visible;
  white-space: nowrap;
  transition: left .3s ease;
}
.main-header {
  height: 60px;
  background: #fff;
  box-shadow: 0 2px 1px 1px rgba(100, 100, 100, 0.1);
  position: relative;
  z-index: 11;
}
.main-header .navicon-con {
  margin: 6px;
  display: inline-block;
}
.main-header .header-middle-con {
  position: absolute;
  left: 80px;
  top: 0;
  right: 220px;
  bottom: 0;
  overflow: hidden;
}
.main-header .header-avator-con {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 200px;
}
.main-header .header-avator-con .switch-theme-con {
  display: inline-block;
  width: 40px;
  height: 100%;
}
.main-header .header-avator-con .message-con {
  display: inline-block;
  width: 30px;
  padding: 18px 0;
  text-align: center;
  cursor: pointer;
}
.main-header .header-avator-con .message-con i {
  vertical-align: middle;
}
.main-header .header-avator-con .change-skin {
  font-size: 14px;
  font-weight: 500;
  padding-right: 5px;
}
.main-header .header-avator-con .switch-theme {
  height: 100%;
}
.main-header .header-avator-con .user-dropdown-menu-con {
  position: absolute;
  right: 0;
  top: 0;
  width: 150px;
  height: 100%;
}
.main-header .header-avator-con .user-dropdown-menu-con .main-user-name {
  display: inline-block;
  width: 80px;
  word-break: keep-all;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}
.main-header .header-avator-con .user-dropdown-innercon {
  height: 100%;
  padding-right: 14px;
}
.main-header .header-avator-con .full-screen-btn-con {
  display: inline-block;
  width: 30px;
  padding: 18px 0;
  text-align: center;
  cursor: pointer;
}
.main-header .header-avator-con .full-screen-btn-con i {
  vertical-align: middle;
}
.main-header .header-avator-con .lock-screen-btn-con {
  display: inline-block;
  width: 30px;
  padding: 18px 0;
  text-align: center;
  cursor: pointer;
}
.main-header .header-avator-con .lock-screen-btn-con i {
  vertical-align: middle;
}
.main .single-page-con {
  position: absolute;
  top: 100px;
  right: 0;
  bottom: 0;
  overflow: auto;
  background-color: #F0F0F0;
  z-index: 1;
  transition: left .3s;
}
.main .single-page-con .single-page {
  margin: 10px;
}
.main-copy {
  text-align: center;
  padding: 10px 0 20px;
  color: #9ea7b4;
}
.main .ivu-shrinkable-menu {
  height: 100%;
  width: 100%;
  background: #495060;
}
.taglist-moving-animation-move {
  transition: transform .3s;
}
.logo-con {
  padding: 8px;
  text-align: center;
}
.logo-con img {
  max-height: 44px;
  width: auto;
  max-width: 100%;
}
.table-actions-wrapper {
  line-height: 1;
}
.table-actions-wrapper > .ivu-btn {
  margin-right: 10px;
}
.table-actions-wrapper > .ivu-btn:last-child {
  margin-right: 0;
}
.tips {
  color: #8492a6;
  clear: both;
  font-size: 12px;
  line-height: 12px;
  margin-top: 8px;
}
.single-uploader .ivu-upload {
  border: 1px dashed #d9d9d9;
  width: 180px;
  height: 180px;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.single-uploader .ivu-upload:hover {
  border-color: #20a0ff;
}
.single-uploader .ivu-progress {
  margin-top: 40%;
}
.single-uploader .uploader-icon {
  font-size: 52px;
  color: #20a0ff;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
}
.single-uploader .preview {
  width: 178px;
  height: 178px;
  display: block;
}
.divider-line {
  border-top: 1px solid #f3eff1;
  padding-top: 14px;
}
.query-form {
  margin-bottom: 10px;
}
.query-form .ivu-card-body {
  padding-bottom: 0;
}
.query-form .ivu-select-single .ivu-select-selection {
  min-width: 163px;
}
.form-sidebar {
  width: 325px;
  padding-left: 20px;
}
.form-sidebar-box {
  position: fixed;
  width: 200px;
  border: 1px solid #d3dce6;
}
.form-sidebar-box .sidebar-header {
  background: #20a0ff;
  color: #ffffff;
  padding: 10px 0;
  text-align: center;
}
.form-sidebar-box .sidebar-body {
  padding: 10px 10px 10px;
  background: #ffffff;
}
.form-sidebar-box .sidebar-body .ivu-btn {
  display: block;
  padding: 10px 0;
  width: 100%;
  margin-bottom: 10px;
}
.form-item-box {
  border: 1px dashed #d3dce6;
  background-color: #f9fafc;
  position: relative;
  padding: 10px;
  margin: 20px 0;
}
.form-item-box .form-item-operation {
  display: none;
  position: absolute;
  top: -45px;
  left: 0;
  right: 0;
  height: 36px;
  z-index: 1;
  padding: 5px 0;
}
.form-item-box:hover .form-item-operation {
  display: block;
}
/* 动画 */
.list-complete-item {
  transition: all .3s;
}
.list-complete-enter,
.list-complete-leave-active {
  opacity: 0;
  transform: translateY(30px);
}
.list-complete-leave-active {
  transform: none;
}
.ivu-table-wrapper .ivu-table-cell {
  padding-left: 10px;
  padding-right: 10px;
}
.ivu-table-wrapper .ivu-table-header table th.ivu-table-hidden {
  visibility: visible;
}
.ivu-table-wrapper .ivu-table-tbody > .ivu-table-row > .ivu-table-hidden {
  visibility: visible;
}