body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
a,
span,
strong,
img,
iframe,
em,
ol,
ul,
li,
dl,
dt,
dd,
input,
textarea,
select,
fieldset,
form,
button,
label,
table,
tbody,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
}
body {
  font-size: 14px;
  line-height: 1.5;
  font-family: "PingFang SC", "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1", "SimHei", "SimSun", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #555;
  background-color: #fff;
}
ul,
ol,
ul li {
  list-style-type: none;
  padding-left: 0;
}
img {
  border: 0;
}
i,
em {
  font-style: normal;
}
a {
  color: #555;
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: none;
  cursor: pointer;
}
body ol,
body ul,
body dl {
  margin-bottom: 0;
}
body p {
  margin: 0;
}
body a {
  color: #555;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #bbb;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #bbb;
}
input::placeholder,
textarea::placeholder {
  color: #bbbb;
}
input[type=number] {
  -moz-appearance: textfield !important;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
.w1200 {
  width: 1200px;
  margin: 0 auto;
}
.f-fl {
  float: left;
}
.f-fr {
  float: right;
}
.f-show {
  display: block !important;
}
.f-hide {
  display: none !important;
}
.f-clr::before,
.f-clr::after {
  content: '';
  display: table;
}
.f-clr::after {
  clear: both;
}
.f-teo {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.f-oh {
  overflow: hidden;
}
.s-bgf5 {
  background: #f5f5f5;
}
.s-bgff {
  background: #fff;
}
.icons {
  background: url("/static/assets/img/icons.png");
}
.pc-wrap {
  min-width: 1280px;
}
.pc-header {
  position: relative;
  z-index: 15;
}
.pc-header-bd {
  position: relative;
  z-index: 10;
  height: 64px;
}
.pc-header .logo {
  float: left;
  width: 200px;
  height: 50px;
  margin: 7px 0;
  font-size: 0;
}
.pc-header .logo::before {
  content: '';
  visibility: hidden;
  line-height: 50px;
}
.pc-header .logo img {
  display: inline-block;
  vertical-align: middle;
}
.pc-header-r {
  float: right;
  display: flex;
}
.pc-header-hotline {
  position: relative;
  height: 34px;
  margin-top: 15px;
  margin-right: 50px;
}
.pc-header-hotline .hd {
  display: flex;
  height: 34px;
  cursor: default;
}
.pc-header-hotline .hd .icon {
  width: 34px;
  height: 34px;
  margin-right: 8px;
  background: url(/static/assets/img/hotline.png) no-repeat;
  background-size: 100%;
}
.pc-header-hotline .hd .inner {
  flex: 1;
  overflow: hidden;
}
.pc-header-hotline .hd .tt {
  position: relative;
  height: 16px;
  line-height: 16px;
  padding-right: 18px;
  font-size: 12px;
}
.pc-header-hotline .hd .tt::before {
  position: absolute;
  left: 102px;
  top: 50%;
  content: '';
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  transform: rotate(45deg);
  transition: border-right-color, border-bottom-color, transform 0.3s;
}
.pc-header-hotline .hd .phone {
  height: 18px;
  line-height: 18px;
  font-size: 16px;
  font-weight: bold;
  color: #00a0e9;
}
.pc-header-hotline .bd {
  display: none;
  position: absolute;
  top: 34px;
  left: 0;
  width: 170px;
  padding: 10px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.pc-header-hotline .bd .qr-code-pic {
  width: 110px;
  height: 110px;
  padding: 8px;
  margin: 0 auto;
  background: linear-gradient(303deg, #596CF3, #B6F5FC);
  border-radius: 6px;
  box-sizing: border-box;
}
.pc-header-hotline .bd .qr-code-pic img {
  border-radius: 3px;
}
.pc-header-hotline .bd .qr-code-txt {
  padding: 4px 0 8px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  color: #999;
  border-bottom: 1px dashed #D4D4D4;
}
.pc-header-hotline .bd .contact {
  padding-top: 8px;
  text-align: center;
}
.pc-header-hotline .bd .text {
  line-height: 20px;
  font-size: 12px;
  color: #999;
}
.pc-header-hotline .bd .tt {
  line-height: 20px;
  font-size: 14px;
  color: #666;
}
.pc-header-hotline .bd .phone {
  position: relative;
  width: 100px;
  margin: 0 auto 20px;
  padding-left: 14px;
  color: #00a0e9;
  line-height: 20px;
  text-align: left;
  font-size: 12px;
  white-space: nowrap;
}
.pc-header-hotline .bd .phone::before {
  position: absolute;
  left: 0;
  top: 5px;
  content: '';
  width: 10px;
  height: 10px;
  background: url(/static/assets/img/pay-mode-t.png) left center no-repeat;
  background-size: 100%;
}
.pc-header-hotline:hover .hd .tt::before {
  margin-top: -1px;
  border-color: #00a0e9;
  transform: rotate(225deg);
}
.pc-header-hotline:hover .bd {
  display: block;
}
.pc-header-dropdown {
  position: relative;
  z-index: 99;
  height: 24px;
  padding-left: 8px;
  padding-right: 16px;
  margin-top: 20px;
  box-sizing: content-box;
}
.pc-header-dropdown::before {
  position: absolute;
  right: 0;
  top: 50%;
  content: '';
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  transform: rotate(45deg);
  transition: border-right-color, border-bottom-color, transform 0.3s;
}
.pc-header-dropdown .hd {
  height: 24px;
  cursor: pointer;
}
.pc-header-dropdown .bd {
  display: none;
  position: absolute;
  left: 0;
  top: 24px;
  background-color: #fff;
  border-radius: 0 0 6px 6px;
}
.pc-header-dropdown:hover::before {
  margin-top: -2px;
  border-color: #00a0e9;
  transform: rotate(225deg);
}
.pc-header-dropdown:hover .bd {
  display: block;
}
.pc-header-share {
  width: 24px;
  height: 24px;
}
.pc-header-share .bd {
  width: 100%;
  padding: 0 8px 8px;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.pc-header-share .bd .icon {
  margin-top: 8px;
}
.pc-header-share .icon {
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
  transition: opacity 0.3s;
}
.pc-header-share .icon.facebook {
  background: url(/static/assets/img/share01.png) no-repeat;
  background-size: 100%;
}
.pc-header-share .icon.twitter {
  background: url(/static/assets/img/share02.png) no-repeat;
  background-size: 100%;
}
.pc-header-share .icon.linkedin {
  background: url(/static/assets/img/share03.png) no-repeat;
  background-size: 100%;
}
.pc-header-currency {
  width: 70px;
  height: 24px;
  margin-right: 20px;
}
.pc-header-currency .hd {
  color: #333;
}
.pc-header-currency .icon {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
.pc-header-currency .rmb .icon {
  background: url(/static/assets/img/c-rmb-blue.png) no-repeat;
  background-size: 100%;
}
.pc-header-currency .us .icon {
  background: url(/static/assets/img/c-us-blue.png) no-repeat;
  background-size: 100%;
}
.pc-header-currency .euro .icon {
  background: url(/static/assets/img/c-euro-blue.png) no-repeat;
  background-size: 100%;
}
.pc-header-currency .pound .icon {
  background: url(/static/assets/img/c-pound-blue.png) no-repeat;
  background-size: 100%;
}
.pc-header-currency .cad .icon {
  background: url(/static/assets/img/c-cad-blue.png) no-repeat;
  background-size: 100%;
}
.pc-header-currency .aust .icon {
  background: url(/static/assets/img/c-aust-blue.png) no-repeat;
  background-size: 100%;
}
.pc-header-currency .nzd .icon {
  background: url(/static/assets/img/c-nzd-blue.png) no-repeat;
  background-size: 100%;
}
.pc-header-currency .currency-td {
  width: 100%;
  padding-top: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.pc-header-currency .currency-td span {
  display: block;
  width: 100%;
  height: 24px;
  line-height: 24px;
  padding: 4px 8px;
  cursor: pointer;
  box-sizing: content-box;
  color: #333;
}
.pc-header-login {
  height: 32px;
  line-height: 32px;
  margin-left: 24px;
  margin-top: 16px;
}
.pc-header-login .login {
  display: inline-block;
  padding: 0 12px;
  color: #00a0e9;
}
.pc-header-login .login:hover {
  color: #03b0ff;
}
.pc-header-login .register {
  display: inline-block;
  height: 32px;
  padding: 0 12px;
  margin-left: 5px;
  color: #fff;
  background-color: #00a0e9;
  border-radius: 4px;
  transition: all 0.3s;
  cursor: pointer;
}
.pc-header-login .register:hover {
  background-color: #03b0ff;
}
.pc-nav {
  width: 100%;
  height: 48px;
  background-color: #00a0e9;
}
.pc-nav-wrap {
  display: flex;
  justify-content: space-between;
}
.pc-nav-wrap .search {
  display: flex;
  width: 240px;
  height: 32px;
  margin-top: 8px;
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.pc-nav-wrap .search-txt {
  display: block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-indent: 12px;
  border: none;
  outline: none;
}
.pc-nav-wrap .search-btn {
  flex-shrink: 0;
  display: block;
  width: 32px;
  height: 32px;
  padding-left: 6px;
  line-height: 32px;
  background-color: transparent;
  cursor: pointer;
  border: none;
  outline: none;
}
.pc-nav-wrap .search-btn:hover {
  color: #00a0e9;
}
.pc-nav-bd {
  flex: 1;
  height: 48px;
  overflow: hidden;
}
.pc-nav-bd .nav-item {
  position: relative;
  display: inline-block;
  height: 48px;
  line-height: 48px;
  padding: 0 24px;
  color: #fff;
  transition: all 0.3s;
}
.pc-nav-bd .nav-item::before {
  position: absolute;
  left: 50%;
  bottom: 12px;
  content: '';
  width: 12px;
  height: 2px;
  margin-left: -6px;
  border-radius: 1px;
  background-color: #fff;
  opacity: 0;
  transform: scaleX(0);
  transition: all 0.3s ease-out;
}
.pc-nav-bd .nav-item.on,
.pc-nav-bd .nav-item:hover {
  color: #fff;
  background-color: #0081BC;
}
.pc-nav-bd .nav-item.on::before,
.pc-nav-bd .nav-item:hover::before {
  opacity: 1;
  transform: scaleX(1);
}
.travel-sort {
  position: relative;
  width: 76px;
}
.travel-sort .sort-title {
  position: relative;
  display: block;
  width: 76px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: #fff;
}
.travel-sort .sort-title::before {
  position: absolute;
  left: 50%;
  bottom: 12px;
  content: '';
  width: 12px;
  height: 2px;
  margin-left: -6px;
  border-radius: 1px;
  background-color: #fff;
  opacity: 0;
  transform: scaleX(0);
  transition: all 0.3s ease-out;
}
.travel-sort .sort-title.on,
.travel-sort .sort-title:hover {
  color: #fff;
  background-color: #0081BC;
}
.travel-sort .sort-title.on::before,
.travel-sort .sort-title:hover::before {
  opacity: 1;
  transform: scaleX(1);
}
.travel-sort .sort-content {
  display: none;
  position: absolute;
  width: 220px;
  background: rgba(255, 255, 255, 0.85);
}
.travel-sort:hover .sort-content {
  display: block;
}
.travel-sort .sort-item {
  max-height: 115px;
  padding: 19px 8px 19px 19px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  transition: background 0.3s;
}
.travel-sort .sort-item .item-tt {
  position: relative;
  height: 20px;
  line-height: 20px;
  padding-right: 20px;
  margin-bottom: 10px;
  color: #333;
  overflow: hidden;
}
.travel-sort .sort-item .item-tt strong {
  font-size: 18px;
}
.travel-sort .sort-item .item-tt .st {
  color: #333;
  font-size: 18px;
  font-weight: bold;
}
.travel-sort .sort-item .item-tt .st:hover {
  color: #00a0e9;
}
.travel-sort .sort-item .item-tt .tag {
  float: right;
  display: inline-block;
  height: 18px;
  padding: 0 5px;
  font-size: 12px;
  background: linear-gradient(303deg, #FF9427, #FFC063);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14);
  border-radius: 8px 8px 8px 0;
}
.travel-sort .sort-item .item-tt .arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
}
.travel-sort .sort-item .item-tt .arrow::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -3px;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  transform: rotate(45deg);
}
.travel-sort .sort-item .item-major {
  max-height: 45px;
  overflow: hidden;
}
.travel-sort .sort-item .item-major a {
  float: left;
  width: 33.33%;
  height: 22px;
  line-height: 22px;
  color: #333;
  font-size: 12px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.travel-sort .sort-item .item-major a.hot {
  color: #ec6941;
}
.travel-sort .sort-item .item-major a:hover {
  color: #ff9900;
}
.travel-sort .sort-item:hover {
  border-left: 10px solid #00a0e9;
  padding-left: 9px;
  background: rgba(0, 0, 0, 0.7);
}
.travel-sort .sort-item:hover strong {
  color: #fff;
}
.travel-sort .sort-item:hover .st {
  color: #fff;
}
.travel-sort .sort-item:hover .item-major a {
  color: #fff;
}
.travel-sort .sort-item:hover .item-content {
  display: block;
}
.travel-sort .sort-item:last-child {
  border-bottom: none;
}
.travel-sort .item-content {
  display: none;
  position: absolute;
  top: 0;
  right: -980px;
  width: 980px;
  min-height: 240px;
  background: rgba(0, 0, 0, 0.75);
  overflow: hidden;
}
.travel-sort .item-content .detail {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 0 10px;
  display: flex;
  box-sizing: border-box;
}
.travel-sort .item-content .detail dl {
  width: 15%;
  padding: 20px 10px;
}
.travel-sort .item-content .detail dt {
  margin-bottom: 15px;
  line-height: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.travel-sort .item-content .detail dt a {
  color: #fff;
}
.travel-sort .item-content .detail dt a:hover {
  color: #00a0e9;
}
.travel-sort .item-content .detail dd a {
  display: block;
  line-height: 25px;
  color: #fff;
}
.travel-sort .item-content .detail dd a.hot {
  color: #ec6941;
}
.travel-sort .item-content .detail dd a:hover {
  color: #ff9900;
}
.travel-sort .item-content .ad-pic {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
}
.travel-sort .item-content .ad-pic img {
  display: block;
}
.g-layer {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.6);
}
.g-layer.align-center {
  outline: none;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.indexPage .sort-content {
  display: block;
}
.m-sidenav {
  width: 300px;
  height: 340px;
  background: rgba(255, 255, 255, 0.9);
}
.m-sidenav .sidenav-item {
  position: relative;
  z-index: 1;
}
.m-sidenav .sidenav-item .hot {
  color: #f70;
}
.m-sidenav .sidenav-item a {
  display: inline-block;
  margin-right: 10px;
  line-height: 20px;
}
.m-sidenav .sidenav-item a:hover {
  color: #07e;
  text-decoration: underline;
}
.m-sidenav .sidenav-item:hover .item {
  background: #fff;
}
.m-sidenav .sidenav-item:hover .subcont {
  display: block;
}
.m-sidenav .sidenav-item:last-child .item {
  border-bottom: none;
}
.m-sidenav .item {
  padding: 9px 15px;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.m-sidenav .item .tt {
  height: 25px;
  line-height: 25px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.m-sidenav .item .desc {
  margin-top: 4px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}
.m-sidenav .arrow {
  position: absolute;
  right: 15px;
  top: 20px;
  width: 5px;
  height: 5px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  transform: rotate(45deg);
}
.m-sidenav .subcont {
  display: none;
  position: absolute;
  top: 0;
  left: 300px;
  width: 360px;
  padding: 10px 15px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-sizing: content-box;
}
.m-sidenav .subcont a {
  line-height: 25px;
}
.m-sidenav .subcont-list-tt {
  padding-top: 10px;
  line-height: 20px;
  font-size: 14px;
  color: #aaa;
}
.m-sidenav .subcont dl {
  line-height: 20px;
  padding: 10px 0;
  font-size: 14px;
  display: -webkit-flex;
  display: flex;
}
.m-sidenav .subcont dt {
  max-width: 100px;
  margin-right: 10px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.m-sidenav .subcont dt a {
  line-height: 20px;
}
.m-sidenav .subcont dd a {
  display: inline-block;
  vertical-align: top;
  min-width: 80px;
  line-height: 20px;
}
.subPage-bn {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 20%;
}
.subPage-bn .bn-bd {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.subPage-bn .bn-bd img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  object-fit: cover;
}
.subPage-bn.slider {
  left: 50%;
  width: 1920px;
  margin-left: -960px;
}
.subPage-bn.slider .sw-bd {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}
.subPage-bn.slider .sw-item {
  position: relative;
  width: 100%;
  flex-shrink: 0;
}
.subPage-bn.slider .sw-ft {
  position: absolute;
  bottom: 10px;
  z-index: 5;
  width: 100%;
  height: 10px;
  text-align: center;
}
.subPage-bn.slider .sw-ft .tag {
  display: inline-block;
  vertical-align: top;
  width: 10px;
  height: 5px;
  margin: 0 5px;
  background: #fff;
  opacity: 0.6;
  transition: all 0.3s;
}
.subPage-bn.slider .sw-ft .tag.on {
  width: 30px;
  opacity: 1;
}
.subpage-fill-bn {
  position: relative;
  width: 100%;
  height: 360px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 20%;
}
.subpage-fill-bn .sw-bd {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}
.subpage-fill-bn .sw-item {
  position: relative;
  width: 100%;
  flex-shrink: 0;
}
.subpage-fill-bn .sw-item img {
  width: 100%;
  object-fit: cover;
}
.subpage-fill-bn .sw-ft {
  position: absolute;
  left: 50%;
  bottom: 10px;
  z-index: 5;
  width: 600px;
  height: 10px;
  text-align: right;
}
.subpage-fill-bn .sw-ft .tag {
  display: inline-block;
  vertical-align: top;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 10px;
  background: #fff;
  opacity: 0.6;
  transition: all 0.3s;
}
.subpage-fill-bn .sw-ft .tag.on {
  width: 24px;
  opacity: 1;
}
.subpage-fill-bn .sw-ft .tag:only-of-type {
  display: none;
}
.s-bn1200 {
  position: relative;
  width: 1200px;
  margin: 20px auto;
  overflow: hidden;
}
.s-bn1200 img {
  display: block;
}
.s-bn1200 .sw-bd {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}
.s-bn1200 .sw-item {
  position: relative;
  width: 100%;
  flex-shrink: 0;
}
.s-bn1200 .sw-ft {
  position: absolute;
  left: 0;
  bottom: 10px;
  z-index: 5;
  width: 100%;
  height: 10px;
  text-align: right;
}
.s-bn1200 .sw-ft .tag {
  display: inline-block;
  vertical-align: top;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  border-radius: 10px;
  background: #fff;
  opacity: 0.6;
  transition: all 0.3s;
}
.s-bn1200 .sw-ft .tag.on {
  width: 24px;
  opacity: 1;
}
.layout-flex {
  display: -webkit-flex;
  display: flex;
}
.sidebar {
  width: 280px;
  margin-left: 40px;
  margin-top: 20px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.sidebar .side-module {
  margin-bottom: 20px;
  background: #fff;
}
.sidebar .side-module .mt {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #f5f5f5;
}
.sidebar .talent-list .talent-item {
  margin-top: 20px;
  display: flex;
}
.sidebar .talent-list .talent-item .face {
  width: 48px;
  height: 48px;
  margin-right: 10px;
  border-radius: 5px;
  overflow: hidden;
  flex-shrink: 0;
}
.sidebar .talent-list .talent-item .info {
  flex: 1;
  overflow: hidden;
}
.sidebar .talent-list .talent-item .name {
  line-height: 25px;
  color: #00ace5;
}
.sidebar .talent-list .talent-item .stat {
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
  overflow: hidden;
}
.sidebar .hot-list {
  padding: 10px 0;
}
.sidebar .hot-list .item {
  padding: 10px;
  display: flex;
}
.sidebar .hot-list .pic {
  width: 100px;
  height: 80px;
  margin-right: 10px;
  overflow: hidden;
  flex-shrink: 0;
}
.sidebar .hot-list .pic img {
  object-fit: cover;
  transition: all 0.8s;
}
.sidebar .hot-list .info {
  flex: 1;
  overflow: hidden;
}
.sidebar .hot-list .title {
  height: 40px;
  margin-bottom: 10px;
  line-height: 20px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sidebar .hot-list .price {
  height: 30px;
  line-height: 30px;
  color: #ff9900;
  font-size: 12px;
}
.sidebar .hot-list .price b {
  font-size: 18px;
}
.sidebar .hot-list .item:hover img {
  opacity: 0.85;
  transform: scale(1.05);
}
.sidebar .hot-list .item:hover .title {
  color: #00a0e9;
}
.sidebar .ad-pic {
  padding: 10px;
}
.sidebar .ad-pic .pic {
  display: block;
  width: 260px;
  overflow: hidden;
}
.sidebar .ad-pic .pic img {
  display: block;
  width: 100%;
  height: auto;
}
.footer {
  background: #333;
  min-height: 251px;
}
.footer .ft-info {
  padding: 40px 0;
}
.footer .ft-info .dt {
  line-height: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #aaa;
}
.footer .kf-phone {
  float: left;
  width: 600px;
}
.footer .kf-phone .dt {
  font-size: 24px;
}
.footer .kf-phone .dd {
  overflow: hidden;
}
.footer .kf-phone .dd p {
  width: 300px;
  margin-top: 10px;
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  color: #bbb;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.footer .ft-nav {
  float: left;
  width: 600px;
  font-size: 0;
  text-align: right;
}
.footer .ft-nav .item {
  display: inline-block;
  vertical-align: top;
  width: 160px;
  margin-left: 20px;
  text-align: left;
}
.footer .ft-nav .dd a {
  display: block;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  color: #888;
}
.footer .ft-nav .dd a:hover {
  color: #ccc;
}
.footer .ft-nav .gz .gz-wx {
  position: relative;
}
.footer .ft-nav .gz .gz-wx:hover .qrcode {
  display: block;
}
.footer .ft-nav .gz .qrcode {
  display: none;
  position: absolute;
  left: 0;
  top: 25px;
  z-index: 2;
  width: 100px;
  height: 100px;
  overflow: hidden;
}
.footer .ft-nav .gz .icons {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin: 3px 3px 2px 0;
  opacity: 0.6;
  filter: grayscale(100%);
  transition: all 0.3s;
}
.footer .ft-nav .gz .arrow {
  display: inline-block;
  vertical-align: top;
  width: 5px;
  height: 5px;
  margin-top: 9px;
  margin-left: 5px;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  transform: rotate(45deg);
}
.footer .ft-nav .gz a:nth-child(1) .icons {
  background-position: -50px 0;
}
.footer .ft-nav .gz a:nth-child(2) .icons {
  background-position: -70px 0;
}
.footer .ft-nav .gz a:nth-child(3) .icons {
  background-position: -90px 0;
}
.footer .ft-nav .gz a:nth-child(4) .icons {
  background-position: -110px 0;
}
.footer .ft-nav .gz a:hover .icons {
  opacity: 1;
  filter: grayscale(0);
}
.footer .copyright {
  padding: 10px 0;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  color: #888;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.crumb {
  padding: 15px 0;
  display: flex;
}
.crumb li {
  position: relative;
  display: inline-block;
  padding-right: 15px;
  line-height: 20px;
  font-size: 12px;
}
.crumb li::after {
  position: absolute;
  top: 0;
  right: 2px;
  content: '>';
  color: #ccc;
}
.crumb li:last-child {
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.crumb li:last-child::after {
  display: none;
}
.crumb li:last-child a {
  color: #555;
}
.crumb a {
  display: block;
  font-size: 12px;
  color: #999;
}
.crumb a:hover {
  color: #333;
}
.scroll-box {
  scrollbar-color: rgba(0, 0, 0, 0.15) #eee;
  scrollbar-width: thin;
  scrollbar-track-color: transparent;
}
.scroll-box::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: transparent;
}
.scroll-box::-webkit-scrollbar-button {
  display: none;
}
.scroll-box::-webkit-scrollbar-thumb {
  width: 8px;
  min-height: 15px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-in-out;
}
.scroll-box::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3) !important;
}
.required {
  color: #ff4040;
}
.detail-empty {
  min-height: calc(100vh - 363px);
}

.visa {
  min-height: calc(100vh - 363px);
}
.visa-banner {
  position: relative;
  width: 100%;
  height: 360px;
  overflow: hidden;
}
.visa-bd {
  position: relative;
  z-index: 2;
  width: 1200px;
  margin: -350px auto 0;
}
.visa-search {
  margin: 30px auto 10px;
  width: 900px;
}
.visa-search .txt {
  display: inline-block;
  width: 800px;
  height: 46px;
  line-height: 46px;
  padding: 0 15px;
  border: 1px solid #eee;
  outline: none;
  background: #fff;
  border-radius: 10px 0 0 10px;
  box-sizing: border-box;
}
.visa-search .btn {
  display: inline-block;
  width: 100px;
  height: 46px;
  line-height: 46px;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background: #f80;
  vertical-align: top;
  border-radius: 0 10px 10px 0;
  border: none;
  outline: none;
  cursor: pointer;
}
.visa-module {
  padding: 20px 0;
}
.visa-module .mt {
  margin-bottom: 10px;
  text-align: center;
}
.visa-module .mt strong {
  font-size: 24px;
  font-weight: normal;
  color: #333;
}
.visa-module .mt .desc {
  line-height: 20px;
  color: #aaa;
}
.visa-module .tabs-nav {
  padding: 5px 0;
  display: inline-block;
}
.visa-module .tabs-item {
  display: inline-block;
  padding: 0 10px 5px;
  line-height: 20px;
  font-size: 16px;
  cursor: pointer;
}
.visa-module .tabs-item.on {
  color: #00a0e9;
  border-bottom: 2px solid #00a0e9;
}
.visa-hot-list {
  margin-right: -20px;
  overflow: hidden;
}
.visa-hot-list .item {
  float: left;
  position: relative;
  width: 285px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.visa-hot-list .item .pic {
  width: 285px;
  height: 180px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 60%;
}
.visa-hot-list .item .pic img {
  display: block;
  object-fit: cover;
  transition: all 1s;
}
.visa-hot-list .item .info {
  position: absolute;
  left: 0;
  top: 150px;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.6);
  display: -webkit-flex;
  display: flex;
}
.visa-hot-list .item .lab {
  flex: 1;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.visa-hot-list .item .lab-e {
  opacity: 0.7;
}
.visa-hot-list .item .price {
  margin-left: 20px;
  font-size: 18px;
  font-family: Arial;
  color: #f90;
}
.visa-hot-list .item .tt {
  font-size: 16px;
  padding-top: 5px;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.visa-hot-list .item:hover img {
  opacity: 0.85;
  transform: scale(1.05);
}
.visa-offer-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.visa-offer-list .item {
  position: relative;
  width: 300px;
  height: 50px;
  margin: 10px 0;
  display: -webkit-flex;
  display: flex;
}
.visa-offer-list .item::before {
  display: none;
  position: absolute;
  left: -10px;
  top: -10px;
  z-index: -1;
  content: '';
  width: 300px;
  height: 70px;
  box-sizing: border-box;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.visa-offer-list .item:hover::before {
  display: block;
}
.visa-offer-list .pic {
  width: 75px;
  height: 50px;
  border-radius: 5px;
  flex-shrink: 0;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 80%;
}
.visa-offer-list .info {
  -webkit-flex: 1;
  flex: 1;
  padding: 0 20px 0 10px;
  overflow: hidden;
}
.visa-offer-list .tt {
  height: 25px;
  line-height: 25px;
  margin-bottom: 5px;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.visa-offer-list .price {
  height: 20px;
  line-height: 20px;
  color: #f80;
  font-size: 18px;
  font-family: Arial;
}
.visa-offer-list .oldPrice {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  font-family: Arial;
  text-decoration: line-through;
  margin-left: 10px;
  color: #aaa;
}
.visa-offer-list .discount {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  line-height: 15px;
  margin-left: 4px;
  margin-top: 2px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background: #f80;
  border-radius: 2px;
}
.visa-offer-list .discount-price {
  margin-left: 4px;
  font-size: 12px;
  color: #aaa;
}
.visa-offer .more {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 12px;
  margin-top: 10px;
  border: 1px solid #e5e5e5;
  box-sizing: content-box;
  border-radius: 2px;
}
.visa-exemption .mt .more {
  margin-left: 30px;
}
.visa-exemption .mt .more:hover {
  color: #00a0e9;
}
.visa-exemption-wrap {
  margin-bottom: 20px;
  background: #fff;
}
.visa-exemption-wrap .tabs-nav {
  height: 50px;
  background: #fff;
  border-bottom: 1px solid #f5f5f5;
}
.visa-exemption-wrap .tabs-item {
  position: relative;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 10px;
  margin: 0 20px;
  font-size: 18px;
  color: #333;
  cursor: pointer;
  box-sizing: content-box;
}
.visa-exemption-wrap .tabs-item:hover {
  color: #00a0e9;
}
.visa-exemption-wrap .tabs-item.on {
  font-weight: bold;
  color: #00a0e9;
  border-bottom: 2px solid #00a0e9;
}
.visa-exemption-wrap .tabs-item.on::before,
.visa-exemption-wrap .tabs-item.on::after {
  display: block;
}
.visa-exemption-wrap .mc {
  padding: 20px;
}
.visa-exemption-list {
  display: none;
  margin-right: -20px;
  padding-bottom: 200px;
}
.visa-exemption-list:first-child {
  display: block;
}
.visa-exemption-list::before,
.visa-exemption-list::after {
  content: '';
  display: table;
}
.visa-exemption-list::after {
  clear: both;
}
.visa-exemption-list .item {
  float: left;
  position: relative;
  width: 185px;
  height: 120px;
  margin-right: 18px;
  margin-bottom: 18px;
  cursor: pointer;
}
.visa-exemption-list .item:hover .exem-popup {
  display: block;
}
.visa-exemption-list .pic {
  width: 185px;
  height: 120px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 60%;
}
.visa-exemption-list .pic img {
  display: block;
  object-fit: cover;
}
.visa-exemption-list .tt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 30px 0;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  overflow: hidden;
  box-sizing: content-box;
}
.visa-exemption-list .exem-popup {
  display: none;
  position: absolute;
  z-index: 5;
  left: 50%;
  top: 120px;
  width: 320px;
  margin-left: -160px;
  font-size: 12px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.visa-exemption-list .exem-popup::before {
  position: absolute;
  top: -10px;
  left: 50%;
  content: '';
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}
.visa-exemption-list .exem-popup .tips {
  padding: 10px;
  border-bottom: 1px solid #eee;
  display: -webkit-flex;
  display: flex;
}
.visa-exemption-list .exem-popup .tips-icon {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-right: 5px;
}
.visa-exemption-list .exem-popup .tips-icon svg {
  fill: #00a0e9;
}
.visa-exemption-list .exem-popup .tips-txt {
  line-height: 18px;
  color: #999;
}
.visa-exemption-list .exem-popup-tt {
  padding-top: 10px;
  text-align: center;
  font-size: 16px;
}
.visa-exemption-list .exem-popup-inner {
  max-height: 300px;
  padding: 20px 20px;
  overflow-y: auto;
}
.visa-exemption-list .exem-popup-inner .factor {
  position: relative;
  font-weight: bold;
}
.visa-exemption-list .exem-popup-inner .factor::before {
  position: absolute;
  left: -8px;
  top: 4px;
  content: '';
  width: 3px;
  height: 10px;
  background: #00a0e9;
}
.visa-exemption-list .exem-popup-inner p {
  padding: 5px 0;
  line-height: 18px;
}
.visa-exemption-list .exem-popup-inner .cont p {
  padding: 0;
}
.visa-tool-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.visa-tool-module {
  padding: 20px;
  background: #fff;
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.visa-tool-module .hd {
  margin-bottom: 10px;
  line-height: 20px;
  overflow: hidden;
}
.visa-tool-module .hd strong {
  font-size: 18px;
  font-weight: normal;
  color: #333;
}
.visa-tool-module .hd a {
  float: right;
  color: #00a0e9;
}
.visa-embassy {
  width: 590px;
  margin-right: 10px;
}
.visa-embassy-search {
  position: relative;
  display: -webkit-flex;
  display: flex;
}
.visa-embassy-search .ipt {
  width: 100%;
  height: 38px;
  line-height: 38px;
  text-indent: 15px;
  border: 1px solid #eee;
  outline: none;
  box-sizing: content-box;
}
.visa-embassy-search .btn {
  display: block;
  width: 160px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #00a0e9;
  border: none;
  outline: none;
  cursor: pointer;
}
.visa-embassy-search .selection-panel {
  top: 40px;
}
.visa-embassy .hot-country {
  margin-top: 10px;
}
.visa-embassy .hot-country a {
  display: inline-block;
  margin-right: 10px;
  color: #00a0e9;
}
.visa-newbook {
  width: 590px;
  margin-left: 10px;
}
.visa-newbook-wrap {
  position: relative;
  height: 100px;
  overflow: hidden;
}
.visa-newbook-item {
  padding: 5px 0;
  height: 50px;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
}
.visa-newbook-item .avatar {
  width: 30px;
  height: 30px;
  margin-top: 5px;
  margin-right: 10px;
  border-radius: 50%;
  background: #eee url(/static/assets/img/user-bg.jpg) no-repeat center center / 100%;
  overflow: hidden;
}
.visa-newbook-item .info {
  -webkit-flex: 1;
  flex: 1;
  line-height: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.visa-newbook-item .desc {
  font-size: 12px;
  color: #00a0e9;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.visa-question {
  width: 100%;
  margin-top: 20px;
}
.visa-question-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.visa-question-list .item {
  width: 50%;
  margin: 10px 0;
  box-sizing: border-box;
}
.visa-question-list .item-row {
  display: -webkit-flex;
  display: flex;
  line-height: 20px;
}
.visa-question-list .item-row .tag {
  margin-right: 5px;
  color: #00a0e9;
  font-family: Arial;
}
.visa-question-list .item-row .tt {
  flex: 1;
  max-height: 80px;
  font-weight: bold;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.visa-question-list .item-row .tt:hover {
  color: #00a0e9;
}
.visa-question-list .item-row .desc {
  height: 36px;
  line-height: 18px;
  color: #999;
  font-size: 12px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.visa-question-list .item-row .desc p {
  margin: 0;
}
.visa-question-list .item:nth-child(odd) {
  padding-right: 20px;
}
.visa-question-list .item:nth-child(even) {
  padding-left: 20px;
}
.visa-consulate {
  min-height: calc(100vh - 433px);
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid #e5e5e5;
  background: #fff;
  box-sizing: border-box;
}
.visa-consulate .mt {
  line-height: 20px;
}
.visa-consulate .mt strong {
  font-size: 18px;
  color: #333;
}
.visa-consulate-list {
  margin-right: -40px;
  overflow: hidden;
}
.visa-consulate-list .item {
  float: left;
  width: 89px;
  margin-top: 20px;
  margin-right: 30px;
  text-align: center;
}
.visa-consulate-list .item .pic {
  width: 87px;
  height: 58px;
  border: 1px solid #eee;
  border-radius: 5px;
  overflow: hidden;
  box-sizing: content-box;
}
.visa-consulate-list .item .name {
  line-height: 20px;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.visa-consulate-list .item:hover .name {
  color: #00a0e9;
}
.visa-consulate-detail .hd {
  display: -webkit-flex;
  display: flex;
  padding-bottom: 15px;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.visa-consulate-detail .hd .pic {
  width: 45px;
  height: 28px;
  margin-right: 10px;
  border: 1px solid #eee;
  box-sizing: content-box;
}
.visa-consulate-detail .hd .name {
  -webkit-flex: 1;
  flex: 1;
  line-height: 30px;
  font-size: 20px;
  color: #333;
  overflow: hidden;
}
.visa-consulate-detail .bd {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.visa-consulate-detail .item {
  width: 25%;
  padding: 10px;
  box-sizing: border-box;
}
.visa-consulate-detail .item h2 {
  font-size: 18px;
  font-weight: normal;
  color: #333;
}
.visa-consulate-detail .item h3 {
  font-size: 14px;
}
.visa-consulate-detail .item p {
  padding: 2px 0;
  line-height: 20px;
  font-size: 12px;
}
.visa-list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.visa-list-wrap {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
  -webkit-flex: 1;
  flex: 1;
}
.visa-list-item {
  display: -webkit-flex;
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #eee;
}
.visa-list-item:first-child {
  padding-top: 0;
}
.visa-list-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.visa-list-item .pic {
  width: 150px;
  height: 100px;
  margin-right: 20px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 60%;
}
.visa-list-item .pic img {
  object-fit: cover;
}
.visa-list-item .info {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.visa-list-item .title {
  max-height: 40px;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  overflow: hidden;
}
.visa-list-item .tag-row {
  margin: 5px 0 10px;
}
.visa-list-item .tag {
  display: inline-block;
  vertical-align: top;
  height: 18px;
  line-height: 18px;
  padding: 0 5px;
  margin: 1px 5px 1px 0;
  font-size: 12px;
  color: #00a0e9;
  border-radius: 3px;
  border: 1px solid #99ccff;
  box-sizing: content-box;
}
.visa-list-item .desc span {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #777;
}
.visa-list-item em {
  color: #f80;
}
.visa-list-item .sale-info {
  padding: 25px 0;
  margin-left: 40px;
  text-align: right;
}
.visa-list-item .price {
  line-height: 30px;
}
.visa-list-item .num {
  font-size: 24px;
  font-family: Arial;
  color: #f80;
}
.visa-list-item .up {
  margin-left: 2px;
  font-size: 12px;
}
.visa-list-item .situation {
  height: 16px;
  line-height: 16px;
  font-size: 12px;
}
.visa-list-item .situation span {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #e5e5e5;
  color: #aaa;
}
.visa-list-item .situation span:first-child {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}
.visa-list-item:hover .title {
  color: #00a0e9;
}
.visa-list-side {
  width: 260px;
  margin-left: 20px;
}
.visa-side-module {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
}
.visa-side-module .mt strong {
  font-size: 16px;
  color: #333;
}
.visa-side-module .statis {
  margin-bottom: 20px;
  display: -webkit-flex;
  display: flex;
}
.visa-side-module .statis-item {
  width: 50%;
  text-align: center;
  box-sizing: border-box;
}
.visa-side-module .statis-item b {
  font-size: 20px;
  font-family: Arial;
  font-weight: normal;
  color: #f80;
}
.visa-side-module .statis-item p {
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
}
.visa-side-module .statis-item:first-child {
  border-right: 1px solid #eee;
}
.visa-side-module .trait-item {
  padding: 10px 0;
  display: -webkit-flex;
  display: flex;
}
.visa-side-module .trait-item .icon {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-top: 5px;
  margin-right: 10px;
  text-align: center;
  font-size: 28px;
  color: #00a0e9;
}
.visa-side-module .trait-item .info {
  -webkit-flex: 1;
  flex: 1;
  line-height: 20px;
  overflow: hidden;
}
.visa-side-module .trait-item h4 {
  font-size: 15px;
}
.visa-side-module .trait-item p {
  font-size: 12px;
  color: #999;
}
.visa-side-module .hot-item {
  display: -webkit-flex;
  display: flex;
  margin-top: 20px;
}
.visa-side-module .hot-item .pic {
  width: 60px;
  height: 40px;
  margin-right: 10px;
}
.visa-side-module .hot-item .info {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.visa-side-module .hot-item .tt {
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.visa-side-module .hot-item .price {
  color: #f80;
  font-weight: bold;
}
.visa-detail-head {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
  display: -webkit-flex;
  display: flex;
}
.visa-detail-head .pic {
  width: 225px;
  height: 150px;
  margin-right: 20px;
  border: 1px solid #eee;
  box-sizing: content-box;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 60%;
}
.visa-detail-head .info {
  -webkit-flex: 1;
  flex: 1;
}
.visa-detail-head .tt {
  max-height: 60px;
  line-height: 30px;
  font-size: 24px;
  color: #333;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.visa-detail-head .tag-row {
  margin: 5px 0 10px;
}
.visa-detail-head .tag {
  display: inline-block;
  vertical-align: top;
  height: 18px;
  line-height: 18px;
  padding: 0 5px;
  margin: 1px 5px 1px 0;
  font-size: 12px;
  color: #00a0e9;
  border-radius: 3px;
  border: 1px solid #99ccff;
  box-sizing: content-box;
}
.visa-detail-head .desc span {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #777;
}
.visa-detail-head .prop {
  margin: 10px 0;
  padding: 10px;
  border: 1px dashed #eee;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.visa-detail-head .prop-row {
  width: 33.33%;
  padding: 5px 10px;
  line-height: 20px;
  font-size: 12px;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
}
.visa-detail-head .prop-row:last-child {
  width: 100%;
}
.visa-detail-head .prop-dt {
  font-weight: bold;
  color: #444;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.visa-detail-head .prop-dd pre {
  margin: 0;
  white-space: pre-wrap;
}
.visa-detail-head .prop-explain {
  position: relative;
  z-index: 5;
  display: inline-block;
}
.visa-detail-head .prop-explain .icon {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-left: 5px;
  margin-top: 2px;
}
.visa-detail-head .prop-explain-box {
  display: none;
  position: absolute;
  right: -330px;
  top: 0;
  width: 320px;
  transform: translateY(calc(-50% + 10px));
}
.visa-detail-head .prop-explain-box::before {
  position: absolute;
  top: 50%;
  left: -10px;
  content: '';
  width: 0;
  height: 0;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent rgba(0, 0, 0, 0.9) transparent transparent;
}
.visa-detail-head .prop-explain .cont {
  width: 300px;
  max-height: 300px;
  padding: 10px;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  overflow-y: auto;
  scrollbar-color: rgba(255, 255, 255, 0.15) #eee;
}
.visa-detail-head .prop-explain .cont::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
}
.visa-detail-head .prop-explain .cont::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.4) !important;
}
.visa-detail-head .prop-explain .cont pre {
  margin: 0;
  white-space: pre-wrap;
}
.visa-detail-head .prop-explain:hover .prop-explain-box {
  display: block;
}
.visa-detail-head .price-box {
  padding: 20px;
  background: #f8f8f8;
}
.visa-detail-head .price-box .tips {
  padding-top: 10px;
  margin-top: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
  border-top: 1px dashed #eee;
}
.visa-detail-head .price-box .tips-row {
  margin-bottom: 5px;
}
.visa-detail-head .price-box .tips-row:last-child {
  margin-bottom: 0;
}
.visa-detail-head .price-row {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.visa-detail-head .price {
  -webkit-flex: 1;
  flex: 1;
}
.visa-detail-head .price em,
.visa-detail-head .price .num {
  font-family: Arial;
  color: #f80;
}
.visa-detail-head .price .num {
  font-size: 30px;
}
.visa-detail-head .price .up {
  margin-left: 2px;
  font-size: 12px;
}
.visa-detail-head .situation {
  height: 34px;
  padding: 7px 10px;
  background: #fff;
  border: 1px solid #eee;
  display: -webkit-flex;
  display: flex;
  box-sizing: content-box;
}
.visa-detail-head .percent {
  line-height: 20px;
  text-align: center;
}
.visa-detail-head .percent b {
  font-size: 18px;
  font-family: Arial;
  color: #f80;
}
.visa-detail-head .percent p {
  line-height: 14px;
  font-size: 12px;
  color: #aaa;
}
.visa-detail-head .line {
  height: 100%;
  width: 1px;
  background: #eee;
  margin: 0 10px;
}
.visa-detail-head .comment {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.visa-detail-head .comment p {
  line-height: 17px;
  font-size: 12px;
  color: #aaa;
}
.visa-detail-head .comment em {
  color: #555;
}
.visa-detail-head .buy-btn {
  display: block;
  width: 140px;
  height: 50px;
  line-height: 50px;
  margin-left: 40px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  background: #f80;
  border-radius: 4px;
}
.visa-detail-cont .detail-nav {
  padding: 0 20px;
  height: 50px;
  background: #fff;
  border-bottom: 1px solid #f5f5f5;
  box-sizing: border-box;
}
.visa-detail-cont .detail-nav-item {
  display: inline-block;
  vertical-align: top;
  height: 50px;
  line-height: 50px;
  margin: 0 20px;
  font-size: 16px;
  font-weight: 700;
  box-sizing: border-box;
  cursor: pointer;
}
.visa-detail-cont .detail-nav-item:hover {
  color: #00a0e9;
}
.visa-detail-cont .detail-nav-item.on {
  color: #00a0e9;
  border-bottom: 2px solid #00a0e9;
}
.visa-detail-cont .detail-nav.tofixed {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 1200px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.visa-detail-module {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
}
.visa-detail-module .mt {
  position: relative;
  height: 20px;
  line-height: 20px;
  padding-left: 10px;
  margin-bottom: 10px;
}
.visa-detail-module .mt strong {
  font-size: 18px;
  color: #333;
}
.visa-detail-module .mt::before {
  position: absolute;
  left: 0;
  top: 3px;
  content: '';
  width: 3px;
  height: 14px;
  background: #00a0e9;
}
.visa-detail-module img {
  max-width: 100%;
}
.visa-booking-head .tt {
  font-size: 24px;
  color: #333;
}
.visa-booking-head .info {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eee;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.visa-booking-head .info-li {
  width: 33.33%;
  padding: 5px 20px 5px 0;
  box-sizing: border-box;
}
.visa-booking-head .booking-form {
  margin-top: 20px;
}
.visa-booking .express-info {
  margin: 20px 0;
}
.visa-booking .express-info b {
  margin-right: 20px;
  color: #333;
}
.visa-booking .express-info .price {
  color: #f80;
}
.visa-booking .delivery-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.visa-booking .delivery-item {
  position: relative;
  width: 160px;
  padding: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  border: 1px solid #eee;
  box-sizing: content-box;
  cursor: pointer;
}
.visa-booking .delivery-item .tag {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  color: #fff;
  font-size: 12px;
  background-color: #00a0e9;
}
.visa-booking .delivery-item .name {
  font-size: 15px;
  font-weight: bold;
  color: #333;
}
.visa-booking .delivery-item .address {
  margin-top: 10px;
  height: 48px;
  line-height: 16px;
  font-size: 12px;
}
.visa-booking .delivery-item .action {
  position: absolute;
  left: 20px;
  bottom: 10px;
  font-size: 12px;
}
.visa-booking .delivery-item .action span {
  display: inline-block;
  margin-right: 10px;
  color: #09e;
  cursor: pointer;
}
.visa-booking .delivery-item.on {
  border-color: #00a0e9;
}
.visa-booking .delivery-item.on::before,
.visa-booking .delivery-item.on::after {
  position: absolute;
  right: 0;
  bottom: 0;
  content: '';
}
.visa-booking .delivery-item.on::before {
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #00a0e9 #00a0e9 transparent;
}
.visa-booking .delivery-item.on::after {
  right: 2px;
  bottom: 4px;
  width: 8px;
  height: 5px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  box-sizing: content-box;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.visa-booking .delivery-popup .popup-cont {
  padding: 20px 50px;
}
.visa-ques-tab {
  height: 50px;
  background: #fff;
  border-bottom: 1px solid #f5f5f5;
}
.visa-ques-tab .item {
  position: relative;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 10px;
  margin: 0 20px;
  font-size: 18px;
  color: #333;
  cursor: pointer;
  box-sizing: content-box;
}
.visa-ques-tab .item:hover {
  color: #00a0e9;
}
.visa-ques-tab .item::before,
.visa-ques-tab .item::after {
  display: none;
  position: absolute;
  left: 50%;
  bottom: -12px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
}
.visa-ques-tab .item::before {
  margin-left: -6px;
  border-width: 6px;
  border-color: #00a0e9 transparent transparent transparent;
}
.visa-ques-tab .item::after {
  bottom: -8px;
  margin-left: -4px;
  border-width: 4px;
  border-color: #fff transparent transparent transparent;
}
.visa-ques-tab .item.on {
  font-weight: bold;
  color: #00a0e9;
  border-bottom: 2px solid #00a0e9;
}
.visa-ques-tab .item.on::before,
.visa-ques-tab .item.on::after {
  display: block;
}
.visa-ques-wrap {
  min-height: 400px;
  margin-bottom: 20px;
  background: #fff;
}
.visa-ques-wrap .visa-ques-list {
  display: none;
}
.visa-ques-wrap .visa-ques-list:first-child {
  display: block;
}
.visa-ques-list-item {
  display: block;
  padding: 10px 20px;
  line-height: 20px;
  border-bottom: 1px dashed #eee;
}
.visa-ques-list-item:last-child {
  border-bottom: none;
}
.visa-ques-list-item .tt {
  font-size: 15px;
  font-weight: bold;
}
.visa-ques-list-item .desc {
  color: #aaa;
  font-size: 12px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.visa-ques-list-item:hover .tt {
  color: #00a0e9;
}
.visa-ques-detail {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
}
.visa-ques-detail .title {
  line-height: 30px;
  font-size: 24px;
  color: #333;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #eee;
}
.visa-ques-detail-cont {
  min-height: 360px;
}
.visa-ques-detail-cont img {
  max-width: 100%;
}
.visa-ques-detail-cont p {
  padding: 5px 0;
}
.visa-process {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 20px 0;
}
.visa-process-item {
  position: relative;
  width: 160px;
  text-align: center;
}
.visa-process-item::before {
  position: absolute;
  top: 30px;
  right: -4px;
  content: '';
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-radius: 50%;
  background: rgba(170, 218, 242, 0.4);
  box-shadow: -15px 0 0 0 rgba(170, 218, 242, 0.4), 15px 0 0 0 rgba(170, 218, 242, 0.4);
}
.visa-process-item .icon {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  background: #bcdbeb;
  border-radius: 50%;
}
.visa-process-item .icon svg {
  margin-top: 18px;
  fill: #fff;
}
.visa-process-item .tt {
  padding-top: 10px;
  line-height: 20px;
  color: #57add9;
  font-size: 16px;
}
.visa-process-item:last-child::before {
  display: none;
}
@media screen and (max-width: 1500px) {
  .visa-detail-head .prop-explain-box {
    right: 24px !important;
  }
  .visa-detail-head .prop-explain-box::before {
    left: initial !important;
    right: -10px;
    border-color: transparent transparent transparent rgba(0, 0, 0, 0.9);
  }
}
#detail-intro p {
  padding: 5px 0;
}
#detail-material .material-nav {
  margin-bottom: 10px;
}
#detail-material .material-nav-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 36px;
  line-height: 36px;
  padding: 0 20px;
  margin-right: 10px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: content-box;
  cursor: pointer;
}
#detail-material .material-nav-item:hover {
  color: #00a0e9;
  border-color: #00a0e9;
}
#detail-material .material-nav-item.on {
  color: #fff;
  border-color: #00a0e9;
  background: #00a0e9;
}
#detail-material .material-nav-item.on::before {
  position: absolute;
  left: 50%;
  bottom: -10px;
  content: '';
  width: 0;
  height: 0;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #00a0e9 transparent transparent transparent;
}
#detail-material .table-pane table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #eee;
  overflow: hidden;
}
#detail-material .table-pane table thead tr:first-child {
  text-align: left;
}
#detail-material .table-pane table thead tr:last-child {
  background: #fafafa;
}
#detail-material .table-pane table th,
#detail-material .table-pane table td {
  padding: 8px 10px;
  border: 1px solid #eee;
}
#detail-material .table-pane .hd {
  font-size: 15px;
  color: #333;
}
#detail-material .table-pane .tt {
  font-weight: bold;
  color: #333;
}
#detail-material .table-pane .must {
  margin-left: 5px;
  color: #ff4c4c;
}
#detail-material .table-pane .link,
#detail-material .table-pane .look {
  color: #07e;
  cursor: pointer;
}
#detail-material .table-pane .tac {
  text-align: center;
}
#detail-process .process-box {
  margin-left: 30px;
  margin-top: 30px;
}
#detail-process .process-item {
  position: relative;
  padding: 5px 20px 20px;
  border-left: 1px solid #00a0e9;
  display: -webkit-flex;
  display: flex;
}
#detail-process .process-item .num {
  position: absolute;
  left: -13px;
  top: 0;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #00a0e9;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(0, 160, 233, 0.2);
}
#detail-process .process-item .title {
  width: 160px;
  margin: 0 20px;
  line-height: 20px;
  font-size: 15px;
  font-weight: bold;
  -webkit-flex-shirnk: 0;
  flex-shrink: 0;
}
#detail-process .process-item:last-child {
  padding-bottom: 0;
  border-left: none;
}
#detail-hnow .hnow-box p {
  padding: 2px 0;
  line-height: 20px;
}
.examples-box {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.examples-wrap {
  position: relative;
}
.examples-wrap .close {
  position: absolute;
  right: -26px;
  top: 0;
  width: 26px;
  height: 26px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.8);
}
.examples-wrap .close::before,
.examples-wrap .close::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 20px;
  height: 2px;
  margin-left: -10px;
  margin-top: -1px;
  background: #fff;
}
.examples-wrap .close::before {
  transform: rotate(45deg);
}
.examples-wrap .close::after {
  transform: rotate(-45deg);
}
.examples-wrap .close:hover::before,
.examples-wrap .close:hover::after {
  background: #00a0e9;
}
.examples-wrap .pic {
  padding: 10px;
  background: rgba(0, 0, 0, 0.8);
}
.examples-wrap .pic img {
  display: block;
  width: auto;
  height: auto;
  max-width: 1000px;
  max-height: 600px;
}
.visa-popup {
  display: inline-block;
  position: relative;
}
.visa-popup:hover .tips {
  display: block;
}
.visa-popup .tips {
  display: none;
  position: absolute;
  z-index: 5;
  left: 50%;
  top: calc(100% + 6px);
  width: 320px;
  transform: translateX(-50%);
  font-size: 12px;
  background: #fff;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
  border-radius: 4px;
  padding: 8px 12px;
}
.visa-popup .tips::before {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}
.visa-popup .tips-icon {
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  margin: 0 5px;
}
.visa-popup .tips-icon svg {
  fill: #00a0e9;
}
.visa-popup .tips-txt {
  max-height: 400px;
  overflow-y: auto;
  line-height: 18px;
  color: #999;
}

.liner-banner {
  position: relative;
  width: 100%;
  height: 360px;
}
.liner-bd {
  position: relative;
  z-index: 2;
  width: 1200px;
  margin: -350px auto 0;
}
.liner-bd .sidenav-item .desc {
  height: 36px;
  line-height: 18px;
}
.liner-bd .sidenav-item .subcont {
  width: 480px;
}
.liner-tabs {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
}
.liner-tabs-item {
  display: inline-block;
  position: relative;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  cursor: pointer;
}
.liner-tabs-item.on {
  color: #fff;
  font-weight: bold;
  background: #00a0e9;
  border-radius: 15px;
}
.liner-tabs-item.on::before {
  position: absolute;
  left: 50%;
  bottom: -8px;
  content: '';
  width: 0;
  height: 0;
  margin-left: -4px;
  border-width: 4px;
  border-style: solid;
  border-color: #00a0e9 transparent transparent transparent;
}
.liner-module {
  margin-bottom: 40px;
}
.liner-module .mt {
  height: 30px;
  line-height: 30px;
}
.liner-module .mt::before,
.liner-module .mt::after {
  content: '';
  display: table;
}
.liner-module .mt::after {
  clear: both;
}
.liner-module .mt strong {
  font-size: 24px;
  color: #333;
}
.liner-module .mt .more {
  float: right;
}
.liner-module .mt .arrow {
  position: relative;
  display: inline-block;
  vertical-align: -1px;
  width: 14px;
  height: 14px;
  margin-left: 4px;
  border-radius: 50%;
  background: #00a0e9;
}
.liner-module .mt .arrow::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 5px;
  height: 5px;
  margin-top: -3px;
  margin-left: -4px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.liner-recom {
  padding-top: 40px;
}
.liner-recom-list {
  margin-right: -20px;
}
.liner-recom-list::before,
.liner-recom-list::after {
  content: '';
  display: table;
}
.liner-recom-list::after {
  clear: both;
}
.liner-recom-list .item {
  float: left;
  width: 285px;
  margin-top: 20px;
  margin-right: 20px;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.liner-recom-list .item .pic {
  width: 285px;
  height: 180px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 60%;
}
.liner-recom-list .item .pic img {
  object-fit: cover;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.liner-recom-list .item .info {
  height: 60px;
  padding: 5px 10px 10px;
  box-sizing: content-box;
}
.liner-recom-list .item .title {
  line-height: 20px;
  font-size: 16px;
  color: #333;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}
.liner-recom-list .item .desc {
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.liner-recom-list .item .bt-row {
  line-height: 20px;
  padding: 0 10px 10px;
  font-size: 12px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.liner-recom-list .item .price {
  color: #f80;
}
.liner-recom-list .item .price span {
  font-size: 16px;
  font-family: Arial;
}
.liner-recom-list .item:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.liner-recom-list .item:hover .pic img {
  opacity: 0.9;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.liner-recom-list .item:hover .title {
  color: #00a0e9;
}
.liner-calendar-wrap {
  margin-top: 20px;
  border: 2px solid #00a0e9;
  background: #fff;
}
.liner-calendar-hd {
  position: relative;
  height: 48px;
  line-height: 48px;
  background: #00a0e9;
  overflow: hidden;
}
.liner-calendar-hd .hd-lable {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 20px;
  color: #fff;
}
.liner-calendar-hd .arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 30px;
  padding: 9px 10px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  box-sizing: content-box;
}
.liner-calendar-hd .arrow span {
  float: left;
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border-radius: 50%;
}
.liner-calendar-hd .arrow span::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 9px;
  height: 9px;
  margin-left: -5px;
  margin-top: -5px;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
}
.liner-calendar-hd .arrow span:hover {
  background: rgba(255, 255, 255, 0.1);
}
.liner-calendar-hd .arrow span.not {
  cursor: default;
  background: none;
}
.liner-calendar-hd .arrow span.not::before {
  opacity: 0.4;
}
.liner-calendar-hd .arrow .prev {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.liner-calendar-hd .arrow .next {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.liner-calendar-tab {
  margin: 0 20px 0 80px;
  white-space: nowrap;
  overflow: hidden;
}
.liner-calendar-tab .tab-list {
  position: relative;
  left: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.liner-calendar-tab .tab-item {
  display: inline-block;
  max-width: 240px;
  height: 30px;
  line-height: 30px;
  padding: 0 14px;
  margin: 9px 0;
  margin-right: 10px;
  font-size: 16px;
  color: #fff;
  text-overflow: ellipsis;
  opacity: 0.7;
  cursor: pointer;
  overflow: hidden;
}
.liner-calendar-tab .tab-item.on {
  font-weight: bold;
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 15px;
}
.liner-calendar-switch {
  padding: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.liner-calendar-switch .switch-month {
  position: relative;
  height: 40px;
  overflow: hidden;
}
.liner-calendar-switch .switch-month .arrow {
  position: absolute;
  top: 50%;
  right: 55px;
  z-index: 1;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  transform: rotate(45deg);
}
.liner-calendar-switch .switch-month .prev,
.liner-calendar-switch .switch-month .next {
  position: relative;
  float: left;
  width: 40px;
  height: 40px;
  border: 1px solid #ccc;
  border-radius: 40px 0 0 40px;
  cursor: pointer;
  box-sizing: border-box;
}
.liner-calendar-switch .switch-month .prev::before,
.liner-calendar-switch .switch-month .next::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-left: 1px solid #333;
  border-top: 1px solid #333;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.liner-calendar-switch .switch-month .prev.not,
.liner-calendar-switch .switch-month .next.not {
  cursor: default;
  background: #fafafa;
}
.liner-calendar-switch .switch-month .prev.not::before,
.liner-calendar-switch .switch-month .next.not::before {
  border-color: #bbb;
}
.liner-calendar-switch .switch-month .next {
  border-radius: 0 38px 38px 0;
}
.liner-calendar-switch .switch-month .next::before {
  margin-left: -7px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.liner-calendar-switch .switch-month .month-bd {
  float: left;
  width: 160px;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  font-size: 18px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-left: none;
  border-right: none;
  outline: none;
  appearance: none;
}
.liner-calendar-switch .switch-month .month-bd option {
  font-size: 14px;
}
.liner-calendar-switch .setout-city {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
  flex: 1;
  height: 24px;
  line-height: 24px;
  padding: 8px 0;
  overflow: hidden;
  box-sizing: content-box;
}
.liner-calendar-switch .setout-city-tt {
  margin-left: 20px;
}
.liner-calendar-switch .setout-city-bd {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.liner-calendar-switch .setout-city-bd .city-list {
  display: -webkit-flex;
  display: flex;
}
.liner-calendar-switch .setout-city-bd span {
  flex-shrink: 0;
  display: inline-block;
  vertical-align: top;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  cursor: pointer;
  user-select: none;
}
.liner-calendar-switch .setout-city-bd span.on {
  color: #fff;
  border-radius: 12px;
  background: #00a0e9;
}
.liner-calendar-bd .week {
  display: -webkit-flex;
  display: flex;
}
.liner-calendar-bd .week-day {
  -webkit-flex: 1;
  flex: 1;
  padding-bottom: 6px;
  line-height: 14px;
  text-align: center;
  font-size: 12px;
  color: #aaa;
}
.liner-calendar-bd .week-day:first-child,
.liner-calendar-bd .week-day:last-child {
  color: #f80;
}
.liner-calendar-bd .daily {
  width: 100%;
  border-top: 1px solid #e8e8e8;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.liner-calendar-bd .day {
  position: relative;
  width: calc(100% / 7);
  height: 100px;
  border-bottom: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.liner-calendar-bd .day a {
  display: block;
  padding: 10px;
}
.liner-calendar-bd .day-tt {
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
}
.liner-calendar-bd .day-ship {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.liner-calendar-bd .day-more {
  position: absolute;
  left: 10px;
  bottom: 10px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  color: #aaa;
}
.liner-calendar-bd .day-more .arrow {
  display: inline-block;
  vertical-align: top;
  width: 5px;
  height: 5px;
  margin-left: 6px;
  margin-top: 5px;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  box-sizing: content-box;
  transform: rotate(45deg);
}
.liner-calendar-bd .day-price {
  position: absolute;
  right: 10px;
  bottom: 10px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  color: #f80;
}
.liner-calendar-bd .day-product {
  display: none;
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 100px;
  width: 500px;
  margin-left: -250px;
}
.liner-calendar-bd .day-product .t-arrow {
  position: absolute;
  left: 50%;
  top: 0;
  width: 0;
  height: 0;
  margin-top: -10px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #00a0e9 transparent;
}
.liner-calendar-bd .day-product-box {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.liner-calendar-bd .day-product-tt {
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  font-size: 16px;
  color: #fff;
  background: #00a0e9;
}
.liner-calendar-bd .day-product-bd {
  max-height: 240px;
  overflow-y: auto;
}
.liner-calendar-bd .day-product-bd .item {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.liner-calendar-bd .day-product-bd .item:last-child {
  border-bottom: none;
}
.liner-calendar-bd .day-product-bd .item:hover .title {
  color: #00a0e9;
}
.liner-calendar-bd .day-product-bd .info {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.liner-calendar-bd .day-product-bd .desc {
  font-size: 12px;
  color: #aaa;
}
.liner-calendar-bd .day-product-bd .title,
.liner-calendar-bd .day-product-bd .desc {
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.liner-calendar-bd .day-product-bd .price {
  margin-left: 20px;
  color: #f80;
}
.liner-calendar-bd .day-product-bd .price em {
  font-size: 12px;
}
.liner-calendar-bd .day.disable {
  background: #f5f5f5;
  cursor: no-drop;
}
.liner-calendar-bd .day.disable a {
  cursor: no-drop;
}
.liner-calendar-bd .day.disable .day-tt {
  color: #aaa;
}
.liner-calendar-bd .day:hover .day-product {
  display: block;
}
.liner-company-list {
  margin-right: -30px;
  overflow: hidden;
}
.liner-company-list .item {
  display: block;
  float: left;
  position: relative;
  width: 380px;
  height: 250px;
  margin-top: 20px;
  margin-right: 30px;
  border-radius: 5px;
  overflow: hidden;
}
.liner-company-list .item .pic {
  width: 380px;
  height: 250px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 55%;
}
.liner-company-list .item .pic img {
  object-fit: cover;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.liner-company-list .item .info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  text-align: center;
  background: rgba(255, 255, 255, 0.7);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.liner-company-list .item .title {
  padding: 10px;
  line-height: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #111;
}
.liner-company-list .item .desc {
  line-height: 20px;
}
.liner-company-list .item:hover .pic img {
  opacity: 0.9;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.liner-company-list .item:hover .info {
  height: 70px;
}
.liner-baike-list {
  display: none;
  margin-right: -20px;
}
.liner-baike-list:first-child {
  display: block;
}
.liner-baike-list::before,
.liner-baike-list::after {
  content: '';
  display: table;
}
.liner-baike-list::after {
  clear: both;
}
.liner-baike-list .item {
  float: left;
  width: 285px;
  margin-top: 20px;
  margin-right: 20px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.liner-baike-list .item .pic {
  width: 285px;
  height: 160px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 60%;
}
.liner-baike-list .item .pic img {
  object-fit: cover;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.liner-baike-list .item .info {
  padding: 10px;
}
.liner-baike-list .item .title {
  height: 20px;
  line-height: 20px;
  font-size: 15px;
  font-weight: bold;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.liner-baike-list .item .desc {
  height: 36px;
  margin-top: 4px;
  line-height: 18px;
  font-size: 12px;
  color: #aaa;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.liner-baike-list .item:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.liner-baike-list .item:hover .pic img {
  opacity: 0.9;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.liner-baike-list .item:hover .title {
  color: #00a0e9;
}
.liner-list {
  display: -webkit-flex;
  display: flex;
}
.liner-list-wrap {
  margin-bottom: 20px;
  -webkit-flex: 1;
  flex: 1;
  background: #fff;
}
.liner-list-side {
  width: 260px;
  margin-left: 20px;
}
.liner-list-item {
  display: -webkit-flex;
  display: flex;
  padding: 20px;
  border-bottom: 1px solid #f5f5f5;
}
.liner-list-item .pic-box {
  margin-right: 20px;
}
.liner-list-item .pic-box p {
  height: 20px;
  line-height: 20px;
  padding: 3px 10px;
  text-align: center;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background: #eee;
  box-sizing: content-box;
}
.liner-list-item .pic {
  width: 180px;
  height: 120px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 60%;
}
.liner-list-item .pic img {
  object-fit: cover;
}
.liner-list-item .info {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.liner-list-item .title {
  max-height: 40px;
  line-height: 20px;
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.liner-list-item .tags {
  height: 20px;
  line-height: 20px;
}
.liner-list-item .tags-item {
  display: inline-block;
  vertical-align: top;
  height: 18px;
  line-height: 18px;
  padding: 0 5px;
  margin: 1px 5px 1px 0;
  font-size: 12px;
  color: #00a0e9;
  border-radius: 3px;
  border: 1px solid #99ccff;
  box-sizing: content-box;
}
.liner-list-item .setout {
  line-height: 20px;
  font-size: 12px;
}
.liner-list-item .setout em {
  margin: 0 5px;
  color: #ddd;
}
.liner-list-item .plans {
  width: 440px;
  padding-top: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.liner-list-item .plans-item {
  width: 200px;
  height: 18px;
  line-height: 18px;
  padding-right: 20px;
  font-size: 12px;
  overflow: hidden;
}
.liner-list-item .plans-item span {
  color: #aaa;
}
.liner-list-item .plans-item:last-child {
  width: 420px;
}
.liner-list-item .sale-info {
  width: 160px;
  margin-left: 20px;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  text-align: right;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.liner-list-item .price {
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
}
.liner-list-item .price span,
.liner-list-item .price b {
  font-size: 18px;
  font-family: Arial;
  color: #f80;
}
.liner-list-item .price b {
  font-size: 26px;
}
.liner-list-item .price em {
  margin-left: 2px;
  font-size: 12px;
  color: #aaa;
}
.liner-list-item .rate {
  width: 100%;
  line-height: 16px;
  font-size: 12px;
}
.liner-list-item .rate span {
  display: inline-block;
  padding-right: 6px;
  margin-right: 6px;
  border-right: 1px solid #eee;
  color: #aaa;
}
.liner-list-item .rate span:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}
.liner-list-item .rate em {
  color: #666;
}
.liner-list-item:hover {
  background: #f7fcff;
}
.liner-list-item:hover .title {
  color: #00a0e9;
}
.liner-side-module {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
}
.liner-side-module .mt {
  margin-bottom: 10px;
}
.liner-side-module .mt strong {
  font-size: 16px;
  color: #333;
}
.liner-side-module .hot-item {
  margin-bottom: 10px;
  display: -webkit-flex;
  display: flex;
}
.liner-side-module .hot-item .pic {
  width: 60px;
  height: 40px;
  margin-right: 10px;
  overflow: hidden;
}
.liner-side-module .hot-item .info {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.liner-side-module .hot-item .tt {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.liner-side-module .hot-item .price {
  color: #f80;
  font-family: Arial;
}
.liner-side-module .hot-item:last-child {
  margin-bottom: 0;
}
.liner-side-module .hot-item:hover .tt {
  color: #00a0e9;
}
.liner-detail .gallery {
  width: 540px;
  margin-right: 20px;
  overflow: hidden;
}
.liner-detail .gallery-main {
  position: relative;
  width: 540px;
  height: 320px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 50%;
}
.liner-detail .gallery-main .sw-bd {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}
.liner-detail .gallery-main .sw-bd .sw-item {
  position: relative;
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
}
.liner-detail .gallery-main .sw-bd .sw-item img {
  width: 100%;
}
.liner-detail .gallery-sub {
  position: relative;
  width: 460px;
  padding: 8px 39px;
  border: 1px solid #eee;
  border-top: none;
  overflow: hidden;
  box-sizing: content-box;
}
.liner-detail .gallery-sub-wrap {
  width: 460px;
  height: 54px;
  overflow: hidden;
}
.liner-detail .gallery-sub .sw-bd {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}
.liner-detail .gallery-sub .sw-bd .sw-item {
  position: relative;
  width: 88px;
  height: 54px;
  margin-right: 5px;
  overflow: hidden;
  cursor: pointer;
  flex-shrink: 0;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 60%;
}
.liner-detail .gallery-sub .sw-bd .sw-item.on::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 88px;
  height: 54px;
  border: 2px solid #f80;
  box-sizing: border-box;
}
.liner-detail .gallery-sub .prev,
.liner-detail .gallery-sub .next {
  position: absolute;
  top: 50%;
  width: 26px;
  height: 54px;
  margin-top: -27px;
  cursor: pointer;
}
.liner-detail .gallery-sub .prev::before,
.liner-detail .gallery-sub .next::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 10px;
  height: 10px;
  margin-top: -4px;
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  box-sizing: content-box;
}
.liner-detail .gallery-sub .prev:hover,
.liner-detail .gallery-sub .next:hover {
  background: #eee;
}
.liner-detail .gallery-sub .prev:hover::before,
.liner-detail .gallery-sub .next:hover::before {
  border-color: #aaa;
}
.liner-detail .gallery-sub .prev {
  left: 8px;
}
.liner-detail .gallery-sub .prev::before {
  margin-left: -2px;
  transform: rotate(-135deg);
}
.liner-detail .gallery-sub .next {
  right: 8px;
}
.liner-detail .gallery-sub .next::before {
  margin-left: -8px;
  transform: rotate(45deg);
}
.liner-detail-head {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
  display: -webkit-flex;
  display: flex;
}
.liner-detail-head .info {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.liner-detail-head .title {
  max-height: 120px;
  margin-bottom: 10px;
  line-height: 30px;
  font-size: 24px;
  color: #333;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.liner-detail-head .desc {
  padding: 10px 20px;
  margin-bottom: 10px;
  line-height: 18px;
  font-size: 12px;
  border: 1px dashed #eee;
}
.liner-detail-head .desc h4 {
  font-weight: normal;
}
.liner-detail-head .desc span {
  display: inline-block;
  margin-right: 15px;
  color: #aaa;
}
.liner-detail-head .price-box {
  padding: 20px;
  background: #f8f8f8;
}
.liner-detail-head .price-box .tips {
  padding-top: 10px;
  margin-top: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
  border-top: 1px dashed #eee;
}
.liner-detail-head .price-row {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.liner-detail-head .price {
  -webkit-flex: 1;
  flex: 1;
}
.liner-detail-head .price em,
.liner-detail-head .price .num {
  font-family: Arial;
  color: #f80;
}
.liner-detail-head .price .num {
  font-size: 30px;
}
.liner-detail-head .price .up {
  margin-left: 2px;
  font-size: 12px;
}
.liner-detail-head .situation {
  height: 34px;
  padding: 7px 10px;
  background: #fff;
  border: 1px solid #eee;
  display: -webkit-flex;
  display: flex;
  box-sizing: content-box;
}
.liner-detail-head .percent {
  line-height: 20px;
  text-align: center;
}
.liner-detail-head .percent b {
  font-size: 18px;
  font-family: Arial;
  color: #f80;
}
.liner-detail-head .percent p {
  line-height: 14px;
  font-size: 12px;
  color: #aaa;
}
.liner-detail-head .line {
  height: 100%;
  width: 1px;
  background: #eee;
  margin: 0 10px;
}
.liner-detail-head .comment {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.liner-detail-head .comment p {
  line-height: 17px;
  font-size: 12px;
  color: #aaa;
}
.liner-detail-head .comment em {
  color: #555;
}
.liner-detail-head .prop {
  padding: 20px 0;
}
.liner-detail-head .prop-row {
  display: -webkit-flex;
  display: flex;
  line-height: 20px;
  font-size: 12px;
}
.liner-detail-head .prop-dt {
  color: #aaa;
}
.liner-detail-head .prop-dd em {
  margin: 0 3px;
  color: #aaa;
}
.liner-detail-head .ft-line {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.liner-detail-head .buy-btn {
  display: block;
  width: 140px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  background: #f80;
  border-radius: 4px;
}
.liner-detail-head .buy-btn:hover {
  background: #f70;
}
.liner-detail-cont .detail-nav {
  padding: 0 20px;
  height: 50px;
  background: #fff;
  border-bottom: 1px solid #f5f5f5;
  box-sizing: border-box;
}
.liner-detail-cont .detail-nav-item {
  display: inline-block;
  vertical-align: top;
  height: 50px;
  line-height: 50px;
  margin: 0 20px;
  font-size: 16px;
  font-weight: 700;
  box-sizing: border-box;
  cursor: pointer;
}
.liner-detail-cont .detail-nav-item:hover {
  color: #00a0e9;
}
.liner-detail-cont .detail-nav-item.on {
  color: #00a0e9;
  border-bottom: 2px solid #00a0e9;
}
.liner-detail-cont .detail-nav.tofixed {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 1200px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.liner-detail-module {
  padding: 20px 40px;
  margin-bottom: 20px;
  background: #fff;
}
.liner-detail-module .mt {
  position: relative;
  height: 30px;
  line-height: 30px;
  margin-bottom: 20px;
  text-align: center;
}
.liner-detail-module .mt strong {
  display: inline-block;
  position: relative;
  padding: 0 20px;
  font-size: 24px;
  font-weight: normal;
  color: #333;
  background: #fff;
}
.liner-detail-module .mt::before {
  position: absolute;
  left: 0;
  top: 15px;
  content: '';
  width: 100%;
  height: 1px;
  background: #eee;
}
.liner-detail-module img {
  max-width: 100%;
}
.liner-detail .cabin-intro .popup {
  width: 1200px;
}
.liner-detail .cabin-intro .popup-cont {
  max-height: 500px;
  padding: 30px;
}
.liner-detail .cabin-intro-popup {
  display: -webkit-flex;
  display: flex;
}
.liner-detail .intro-popup-cont {
  -webkt-flex: 1;
  flex: 1;
}
.liner-detail .intro-popup-title {
  font-size: 20px;
  font-weight: bold;
}
.liner-detail .intro-popup-tt {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  width: 100%;
  padding: 10px;
  line-height: 20px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
}
.liner-detail .intro-popup-tt span {
  display: inline-block;
  vertical-align: top;
}
.liner-detail .intro-popup-tt .ch {
  font-size: 18px;
  font-weight: bold;
}
.liner-detail .intro-popup-tt .en {
  margin-left: 10px;
  opacity: 0.5;
}
.liner-detail .intro-popup-attr {
  display: -webkit-flex;
  display: flex;
  -webkti-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px 0;
}
.liner-detail .intro-popup-attr .attr {
  display: -webkit-flex;
  display: flex;
  width: 33.33%;
  line-height: 20px;
  font-size: 12px;
}
.liner-detail .intro-popup-attr .attr-dt {
  color: #aaa;
}
.liner-booking-head {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.liner-booking-head .tt {
  font-size: 24px;
  color: #333;
}
.liner-booking .cabin-tabs {
  margin-top: 20px;
  background: #fafafa;
}
.liner-booking .cabin-tabs-item {
  position: relative;
  display: inline-block;
  padding: 5px 20px;
  text-align: center;
  cursor: pointer;
}
.liner-booking .cabin-tabs-item .category {
  font-size: 15px;
  font-weight: bold;
}
.liner-booking .cabin-tabs-item .price {
  font-size: 12px;
  color: #f80;
}
.liner-booking .cabin-tabs-item.on {
  color: #fff;
  background: #09e;
}
.liner-booking .cabin-tabs-item.on .price {
  color: #fff;
}
.liner-booking .cabin-tabs-item.on::before {
  position: absolute;
  left: 50%;
  bottom: -8px;
  content: '';
  width: 0;
  height: 0;
  margin-left: -4px;
  border-width: 4px;
  border-style: solid;
  border-color: #09e transparent transparent transparent;
}
.liner-booking .cabin-tabs-content > div {
  display: none;
}
.liner-booking .cabin-tabs-content > div:first-child {
  display: block;
}
.liner-booking .cabin-filter {
  height: 20px;
  padding: 5px 10px;
  border: 1px solid #f0f0f0;
  box-sizing: content-box;
}
.liner-booking .cabin-filter-item {
  display: -webkit-flex;
  display: flex;
  font-size: 12px;
}
.liner-booking .cabin-filter-item .input-txt {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #09e;
  border: none;
  background: #fafafa;
}
.liner-booking .cabin-item {
  display: -webkit-flex;
  display: flex;
  padding: 20px 0;
  border-bottom: 1px dashed #eee;
}
.liner-booking .cabin-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.liner-booking .cabin-item .pic {
  width: 80px;
  height: 60px;
  margin-right: 10px;
  overflow: hidden;
  cursor: pointer;
}
.liner-booking .cabin-item .pic img {
  display: block;
  object-fit: cover;
}
.liner-booking .cabin-item .info {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
  border-right: 1px solid #f5f5f5;
}
.liner-booking .cabin-item .tt {
  line-height: 20px;
  color: #09e;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  cursor: pointer;
}
.liner-booking .cabin-item .desc {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 200px;
  margin-top: 4px;
  line-height: 18px;
}
.liner-booking .cabin-item .desc span {
  display: block;
  width: 100px;
  font-size: 12px;
  color: #999;
}
.liner-booking .cabin-item .price-box {
  position: relative;
  width: 200px;
  height: 20px;
  line-height: 20px;
  margin: 20px 0;
  text-align: center;
}
.liner-booking .cabin-item .price-box span {
  display: inline-block;
  vertical-align: top;
}
.liner-booking .cabin-item .price-box .label {
  font-size: 12px;
  color: #aaa;
}
.liner-booking .cabin-item .price-box .price {
  color: #f80;
  font-size: 18px;
  font-family: Airal;
}
.liner-booking .cabin-item .price-box .unit {
  font-size: 12px;
  color: #f80;
}
.liner-booking .cabin-item .price-box:hover .cabin-price-explain {
  display: block;
}
.liner-booking .cabin-item .choose-box {
  position: relative;
  width: 310px;
  padding-left: 30px;
  padding-right: 30px;
  border-left: 1px solid #f5f5f5;
  box-sizing: content-box;
}
.liner-booking .cabin-item .choose-box .clear {
  position: absolute;
  right: 0;
  top: 16px;
  line-height: 22px;
  font-size: 12px;
  color: #09e;
  cursor: pointer;
}
.liner-booking .cabin-item .choose-box-tips {
  height: 16px;
  line-height: 16px;
  margin-top: 4px;
  font-size: 12px;
  color: #aaa;
}
.liner-booking .cabin-item .choose-box-tips.error {
  color: #ff4c4c;
}
.liner-booking .cabin-item .choose-item {
  margin-left: 20px;
}
.liner-booking .cabin-item .choose-item:first-child {
  margin-left: 0;
}
.liner-booking .cabin-item .choose-item-tt {
  width: 50px;
  line-height: 14px;
  padding-bottom: 2px;
  font-size: 12px;
}
.liner-booking .cabin-item .choose-item .num-btn {
  width: 22px;
  height: 22px;
}
.liner-booking .cabin-item .choose-item .input-txt {
  height: 24px;
  line-height: 24px;
  padding: 0;
  text-align: center;
}
.liner-booking .cabin-item .booking-form-row {
  margin-bottom: 0;
}
.liner-booking .cabin-price {
  cursor: pointer;
}
.liner-booking .cabin-price .price,
.liner-booking .cabin-price .unit {
  border-bottom: 1px dotted #f80;
}
.liner-booking .cabin-price-explain {
  display: none;
  position: absolute;
  left: 50%;
  z-index: 5;
  width: 400px;
  margin-left: -200px;
  text-align: left;
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.liner-booking .cabin-price-explain .head {
  padding: 10px 20px;
  background: #fff3eb;
  border-top: 2px solid #f70;
}
.liner-booking .cabin-price-explain .head .info-row-dt {
  font-size: 14px;
}
.liner-booking .cabin-price-explain .info {
  padding: 10px 20px;
}
.liner-booking .cabin-price-explain .info-tt {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
}
.liner-booking .cabin-price-explain .info-row {
  display: -webkit-flex;
  display: flex;
  font-size: 12px;
}
.liner-booking .cabin-price-explain .info-row-dt {
  -webkit-flex: 1;
  flex: 1;
}
.liner-booking .cabin-price-explain .info-tips {
  font-size: 12px;
  color: #aaa;
}
.liner-booking .room-list {
  margin-bottom: 20px;
}
.liner-booking .room-list-tt {
  position: relative;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 50px 0 15px;
  font-size: 16px;
  color: #fff;
  background: #09e;
}
.liner-booking .room-list-tt::before {
  position: absolute;
  right: 0;
  bottom: 0;
  content: '';
  width: 0;
  height: 0;
  border-width: 15px;
  border-style: solid;
  border-color: transparent #fff #fff transparent;
}
.liner-booking .liner-detail .intro-popup {
  display: block;
}
#detail-brief .det-txt {
  margin-bottom: 20px;
  line-height: 20px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
#detail-brief .det-tab {
  height: 30px;
  margin-bottom: 10px;
  text-align: center;
}
#detail-brief .det-tab-item {
  position: relative;
  display: inline-block;
  margin: 0 20px;
  line-height: 20px;
  padding-bottom: 10px;
  font-size: 18px;
  cursor: pointer;
}
#detail-brief .det-tab-item:hover {
  color: #00a0e9;
}
#detail-brief .det-tab-item.on {
  color: #00a0e9;
}
#detail-brief .det-tab-item.on::before {
  position: absolute;
  left: 50%;
  bottom: -5px;
  content: '';
  width: 0;
  height: 0;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #00a0e9 transparent transparent transparent;
}
#detail-brief .slide-wrap {
  display: none;
  margin-right: -20px;
  overflow: hidden;
}
#detail-brief .slide-wrap:first-child {
  display: block;
}
#detail-brief .slide-item {
  float: left;
  width: 265px;
  margin-right: 20px;
  cursor: pointer;
}
#detail-brief .slide-item .pic {
  width: 265px;
  height: 160px;
  overflow: hidden;
}
#detail-brief .slide-item .pic img {
  object-fit: cover;
  -webkit-transition: all 1s;
  transition: all 1s;
}
#detail-brief .slide-item .title {
  padding-top: 4px;
  font-size: 16px;
}
#detail-brief .slide-item .desc {
  height: 36px;
  line-height: 18px;
  font-size: 12px;
  color: #aaa;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#detail-brief .slide-item:hover .pic img {
  opacity: 0.85;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
#detail-brief .slide-item:hover .title {
  color: #00a0e9;
}
#detail-intro .trip-box {
  display: -webkit-flex;
  display: flex;
}
#detail-intro .trip-box .route-map {
  width: 500px;
  height: 280px;
  margin-right: 20px;
  overflow: hidden;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
#detail-intro .trip-list {
  width: 100%;
  height: 280px;
  margin-bottom: 40px;
  border: 1px solid #f8f8f8;
  box-sizing: border-box;
  overflow: hidden;
}
#detail-intro .trip-list-head {
  height: 30px;
  line-height: 30px;
  padding: 4px 10px;
  background: #f8f8f8;
  display: -webkit-flex;
  display: flex;
  box-sizing: content-box;
}
#detail-intro .trip-list-head .cell {
  font-weight: bold;
  color: #333;
}
#detail-intro .trip-list-head .cell em {
  font-size: 12px;
  font-weight: normal;
  color: #aaa;
}
#detail-intro .trip-list-wrap {
  height: 242px;
  overflow-y: auto;
}
#detail-intro .trip-list .c1 {
  width: 20%;
}
#detail-intro .trip-list .c2 {
  width: 40%;
}
#detail-intro .trip-list-item {
  height: 30px;
  line-height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  display: -webkit-flex;
  display: flex;
  box-sizing: content-box;
}
#detail-intro .trip-list-item:nth-child(even) {
  background: #fafafa;
}
#detail-intro .trip-plan {
  overflow: hidden;
}
#detail-intro .trip-plan-nav {
  float: left;
  position: absolute;
  width: 60px;
  min-height: 100px;
  border-right: 1px solid #eee;
  overflow: hidden;
}
#detail-intro .trip-plan-nav .item {
  position: relative;
  z-index: 1;
  float: left;
  width: 100%;
  height: 20px;
  line-height: 20px;
  margin: 10px 0;
  font-size: 16px;
  cursor: pointer;
  box-sizing: border-box;
}
#detail-intro .trip-plan-nav .item.on {
  color: #00a0e9;
  border-right: 2px solid #00a0e9;
}
#detail-intro .trip-plan-nav .item:hover {
  color: #00a0e9;
}
#detail-intro .trip-plan-nav.navFixed {
  position: fixed;
  top: 60px;
}
#detail-intro .trip-plan-cont {
  float: right;
  width: 1040px;
}
#detail-intro .trip-every .tt {
  padding-left: 120px;
  height: 30px;
  line-height: 30px;
  margin: 10px 0;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
#detail-intro .trip-every-hd {
  height: 20px;
  line-height: 20px;
  padding: 5px 10px;
  background: #f8f8f8;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  box-sizing: content-box;
}
#detail-intro .trip-every-hd .days {
  width: 110px;
  font-size: 15px;
  font-weight: bold;
  color: #333;
}
#detail-intro .trip-every-hd .date {
  margin-left: 2px;
  font-size: 12px;
  font-weight: normal;
  color: #aaa;
}
#detail-intro .trip-every-bd {
  padding-left: 120px;
}
#detail-intro .trip-every .days-item {
  padding: 20px 0 40px;
  border-left: 2px solid #eee;
}
#detail-intro .trip-every .days-item-bd {
  position: relative;
  padding-left: 20px;
  padding-bottom: 20px;
}
#detail-intro .trip-every .days-item-bd::before {
  position: absolute;
  left: -4px;
  top: 7px;
  z-index: 2;
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #aaa;
  box-sizing: content-box;
}
#detail-intro .trip-every .days-item-bd:last-child {
  padding-bottom: 0;
}
#detail-intro .trip-every .days-item-bd:first-child::before,
#detail-intro .trip-every .days-item-bd:last-child::before {
  border-color: #00a0e9;
}
#detail-intro .trip-every .days-item-l {
  position: absolute;
  left: -120px;
  width: 120px;
  line-height: 20px;
  text-align: center;
  font-size: 18px;
  color: #333;
}
#detail-intro .trip-every .days-item-r {
  line-height: 20px;
}
#detail-intro .trip-every .scenic {
  margin-top: 20px;
  display: -webkit-flex;
  display: flex;
}
#detail-intro .trip-every .scenic .pic {
  width: 150px;
  height: 100px;
  margin-right: 10px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
#detail-intro .trip-every .scenic .pic img {
  object-fit: cover;
}
#detail-intro .trip-every .scenic .info {
  -webkit-flex: 1;
  flex: 1;
}
#detail-intro .trip-every .scenic .tt {
  font-size: 15px;
  line-height: 20px;
}
#detail-intro .trip-every .scenic .desc {
  max-height: 80px;
  margin-top: 10px;
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
  overflow: hidden;
}
#detail-process .pro-step {
  padding: 40px;
  display: -webkit-flex;
  display: flex;
}
#detail-process .pro-step-item {
  position: relative;
  -webkit-flex: 1;
  flex: 1;
  padding: 20px 20px 0;
  text-align: center;
  border-top: 1px dashed #ddd;
}
#detail-process .pro-step-item .num {
  position: absolute;
  top: -11px;
  left: 50%;
  width: 18px;
  height: 18px;
  line-height: 19px;
  margin-left: -11px;
  text-align: center;
  font-size: 16px;
  font-family: Arial;
  color: #00a0e9;
  border: 2px solid #00a0e9;
  border-radius: 50%;
  background: #fff;
  box-sizing: content-box;
}
#detail-process .pro-step-item .tt {
  line-height: 20px;
  color: #333;
}
#detail-process .pro-step-item .desc {
  line-height: 16px;
  font-size: 12px;
  color: #aaa;
}

.cruise-intro-head .pic {
  width: 100%;
  height: 460px;
  overflow: hidden;
}
.cruise-intro-head .pic img {
  object-fit: cover;
}
.cruise-intro-head .hd-box {
  position: relative;
  width: 1000px;
  padding: 20px;
  margin-left: 100px;
  margin-top: -60px;
  margin-bottom: 40px;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.cruise-intro-head .ship-logo {
  position: absolute;
  left: 20px;
  top: 20px;
  max-width: 300px;
  height: 40px;
  overflow: hidden;
}
.cruise-intro-head .ship-name {
  text-align: center;
}
.cruise-intro-head .ship-name .cn {
  line-height: 26px;
  font-size: 24px;
  color: #333;
}
.cruise-intro-head .ship-name .en {
  line-height: 14px;
  font-size: 12px;
  color: #aaa;
}
.cruise-intro-head .ship-comment {
  position: absolute;
  top: 20px;
  right: 20px;
  text-align: right;
}
.cruise-intro-head .ship-comment-score {
  height: 26px;
  line-height: 26px;
  color: #333;
}
.cruise-intro-head .ship-comment-score span {
  font-size: 24px;
}
.cruise-intro-head .ship-comment-desc {
  line-height: 16px;
  font-size: 12px;
  color: #aaa;
}
.cruise-intro-head .ship-intro {
  max-height: 64px;
  margin: 20px 0;
  line-height: 16px;
  font-size: 12px;
  color: #aaa;
  overflow-y: auto;
}
.cruise-intro-head .ship-summry {
  text-align: center;
}
.cruise-intro-head .ship-summry span {
  position: relative;
  display: inline-block;
  line-height: 20px;
  padding: 0 20px;
  color: #999;
}
.cruise-intro-head .ship-summry span::before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background: #eee;
}
.cruise-intro-head .ship-summry span:first-child::before {
  display: none;
}
.cruise-nav {
  height: 50px;
  background: #fff;
  border-bottom: 2px solid #09e;
}
.cruise-nav.tofixed {
  position: fixed;
  top: 0;
  z-index: 99;
  width: 1200px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.cruise-nav-item {
  display: inline-block;
  padding: 10px 20px;
  margin-right: 10px;
  line-height: 30px;
  font-size: 20px;
  cursor: pointer;
}
.cruise-nav-item:hover {
  color: #09e;
}
.cruise-nav-item.on,
.cruise-nav-item.on:hover {
  color: #fff;
  background: #09e;
}
.cruise-module {
  padding: 30px 0;
}
.cruise-module .mt {
  margin-bottom: 20px;
  text-align: center;
}
.cruise-module .mt strong {
  display: inline-block;
  line-height: 30px;
  font-size: 26px;
  font-weight: normal;
  color: #333;
}
.cruise-module .md-tabs {
  margin-bottom: 20px;
  text-align: center;
}
.cruise-module .md-tabs-item {
  position: relative;
  display: inline-block;
  line-height: 20px;
  padding-bottom: 10px;
  margin: 0 20px;
  font-size: 16px;
  cursor: pointer;
}
.cruise-module .md-tabs-item.on {
  color: #09e;
  border-bottom: 2px solid #09e;
}
.cruise-module .md-tabs-item.on::before {
  position: absolute;
  left: 50%;
  bottom: -11px;
  content: '';
  width: 0;
  height: 0;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #09e transparent transparent transparent;
}
.cruise-module .md-tabs-cont > div {
  display: none;
}
.cruise-module .md-tabs-cont > div:first-child {
  display: block;
}
.cruise-room-wrap {
  max-height: 400px;
  box-sizing: border-box;
  overflow-y: scroll;
}
.cruise-room-head {
  display: -webkit-flex;
  display: flex;
  padding-right: 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
}
.cruise-room-head > div {
  -webkit-flex: 1;
  flex: 1;
  line-height: 20px;
  padding-bottom: 5px;
  color: #aaa;
}
.cruise-room .c1 {
  width: 100px;
  -webkit-flex: initial;
  flex: initial;
}
.cruise-room .c2 {
  width: 140px;
  -webkit-flex: initial;
  flex: initial;
}
.cruise-room-item {
  dipslay: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px dashed #eee;
}
.cruise-room-item:last-child {
  border-bottom: none;
}
.cruise-room-item .pic {
  width: 90px;
  height: 60px;
  margin-right: 10px;
  overflow: hidden;
}
.cruise-room-item .pic img {
  object-fit: cover;
}
.cruise-room-item .name {
  -webkit-flex: 1;
  flex: 1;
  color: #09e;
}
.cruise-room-item .operate {
  padding-right: 20px;
  text-align: right;
  color: #09e;
  box-sizing: border-box;
}
.cruise-serve {
  position: relative;
  padding: 0 35px;
}
.cruise-serve .prev,
.cruise-serve .next {
  position: absolute;
  top: 100px;
  width: 20px;
  height: 60px;
  background: #eee;
  cursor: pointer;
}
.cruise-serve .prev::before,
.cruise-serve .next::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 0;
  height: 0;
  margin-top: -6px;
  border-width: 6px;
  border-style: solid;
}
.cruise-serve .prev:hover,
.cruise-serve .next:hover {
  background: #e5e5e5;
}
.cruise-serve .prev {
  left: 0;
}
.cruise-serve .prev::before {
  margin-left: -10px;
  border-color: transparent #aaa transparent transparent;
}
.cruise-serve .next {
  right: 0;
}
.cruise-serve .next::before {
  margin-left: -2px;
  border-color: transparent transparent transparent #aaa;
}
.cruise-serve-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.cruise-serve-wrap .sw-bd {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}
.cruise-serve-item {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 350px;
  margin-right: 40px;
  overflow: hidden;
  cursor: pointer;
}
.cruise-serve-item:last-child {
  margin-right: 0;
}
.cruise-serve-item .pic {
  width: 350px;
  height: 220px;
  overflow: hidden;
}
.cruise-serve-item .pic img {
  object-fit: cover;
}
.cruise-serve-item .title {
  line-height: 20px;
  padding: 5px 0;
  font-size: 16px;
}
.cruise-serve-item .desc {
  height: 32px;
  line-height: 16px;
  overflow: hidden;
}
.cruise-serve-item .desc span {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  font-size: 12px;
  color: #aaa;
}
.cruise-serve-item:hover .title {
  color: #09e;
}
.cruise-ques-wrap {
  max-height: 400px;
  overflow-y: auto;
}
.cruise-ques-item {
  padding: 10px 0;
  margin-bottom: 20px;
}
.cruise-ques-item .tag {
  position: absolute;
  left: 0;
  top: 6px;
  display: block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  background: #f80;
  border-radius: 2px;
}
.cruise-ques-item .title {
  position: relative;
  height: 30px;
  line-height: 30px;
  padding-left: 28px;
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
}
.cruise-ques-item .desc {
  position: relative;
  padding-left: 28px;
  line-height: 20px;
  color: #999;
}
.cruise-ques-item .desc .tag {
  top: 1px;
  background: #09e;
}
.cruise-super {
  margin-right: -40px;
}
.cruise-super::before,
.cruise-super::after {
  content: '';
  display: table;
}
.cruise-super::after {
  clear: both;
}
.cruise-super-item {
  float: left;
  position: relative;
  width: 270px;
  margin-right: 40px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.cruise-super-item .pic {
  width: 270px;
  height: 180px;
  overflow: hidden;
}
.cruise-super-item .pic img {
  object-fit: cover;
}
.cruise-super-item .info {
  padding: 5px 15px 15px;
  height: 100px;
  border: 1px solid #eee;
  border-top: none;
  box-sizing: content-box;
}
.cruise-super-item .title {
  max-height: 40px;
  line-height: 20px;
  display: -webkit-box;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cruise-super-item .desc {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cruise-super-item .bt-row {
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 100%;
  height: 20px;
  line-height: 20px;
  padding: 0 15px;
  box-sizing: border-box;
  overflow: hidden;
}
.cruise-super-item .date {
  float: left;
  font-size: 12px;
  color: #aaa;
}
.cruise-super-item .price {
  float: right;
  color: #f80;
}
.cruise-super-item .price span {
  font-size: 16px;
  font-family: Arial;
}
.cruise-super-item:hover .title {
  color: #09e;
}
.cruise-company-banner {
  position: relative;
  width: 100%;
  height: 460px;
  overflow: hidden;
}
.cruise-company-banner .sw-bd {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}
.cruise-company-banner .sw-item {
  width: 100%;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.cruise-company-banner .sw-ft {
  position: absolute;
  bottom: 10px;
  z-index: 5;
  width: 100%;
  height: 12px;
  text-align: center;
}
.cruise-company-banner .sw-ft .tag {
  display: inline-block;
  vertical-align: top;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 50%;
  background: none;
  border: 1px solid #fff;
  opacity: 0.6;
  transition: all 0.3s;
}
.cruise-company-banner .sw-ft .tag.on {
  background: #fff;
  opacity: 1;
}
.cruise-company-head {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
  background: #fff;
  border-bottom: 4px solid #ddd;
}
.cruise-company-head .logo {
  position: absolute;
  left: 60px;
  top: -40px;
  z-index: 2;
  width: 240px;
  height: 60px;
  padding: 10px;
  text-align: center;
  font-size: 0;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-sizing: content-box;
}
.cruise-company-head .logo::before {
  content: '';
  visibility: hidden;
  line-height: 60px;
}
.cruise-company-head .logo img {
  max-width: 240px;
  max-height: 60px;
  vertical-align: middle;
}
.cruise-company-head .title {
  padding: 20px 0 10px;
  line-height: 40px;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #333;
}
.cruise-company-head .count {
  margin-bottom: 10px;
  line-height: 30px;
  text-align: center;
}
.cruise-company-head .count span {
  display: inline-block;
  margin: 0 20px;
  color: #07c;
}
.cruise-company-head .count b {
  margin: 0 4px;
  font-size: 20px;
}
.cruise-company-head .intro {
  max-height: 96px;
  padding: 0 40px;
  overflow: hidden;
}
.cruise-company-head .intro-wrap {
  line-height: 24px;
}
.cruise-company-head .intro.auto {
  max-height: none !important;
  overflow: visible;
}
.cruise-company-head .arrow {
  position: relative;
  display: none;
  width: 60px;
  height: 20px;
  margin: 0 auto;
  background: #f5f5f5;
  border-radius: 4px;
  cursor: pointer;
}
.cruise-company-head .arrow::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 0;
  height: 0;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
}
.cruise-company-head .arrow.down::before {
  margin-top: -2px;
  border-color: #bbb transparent transparent transparent;
}
.cruise-company-head .arrow.up::before {
  margin-top: -7px;
  border-color: transparent transparent #bbb transparent;
}
.cruise-company-head .arrow:hover {
  background: #eee;
}
.cruise-company-head .arrow:hover.down::before {
  border-color: #aaa transparent transparent transparent;
}
.cruise-company-head .arrow:hover.up::before {
  border-color: transparent transparent #aaa transparent;
}
.cruise-company-hotline {
  display: -webkit-flex;
  display: flex;
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
}
.cruise-company-hotline .mt {
  width: 20px;
  height: 100px;
  padding: 50px 20px;
  margin-right: 20px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  background: #09e;
  box-sizing: content-box;
}
.cruise-company-hotline .mc {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.cruise-company-hotline .item {
  height: 40px;
  padding: 5px 0;
  line-height: 30px;
  overflow: hidden;
  box-sizing: border-box;
  border-top: 1px dashed #eee;
}
.cruise-company-hotline .item:first-child {
  border-top: none;
}
.cruise-company-hotline .item .title {
  display: inline-block;
  vertical-align: top;
  width: 600px;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cruise-company-hotline .item .title:hover {
  color: #09e;
}
.cruise-company-hotline .item .date {
  color: #aaa;
}
.cruise-company-hotline .item .price {
  float: right;
  color: #f70;
  font-size: 18px;
}
.cruise-company-hotline .item .price em {
  font-size: 14px;
}
.cruise-company-hotline .item .price i {
  font-size: 12px;
  color: #aaa;
}
.cruise-company-md {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
}
.cruise-company-md .mt {
  line-height: 30px;
  text-align: center;
  font-size: 24px;
  color: #333;
}
.cruise-company-boats .item {
  display: -webkit-flex;
  display: flex;
  padding: 20px 0;
  border-bottom: 1px dashed #eee;
}
.cruise-company-boats .item .pic {
  width: 270px;
  height: 180px;
  margin-right: 20px;
  overflow: hidden;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.cruise-company-boats .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cruise-company-boats .item .info {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.cruise-company-boats .item .title {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}
.cruise-company-boats .item .name {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  font-size: 18px;
  font-weight: bold;
}
.cruise-company-boats .item .name:hover {
  color: #09e;
}
.cruise-company-boats .item .look {
  display: inline-block;
  vertical-align: middle;
  color: #07c;
}
.cruise-company-boats .item .look:hover {
  text-decoration: underline;
}
.cruise-company-boats .item .comm {
  float: right;
}
.cruise-company-boats .item .comm-score {
  color: #000;
}
.cruise-company-boats .item .comm-score b {
  font-size: 18px;
}
.cruise-company-boats .item .comm-num {
  margin-left: 10px;
  font-size: 12px;
  color: #aaa;
}
.cruise-company-boats .item .summary {
  height: 20px;
  margin-bottom: 20px;
  padding-bottom: 9px;
  border-bottom: 1px dashed #eee;
  box-sizing: content-box;
}
.cruise-company-boats .item .summary span {
  position: relative;
  display: inline-block;
  line-height: 20px;
  padding: 0 15px;
  font-size: 12px;
  color: #999;
}
.cruise-company-boats .item .summary span::before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background: #eee;
}
.cruise-company-boats .item .summary span:first-child {
  padding-left: 0;
}
.cruise-company-boats .item .summary span:first-child::before {
  display: none;
}
.cruise-company-boats .item .desc {
  height: 100px;
  line-height: 24px;
  color: #999;
  overflow: hidden;
}
.cruise-company-other {
  margin-right: -20px;
  overflow: hidden;
}
.cruise-company-other .item {
  float: left;
  display: block;
  width: 275px;
  margin-top: 20px;
  margin-right: 20px;
}
.cruise-company-other .item .pic {
  width: 273px;
  height: 58px;
  font-size: 0;
  text-align: center;
  border: 1px solid #f5f5f5;
  overflow: hidden;
  box-sizing: content-box;
}
.cruise-company-other .item .pic::before {
  content: '';
  visibility: visible;
  line-height: 58px;
}
.cruise-company-other .item .pic img {
  vertical-align: middle;
  max-width: 265px;
  max-height: 50px;
}
.cruise-company-other .item .name {
  height: 24px;
  line-height: 24px;
  text-align: center;
  overflow: hidden;
  background: #f5f5f5;
}
.cruise-company-list {
  padding: 40px 20px 0;
  margin-bottom: 20px;
  background: #fff;
  overflow: hidden;
}
.cruise-company-list-item {
  display: block;
  float: left;
  width: 540px;
  padding: 20px;
  margin: 0 20px 40px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #eee;
}
.cruise-company-list-item .pic {
  width: 320px;
  height: 180px;
  margin: 0 auto;
  border-radius: 8px;
  overflow: hidden;
}
.cruise-company-list-item .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cruise-company-list-item .info {
  position: relative;
}
.cruise-company-list-item .logo {
  position: absolute;
  left: 50%;
  top: -50px;
  width: 150px;
  height: 30px;
  padding: 5px;
  margin-left: -80px;
  text-align: center;
  font-size: 0;
  background: #fff;
  box-sizing: content-box;
}
.cruise-company-list-item .logo::before {
  content: '';
  line-height: 30px;
  visibility: hidden;
}
.cruise-company-list-item .logo img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: 30px;
}
.cruise-company-list-item .tt {
  padding: 10px 0 5px;
  line-height: 20px;
  font-size: 16px;
  color: #09e;
}
.cruise-company-list-item .count {
  margin-bottom: 10px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
}
.cruise-company-list-item .count span {
  display: inline-block;
  margin: 0 10px;
  color: #555;
}
.cruise-company-list-item .count b {
  margin: 0 2px;
  font-size: 14px;
  color: #09e;
}
.cruise-company-list-item .desc {
  height: 80px;
  line-height: 20px;
  margin-bottom: 10px;
  color: #aaa;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.cruise-company-list-item .look {
  display: inline-block;
  color: #07c;
}
.cruise-boats-detail {
  min-height: calc(100vh - 433px);
  padding: 20px;
  margin-bottom: 20px;
  background-color: #fff;
}
.cruise-boats-detail .head {
  display: flex;
}
.cruise-boats-detail .pic {
  width: 500px;
  height: 270px;
  margin-right: 20px;
}
.cruise-boats-detail .info {
  flex: 1;
  overflow: hidden;
}
.cruise-boats-detail .title {
  margin-bottom: 10px;
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
}
.cruise-boats-detail .summary {
  margin-bottom: 40px;
}
.cruise-boats-detail .summary span {
  margin-right: 20px;
  color: #aaa;
}
.cruise-boats-detail .score-num b {
  font-size: 30px;
  font-weight: bold;
  color: #333;
}
.cruise-boats-detail .score-text {
  margin-left: 20px;
  color: #aaa;
}
.cruise-boats-detail .desc {
  padding-top: 20px;
  line-height: 30px;
  font-size: 16px;
}

.know {
  min-height: calc(100vh - 363px);
}
.know-wrap {
  width: 100%;
  padding-top: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.know-tab {
  height: 50px;
  border-bottom: 1px solid #f5f5f5;
}
.know-tab-cont {
  display: none;
}
.know-tab-cont:first-child {
  display: block;
}
.know-tab-item {
  position: relative;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 10px;
  margin: 0 20px;
  font-size: 20px;
  color: #333;
  cursor: pointer;
  box-sizing: content-box;
}
.know-tab-item:hover {
  color: #00a0e9;
}
.know-tab-item::before,
.know-tab-item::after {
  display: none;
  position: absolute;
  left: 50%;
  bottom: -12px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
}
.know-tab-item::before {
  margin-left: -6px;
  border-width: 6px;
  border-color: #00a0e9 transparent transparent transparent;
}
.know-tab-item::after {
  bottom: -8px;
  margin-left: -4px;
  border-width: 4px;
  border-color: #fff transparent transparent transparent;
}
.know-tab-item.on {
  font-weight: bold;
  color: #00a0e9;
  border-bottom: 2px solid #00a0e9;
}
.know-tab-item.on::before,
.know-tab-item.on::after {
  display: block;
}
.know-list {
  -webkit-flex: 1;
  flex: 1;
  margin-bottom: 20px;
  background: #fff;
  overflow: hidden;
}
.know-list-item {
  display: -webkit-flex;
  display: flex;
  padding: 20px;
  border-bottom: 1px solid #f5f5f5;
}
.know-list-item:last-child {
  border-bottom: none;
}
.know-list-item .info {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.know-list-item .pic {
  width: 150px;
  height: 100px;
  margin-left: 20px;
  border-radius: 5px;
  overflow: hidden;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 80%;
}
.know-list-item .pic img {
  object-fit: cover;
}
.know-list-item .title {
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #444;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.know-list-item .sub-row {
  padding: 10px 0;
  line-height: 20px;
  font-size: 12px;
}
.know-list-item .count {
  display: inline-block;
  margin-right: 20px;
  color: #bbb;
}
.know-list-item .count i {
  display: inline-block;
  width: 14px;
  margin-right: 5px;
  text-align: center;
  font-size: 12px;
}
.know-list-item .tag {
  display: inline-block;
  height: 20px;
  padding: 0 10px;
  margin-right: 10px;
  color: #777;
  background: #eee;
  border-radius: 10px;
}
.know-list-item .desc {
  height: 40px;
  line-height: 20px;
  color: #666;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.know-list-item:hover {
  background: #fafafa;
}
.know-list-item:hover .title {
  color: #00a0e9;
}
.know-side {
  width: 240px;
  margin-left: 20px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.know-side-md {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
}
.know-side-md .mt {
  line-height: 20px;
}
.know-side-md .mt strong {
  font-size: 16px;
  color: #333;
}
.know-hot {
  padding-top: 10px;
}
.know-hot-item {
  display: block;
  position: relative;
  padding-left: 10px;
  line-height: 30px;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.know-hot-item::before {
  position: absolute;
  left: 1px;
  top: 50%;
  content: '';
  width: 4px;
  height: 4px;
  margin-top: -2px;
  background: #ddd;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.know-hot-item:hover {
  color: #00a0e9;
}
.know-hot-item:hover::before {
  background: #00a0e9;
}
.know-recom-item {
  display: -webkit-flex;
  display: flex;
  margin-top: 20px;
}
.know-recom-item .info {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.know-recom-item .title {
  line-height: 20px;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.know-recom-item .price {
  line-height: 20px;
  color: #f80;
}
.know-recom-item .pic {
  width: 60px;
  height: 40px;
  margin-left: 10px;
  overflow: hidden;
}
.know-recom-item:hover .title {
  color: #00a0e9;
}
.know-detail {
  -webkit-flex: 1;
  flex: 1;
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
  overflow: hidden;
}
.know-detail-hd {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #eee;
}
.know-detail-hd .title {
  line-height: 30px;
  font-size: 24px;
  color: #333;
}
.know-detail-hd .sub-row {
  margin-top: 10px;
  line-height: 20px;
  font-size: 12px;
  overflow: hidden;
}
.know-detail-hd .sub-row-r {
  float: right;
}
.know-detail-hd .count {
  display: inline-block;
  margin-right: 20px;
  color: #bbb;
}
.know-detail-hd .count i {
  display: inline-block;
  width: 14px;
  margin-right: 5px;
  text-align: center;
  font-size: 12px;
}
.know-detail-hd .count.like {
  cursor: pointer;
}
.know-detail-hd .count.like.on {
  color: #666;
}
.know-detail-hd .count.like.on i {
  color: #ff6666;
}
.know-detail-cont img {
  max-width: 100%;
}
.know-detail-cont p {
  padding: 5px 0;
}

:root {
  --input-theme-color: #00a0e9;
}
.customize {
  min-height: calc(100vh - 363px);
}
.customize-form {
  padding: 20px 40px;
  margin: 20px 0;
  background: #fff;
}
.customize-form .submitBtn {
  color: #fff;
}
.customize-form-module {
  margin-bottom: 40px;
}
.customize-form-module .tt {
  line-height: 20px;
  margin-bottom: 20px;
  font-size: 18px;
  color: #333;
}
.customize-form-module .tt .dot {
  display: inline-block;
  vertical-align: top;
  width: 6px;
  height: 6px;
  margin-top: 7px;
  margin-right: 6px;
  background: #00a0e9;
  transform: rotate(45deg);
}
.customize-form-module .form-row {
  display: flex;
  align-items: center;
  padding: 0 12px;
  margin-bottom: 20px;
}
.customize-form-module .form-row:last-child {
  margin-bottom: 0;
}
.customize-form-module .form-row-line {
  display: flex;
}
.customize-form-module .form-row-line .form-row {
  margin-bottom: 20px;
}
.customize-form-module .form-row-dt {
  position: relative;
  width: 80px;
  line-height: 24px;
  text-align: left;
}
.customize-form-module .form-row-dt .must {
  position: absolute;
  left: -8px;
  line-height: 20px;
  color: #f33;
}
.customize-form-module .form-row-dd {
  display: flex;
  flex: 1;
}
.customize-form-module .form-row-dd .text-check {
  margin-right: 20px;
}
.customize-form-module .form-row-dd select[class="u-txt"] {
  -moz-appearance: auto;
  -webkit-appearance: auto;
  appearance: auto;
}
.customize-form-module .form-row-dd .datepicker {
  position: relative;
  width: 300px;
  height: 36px;
}
.customize-form-module .form-row-dd .datepicker .u-txt {
  cursor: default;
}
.customize-form-module .form-row-dd .datepicker .icons {
  position: absolute;
  right: 10px;
  top: 11px;
  width: 14px;
  height: 14px;
  background: url(/static/assets/img/icons.png);
  background-position: -360px -20px;
}
.customize-form-module .form-row-dd .phone-select {
  position: relative;
  flex-shrink: 0;
  width: 80px;
  margin-right: 10px;
}
.customize-form-module .form-row-dd .phone-select-value {
  height: 36px;
  line-height: 26px;
  padding: 4px 10px;
  padding-right: 24px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 13px;
}
.customize-form-module .form-row-dd .phone-select-value.pl {
  color: #CCC;
}
.customize-form-module .form-row-dd .phone-select::before {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 2;
  content: '';
  width: 6px;
  height: 6px;
  margin-top: -5px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-sizing: content-box;
}
.customize-form-module .form-row-dd .phone-select select {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.customize-form-module .form-row .unit {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  padding: 8px 0;
  margin-left: 10px;
  color: #999;
}
.customize-form-module .form-row .number-btn {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 34px;
  height: 34px;
  cursor: pointer;
  border: 1px solid #ddd;
  flex-shrink: 0;
  box-sizing: content-box;
}
.customize-form-module .form-row .number-btn-minus {
  border-right: none;
}
.customize-form-module .form-row .number-btn-minus::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 12px;
  height: 2px;
  margin-left: -6px;
  margin-top: -1px;
  background: #555;
}
.customize-form-module .form-row .number-btn-add {
  border-left: none;
}
.customize-form-module .form-row .number-btn-add::before,
.customize-form-module .form-row .number-btn-add::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  background: #555;
}
.customize-form-module .form-row .number-btn-add::before {
  width: 12px;
  height: 2px;
  margin-left: -6px;
  margin-top: -1px;
}
.customize-form-module .form-row .number-btn-add::after {
  width: 2px;
  height: 12px;
  margin-left: -1px;
  margin-top: -6px;
}
.customize-form-module .form-row .number-btn.disable {
  cursor: no-drop;
}
.customize-form-module .form-row .number-btn.disable::before,
.customize-form-module .form-row .number-btn.disable::after {
  background: #ccc;
}
.customize-step {
  padding: 40px 0;
  display: -webkit-flex;
  display: flex;
}
.customize-step-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
  flex: 1;
}
.customize-step-item {
  position: relative;
  -webkit-flex: 1;
  flex: 1;
  text-align: center;
}
.customize-step-item::before {
  position: absolute;
  top: 50%;
  right: 0;
  content: '';
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-sizing: content-box;
}
.customize-step-item .icon {
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin: 0 auto;
  border: 1px solid #00a0e9;
  border-radius: 50%;
  box-sizing: content-box;
}
.customize-step-item .icon i {
  font-size: 28px;
  color: #00a0e9;
  background: linear-gradient(to bottom, #0af, #0cf);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.customize-step-item .title {
  margin-top: 10px;
  line-height: 20px;
  font-size: 18px;
}
.customize-btn {
  width: 240px;
  height: 60px;
  line-height: 60px;
  margin-left: 40px;
  margin-top: 15px;
  text-align: center;
  font-size: 24px;
  color: #fff;
  border-radius: 30px;
  background: linear-gradient(to right, #fa0, #f60);
  box-shadow: 0 5px 10px rgba(255, 153, 0, 0.5);
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.customize-btn:hover {
  color: #fff;
}
.customize-module {
  margin-bottom: 40px;
}
.customize-module .mt {
  height: 30px;
  overflow: hidden;
}
.customize-module .mt strong {
  line-height: 30px;
  font-size: 24px;
  color: #111;
}
.customize-module .mt > span {
  margin-left: 20px;
  color: #aaa;
}
.customize-module .md-tabs {
  float: right;
}
.customize-module .md-tabs-item {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  margin-left: 10px;
  background: #fff;
  border-radius: 5px;
  cursor: pointer;
}
.customize-module .md-tabs-item.on {
  color: #fff;
  background: #00a0e9;
}
.customize-module .md-tabs-cont {
  display: none;
}
.customize-module .md-tabs-cont::before,
.customize-module .md-tabs-cont::after {
  content: '';
  display: table;
}
.customize-module .md-tabs-cont::after {
  clear: both;
}
.customize-module .md-tabs-cont:first-child {
  display: block;
}
.customize .season-hot {
  margin-top: 30px;
}
.customize-hot {
  margin-right: -20px;
}
.customize-hot-item {
  float: left;
  width: 285px;
  margin-top: 20px;
  margin-right: 20px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.customize-hot-item .pic {
  position: relative;
  width: 285px;
  height: 180px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 60%;
}
.customize-hot-item .pic img {
  object-fit: cover;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.customize-hot-item .info {
  height: 65px;
  padding: 5px 10px 10px;
  box-sizing: content-box;
}
.customize-hot-item .title {
  height: 40px;
  margin-bottom: 5px;
  line-height: 20px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.customize-hot-item .desc {
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.customize-hot-item .price {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20px;
  line-height: 20px;
  padding: 5px 0;
  text-align: center;
  color: #fa0;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.7);
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}
.customize-hot-item .price em {
  font-size: 12px;
  color: #fff;
}
.customize-hot-item:hover {
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
}
.customize-hot-item:hover .price {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.customize-hot-item:hover .pic img {
  opacity: 0.85;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.customize-hot-item:hover .title {
  color: #00a0e9;
}
.customize-serve {
  padding: 40px 20px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
}
.customize-serve-item {
  -webkit-flex: 1;
  flex: 1;
  padding: 0 20px;
  text-align: center;
}
.customize-serve-item .icon {
  width: 80px;
  height: 80px;
  line-height: 80px;
  margin: 0 auto;
  text-align: center;
}
.customize-serve-item .icon i {
  font-size: 64px;
  color: #00a0e9;
  background: linear-gradient(to bottom, #00aaff, #00d5ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.customize-serve-item .title {
  line-height: 30px;
  font-size: 22px;
  color: #333;
}
.customize-serve-item .desc {
  color: #999;
}
.customize-detail .gallery {
  position: relative;
  width: 540px;
  height: 320px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 60%;
}
.customize-detail .gallery .sw-bd {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}
.customize-detail .gallery .sw-item {
  width: 100%;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.customize-detail .gallery .sw-ft {
  position: absolute;
  left: 0;
  bottom: 10px;
  z-index: 5;
  width: 100%;
  height: 10px;
  text-align: center;
}
.customize-detail .gallery .sw-ft .dot {
  display: inline-block;
  vertical-align: top;
  width: 6px;
  height: 6px;
  margin: 0 3px;
  border-radius: 6px;
  background: #fff;
  opacity: 0.6;
  transition: all 0.3s;
}
.customize-detail .gallery .sw-ft .dot.on {
  width: 18px;
  opacity: 1;
}
.customize-detail-head {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
  display: -webkit-flex;
  display: flex;
}
.customize-detail-head .gallery {
  margin-right: 20px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.customize-detail-head .info {
  -webkit-flex: 1;
  flex: 1;
}
.customize-detail-head .title {
  max-height: 120px;
  margin-bottom: 10px;
  line-height: 30px;
  font-size: 24px;
  color: #333;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.customize-detail-head .tag-row {
  margin-bottom: 5px;
}
.customize-detail-head .tag {
  display: inline-block;
  vertical-align: top;
  height: 18px;
  line-height: 18px;
  padding: 0 5px;
  margin: 1px 5px 1px 0;
  font-size: 12px;
  color: #00a0e9;
  border-radius: 3px;
  border: 1px solid #99ccff;
  box-sizing: content-box;
}
.customize-detail-head .desc {
  margin-bottom: 20px;
  line-height: 20px;
  color: #aaa;
}
.customize-detail-head .destn span {
  color: #aaa;
}
.customize-detail-head .price-box {
  margin-top: 50px;
  overflow: hidden;
}
.customize-detail-head .price-box .btn {
  float: right;
  display: block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  background: #f80;
  border-radius: 4px;
}
.customize-detail-head .price-box .btn:hover {
  background: #f70;
}
.customize-detail-head .price {
  float: left;
  font-size: 24px;
  color: #f80;
}
.customize-detail-head .price em {
  color: #666;
  font-size: 12px;
}
.customize-detail-cont .detail-nav {
  padding: 0 20px;
  height: 50px;
  background: #fff;
  border-bottom: 1px solid #f5f5f5;
  box-sizing: border-box;
}
.customize-detail-cont .detail-nav-item {
  display: inline-block;
  vertical-align: top;
  height: 50px;
  line-height: 50px;
  margin: 0 20px;
  font-size: 16px;
  font-weight: 700;
  box-sizing: border-box;
  cursor: pointer;
}
.customize-detail-cont .detail-nav-item:hover {
  color: #00a0e9;
}
.customize-detail-cont .detail-nav-item.on {
  color: #00a0e9;
  border-bottom: 2px solid #00a0e9;
}
.customize-detail-cont .detail-nav.tofixed {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 1200px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.customize-detail-md {
  padding: 20px 40px;
  margin-bottom: 20px;
  background: #fff;
}
.customize-detail-md .mt {
  position: relative;
  height: 30px;
  margin-bottom: 20px;
  border-bottom: 2px solid #f8f8f8;
  box-sizing: content-box;
}
.customize-detail-md .mt strong {
  display: inline-block;
  line-height: 20px;
  padding-left: 12px;
  font-size: 18px;
  color: #333;
}
.customize-detail-md .mt::before {
  position: absolute;
  left: 0;
  top: 3px;
  content: '';
  width: 3px;
  height: 14px;
  background: #00a0e9;
}
.customize-detail .price-cont {
  margin-bottom: 20px;
}
.customize-detail .price-cont .tt {
  font-size: 16px;
}
.customize-detail .price-cont .price {
  color: #f80;
  font-size: 30px;
}
.customize-detail .price-cont .price em {
  font-size: 14px;
}
.customize-detail .price-cont p {
  color: #aaa;
}
.customize-submit {
  padding: 100px 20px;
  margin: 40px 0;
  border: 1px solid #eee;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  background: #fff;
}
.customize-submit .head {
  text-align: center;
}
.customize-submit .head .icon {
  display: inline-block;
  vertical-align: top;
  width: 60px;
  height: 60px;
  margin-right: 10px;
}
.customize-submit .head-info {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.customize-submit .head-info .tt {
  padding: 5px 0;
  line-height: 30px;
  font-size: 26px;
  color: #333;
}
.customize-submit .head-info .desc {
  line-height: 20px;
  color: #aaa;
}
.customize-submit .text-wrap {
  margin: 40px 0;
  text-align: center;
}
.customize-submit .text-wrap .light {
  color: #09e;
}
.customize-submit .text-wrap .gray {
  color: #aaa;
}
.customize-submit .text-wrap .dark {
  color: #555;
}
.customize-submit .text-row {
  line-height: 30px;
  font-size: 18px;
}
.customize-submit .look-btn {
  display: block;
  width: 180px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: #09e;
  cursor: pointer;
  border-radius: 3px;
}
.custom-made {
  margin-right: -25px;
}
.custom-made-item {
  float: left;
  position: relative;
  width: 386px;
  height: 280px;
  margin-top: 20px;
  margin-right: 21px;
  border-radius: 10px;
  overflow: hidden;
}
.custom-made-item .pic {
  width: 386px;
  height: 280px;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 55%;
}
.custom-made-item .pic img {
  object-fit: cover;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.custom-made-item .info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px 15px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.custom-made-item .info-hd {
  display: -webkit-flex;
  display: flex;
}
.custom-made-item .title {
  -webkit-flex: 1;
  flex: 1;
  line-height: 20px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.custom-made-item .price {
  margin-left: 20px;
  color: #fa0;
}
.custom-made-item .price em {
  font-size: 12px;
}
.custom-made-item .desc {
  margin-top: 3px;
  line-height: 16px;
  font-size: 12px;
  color: #fff;
  opacity: 0.7;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.custom-made-item:hover {
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}
.custom-made-item:hover .pic img {
  opacity: 0.85;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.custom-made-item:hover .info {
  background: rgba(0, 0, 0, 0.8);
}
.small-calendar {
  display: none;
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 10;
  padding: 10px 30px;
  font-size: 12px;
  border: 1px solid #ddd;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.small-calendar .close {
  position: absolute;
  right: 10px;
  top: 12px;
  width: 14px;
  height: 14px;
  cursor: pointer;
}
.small-calendar .close::before,
.small-calendar .close::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 14px;
  height: 2px;
  margin-left: -7px;
  margin-top: -1px;
  background: #ddd;
}
.small-calendar .close::before {
  transform: rotate(45deg);
}
.small-calendar .close::after {
  transform: rotate(-45deg);
}
.small-calendar .close:hover::before,
.small-calendar .close:hover::after {
  background: #00a0e9;
}
.small-calendar .prev-month,
.small-calendar .next-month {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 10px;
  margin-top: 5px;
  border-left: 2px solid #ddd;
  border-top: 2px solid #ddd;
  cursor: pointer;
  box-sizing: content-box;
}
.small-calendar .prev-month:hover,
.small-calendar .next-month:hover {
  border-color: #00a0e9;
}
.small-calendar .prev-month {
  left: 12px;
  transform: rotate(-45deg);
}
.small-calendar .next-month {
  right: 12px;
  transform: rotate(135deg);
}
.small-calendar .date-box {
  width: 200px;
  text-align: center;
}
.small-calendar .date-box .hd {
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #333;
}
.small-calendar .date-box .date-table {
  width: 100%;
}
.small-calendar .date-box .date-table th {
  color: #aaa;
}
.small-calendar .date-box .date-table td {
  line-height: 25px;
  font-family: Arial;
  cursor: pointer;
}
.small-calendar .date-box .date-table td:hover {
  color: #ff9900;
  background: #fff6e5;
}
.small-calendar .date-box .date-table .on,
.small-calendar .date-box .date-table .on:hover {
  color: #fff;
  background: #ff9900;
}
.small-calendar .date-box .date-table .disable {
  color: #ccc;
  cursor: no-drop;
}
.small-calendar .date-box .date-table .disable:hover {
  color: #ccc;
  background: none;
}
.customizeDetail .couture-master {
  background: #FFFFFF;
  box-shadow: 0px 1px 17px 2px rgba(180, 178, 178, 0.22);
  border-radius: 8px;
  padding: 20px 40px;
  margin-top: 25px;
}
.customizeDetail .couture-master .info {
  display: flex;
  align-items: center;
}
.customizeDetail .couture-master .info .pic {
  flex-shrink: 0;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #EFEDEE;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 24px;
}
.customizeDetail .couture-master .info .pic img {
  width: 100%;
  object-fit: cover;
}
.customizeDetail .couture-master .info .mess {
  flex: 1;
}
.customizeDetail .couture-master .info .tt {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.customizeDetail .couture-master .info .tt .name {
  font-size: 20px;
  font-weight: 600;
  color: #333333;
}
.customizeDetail .couture-master .info .tt .status {
  color: #D4D4D4;
  font-size: 16px;
}
.customizeDetail .couture-master .info .tt .name,
.customizeDetail .couture-master .info .tt .status {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.customizeDetail .couture-master .info .label {
  font-size: 16px;
  color: #666666;
  padding-right: 14px;
  margin-right: 14px;
  border-right: 1px solid #D8D8D8;
}
.customizeDetail .couture-master .info .label:last-child {
  border: none;
  padding: 0;
  margin: 0;
}
.customizeDetail .couture-master .info .green {
  color: #00C777;
}
.customizeDetail .couture-master .hint {
  margin-top: 17px;
  padding-top: 10px;
  border-top: 1px solid rgba(212, 212, 212, 0.4);
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  color: #999999;
}
.customizeDetail .couture-master .hint .antd-mobile-icon {
  margin-right: 0.1rem;
}
.customizeDetail .order-info {
  margin-top: 21px;
}
.customizeDetail .order-info .order-title {
  height: 60px;
  background: #F5F5F5;
  padding: 15px 12px;
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.customizeDetail .order-info .order-title .label {
  padding: 4px 15px;
  background: linear-gradient(303deg, #596CF3 0%, #B6F5FC 100%);
  border-radius: 8px;
  font-size: 16px;
  line-height: 22px;
  color: #FFF;
  margin-right: 12px;
}
.customizeDetail .order-info .order-title .tt {
  color: #333333;
  font-size: 16px;
  font-weight: 600;
}
.customizeDetail .order-info .info-form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 12px;
}
.customizeDetail .order-info .info-form .form-row {
  width: calc((100% - 30px) / 2);
  display: flex;
  align-items: baseline;
  margin-bottom: 14px;
  font-size: 14px;
}
.customizeDetail .order-info .info-form .form-row-dt {
  color: #999999;
  width: 100px;
  margin-right: 0.4rem;
  flex-shrink: 0;
  text-align: left;
}
.customizeDetail .order-info .info-form .form-row-dd {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.feedback {
  padding: 20px;
  margin: 40px 0;
  border: 1px solid #eee;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.feedback-tt {
  line-height: 30px;
  text-align: center;
  font-size: 24px;
  color: #333;
}
.feedback-desc {
  padding-top: 10px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  text-align: center;
  border-bottom: 1px solid #eee;
}
.feedback-form-row {
  padding: 0 20px;
  margin-bottom: 40px;
}
.feedback-form-dt {
  position: relative;
  padding-left: 10px;
  line-height: 20px;
  margin-bottom: 10px;
}
.feedback-form-dt .must {
  position: absolute;
  left: 0;
  top: 0;
  color: #f33;
}
.feedback-form-dd {
  padding-left: 30px;
}
.feedback-form-dd .text-check {
  margin-right: 20px !important;
}
.feedback-form-dd .text-check span {
  min-width: 100px;
  text-align: center;
  font-size: 14px !important;
}
.feedback-form-dd textarea {
  height: auto !important;
}
.feedback-form-dd .contact {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 10px;
}
.feedback-form-dd .contact .u-txt {
  width: 300px;
}
.feedback-submit {
  display: block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background: #09e;
  border: none;
  outline: none;
  border-radius: 4px;
  cursor: pointer;
}

.hotplay {
  background: #f5f5f5;
  overflow: hidden;
}
.hotplay-fine {
  margin-bottom: 20px;
}
.hotplay-fine .mt {
  line-height: 30px;
  margin-bottom: 10px;
  text-align: center;
}
.hotplay-fine .mt strong {
  font-size: 20px;
  color: #333;
}
.hotplay-fine-list {
  margin-right: -20px;
  overflow: hidden;
}
.hotplay-fine-list .item {
  display: block;
  float: left;
  width: 285px;
  margin-right: 20px;
  margin-bottom: 20px;
  background: #fff;
}
.hotplay-fine-list .item .pic {
  width: 285px;
  height: 180px;
  overflow: hidden;
}
.hotplay-fine-list .item .pic img {
  display: block;
  object-fit: cover;
}
.hotplay-fine-list .item .info {
  height: 60px;
  line-height: 20px;
  padding: 10px;
}
.hotplay-fine-list .item .title {
  max-height: 40px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.hotplay-fine-list .item .desc {
  height: 20px;
  font-size: 12px;
  color: #aaa;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.hotplay-fine-list .item .bt-row {
  padding: 0 10px 10px;
  line-height: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.hotplay-fine-list .item .price b {
  font-size: 18px;
  font-family: Airal;
  color: #f80;
}
.hotplay-fine-list .item .price span {
  font-size: 12px;
}
.hotplay-fine-list .item .cost {
  color: #bbb;
  text-decoration: line-through;
}
.hotplay-floor {
  margin-bottom: 20px;
}
.hotplay-floor .mt {
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
  overflow: hidden;
}
.hotplay-floor .mt strong {
  font-size: 24px;
  color: #333;
}
.hotplay-floor .mt a {
  float: right;
}
.hotplay-floor-list {
  margin-right: -20px;
  overflow: hidden;
}
.hotplay-floor-list .item {
  float: left;
  position: relative;
  width: 285px;
  height: 200px;
  margin-right: 20px;
  margin-bottom: 20px;
  overflow: hidden;
}
.hotplay-floor-list .item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s ease-out;
}
.hotplay-floor-list .item:first-child {
  width: 590px;
}
.hotplay-floor-list .item .info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  padding: 25px 15px 5px;
  box-sizing: border-box;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.hotplay-floor-list .item .title,
.hotplay-floor-list .item .desc {
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.hotplay-floor-list .item .title {
  line-height: 25px;
  font-size: 20px;
}
.hotplay-floor-list .item .desc {
  line-height: 20px;
}
.hotplay-floor-list .item:hover img {
  opacity: 0.85;
  transform: scale(1.05);
}
.hotplay-list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.hotplay-list-wrap {
  -webkit-flex: 1;
  flex: 1;
  margin-bottom: 20px;
  background: #fff;
  overflow: hidden;
}
.hotplay-list-side {
  width: 260px;
  margin-left: 20px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.hotplay-list-item {
  display: -webkit-flex;
  display: flex;
  padding: 20px;
  border-bottom: 1px solid #f5f5f5;
}
.hotplay-list-item .pic {
  width: 180px;
  height: 120px;
  margin-right: 20px;
  overflow: hidden;
}
.hotplay-list-item .pic img {
  object-fit: cover;
}
.hotplay-list-item .info {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.hotplay-list-item .tt {
  max-height: 40px;
  line-height: 20px;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  overflow: hidden;
}
.hotplay-list-item .sub-tt {
  color: #aaa;
}
.hotplay-list-item .tags {
  height: 20px;
  line-height: 20px;
}
.hotplay-list-item .tags-item {
  display: inline-block;
  vertical-align: top;
  height: 18px;
  line-height: 18px;
  padding: 0 5px;
  margin: 1px 5px 1px 0;
  font-size: 12px;
  color: #00a0e9;
  border-radius: 3px;
  border: 1px solid #99ccff;
}
.hotplay-list-item .plans {
  padding-top: 20px;
}
.hotplay-list-item .plans-item {
  height: 18px;
  line-height: 18px;
  padding-right: 20px;
  font-size: 12px;
  overflow: hidden;
}
.hotplay-list-item .plans-item span {
  color: #aaa;
}
.hotplay-list-item .look-btn {
  display: block;
  width: 80px;
  height: 30px;
  line-height: 30px;
  margin-left: 40px;
  margin-top: 45px;
  text-align: center;
  color: #fff;
  background: #f80;
  border-radius: 4px;
}
.hotplay-side-module {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
}
.hotplay-side-module .mt {
  margin-bottom: 10px;
}
.hotplay-side-module .mt strong {
  font-size: 16px;
  color: #333;
}
.hotplay-side-module .hot-item {
  margin-bottom: 10px;
  display: -webkit-flex;
  display: flex;
}
.hotplay-side-module .hot-item .pic {
  width: 60px;
  height: 40px;
  margin-right: 10px;
  overflow: hidden;
}
.hotplay-side-module .hot-item .pic img {
  object-fit: cover;
}
.hotplay-side-module .hot-item .info {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.hotplay-side-module .hot-item .tt {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.hotplay-side-module .hot-item .sub-tt {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.hotplay-side-module .hot-item:last-child {
  margin-bottom: 0;
}
.hotplay-side-module .hot-item:hover .tt {
  color: #00a0e9;
}
.hotplay-detail-head {
  position: relative;
  z-index: 1;
  padding: 20px;
  background: #fff;
  display: -webkit-flex;
  display: flex;
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2);
}
.hotplay-detail-head .info {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.hotplay-detail-head .tt {
  line-height: 40px;
  font-size: 30px;
  color: #333;
}
.hotplay-detail-head .sub-tt {
  margin-bottom: 10px;
  line-height: 20px;
  font-size: 16px;
  color: #aaa;
}
.hotplay-detail-head .tags {
  height: 20px;
  line-height: 20px;
}
.hotplay-detail-head .tags-item {
  display: inline-block;
  vertical-align: top;
  height: 18px;
  line-height: 18px;
  padding: 0 5px;
  margin: 1px 5px 1px 0;
  font-size: 12px;
  color: #00a0e9;
  border-radius: 3px;
  border: 1px solid #99ccff;
}
.hotplay-detail-head .bt-row {
  margin-top: 30px;
  line-height: 20px;
  font-size: 12px;
  overflow: hidden;
}
.hotplay-detail-head .bt-row-r {
  float: right;
}
.hotplay-detail-head .count {
  display: inline-block;
  margin-right: 20px;
  color: #bbb;
}
.hotplay-detail-head .count i {
  display: inline-block;
  width: 14px;
  margin-right: 5px;
  text-align: center;
  font-size: 12px;
}
.hotplay-detail-head .count.like {
  cursor: pointer;
}
.hotplay-detail-head .count.like.on {
  color: #09e;
}
.hotplay-detail-head .pic {
  width: 240px;
  height: 140px;
  margin-left: 20px;
  overflow: hidden;
}
.hotplay-detail-head .pic img {
  object-fit: cover;
}
.hotplay-detail-wrap {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 20px;
}
.hotplay-detail-cont {
  -webkit-flex: 1;
  flex: 1;
  padding: 20px 40px;
  background: #fff;
  overflow: hidden;
}
.hotplay-detail-cont .preface {
  position: relative;
  mine-height: 40px;
  line-height: 20px;
  padding: 20px 40px;
  margin-bottom: 20px;
  color: #777;
}
.hotplay-detail-cont .preface .quote {
  position: absolute;
  width: 32px;
  height: 32px;
  fill: #ddd;
}
.hotplay-detail-cont .preface .quote-l {
  left: 0;
  top: 0;
}
.hotplay-detail-cont .preface .quote-r {
  right: 0;
  bottom: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(180deg);
}
.hotplay-detail-cont .cont {
  margin-bottom: 20px;
}
.hotplay-detail-cont .cont-dt {
  position: relative;
  height: 20px;
  line-height: 20px;
  padding-left: 12px;
  margin-bottom: 10px;
  font-size: 18px;
  color: #333;
}
.hotplay-detail-cont .cont-dt::before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  width: 4px;
  height: 14px;
  margin-top: -7px;
  background: #00a0e9;
}
.hotplay-detail-cont .cont-dd p {
  padding: 5px 0;
}
.hotplay-detail-cont .cont-dd img {
  max-width: 100%;
}
.hotplay-detail-cont .recom {
  margin-bottom: 40px;
}
.hotplay-detail-cont .recom-tt {
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
  color: #333;
}
.hotplay-detail-cont .recom-item {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 20px;
  background: #fafafa;
}
.hotplay-detail-cont .recom-item:last-child {
  margin-bottom: 0;
}
.hotplay-detail-cont .recom-item .pic {
  width: 120px;
  height: 80px;
  overflow: hidden;
}
.hotplay-detail-cont .recom-item .pic img {
  object-fit: cover;
}
.hotplay-detail-cont .recom-item .info {
  -webkit-flex: 1;
  flex: 1;
  padding: 10px;
  overflow: hidden;
}
.hotplay-detail-cont .recom-item .tt {
  height: 20px;
  line-height: 20px;
  margin-bottom: 20px;
  font-size: 15px;
  overflow: hidden;
}
.hotplay-detail-cont .recom-item .price {
  line-height: 20px;
  color: #f80;
  font-size: 18px;
}
.hotplay-detail-cont .recom-item .price em {
  font-size: 12px;
  color: #aaa;
}
.hotplay-detail-cont .recom-item:hover .tt {
  color: #00a0e9;
}
.hotplay-detail-side {
  width: 240px;
  padding: 20px 20px 20px 19px;
  background: #fafafa;
  border-left: 1px solid #eee;
}
.hotplay-detail-side .all-list-item {
  display: -webkit-flex;
  display: flex;
  margin-top: 20px;
}
.hotplay-detail-side .all-list-item .pic {
  width: 70px;
  height: 50px;
  margin-right: 10px;
  overflow: hidden;
}
.hotplay-detail-side .all-list-item .pic img {
  object-fit: cover;
}
.hotplay-detail-side .all-list-item .info {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.hotplay-detail-side .all-list-item .tt {
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.hotplay-detail-side .all-list-item .price {
  line-height: 20px;
  color: #f80;
  font-size: 16px;
}
.hotplay-detail-side .all-list-item .price em {
  font-size: 12px;
  color: #aaa;
}
.hotplay-detail-side .all-list-item:hover .tt {
  color: #00a0e9;
}
.hotplay-detail-md {
  margin-bottom: 40px;
}
.hotplay-detail-md .mt {
  height: 20px;
  line-height: 20px;
  padding-bottom: 9px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #eee;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-no-unknown */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-variant: tabular-nums;
  line-height: 1.5;
  background-color: #fff;
  font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #555;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #615b5b;
}
a:active {
  color: #2e2b2b;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::selection {
  color: #fff;
  background: #1890ff;
}
.clearfix {
  zoom: 1;
}
.clearfix::before,
.clearfix::after {
  display: table;
  content: '';
}
.clearfix::after {
  clear: both;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin::before {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.fade-enter,
.fade-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.fade-enter.fade-enter-active,
.fade-appear.fade-appear-active {
  animation-name: antFadeIn;
  animation-play-state: running;
}
.fade-leave.fade-leave-active {
  animation-name: antFadeOut;
  animation-play-state: running;
  pointer-events: none;
}
.fade-enter,
.fade-appear {
  opacity: 0;
  animation-timing-function: linear;
}
.fade-leave {
  animation-timing-function: linear;
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.move-up-enter,
.move-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-up-enter.move-up-enter-active,
.move-up-appear.move-up-appear-active {
  animation-name: antMoveUpIn;
  animation-play-state: running;
}
.move-up-leave.move-up-leave-active {
  animation-name: antMoveUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-up-enter,
.move-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-up-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-down-enter,
.move-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-down-enter.move-down-enter-active,
.move-down-appear.move-down-appear-active {
  animation-name: antMoveDownIn;
  animation-play-state: running;
}
.move-down-leave.move-down-leave-active {
  animation-name: antMoveDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-down-enter,
.move-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-down-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-left-enter,
.move-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-left-enter.move-left-enter-active,
.move-left-appear.move-left-appear-active {
  animation-name: antMoveLeftIn;
  animation-play-state: running;
}
.move-left-leave.move-left-leave-active {
  animation-name: antMoveLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-left-enter,
.move-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-left-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-right-enter,
.move-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-right-enter.move-right-enter-active,
.move-right-appear.move-right-appear-active {
  animation-name: antMoveRightIn;
  animation-play-state: running;
}
.move-right-leave.move-right-leave-active {
  animation-name: antMoveRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-right-enter,
.move-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-right-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@keyframes antMoveDownIn {
  0% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftIn {
  0% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightIn {
  0% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpIn {
  0% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: #1890ff;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  box-shadow: 0 0 0 0 #1890ff;
  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@keyframes waveEffect {
  100% {
    box-shadow: 0 0 0 #1890ff;
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.slide-up-enter,
.slide-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-up-enter.slide-up-enter-active,
.slide-up-appear.slide-up-appear-active {
  animation-name: antSlideUpIn;
  animation-play-state: running;
}
.slide-up-leave.slide-up-leave-active {
  animation-name: antSlideUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-up-enter,
.slide-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-up-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-down-enter,
.slide-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-down-enter.slide-down-enter-active,
.slide-down-appear.slide-down-appear-active {
  animation-name: antSlideDownIn;
  animation-play-state: running;
}
.slide-down-leave.slide-down-leave-active {
  animation-name: antSlideDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-down-enter,
.slide-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-left-enter,
.slide-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-left-enter.slide-left-enter-active,
.slide-left-appear.slide-left-appear-active {
  animation-name: antSlideLeftIn;
  animation-play-state: running;
}
.slide-left-leave.slide-left-leave-active {
  animation-name: antSlideLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-left-enter,
.slide-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-left-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-right-enter,
.slide-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-right-enter.slide-right-enter-active,
.slide-right-appear.slide-right-appear-active {
  animation-name: antSlideRightIn;
  animation-play-state: running;
}
.slide-right-leave.slide-right-leave-active {
  animation-name: antSlideRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-right-enter,
.slide-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-right-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes antSlideUpIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideDownIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideLeftIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftOut {
  0% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightOut {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
.swing-enter,
.swing-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.swing-enter.swing-enter-active,
.swing-appear.swing-appear-active {
  animation-name: antSwingIn;
  animation-play-state: running;
}
@keyframes antSwingIn {
  0%,
  100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-10px);
  }
  40% {
    transform: translateX(10px);
  }
  60% {
    transform: translateX(-5px);
  }
  80% {
    transform: translateX(5px);
  }
}
.zoom-enter,
.zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-enter.zoom-enter-active,
.zoom-appear.zoom-appear-active {
  animation-name: antZoomIn;
  animation-play-state: running;
}
.zoom-leave.zoom-leave-active {
  animation-name: antZoomOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-enter,
.zoom-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-enter,
.zoom-big-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-enter.zoom-big-enter-active,
.zoom-big-appear.zoom-big-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.zoom-big-leave.zoom-big-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-big-enter,
.zoom-big-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-fast-enter.zoom-big-fast-enter-active,
.zoom-big-fast-appear.zoom-big-fast-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.zoom-big-fast-leave.zoom-big-fast-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-up-enter,
.zoom-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-up-enter.zoom-up-enter-active,
.zoom-up-appear.zoom-up-appear-active {
  animation-name: antZoomUpIn;
  animation-play-state: running;
}
.zoom-up-leave.zoom-up-leave-active {
  animation-name: antZoomUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-up-enter,
.zoom-up-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-down-enter,
.zoom-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-down-enter.zoom-down-enter-active,
.zoom-down-appear.zoom-down-appear-active {
  animation-name: antZoomDownIn;
  animation-play-state: running;
}
.zoom-down-leave.zoom-down-leave-active {
  animation-name: antZoomDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-down-enter,
.zoom-down-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-left-enter,
.zoom-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-left-enter.zoom-left-enter-active,
.zoom-left-appear.zoom-left-appear-active {
  animation-name: antZoomLeftIn;
  animation-play-state: running;
}
.zoom-left-leave.zoom-left-leave-active {
  animation-name: antZoomLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-left-enter,
.zoom-left-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-right-enter,
.zoom-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-right-enter.zoom-right-enter-active,
.zoom-right-appear.zoom-right-appear-active {
  animation-name: antZoomRightIn;
  animation-play-state: running;
}
.zoom-right-leave.zoom-right-leave-active {
  animation-name: antZoomRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-right-enter,
.zoom-right-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-right-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes antZoomIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomUpIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomLeftIn {
  0% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightIn {
  0% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomDownIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-affix {
  position: fixed;
  z-index: 10;
}
.ant-alert {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding: 8px 15px 8px 37px;
  word-wrap: break-word;
  border-radius: 4px;
}
.ant-alert.ant-alert-no-icon {
  padding: 8px 15px;
}
.ant-alert.ant-alert-closable {
  padding-right: 30px;
}
.ant-alert-icon {
  position: absolute;
  top: 11.5px;
  left: 16px;
}
.ant-alert-description {
  display: none;
  font-size: 14px;
  line-height: 22px;
}
.ant-alert-success {
  background-color: #f6ffed;
  border: 1px solid #b7eb8f;
}
.ant-alert-success .ant-alert-icon {
  color: #52c41a;
}
.ant-alert-info {
  background-color: #e6f7ff;
  border: 1px solid #91d5ff;
}
.ant-alert-info .ant-alert-icon {
  color: #1890ff;
}
.ant-alert-warning {
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
}
.ant-alert-warning .ant-alert-icon {
  color: #faad14;
}
.ant-alert-error {
  background-color: #fff1f0;
  border: 1px solid #ffa39e;
}
.ant-alert-error .ant-alert-icon {
  color: #f5222d;
}
.ant-alert-close-icon {
  position: absolute;
  top: 8px;
  right: 16px;
  padding: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 22px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.ant-alert-close-icon .anticon-close {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-icon .anticon-close:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-close-text {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-text:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-with-description {
  position: relative;
  padding: 15px 15px 15px 64px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1.5;
  border-radius: 4px;
}
.ant-alert-with-description.ant-alert-no-icon {
  padding: 15px;
}
.ant-alert-with-description .ant-alert-icon {
  position: absolute;
  top: 16px;
  left: 24px;
  font-size: 24px;
}
.ant-alert-with-description .ant-alert-close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 14px;
  cursor: pointer;
}
.ant-alert-with-description .ant-alert-message {
  display: block;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.ant-alert-message {
  color: rgba(0, 0, 0, 0.85);
}
.ant-alert-with-description .ant-alert-description {
  display: block;
}
.ant-alert.ant-alert-closing {
  height: 0 !important;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  transform-origin: 50% 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-alert-slide-up-leave {
  animation: antAlertSlideUpOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-fill-mode: both;
}
.ant-alert-banner {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}
@keyframes antAlertSlideUpIn {
  0% {
    transform: scaleY(0);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antAlertSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
.ant-anchor {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding-left: 2px;
}
.ant-anchor-wrapper {
  margin-left: -4px;
  padding-left: 4px;
  overflow: auto;
  background-color: #fff;
}
.ant-anchor-ink {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.ant-anchor-ink::before {
  position: relative;
  display: block;
  width: 2px;
  height: 100%;
  margin: 0 auto;
  background-color: #e8e8e8;
  content: ' ';
}
.ant-anchor-ink-ball {
  position: absolute;
  left: 50%;
  display: none;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #1890ff;
  border-radius: 8px;
  transform: translateX(-50%);
  transition: top 0.3s ease-in-out;
}
.ant-anchor-ink-ball.visible {
  display: inline-block;
}
.ant-anchor.fixed .ant-anchor-ink .ant-anchor-ink-ball {
  display: none;
}
.ant-anchor-link {
  padding: 7px 0 7px 16px;
  line-height: 1.143;
}
.ant-anchor-link-title {
  position: relative;
  display: block;
  margin-bottom: 6px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-anchor-link-title:only-child {
  margin-bottom: 0;
}
.ant-anchor-link-active > .ant-anchor-link-title {
  color: #1890ff;
}
.ant-anchor-link .ant-anchor-link {
  padding-top: 5px;
  padding-bottom: 5px;
}
.ant-select-auto-complete {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-select-auto-complete.ant-select .ant-select-selection {
  border: 0;
  box-shadow: none;
}
.ant-select-auto-complete.ant-select .ant-select-selection__rendered {
  height: 100%;
  margin-right: 0;
  margin-left: 0;
  line-height: 32px;
}
.ant-select-auto-complete.ant-select .ant-select-selection__placeholder {
  margin-right: 12px;
  margin-left: 12px;
}
.ant-select-auto-complete.ant-select .ant-select-selection--single {
  height: auto;
}
.ant-select-auto-complete.ant-select .ant-select-search--inline {
  position: static;
  float: left;
}
.ant-select-auto-complete.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 0 !important;
}
.ant-select-auto-complete.ant-select .ant-input {
  height: 32px;
  line-height: 1.5;
  background: transparent;
  border-width: 1px;
}
.ant-select-auto-complete.ant-select .ant-input:focus,
.ant-select-auto-complete.ant-select .ant-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-select-auto-complete.ant-select .ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
  background-color: transparent;
}
.ant-select-auto-complete.ant-select .ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-select-auto-complete.ant-select-lg .ant-select-selection__rendered {
  line-height: 40px;
}
.ant-select-auto-complete.ant-select-lg .ant-input {
  height: 40px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.ant-select-auto-complete.ant-select-sm .ant-select-selection__rendered {
  line-height: 24px;
}
.ant-select-auto-complete.ant-select-sm .ant-input {
  height: 24px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.ant-input-group > .ant-select-auto-complete .ant-select-search__field.ant-input-affix-wrapper {
  display: inline;
  float: none;
}
.ant-avatar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: #ccc;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
}
.ant-avatar-image {
  background: transparent;
}
.ant-avatar-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar.ant-avatar-icon {
  font-size: 18px;
}
.ant-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
}
.ant-avatar-lg-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-lg.ant-avatar-icon {
  font-size: 24px;
}
.ant-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
}
.ant-avatar-sm-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-sm.ant-avatar-icon {
  font-size: 14px;
}
.ant-avatar-square {
  border-radius: 4px;
}
.ant-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ant-back-top {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  right: 100px;
  bottom: 50px;
  z-index: 10;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.ant-back-top-content {
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 20px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-back-top-content:hover {
  background-color: rgba(0, 0, 0, 0.65);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-back-top-icon {
  width: 14px;
  height: 16px;
  margin: 12px auto;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAABGdBTUEAALGPC/xhBQAAAbtJREFUWAntmMtKw0AUhhMvS5cuxILgQlRUpIggIoKIIoigG1eC+AA+jo+i6FIXBfeuXIgoeKVeitVWJX5HWhhDksnUpp3FDPyZk3Nm5nycmZKkXhAEOXSA3lG7muTeRzmfy6HneUvIhnYkQK+Q9NhAA0Opg0vBEhjBKHiyb8iGMyQMOYuK41BcBSypAL+MYXSKjtFAW7EAGEO3qN4uMQbbAkXiSfRQJ1H6a+yhlkKRcAoVFYiweYNjtCVQJJpBz2GCiPt7fBOZQpFgDpUikse5HgnkM4Fi4QX0Fpc5wf9EbLqpUCy4jMoJSXWhFwbMNgWKhVbRhy5jirhs9fy/oFhgHVVTJEs7RLZ8sSEoJm6iz7SZDMbJ+/OKERQTttCXQRLToRUmrKWCYuA2+jbN0MB4OQobYShfdTCgn/sL1K36M7TLrN3n+758aPy2rrpR6+/od5E8tf/A1uLS9aId5T7J3CNYihkQ4D9PiMdMC7mp4rjB9kjFjZp8BlnVHJBuO1yFXIV0FdDF3RlyFdJVQBdv5AxVdIsq8apiZ2PyYO1EVykesGfZEESsCkweyR8MUW+V8uJ1gkYipmpdP1pm2aJVPEGzAAAAAElFTkSuQmCC) 100%/100% no-repeat;
}
@media screen and (max-width: 768px) {
  .ant-back-top {
    right: 60px;
  }
}
@media screen and (max-width: 480px) {
  .ant-back-top {
    right: 20px;
  }
}
.ant-badge {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  color: unset;
  line-height: 1;
}
.ant-badge-count {
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  background: #f5222d;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count a,
.ant-badge-count a:hover {
  color: #fff;
}
.ant-badge-multiple-words {
  padding: 0 8px;
}
.ant-badge-dot {
  width: 6px;
  height: 6px;
  background: #f5222d;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}
.ant-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.ant-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
}
.ant-badge-status-success {
  background-color: #52c41a;
}
.ant-badge-status-processing {
  position: relative;
  background-color: #1890ff;
}
.ant-badge-status-processing::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  animation: antStatusProcessing 1.2s infinite ease-in-out;
  content: '';
}
.ant-badge-status-default {
  background-color: #d9d9d9;
}
.ant-badge-status-error {
  background-color: #f5222d;
}
.ant-badge-status-warning {
  background-color: #faad14;
}
.ant-badge-status-pink {
  background: #eb2f96;
}
.ant-badge-status-magenta {
  background: #eb2f96;
}
.ant-badge-status-red {
  background: #f5222d;
}
.ant-badge-status-volcano {
  background: #fa541c;
}
.ant-badge-status-orange {
  background: #fa8c16;
}
.ant-badge-status-yellow {
  background: #fadb14;
}
.ant-badge-status-gold {
  background: #faad14;
}
.ant-badge-status-cyan {
  background: #13c2c2;
}
.ant-badge-status-lime {
  background: #a0d911;
}
.ant-badge-status-green {
  background: #52c41a;
}
.ant-badge-status-blue {
  background: #1890ff;
}
.ant-badge-status-geekblue {
  background: #2f54eb;
}
.ant-badge-status-purple {
  background: #722ed1;
}
.ant-badge-status-text {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}
.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
  animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation-fill-mode: both;
}
.ant-badge-zoom-leave {
  animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  animation-fill-mode: both;
}
.ant-badge-not-a-wrapper:not(.ant-badge-status) {
  vertical-align: middle;
}
.ant-badge-not-a-wrapper .ant-scroll-number {
  position: relative;
  top: auto;
  display: block;
}
.ant-badge-not-a-wrapper .ant-badge-count {
  transform: none;
}
@keyframes antStatusProcessing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}
.ant-scroll-number {
  overflow: hidden;
}
.ant-scroll-number-only {
  display: inline-block;
  height: 20px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
  height: 20px;
  margin: 0;
}
.ant-scroll-number-symbol {
  vertical-align: top;
}
@keyframes antZoomBadgeIn {
  0% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(50%, -50%);
  }
}
@keyframes antZoomBadgeOut {
  0% {
    transform: scale(1) translate(50%, -50%);
  }
  100% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}
.ant-breadcrumb {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-breadcrumb .anticon {
  font-size: 14px;
}
.ant-breadcrumb a {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-breadcrumb a:hover {
  color: #40a9ff;
}
.ant-breadcrumb > span:last-child {
  color: rgba(0, 0, 0, 0.65);
}
.ant-breadcrumb > span:last-child a {
  color: rgba(0, 0, 0, 0.65);
}
.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-breadcrumb-link > .anticon + span {
  margin-left: 4px;
}
.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}
.ant-btn {
  line-height: 1.499;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}
.ant-btn.disabled,
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn.disabled > *,
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-sm {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn > a:only-child {
  color: currentColor;
}
.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus {
  color: #40a9ff;
  background-color: #fff;
  border-color: #40a9ff;
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentColor;
}
.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:active,
.ant-btn.active {
  color: #096dd9;
  background-color: #fff;
  border-color: #096dd9;
}
.ant-btn:active > a:only-child,
.ant-btn.active > a:only-child {
  color: currentColor;
}
.ant-btn:active > a:only-child::after,
.ant-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-disabled,
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn-disabled:hover,
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn-disabled:focus,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn-disabled:active,
.ant-btn.disabled:active,
.ant-btn[disabled]:active,
.ant-btn-disabled.active,
.ant-btn.disabled.active,
.ant-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-disabled > a:only-child,
.ant-btn.disabled > a:only-child,
.ant-btn[disabled] > a:only-child,
.ant-btn-disabled:hover > a:only-child,
.ant-btn.disabled:hover > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn-disabled:focus > a:only-child,
.ant-btn.disabled:focus > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn-disabled:active > a:only-child,
.ant-btn.disabled:active > a:only-child,
.ant-btn[disabled]:active > a:only-child,
.ant-btn-disabled.active > a:only-child,
.ant-btn.disabled.active > a:only-child,
.ant-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-disabled > a:only-child::after,
.ant-btn.disabled > a:only-child::after,
.ant-btn[disabled] > a:only-child::after,
.ant-btn-disabled:hover > a:only-child::after,
.ant-btn.disabled:hover > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn-disabled:focus > a:only-child::after,
.ant-btn.disabled:focus > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn-disabled:active > a:only-child::after,
.ant-btn.disabled:active > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after,
.ant-btn-disabled.active > a:only-child::after,
.ant-btn.disabled.active > a:only-child::after,
.ant-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active,
.ant-btn.active {
  text-decoration: none;
  background: #fff;
}
.ant-btn > i,
.ant-btn > span {
  display: inline-block;
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  pointer-events: none;
}
.ant-btn-primary {
  color: #fff;
  background-color: #1890ff;
  border-color: #1890ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  background-color: #40a9ff;
  border-color: #40a9ff;
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:active,
.ant-btn-primary.active {
  color: #fff;
  background-color: #096dd9;
  border-color: #096dd9;
}
.ant-btn-primary:active > a:only-child,
.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-primary:active > a:only-child::after,
.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary-disabled,
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary-disabled:hover,
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary-disabled:focus,
.ant-btn-primary.disabled:focus,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary-disabled:active,
.ant-btn-primary.disabled:active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary-disabled.active,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-primary-disabled > a:only-child,
.ant-btn-primary.disabled > a:only-child,
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #40a9ff;
  border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: #d9d9d9;
}
.ant-btn-ghost {
  color: rgba(0, 0, 0, 0.65);
  background-color: transparent;
  border-color: #d9d9d9;
}
.ant-btn-ghost > a:only-child {
  color: currentColor;
}
.ant-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: #40a9ff;
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:active,
.ant-btn-ghost.active {
  color: #096dd9;
  background-color: transparent;
  border-color: #096dd9;
}
.ant-btn-ghost:active > a:only-child,
.ant-btn-ghost.active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:active > a:only-child::after,
.ant-btn-ghost.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost-disabled,
.ant-btn-ghost.disabled,
.ant-btn-ghost[disabled],
.ant-btn-ghost-disabled:hover,
.ant-btn-ghost.disabled:hover,
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost-disabled:focus,
.ant-btn-ghost.disabled:focus,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost-disabled:active,
.ant-btn-ghost.disabled:active,
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost-disabled.active,
.ant-btn-ghost.disabled.active,
.ant-btn-ghost[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-ghost-disabled > a:only-child,
.ant-btn-ghost.disabled > a:only-child,
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost-disabled:hover > a:only-child,
.ant-btn-ghost.disabled:hover > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost-disabled:focus > a:only-child,
.ant-btn-ghost.disabled:focus > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost-disabled:active > a:only-child,
.ant-btn-ghost.disabled:active > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child,
.ant-btn-ghost-disabled.active > a:only-child,
.ant-btn-ghost.disabled.active > a:only-child,
.ant-btn-ghost[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost-disabled > a:only-child::after,
.ant-btn-ghost.disabled > a:only-child::after,
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost-disabled:hover > a:only-child::after,
.ant-btn-ghost.disabled:hover > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost-disabled:focus > a:only-child::after,
.ant-btn-ghost.disabled:focus > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost-disabled:active > a:only-child::after,
.ant-btn-ghost.disabled:active > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after,
.ant-btn-ghost-disabled.active > a:only-child::after,
.ant-btn-ghost.disabled.active > a:only-child::after,
.ant-btn-ghost[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed {
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentColor;
}
.ant-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #40a9ff;
  background-color: #fff;
  border-color: #40a9ff;
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:active,
.ant-btn-dashed.active {
  color: #096dd9;
  background-color: #fff;
  border-color: #096dd9;
}
.ant-btn-dashed:active > a:only-child,
.ant-btn-dashed.active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:active > a:only-child::after,
.ant-btn-dashed.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed-disabled,
.ant-btn-dashed.disabled,
.ant-btn-dashed[disabled],
.ant-btn-dashed-disabled:hover,
.ant-btn-dashed.disabled:hover,
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed-disabled:focus,
.ant-btn-dashed.disabled:focus,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed-disabled:active,
.ant-btn-dashed.disabled:active,
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed-disabled.active,
.ant-btn-dashed.disabled.active,
.ant-btn-dashed[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dashed-disabled > a:only-child,
.ant-btn-dashed.disabled > a:only-child,
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed-disabled:hover > a:only-child,
.ant-btn-dashed.disabled:hover > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed-disabled:focus > a:only-child,
.ant-btn-dashed.disabled:focus > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed-disabled:active > a:only-child,
.ant-btn-dashed.disabled:active > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child,
.ant-btn-dashed-disabled.active > a:only-child,
.ant-btn-dashed.disabled.active > a:only-child,
.ant-btn-dashed[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed-disabled > a:only-child::after,
.ant-btn-dashed.disabled > a:only-child::after,
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed-disabled:hover > a:only-child::after,
.ant-btn-dashed.disabled:hover > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed-disabled:focus > a:only-child::after,
.ant-btn-dashed.disabled:focus > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed-disabled:active > a:only-child::after,
.ant-btn-dashed.disabled:active > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after,
.ant-btn-dashed-disabled.active > a:only-child::after,
.ant-btn-dashed.disabled.active > a:only-child::after,
.ant-btn-dashed[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger {
  color: #fff;
  background-color: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: #fff;
  background-color: #ff7875;
  border-color: #ff7875;
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:active,
.ant-btn-danger.active {
  color: #fff;
  background-color: #d9363e;
  border-color: #d9363e;
}
.ant-btn-danger:active > a:only-child,
.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-danger:active > a:only-child::after,
.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger-disabled,
.ant-btn-danger.disabled,
.ant-btn-danger[disabled],
.ant-btn-danger-disabled:hover,
.ant-btn-danger.disabled:hover,
.ant-btn-danger[disabled]:hover,
.ant-btn-danger-disabled:focus,
.ant-btn-danger.disabled:focus,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger-disabled:active,
.ant-btn-danger.disabled:active,
.ant-btn-danger[disabled]:active,
.ant-btn-danger-disabled.active,
.ant-btn-danger.disabled.active,
.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-danger-disabled > a:only-child,
.ant-btn-danger.disabled > a:only-child,
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link {
  color: #555;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: #40a9ff;
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:active,
.ant-btn-link.active {
  color: #096dd9;
  background-color: transparent;
  border-color: #096dd9;
}
.ant-btn-link:active > a:only-child,
.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-link:active > a:only-child::after,
.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-icon-only {
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-lg {
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 18px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-sm {
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn-icon-only > i {
  vertical-align: middle;
}
.ant-btn-round {
  height: 32px;
  padding: 0 16px;
  font-size: 14px;
  border-radius: 32px;
}
.ant-btn-round.ant-btn-lg {
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
  border-radius: 40px;
}
.ant-btn-round.ant-btn-sm {
  height: 24px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 24px;
}
.ant-btn-round.ant-btn-icon-only {
  width: auto;
}
.ant-btn-circle,
.ant-btn-circle-outline {
  min-width: 32px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg,
.ant-btn-circle-outline.ant-btn-lg {
  min-width: 40px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm,
.ant-btn-circle-outline.ant-btn-sm {
  min-width: 24px;
  border-radius: 50%;
}
.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.ant-btn .anticon {
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizeSpeed;
}
.ant-btn.ant-btn-loading {
  position: relative;
}
.ant-btn.ant-btn-loading:not([disabled]) {
  pointer-events: none;
}
.ant-btn.ant-btn-loading::before {
  display: block;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 29px;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon:not(:last-child) {
  margin-left: -14px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 24px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
  margin-left: -17px;
}
.ant-btn-group {
  position: relative;
  display: inline-block;
}
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active,
.ant-btn-group > .ant-btn.active,
.ant-btn-group > span > .ant-btn.active {
  z-index: 2;
}
.ant-btn-group > .ant-btn:disabled,
.ant-btn-group > span > .ant-btn:disabled {
  z-index: 0;
}
.ant-btn-group > .ant-btn-icon-only {
  font-size: 14px;
}
.ant-btn-group-lg > .ant-btn,
.ant-btn-group-lg > span > .ant-btn {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 0;
  line-height: 38px;
}
.ant-btn-group-lg > .ant-btn.ant-btn-icon-only {
  width: 40px;
  height: 40px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group-sm > .ant-btn,
.ant-btn-group-sm > span > .ant-btn {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 0;
  line-height: 22px;
}
.ant-btn-group-sm > .ant-btn > .anticon,
.ant-btn-group-sm > span > .ant-btn > .anticon {
  font-size: 14px;
}
.ant-btn-group-sm > .ant-btn.ant-btn-icon-only {
  width: 24px;
  height: 24px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}
.ant-btn-group .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn-background-ghost {
  color: #fff;
  background: transparent !important;
  border-color: #fff;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: #1890ff;
  background-color: transparent;
  border-color: #1890ff;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: #40a9ff;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:active,
.ant-btn-background-ghost.ant-btn-primary.active {
  color: #096dd9;
  background-color: transparent;
  border-color: #096dd9;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary-disabled,
.ant-btn-background-ghost.ant-btn-primary.disabled,
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary-disabled:hover,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary-disabled:active,
.ant-btn-background-ghost.ant-btn-primary.disabled:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary-disabled.active,
.ant-btn-background-ghost.ant-btn-primary.disabled.active,
.ant-btn-background-ghost.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
  color: #ff4d4f;
  background-color: transparent;
  border-color: #ff4d4f;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #ff7875;
  background-color: transparent;
  border-color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:active,
.ant-btn-background-ghost.ant-btn-danger.active {
  color: #d9363e;
  background-color: transparent;
  border-color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger-disabled,
.ant-btn-background-ghost.ant-btn-danger.disabled,
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger-disabled:hover,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger-disabled:active,
.ant-btn-background-ghost.ant-btn-danger.disabled:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger-disabled.active,
.ant-btn-background-ghost.ant-btn-danger.disabled.active,
.ant-btn-background-ghost.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link {
  color: #555;
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  color: #fff;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-link:focus {
  color: #615b5b;
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:active,
.ant-btn-background-ghost.ant-btn-link.active {
  color: #2e2b2b;
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link-disabled,
.ant-btn-background-ghost.ant-btn-link.disabled,
.ant-btn-background-ghost.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-link-disabled:hover,
.ant-btn-background-ghost.ant-btn-link.disabled:hover,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-link-disabled:focus,
.ant-btn-background-ghost.ant-btn-link.disabled:focus,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-link-disabled:active,
.ant-btn-background-ghost.ant-btn-link.disabled:active,
.ant-btn-background-ghost.ant-btn-link[disabled]:active,
.ant-btn-background-ghost.ant-btn-link-disabled.active,
.ant-btn-background-ghost.ant-btn-link.disabled.active,
.ant-btn-background-ghost.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}
.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  vertical-align: top;
}
a.ant-btn {
  padding-top: 0.1px;
  line-height: 30px;
}
a.ant-btn-lg {
  line-height: 38px;
}
a.ant-btn-sm {
  line-height: 22px;
}
.ant-fullcalendar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  border-top: 1px solid #d9d9d9;
  outline: none;
}
.ant-select.ant-fullcalendar-year-select {
  min-width: 90px;
}
.ant-select.ant-fullcalendar-year-select.ant-select-sm {
  min-width: 70px;
}
.ant-select.ant-fullcalendar-month-select {
  min-width: 80px;
  margin-left: 8px;
}
.ant-select.ant-fullcalendar-month-select.ant-select-sm {
  min-width: 70px;
}
.ant-fullcalendar-header {
  padding: 11px 16px 11px 0;
  text-align: right;
}
.ant-fullcalendar-header .ant-select-dropdown {
  text-align: left;
}
.ant-fullcalendar-header .ant-radio-group {
  margin-left: 8px;
  text-align: left;
}
.ant-fullcalendar-header label.ant-radio-button {
  height: 22px;
  padding: 0 10px;
  line-height: 20px;
}
.ant-fullcalendar-date-panel {
  position: relative;
  outline: none;
}
.ant-fullcalendar-calendar-body {
  padding: 8px 12px;
}
.ant-fullcalendar table {
  width: 100%;
  max-width: 100%;
  height: 256px;
  background-color: transparent;
  border-collapse: collapse;
}
.ant-fullcalendar table,
.ant-fullcalendar th,
.ant-fullcalendar td {
  border: 0;
}
.ant-fullcalendar td {
  position: relative;
}
.ant-fullcalendar-calendar-table {
  margin-bottom: 0;
  border-spacing: 0;
}
.ant-fullcalendar-column-header {
  width: 33px;
  padding: 0;
  line-height: 18px;
  text-align: center;
}
.ant-fullcalendar-column-header .ant-fullcalendar-column-header-inner {
  display: block;
  font-weight: normal;
}
.ant-fullcalendar-week-number-header .ant-fullcalendar-column-header-inner {
  display: none;
}
.ant-fullcalendar-month,
.ant-fullcalendar-date {
  text-align: center;
  transition: all 0.3s;
}
.ant-fullcalendar-value {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  background: transparent;
  border-radius: 2px;
  transition: all 0.3s;
}
.ant-fullcalendar-value:hover {
  background: #e6f7ff;
  cursor: pointer;
}
.ant-fullcalendar-value:active {
  color: #fff;
  background: #1890ff;
}
.ant-fullcalendar-month-panel-cell .ant-fullcalendar-value {
  width: 48px;
}
.ant-fullcalendar-today .ant-fullcalendar-value,
.ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value {
  box-shadow: 0 0 0 1px #1890ff inset;
}
.ant-fullcalendar-selected-day .ant-fullcalendar-value,
.ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value {
  color: #fff;
  background: #1890ff;
}
.ant-fullcalendar-disabled-cell-first-of-row .ant-fullcalendar-value {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-fullcalendar-disabled-cell-last-of-row .ant-fullcalendar-value {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-fullcalendar-last-month-cell .ant-fullcalendar-value,
.ant-fullcalendar-next-month-btn-day .ant-fullcalendar-value {
  color: rgba(0, 0, 0, 0.25);
}
.ant-fullcalendar-month-panel-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-fullcalendar-content {
  position: absolute;
  bottom: -9px;
  left: 0;
  width: 100%;
}
.ant-fullcalendar-fullscreen {
  border-top: 0;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-table {
  table-layout: fixed;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-header .ant-radio-group {
  margin-left: 16px;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-header label.ant-radio-button {
  height: 32px;
  line-height: 30px;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date {
  display: block;
  height: 116px;
  margin: 0 4px;
  padding: 4px 8px;
  color: rgba(0, 0, 0, 0.65);
  text-align: left;
  border-top: 2px solid #e8e8e8;
  transition: background 0.3s;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month:hover,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date:hover {
  background: #e6f7ff;
  cursor: pointer;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month:active,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date:active {
  background: #bae7ff;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-column-header {
  padding-right: 12px;
  padding-bottom: 5px;
  text-align: right;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-value {
  width: auto;
  text-align: right;
  background: transparent;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
  color: rgba(0, 0, 0, 0.65);
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-date {
  background: transparent;
  border-top-color: #1890ff;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value,
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
  box-shadow: none;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-date {
  background: #e6f7ff;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value,
.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-value {
  color: #1890ff;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-last-month-cell .ant-fullcalendar-date,
.ant-fullcalendar-fullscreen .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-date {
  color: rgba(0, 0, 0, 0.25);
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-content {
  position: static;
  width: auto;
  height: 88px;
  overflow-y: auto;
}
.ant-fullcalendar-disabled-cell .ant-fullcalendar-date,
.ant-fullcalendar-disabled-cell .ant-fullcalendar-date:hover {
  cursor: not-allowed;
}
.ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date,
.ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date:hover {
  background: transparent;
}
.ant-fullcalendar-disabled-cell .ant-fullcalendar-value {
  width: auto;
  color: rgba(0, 0, 0, 0.25);
  border-radius: 0;
  cursor: not-allowed;
}
.ant-card {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  background: #fff;
  border-radius: 2px;
  transition: all 0.3s;
}
.ant-card-hoverable {
  cursor: pointer;
}
.ant-card-hoverable:hover {
  border-color: rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
}
.ant-card-bordered {
  border: 1px solid #e8e8e8;
}
.ant-card-head {
  min-height: 48px;
  margin-bottom: -1px;
  padding: 0 24px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  background: transparent;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 2px 2px 0 0;
  zoom: 1;
}
.ant-card-head::before,
.ant-card-head::after {
  display: table;
  content: '';
}
.ant-card-head::after {
  clear: both;
}
.ant-card-head::before,
.ant-card-head::after {
  display: table;
  content: '';
}
.ant-card-head::after {
  clear: both;
}
.ant-card-head-wrapper {
  display: flex;
  align-items: center;
}
.ant-card-head-title {
  display: inline-block;
  flex: 1;
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-head .ant-tabs {
  clear: both;
  margin-bottom: -17px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
}
.ant-card-head .ant-tabs-bar {
  border-bottom: 1px solid #e8e8e8;
}
.ant-card-extra {
  float: right;
  margin-left: auto;
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
}
.ant-card-body {
  padding: 24px;
  zoom: 1;
}
.ant-card-body::before,
.ant-card-body::after {
  display: table;
  content: '';
}
.ant-card-body::after {
  clear: both;
}
.ant-card-body::before,
.ant-card-body::after {
  display: table;
  content: '';
}
.ant-card-body::after {
  clear: both;
}
.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}
.ant-card-grid {
  float: left;
  width: 33.33%;
  padding: 24px;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset;
  transition: all 0.3s;
}
.ant-card-grid-hoverable:hover {
  position: relative;
  z-index: 1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
  min-height: 32px;
  padding-bottom: 0;
}
.ant-card-contain-tabs > .ant-card-head .ant-card-extra {
  padding-bottom: 0;
}
.ant-card-cover > * {
  display: block;
  width: 100%;
}
.ant-card-cover img {
  border-radius: 2px 2px 0 0;
}
.ant-card-actions {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fafafa;
  border-top: 1px solid #e8e8e8;
  zoom: 1;
}
.ant-card-actions::before,
.ant-card-actions::after {
  display: table;
  content: '';
}
.ant-card-actions::after {
  clear: both;
}
.ant-card-actions::before,
.ant-card-actions::after {
  display: table;
  content: '';
}
.ant-card-actions::after {
  clear: both;
}
.ant-card-actions > li {
  float: left;
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}
.ant-card-actions > li > span {
  position: relative;
  display: block;
  min-width: 32px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}
.ant-card-actions > li > span:hover {
  color: #1890ff;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn),
.ant-card-actions > li > span > .anticon {
  display: inline-block;
  width: 100%;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn):hover,
.ant-card-actions > li > span > .anticon:hover {
  color: #1890ff;
}
.ant-card-actions > li > span > .anticon {
  font-size: 16px;
  line-height: 22px;
}
.ant-card-actions > li:not(:last-child) {
  border-right: 1px solid #e8e8e8;
}
.ant-card-type-inner .ant-card-head {
  padding: 0 24px;
  background: #fafafa;
}
.ant-card-type-inner .ant-card-head-title {
  padding: 12px 0;
  font-size: 14px;
}
.ant-card-type-inner .ant-card-body {
  padding: 16px 24px;
}
.ant-card-type-inner .ant-card-extra {
  padding: 13.5px 0;
}
.ant-card-meta {
  margin: -4px 0;
  zoom: 1;
}
.ant-card-meta::before,
.ant-card-meta::after {
  display: table;
  content: '';
}
.ant-card-meta::after {
  clear: both;
}
.ant-card-meta::before,
.ant-card-meta::after {
  display: table;
  content: '';
}
.ant-card-meta::after {
  clear: both;
}
.ant-card-meta-avatar {
  float: left;
  padding-right: 16px;
}
.ant-card-meta-detail {
  overflow: hidden;
}
.ant-card-meta-detail > div:not(:last-child) {
  margin-bottom: 8px;
}
.ant-card-meta-title {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-meta-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-card-loading {
  overflow: hidden;
}
.ant-card-loading .ant-card-body {
  user-select: none;
}
.ant-card-loading-content p {
  margin: 0;
}
.ant-card-loading-block {
  height: 14px;
  margin: 4px 0;
  background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  background-size: 600% 600%;
  border-radius: 2px;
  animation: card-loading 1.4s ease infinite;
}
@keyframes card-loading {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.ant-card-small > .ant-card-head {
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
  padding: 8px 0;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
  padding: 8px 0;
  font-size: 14px;
}
.ant-card-small > .ant-card-body {
  padding: 12px;
}
.ant-carousel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-carousel .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.ant-carousel .slick-list .slick-slide input.ant-radio-input,
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
  visibility: hidden;
}
.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
  visibility: visible;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.ant-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
  display: table;
  content: '';
}
.ant-carousel .slick-track::after {
  clear: both;
}
.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}
.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .ant-carousel .slick-slide {
  float: right;
}
.ant-carousel .slick-slide img {
  display: block;
}
.ant-carousel .slick-slide.slick-loading img {
  display: none;
}
.ant-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
  display: block;
}
.ant-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}
.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
  opacity: 1;
}
.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}
.ant-carousel .slick-prev {
  left: -25px;
}
.ant-carousel .slick-prev::before {
  content: '\2190';
}
.ant-carousel .slick-next {
  right: -25px;
}
.ant-carousel .slick-next::before {
  content: '\2192';
}
.ant-carousel .slick-dots {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
.ant-carousel .slick-dots-bottom {
  bottom: 12px;
}
.ant-carousel .slick-dots-top {
  top: 12px;
}
.ant-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  padding: 0;
  text-align: center;
  vertical-align: top;
}
.ant-carousel .slick-dots li button {
  display: block;
  width: 16px;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
  opacity: 0.75;
}
.ant-carousel .slick-dots li.slick-active button {
  width: 24px;
  background: #fff;
  opacity: 1;
}
.ant-carousel .slick-dots li.slick-active button:hover,
.ant-carousel .slick-dots li.slick-active button:focus {
  opacity: 1;
}
.ant-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  width: 3px;
  height: auto;
  transform: translateY(-50%);
}
.ant-carousel-vertical .slick-dots-left {
  left: 12px;
}
.ant-carousel-vertical .slick-dots-right {
  right: 12px;
}
.ant-carousel-vertical .slick-dots li {
  margin: 0 2px;
  vertical-align: baseline;
}
.ant-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.ant-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}
.ant-cascader {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-cascader-input.ant-input {
  position: static;
  width: 100%;
  padding-right: 24px;
  background-color: transparent !important;
  cursor: pointer;
}
.ant-cascader-picker-show-search .ant-cascader-input.ant-input {
  position: relative;
}
.ant-cascader-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-cascader-picker-with-value .ant-cascader-picker-label {
  color: transparent;
}
.ant-cascader-picker-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-cascader-picker-disabled .ant-cascader-input {
  cursor: not-allowed;
}
.ant-cascader-picker:focus .ant-cascader-input {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-cascader-picker-show-search.ant-cascader-picker-focused {
  color: rgba(0, 0, 0, 0.25);
}
.ant-cascader-picker-label {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 20px;
  margin-top: -10px;
  padding: 0 20px 0 12px;
  overflow: hidden;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-cascader-picker-clear {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 2;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 12px;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease;
}
.ant-cascader-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-cascader-picker:hover .ant-cascader-picker-clear {
  opacity: 1;
}
.ant-cascader-picker-arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 12px;
  transition: transform 0.2s;
}
.ant-cascader-picker-arrow.ant-cascader-picker-arrow-expand {
  transform: rotate(180deg);
}
.ant-cascader-picker-label:hover + .ant-cascader-input {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-cascader-picker-small .ant-cascader-picker-clear,
.ant-cascader-picker-small .ant-cascader-picker-arrow {
  right: 8px;
}
.ant-cascader-menus {
  position: absolute;
  z-index: 1050;
  font-size: 14px;
  white-space: nowrap;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-cascader-menus ul,
.ant-cascader-menus ol {
  margin: 0;
  list-style: none;
}
.ant-cascader-menus-empty,
.ant-cascader-menus-hidden {
  display: none;
}
.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-bottomLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-topLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-cascader-menu {
  display: inline-block;
  min-width: 111px;
  height: 180px;
  margin: 0;
  padding: 4px 0;
  overflow: auto;
  vertical-align: top;
  list-style: none;
  border-right: 1px solid #e8e8e8;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.ant-cascader-menu:first-child {
  border-radius: 4px 0 0 4px;
}
.ant-cascader-menu:last-child {
  margin-right: -1px;
  border-right-color: transparent;
  border-radius: 0 4px 4px 0;
}
.ant-cascader-menu:only-child {
  border-radius: 4px;
}
.ant-cascader-menu-item {
  padding: 5px 12px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-cascader-menu-item:hover {
  background: #e6f7ff;
}
.ant-cascader-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-cascader-menu-item-disabled:hover {
  background: transparent;
}
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  font-weight: 600;
  background-color: #fafafa;
}
.ant-cascader-menu-item-expand {
  position: relative;
  padding-right: 24px;
}
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-loading-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  position: absolute;
  right: 12px;
  color: rgba(0, 0, 0, 0.45);
}
:root .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
:root .ant-cascader-menu-item-loading-icon {
  font-size: 12px;
}
.ant-cascader-menu-item .ant-cascader-menu-item-keyword {
  color: #f5222d;
}
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #1890ff;
}
.ant-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
  visibility: visible;
}
.ant-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-checkbox-checked .ant-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.ant-checkbox-disabled {
  cursor: not-allowed;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-checkbox-disabled:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
  visibility: hidden;
}
.ant-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}
.ant-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 0;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-collapse {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 4px;
}
.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 4px 4px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-left: 40px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 22px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 16px;
  display: inline-block;
  font-size: 12px;
  transform: translateY(-50%);
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow > * {
  line-height: 1;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  display: inline-block;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow::before {
  display: none;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow-icon {
  display: block;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  transition: transform 0.24s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  float: right;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
  outline: none;
}
.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-left: 12px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  right: 16px;
  left: auto;
}
.ant-collapse-anim-active {
  transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-collapse-content {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-top: 1px solid #d9d9d9;
}
.ant-collapse-content > .ant-collapse-content-box {
  padding: 16px;
}
.ant-collapse-content-inactive {
  display: none;
}
.ant-collapse-item:last-child > .ant-collapse-content {
  border-radius: 0 0 4px 4px;
}
.ant-collapse-borderless {
  background-color: #fafafa;
  border: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 4px;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-comment {
  position: relative;
}
.ant-comment-inner {
  display: flex;
  padding: 16px 0;
}
.ant-comment-avatar {
  position: relative;
  flex-shrink: 0;
  margin-right: 12px;
  cursor: pointer;
}
.ant-comment-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.ant-comment-content {
  position: relative;
  flex: 1 1 auto;
  min-width: 1px;
  font-size: 14px;
  word-wrap: break-word;
}
.ant-comment-content-author {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 4px;
  font-size: 14px;
}
.ant-comment-content-author > a,
.ant-comment-content-author > span {
  padding-right: 8px;
  font-size: 12px;
  line-height: 18px;
}
.ant-comment-content-author-name {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  transition: color 0.3s;
}
.ant-comment-content-author-name > * {
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-name > *:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-time {
  color: #ccc;
  white-space: nowrap;
  cursor: auto;
}
.ant-comment-content-detail p {
  white-space: pre-wrap;
}
.ant-comment-actions {
  margin-top: 12px;
  padding-left: 0;
}
.ant-comment-actions > li {
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-actions > li > span {
  padding-right: 10px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s;
  user-select: none;
}
.ant-comment-actions > li > span:hover {
  color: #595959;
}
.ant-comment-nested {
  margin-left: 44px;
}
.ant-calendar-picker-container {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-calendar-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: none;
  cursor: text;
  transition: opacity 0.3s;
}
.ant-calendar-picker-input {
  outline: none;
}
.ant-calendar-picker-input.ant-input {
  line-height: 1.5;
}
.ant-calendar-picker-input.ant-input-sm {
  padding-top: 0;
  padding-bottom: 0;
}
.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #40a9ff;
}
.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-calendar-picker-clear,
.ant-calendar-picker-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  font-size: 12px;
  line-height: 14px;
  transition: all 0.3s;
  user-select: none;
}
.ant-calendar-picker-clear {
  z-index: 2;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
}
.ant-calendar-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-calendar-picker:hover .ant-calendar-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.ant-calendar-picker-icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  line-height: 1;
}
.ant-input-disabled + .ant-calendar-picker-icon {
  cursor: not-allowed;
}
.ant-calendar-picker-small .ant-calendar-picker-clear,
.ant-calendar-picker-small .ant-calendar-picker-icon {
  right: 8px;
}
.ant-calendar {
  position: relative;
  width: 280px;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-calendar-input-wrap {
  height: 34px;
  padding: 6px 10px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-calendar-input {
  width: 100%;
  height: 22px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border: 0;
  outline: 0;
  cursor: auto;
}
.ant-calendar-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-week-number {
  width: 286px;
}
.ant-calendar-week-number-cell {
  text-align: center;
}
.ant-calendar-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  user-select: none;
}
.ant-calendar-header a:hover {
  color: #615b5b;
}
.ant-calendar-header .ant-calendar-century-select,
.ant-calendar-header .ant-calendar-decade-select,
.ant-calendar-header .ant-calendar-year-select,
.ant-calendar-header .ant-calendar-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-header .ant-calendar-century-select-arrow,
.ant-calendar-header .ant-calendar-decade-select-arrow,
.ant-calendar-header .ant-calendar-year-select-arrow,
.ant-calendar-header .ant-calendar-month-select-arrow {
  display: none;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-prev-month-btn,
.ant-calendar-header .ant-calendar-next-month-btn,
.ant-calendar-header .ant-calendar-prev-year-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-prev-century-btn::before,
.ant-calendar-header .ant-calendar-prev-decade-btn::before,
.ant-calendar-header .ant-calendar-prev-year-btn::before,
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-prev-century-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-decade-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-year-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-century-btn:hover::after,
.ant-calendar-header .ant-calendar-prev-decade-btn:hover::after,
.ant-calendar-header .ant-calendar-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before,
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-next-century-btn:hover::before,
.ant-calendar-header .ant-calendar-next-decade-btn:hover::before,
.ant-calendar-header .ant-calendar-next-year-btn:hover::before,
.ant-calendar-header .ant-calendar-next-century-btn:hover::after,
.ant-calendar-header .ant-calendar-next-decade-btn:hover::after,
.ant-calendar-header .ant-calendar-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before,
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-header .ant-calendar-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-prev-month-btn::before,
.ant-calendar-header .ant-calendar-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-prev-month-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-header .ant-calendar-prev-month-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-next-month-btn::before,
.ant-calendar-header .ant-calendar-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-next-month-btn:hover::before,
.ant-calendar-header .ant-calendar-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-header .ant-calendar-next-month-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-next-month-btn::before,
.ant-calendar-header .ant-calendar-next-month-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-body {
  padding: 8px 12px;
}
.ant-calendar table {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
}
.ant-calendar table,
.ant-calendar th,
.ant-calendar td {
  text-align: center;
  border: 0;
}
.ant-calendar-calendar-table {
  margin-bottom: 0;
  border-spacing: 0;
}
.ant-calendar-column-header {
  width: 33px;
  padding: 6px 0;
  line-height: 18px;
  text-align: center;
}
.ant-calendar-column-header .ant-calendar-column-header-inner {
  display: block;
  font-weight: normal;
}
.ant-calendar-week-number-header .ant-calendar-column-header-inner {
  display: none;
}
.ant-calendar-cell {
  height: 30px;
  padding: 3px 0;
}
.ant-calendar-date {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 22px;
  text-align: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-date-panel {
  position: relative;
  outline: none;
}
.ant-calendar-date:hover {
  background: #e6f7ff;
  cursor: pointer;
}
.ant-calendar-date:active {
  color: #fff;
  background: #40a9ff;
}
.ant-calendar-today .ant-calendar-date {
  color: #1890ff;
  font-weight: bold;
  border-color: #1890ff;
}
.ant-calendar-selected-day .ant-calendar-date {
  background: #bae7ff;
}
.ant-calendar-last-month-cell .ant-calendar-date,
.ant-calendar-next-month-btn-day .ant-calendar-date,
.ant-calendar-last-month-cell .ant-calendar-date:hover,
.ant-calendar-next-month-btn-day .ant-calendar-date:hover {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: transparent;
}
.ant-calendar-disabled-cell .ant-calendar-date {
  position: relative;
  width: auto;
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: not-allowed;
}
.ant-calendar-disabled-cell .ant-calendar-date:hover {
  background: #f5f5f5;
}
.ant-calendar-disabled-cell.ant-calendar-selected-day .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  content: '';
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date {
  position: relative;
  padding-right: 5px;
  padding-left: 5px;
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  content: ' ';
}
.ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-calendar-footer {
  padding: 0 12px;
  line-height: 38px;
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-footer:empty {
  border-top: 0;
}
.ant-calendar-footer-btn {
  display: block;
  text-align: center;
}
.ant-calendar-footer-extra {
  text-align: left;
}
.ant-calendar .ant-calendar-today-btn,
.ant-calendar .ant-calendar-clear-btn {
  display: inline-block;
  margin: 0 0 0 8px;
  text-align: center;
}
.ant-calendar .ant-calendar-today-btn-disabled,
.ant-calendar .ant-calendar-clear-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-today-btn:only-child,
.ant-calendar .ant-calendar-clear-btn:only-child {
  margin: 0;
}
.ant-calendar .ant-calendar-clear-btn {
  position: absolute;
  top: 7px;
  right: 5px;
  display: none;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
  line-height: 20px;
  text-align: center;
  text-indent: -76px;
}
.ant-calendar .ant-calendar-clear-btn::after {
  display: inline-block;
  width: 20px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  line-height: 1;
  text-indent: 43px;
  transition: color 0.3s ease;
}
.ant-calendar .ant-calendar-clear-btn:hover::after {
  color: rgba(0, 0, 0, 0.45);
}
.ant-calendar .ant-calendar-ok-btn {
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 0 15px;
  color: #fff;
  background-color: #1890ff;
  border-color: #1890ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
  line-height: 22px;
}
.ant-calendar .ant-calendar-ok-btn > .anticon {
  line-height: 1;
}
.ant-calendar .ant-calendar-ok-btn,
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn:focus {
  outline: 0;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled] {
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-ok-btn.disabled > *,
.ant-calendar .ant-calendar-ok-btn[disabled] > * {
  pointer-events: none;
}
.ant-calendar .ant-calendar-ok-btn-lg {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
}
.ant-calendar .ant-calendar-ok-btn-sm {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn:hover,
.ant-calendar .ant-calendar-ok-btn:focus {
  color: #fff;
  background-color: #40a9ff;
  border-color: #40a9ff;
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn.active {
  color: #fff;
  background-color: #096dd9;
  border-color: #096dd9;
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar-range-picker-input {
  width: 44%;
  height: 99%;
  text-align: center;
  background-color: transparent;
  border: 0;
  outline: 0;
}
.ant-calendar-range-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-range-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range-picker-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-range-picker-input[disabled] {
  cursor: not-allowed;
}
.ant-calendar-range-picker-separator {
  display: inline-block;
  min-width: 10px;
  height: 100%;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
  text-align: center;
  vertical-align: top;
  pointer-events: none;
}
.ant-calendar-range {
  width: 552px;
  overflow: hidden;
}
.ant-calendar-range .ant-calendar-date-panel::after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: '.';
}
.ant-calendar-range-part {
  position: relative;
  width: 50%;
}
.ant-calendar-range-left {
  float: left;
}
.ant-calendar-range-left .ant-calendar-time-picker-inner {
  border-right: 1px solid #e8e8e8;
}
.ant-calendar-range-right {
  float: right;
}
.ant-calendar-range-right .ant-calendar-time-picker-inner {
  border-left: 1px solid #e8e8e8;
}
.ant-calendar-range-middle {
  position: absolute;
  left: 50%;
  z-index: 1;
  height: 34px;
  margin: 1px 0 0 0;
  padding: 0 200px 0 0;
  color: rgba(0, 0, 0, 0.45);
  line-height: 34px;
  text-align: center;
  transform: translateX(-50%);
  pointer-events: none;
}
.ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: -90px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-middle {
  padding: 0 10px 0 0;
  transform: translateX(-50%);
}
.ant-calendar-range .ant-calendar-today :not(.ant-calendar-disabled-cell) :not(.ant-calendar-last-month-cell) :not(.ant-calendar-next-month-btn-day) .ant-calendar-date {
  color: #1890ff;
  background: #bae7ff;
  border-color: #1890ff;
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {
  color: #fff;
  background: #1890ff;
  border: 1px solid transparent;
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover {
  background: #1890ff;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: 0;
}
.ant-calendar-range .ant-calendar-input-wrap {
  position: relative;
  height: 34px;
}
.ant-calendar-range .ant-calendar-input,
.ant-calendar-range .ant-calendar-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  height: 24px;
  padding-right: 0;
  padding-left: 0;
  line-height: 24px;
  border: 0;
  box-shadow: none;
}
.ant-calendar-range .ant-calendar-input::-moz-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input:-ms-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range .ant-calendar-input:placeholder-shown,
.ant-calendar-range .ant-calendar-time-picker-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-range .ant-calendar-input:hover,
.ant-calendar-range .ant-calendar-time-picker-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-calendar-range .ant-calendar-input-disabled,
.ant-calendar-range .ant-calendar-time-picker-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input-disabled:hover,
.ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-calendar-range .ant-calendar-input[disabled],
.ant-calendar-range .ant-calendar-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input[disabled]:hover,
.ant-calendar-range .ant-calendar-time-picker-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-calendar-range .ant-calendar-input,
textarea.ant-calendar-range .ant-calendar-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-calendar-range .ant-calendar-input-lg,
.ant-calendar-range .ant-calendar-time-picker-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-calendar-range .ant-calendar-input-sm,
.ant-calendar-range .ant-calendar-time-picker-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  box-shadow: none;
}
.ant-calendar-range .ant-calendar-time-picker-icon {
  display: none;
}
.ant-calendar-range.ant-calendar-week-number {
  width: 574px;
}
.ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part {
  width: 286px;
}
.ant-calendar-range .ant-calendar-year-panel,
.ant-calendar-range .ant-calendar-month-panel,
.ant-calendar-range .ant-calendar-decade-panel {
  top: 34px;
}
.ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel {
  top: 0;
}
.ant-calendar-range .ant-calendar-decade-panel-table,
.ant-calendar-range .ant-calendar-year-panel-table,
.ant-calendar-range .ant-calendar-month-panel-table {
  height: 208px;
}
.ant-calendar-range .ant-calendar-in-range-cell {
  position: relative;
  border-radius: 0;
}
.ant-calendar-range .ant-calendar-in-range-cell > div {
  position: relative;
  z-index: 1;
}
.ant-calendar-range .ant-calendar-in-range-cell::before {
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 4px;
  left: 0;
  display: block;
  background: #e6f7ff;
  border: 0;
  border-radius: 0;
  content: '';
}
.ant-calendar-range .ant-calendar-footer-extra {
  float: left;
}
div.ant-calendar-range-quick-selector {
  text-align: left;
}
div.ant-calendar-range-quick-selector > a {
  margin-right: 8px;
}
.ant-calendar-range .ant-calendar-header,
.ant-calendar-range .ant-calendar-month-panel-header,
.ant-calendar-range .ant-calendar-year-panel-header,
.ant-calendar-range .ant-calendar-decade-panel-header {
  border-bottom: 0;
}
.ant-calendar-range .ant-calendar-body,
.ant-calendar-range .ant-calendar-month-panel-body,
.ant-calendar-range .ant-calendar-year-panel-body,
.ant-calendar-range .ant-calendar-decade-panel-body {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker {
  top: 68px;
  z-index: 2;
  width: 100%;
  height: 207px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel {
  height: 267px;
  margin-top: -34px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
  height: 100%;
  padding-top: 40px;
  background: none;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
  display: inline-block;
  height: 100%;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select {
  height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select ul {
  max-height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  margin-right: 8px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-today-btn {
  height: 22px;
  margin: 8px 12px;
  line-height: 22px;
}
.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker {
  height: 233px;
}
.ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
  border-top-color: transparent;
}
.ant-calendar-time-picker {
  position: absolute;
  top: 40px;
  width: 100%;
  background-color: #fff;
}
.ant-calendar-time-picker-panel {
  position: absolute;
  z-index: 1050;
  width: 100%;
}
.ant-calendar-time-picker-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  outline: none;
}
.ant-calendar-time-picker-combobox {
  width: 100%;
}
.ant-calendar-time-picker-column-1,
.ant-calendar-time-picker-column-1 .ant-calendar-time-picker-select {
  width: 100%;
}
.ant-calendar-time-picker-column-2 .ant-calendar-time-picker-select {
  width: 50%;
}
.ant-calendar-time-picker-column-3 .ant-calendar-time-picker-select {
  width: 33.33%;
}
.ant-calendar-time-picker-column-4 .ant-calendar-time-picker-select {
  width: 25%;
}
.ant-calendar-time-picker-input-wrap {
  display: none;
}
.ant-calendar-time-picker-select {
  position: relative;
  float: left;
  height: 226px;
  overflow: hidden;
  font-size: 14px;
  border-right: 1px solid #e8e8e8;
}
.ant-calendar-time-picker-select:hover {
  overflow-y: auto;
}
.ant-calendar-time-picker-select:first-child {
  margin-left: 0;
  border-left: 0;
}
.ant-calendar-time-picker-select:last-child {
  border-right: 0;
}
.ant-calendar-time-picker-select ul {
  width: 100%;
  max-height: 206px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-calendar-time-picker-select li {
  width: 100%;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  list-style: none;
  cursor: pointer;
  transition: all 0.3s;
  user-select: none;
}
.ant-calendar-time-picker-select li:last-child::after {
  display: block;
  height: 202px;
  content: '';
}
.ant-calendar-time-picker-select li:hover {
  background: #e6f7ff;
}
.ant-calendar-time-picker-select li:focus {
  color: #1890ff;
  font-weight: 600;
  outline: none;
}
li.ant-calendar-time-picker-select-option-selected {
  font-weight: 600;
  background: #f5f5f5;
}
li.ant-calendar-time-picker-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}
li.ant-calendar-time-picker-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
.ant-calendar-time .ant-calendar-day-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 34px;
}
.ant-calendar-time .ant-calendar-footer {
  position: relative;
  height: auto;
}
.ant-calendar-time .ant-calendar-footer-btn {
  text-align: right;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-today-btn {
  float: left;
  margin: 0;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  display: inline-block;
  margin-right: 8px;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-month-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-month-panel > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ant-calendar-month-panel-hidden {
  display: none;
}
.ant-calendar-month-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  user-select: none;
  position: relative;
}
.ant-calendar-month-panel-header a:hover {
  color: #615b5b;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-month-panel-body {
  flex: 1;
}
.ant-calendar-month-panel-footer {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-month-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-month-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
  color: #fff;
  background: #1890ff;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
  color: #fff;
  background: #1890ff;
}
.ant-calendar-month-panel-cell {
  text-align: center;
}
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-calendar-month-panel-month {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-month-panel-month:hover {
  background: #e6f7ff;
  cursor: pointer;
}
.ant-calendar-year-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-year-panel > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ant-calendar-year-panel-hidden {
  display: none;
}
.ant-calendar-year-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  user-select: none;
  position: relative;
}
.ant-calendar-year-panel-header a:hover {
  color: #615b5b;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-year-panel-body {
  flex: 1;
}
.ant-calendar-year-panel-footer {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-year-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-year-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-year-panel-cell {
  text-align: center;
}
.ant-calendar-year-panel-year {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-year-panel-year:hover {
  background: #e6f7ff;
  cursor: pointer;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
  color: #fff;
  background: #1890ff;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
  color: #fff;
  background: #1890ff;
}
.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
  color: rgba(0, 0, 0, 0.25);
  user-select: none;
}
.ant-calendar-decade-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-decade-panel-hidden {
  display: none;
}
.ant-calendar-decade-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  user-select: none;
  position: relative;
}
.ant-calendar-decade-panel-header a:hover {
  color: #615b5b;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::after {
  border-color: rgba(0, 0, 0, 0.65);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-decade-panel-body {
  flex: 1;
}
.ant-calendar-decade-panel-footer {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-decade-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-decade-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-decade-panel-cell {
  white-space: nowrap;
  text-align: center;
}
.ant-calendar-decade-panel-decade {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-decade-panel-decade:hover {
  background: #e6f7ff;
  cursor: pointer;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
  color: #fff;
  background: #1890ff;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
  color: #fff;
  background: #1890ff;
}
.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
  color: rgba(0, 0, 0, 0.25);
  user-select: none;
}
.ant-calendar-month .ant-calendar-month-header-wrap {
  position: relative;
  height: 288px;
}
.ant-calendar-month .ant-calendar-month-panel,
.ant-calendar-month .ant-calendar-year-panel {
  top: 0;
  height: 100%;
}
.ant-calendar-week-number-cell {
  opacity: 0.5;
}
.ant-calendar-week-number .ant-calendar-body tr {
  cursor: pointer;
  transition: all 0.3s;
}
.ant-calendar-week-number .ant-calendar-body tr:hover {
  background: #e6f7ff;
}
.ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week {
  font-weight: bold;
  background: #bae7ff;
}
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date,
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date {
  color: rgba(0, 0, 0, 0.65);
  background: transparent;
}
.ant-descriptions-title {
  margin-bottom: 20px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
}
.ant-descriptions-view {
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
}
.ant-descriptions-view table {
  width: 100%;
  table-layout: fixed;
}
.ant-descriptions-row > th,
.ant-descriptions-row > td {
  padding-bottom: 16px;
}
.ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-item-label {
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5;
}
.ant-descriptions-item-label::after {
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
  content: ' ';
}
.ant-descriptions-item-colon::after {
  content: ':';
}
.ant-descriptions-item-no-label::after {
  margin: 0;
  content: '';
}
.ant-descriptions-item-content {
  display: table-cell;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
}
.ant-descriptions-item {
  padding-bottom: 0;
}
.ant-descriptions-item > span {
  display: inline-block;
}
.ant-descriptions-middle .ant-descriptions-row > th,
.ant-descriptions-middle .ant-descriptions-row > td {
  padding-bottom: 12px;
}
.ant-descriptions-small .ant-descriptions-row > th,
.ant-descriptions-small .ant-descriptions-row > td {
  padding-bottom: 8px;
}
.ant-descriptions-bordered .ant-descriptions-view {
  border: 1px solid #e8e8e8;
}
.ant-descriptions-bordered .ant-descriptions-view > table {
  table-layout: auto;
}
.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-bordered .ant-descriptions-item-content {
  padding: 16px 24px;
  border-right: 1px solid #e8e8e8;
}
.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
  border-right: none;
}
.ant-descriptions-bordered .ant-descriptions-item-label {
  background-color: #fafafa;
}
.ant-descriptions-bordered .ant-descriptions-item-label::after {
  display: none;
}
.ant-descriptions-bordered .ant-descriptions-row {
  border-bottom: 1px solid #e8e8e8;
}
.ant-descriptions-bordered .ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content {
  padding: 12px 24px;
}
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content {
  padding: 8px 16px;
}
.ant-divider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  background: #e8e8e8;
}
.ant-divider,
.ant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  width: 1px;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
}
.ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 24px 0;
}
.ant-divider-horizontal.ant-divider-with-text-center,
.ant-divider-horizontal.ant-divider-with-text-left,
.ant-divider-horizontal.ant-divider-with-text-right {
  display: table;
  margin: 16px 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  background: transparent;
}
.ant-divider-horizontal.ant-divider-with-text-center::before,
.ant-divider-horizontal.ant-divider-with-text-left::before,
.ant-divider-horizontal.ant-divider-with-text-right::before,
.ant-divider-horizontal.ant-divider-with-text-center::after,
.ant-divider-horizontal.ant-divider-with-text-left::after,
.ant-divider-horizontal.ant-divider-with-text-right::after {
  position: relative;
  top: 50%;
  display: table-cell;
  width: 50%;
  border-top: 1px solid #e8e8e8;
  transform: translateY(50%);
  content: '';
}
.ant-divider-horizontal.ant-divider-with-text-left .ant-divider-inner-text,
.ant-divider-horizontal.ant-divider-with-text-right .ant-divider-inner-text {
  display: inline-block;
  padding: 0 10px;
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
  top: 50%;
  width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::before {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::after {
  top: 50%;
  width: 5%;
}
.ant-divider-inner-text {
  display: inline-block;
  padding: 0 24px;
}
.ant-divider-dashed {
  background: none;
  border-color: #e8e8e8;
  border-style: dashed;
  border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed {
  border-top: 0;
}
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::after {
  border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
  border-width: 0 0 0 1px;
}
.ant-drawer {
  position: fixed;
  z-index: 1000;
  width: 0%;
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s;
}
.ant-drawer > * {
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-content-wrapper {
  position: absolute;
}
.ant-drawer .ant-drawer-content {
  width: 100%;
  height: 100%;
}
.ant-drawer-left,
.ant-drawer-right {
  top: 0;
  width: 0%;
  height: 100%;
}
.ant-drawer-left .ant-drawer-content-wrapper,
.ant-drawer-right .ant-drawer-content-wrapper {
  height: 100%;
}
.ant-drawer-left.ant-drawer-open,
.ant-drawer-right.ant-drawer-open {
  width: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-left.ant-drawer-open.no-mask,
.ant-drawer-right.ant-drawer-open.no-mask {
  width: 0%;
}
.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-right {
  right: 0;
}
.ant-drawer-right .ant-drawer-content-wrapper {
  right: 0;
}
.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-right.ant-drawer-open.no-mask {
  right: 1px;
  transform: translateX(1px);
}
.ant-drawer-top,
.ant-drawer-bottom {
  left: 0;
  width: 100%;
  height: 0%;
}
.ant-drawer-top .ant-drawer-content-wrapper,
.ant-drawer-bottom .ant-drawer-content-wrapper {
  width: 100%;
}
.ant-drawer-top.ant-drawer-open,
.ant-drawer-bottom.ant-drawer-open {
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-top.ant-drawer-open.no-mask,
.ant-drawer-bottom.ant-drawer-open.no-mask {
  height: 0%;
}
.ant-drawer-top {
  top: 0;
}
.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-bottom {
  bottom: 0;
}
.ant-drawer-bottom .ant-drawer-content-wrapper {
  bottom: 0;
}
.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-bottom.ant-drawer-open.no-mask {
  bottom: 1px;
  transform: translateY(1px);
}
.ant-drawer.ant-drawer-open .ant-drawer-mask {
  height: 100%;
  opacity: 1;
  transition: none;
  animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.ant-drawer-content {
  position: relative;
  z-index: 1;
  overflow: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
}
.ant-drawer-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: block;
  width: 56px;
  height: 56px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  text-rendering: auto;
}
.ant-drawer-close:focus,
.ant-drawer-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-drawer-header {
  position: relative;
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}
.ant-drawer-header-no-title {
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
}
.ant-drawer-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}
.ant-drawer-wrapper-body {
  height: 100%;
  overflow: auto;
}
.ant-drawer-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.45);
  opacity: 0;
  filter: alpha(opacity=45);
  transition: opacity 0.3s linear, height 0s ease 0.3s;
}
.ant-drawer-open-content {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
@keyframes antdDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ant-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-dropdown::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: -7px;
  left: -7px;
  z-index: -9999;
  opacity: 0.0001;
  content: ' ';
}
.ant-dropdown-wrap {
  position: relative;
}
.ant-dropdown-wrap .ant-btn > .anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-wrap .ant-btn > .anticon-down {
  font-size: 12px;
}
.ant-dropdown-wrap .anticon-down::before {
  transition: transform 0.2s;
}
.ant-dropdown-wrap-open .anticon-down::before {
  transform: rotate(180deg);
}
.ant-dropdown-hidden,
.ant-dropdown-menu-hidden {
  display: none;
}
.ant-dropdown-menu {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate3d(0, 0, 0);
}
.ant-dropdown-menu-item-group-title {
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.45);
  transition: all 0.3s;
}
.ant-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
}
.ant-dropdown-menu-submenu-popup > .ant-dropdown-menu {
  transform-origin: 0 0;
}
.ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-menu-submenu-popup li {
  list-style: none;
}
.ant-dropdown-menu-submenu-popup ul {
  margin-right: 0.3em;
  margin-left: 0.3em;
  padding: 0;
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-menu-submenu-title > .anticon:first-child,
.ant-dropdown-menu-item > span > .anticon:first-child,
.ant-dropdown-menu-submenu-title > span > .anticon:first-child {
  min-width: 12px;
  margin-right: 8px;
  font-size: 12px;
}
.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a {
  display: block;
  margin: -5px -12px;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.65);
  transition: all 0.3s;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected,
.ant-dropdown-menu-item-selected > a,
.ant-dropdown-menu-submenu-title-selected > a {
  color: #1890ff;
  background-color: #e6f7ff;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: #e6f7ff;
}
.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
  position: absolute;
  right: 8px;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.45);
  font-style: normal;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
:root .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  font-size: 12px;
}
.ant-dropdown-menu-item-group-list {
  margin: 0 8px;
  padding: 0;
  list-style: none;
}
.ant-dropdown-menu-submenu-title {
  padding-right: 26px;
}
.ant-dropdown-menu-submenu-vertical {
  position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 100%;
  margin-left: 4px;
  transform-origin: 0 0;
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
  color: #1890ff;
}
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-dropdown-trigger > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-trigger > .anticon.anticon-down,
:root .ant-dropdown-link > .anticon.anticon-down {
  font-size: 12px;
}
.ant-dropdown-button {
  white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child) {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-dropdown-button .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-button .anticon.anticon-down {
  font-size: 12px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #001529;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover {
  color: #fff;
  background: transparent;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  color: #fff;
  background: #1890ff;
}
.ant-empty {
  margin: 0 8px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
.ant-empty-image {
  height: 100px;
  margin-bottom: 8px;
}
.ant-empty-image img {
  height: 100%;
}
.ant-empty-image svg {
  height: 100%;
  margin: auto;
}
.ant-empty-description {
  margin: 0;
}
.ant-empty-footer {
  margin-top: 16px;
}
.ant-empty-normal {
  margin: 32px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-normal .ant-empty-image {
  height: 40px;
}
.ant-empty-small {
  margin: 8px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-small .ant-empty-image {
  height: 35px;
}
.ant-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}
.ant-form label {
  font-size: 14px;
}
.ant-form input[type='search'] {
  box-sizing: border-box;
}
.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
  line-height: normal;
}
.ant-form input[type='file'] {
  display: block;
}
.ant-form input[type='range'] {
  display: block;
  width: 100%;
}
.ant-form select[multiple],
.ant-form select[size] {
  height: auto;
}
.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ant-form output {
  display: block;
  padding-top: 15px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
}
.ant-form-item-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.ant-form-hide-required-mark .ant-form-item-required::before {
  display: none;
}
.ant-form-item-label > label {
  color: rgba(0, 0, 0, 0.85);
}
.ant-form-item-label > label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-form-item-label > label.ant-form-item-no-colon::after {
  content: ' ';
}
.ant-form-item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin-bottom: 24px;
  vertical-align: top;
}
.ant-form-item label {
  position: relative;
}
.ant-form-item label > .anticon {
  font-size: 14px;
  vertical-align: top;
}
.ant-form-item-control {
  position: relative;
  line-height: 40px;
  zoom: 1;
}
.ant-form-item-control::before,
.ant-form-item-control::after {
  display: table;
  content: '';
}
.ant-form-item-control::after {
  clear: both;
}
.ant-form-item-control::before,
.ant-form-item-control::after {
  display: table;
  content: '';
}
.ant-form-item-control::after {
  clear: both;
}
.ant-form-item-children {
  position: relative;
}
.ant-form-item-with-help {
  margin-bottom: 5px;
}
.ant-form-item-label {
  display: inline-block;
  overflow: hidden;
  line-height: 39.9999px;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.ant-form-item-label-left {
  text-align: left;
}
.ant-form-item .ant-switch {
  margin: 2px 0 4px;
}
.ant-form-explain,
.ant-form-extra {
  clear: both;
  min-height: 22px;
  margin-top: -2px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-form-explain {
  margin-bottom: -1px;
}
.ant-form-extra {
  padding-top: 4px;
}
.ant-form-text {
  display: inline-block;
  padding-right: 8px;
}
.ant-form-split {
  display: block;
  text-align: center;
}
form .has-feedback .ant-input {
  padding-right: 30px;
}
form .has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 18px;
}
form .has-feedback .ant-input-affix-wrapper .ant-input {
  padding-right: 49px;
}
form .has-feedback .ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input {
  padding-right: 68px;
}
form .has-feedback > .ant-select .ant-select-arrow,
form .has-feedback > .ant-select .ant-select-selection__clear,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection__clear {
  right: 28px;
}
form .has-feedback > .ant-select .ant-select-selection-selected-value,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 42px;
}
form .has-feedback .ant-cascader-picker-arrow {
  margin-right: 17px;
}
form .has-feedback .ant-cascader-picker-clear {
  right: 28px;
}
form .has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: 28px;
}
form .has-feedback .ant-calendar-picker-icon,
form .has-feedback .ant-time-picker-icon,
form .has-feedback .ant-calendar-picker-clear,
form .has-feedback .ant-time-picker-clear {
  right: 28px;
}
form .ant-mentions,
form textarea.ant-input {
  height: auto;
  margin-bottom: 4px;
}
form .ant-upload {
  background: transparent;
}
form input[type='radio'],
form input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
form .ant-radio-inline,
form .ant-checkbox-inline {
  display: inline-block;
  margin-left: 8px;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
form .ant-radio-inline:first-child,
form .ant-checkbox-inline:first-child {
  margin-left: 0;
}
form .ant-checkbox-vertical,
form .ant-radio-vertical {
  display: block;
}
form .ant-checkbox-vertical + .ant-checkbox-vertical,
form .ant-radio-vertical + .ant-radio-vertical {
  margin-left: 0;
}
form .ant-input-number + .ant-form-text {
  margin-left: 8px;
}
form .ant-input-number-handler-wrap {
  z-index: 2;
}
form .ant-select,
form .ant-cascader-picker {
  width: 100%;
}
form .ant-input-group .ant-select,
form .ant-input-group .ant-cascader-picker {
  width: auto;
}
form :not(.ant-input-group-wrapper) > .ant-input-group,
form .ant-input-group-wrapper {
  display: inline-block;
  vertical-align: middle;
}
form:not(.ant-form-vertical) :not(.ant-input-group-wrapper) > .ant-input-group,
form:not(.ant-form-vertical) .ant-input-group-wrapper {
  position: relative;
  top: -1px;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  display: block;
  margin: 0;
  padding: 0 0 8px;
  line-height: 1.5;
  white-space: initial;
  text-align: left;
}
.ant-form-vertical .ant-form-item-label label::after,
.ant-col-24.ant-form-item-label label::after,
.ant-col-xl-24.ant-form-item-label label::after {
  display: none;
}
.ant-form-vertical .ant-form-item {
  padding-bottom: 8px;
}
.ant-form-vertical .ant-form-item-control {
  line-height: 1.5;
}
.ant-form-vertical .ant-form-explain {
  margin-top: 2px;
  margin-bottom: -5px;
}
.ant-form-vertical .ant-form-extra {
  margin-top: 2px;
  margin-bottom: -4px;
}
@media (max-width: 575px) {
  .ant-form-item-label,
  .ant-form-item-control-wrapper {
    display: block;
    width: 100%;
  }
  .ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-form-item-label label::after {
    display: none;
  }
  .ant-col-xs-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xs-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .ant-col-sm-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-sm-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-md-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-lg-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xl-24.ant-form-item-label label::after {
    display: none;
  }
}
.ant-form-inline .ant-form-item {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > .ant-form-item-control-wrapper,
.ant-form-inline .ant-form-item > .ant-form-item-label {
  display: inline-block;
  vertical-align: top;
}
.ant-form-inline .ant-form-text {
  display: inline-block;
}
.ant-form-inline .has-feedback {
  display: inline-block;
}
.has-success.has-feedback .ant-form-item-children-icon,
.has-warning.has-feedback .ant-form-item-children-icon,
.has-error.has-feedback .ant-form-item-children-icon,
.is-validating.has-feedback .ant-form-item-children-icon {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  width: 32px;
  height: 20px;
  margin-top: -10px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  visibility: visible;
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}
.has-success.has-feedback .ant-form-item-children-icon svg,
.has-warning.has-feedback .ant-form-item-children-icon svg,
.has-error.has-feedback .ant-form-item-children-icon svg,
.is-validating.has-feedback .ant-form-item-children-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.has-success.has-feedback .ant-form-item-children-icon {
  color: #52c41a;
  animation-name: diffZoomIn1 !important;
}
.has-warning .ant-form-explain,
.has-warning .ant-form-split {
  color: #faad14;
}
.has-warning .ant-input,
.has-warning .ant-input:hover {
  background-color: #fff;
  border-color: #faad14;
}
.has-warning .ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input:not([disabled]):hover {
  border-color: #faad14;
}
.has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-affix-wrapper .ant-input,
.has-warning .ant-input-affix-wrapper .ant-input:hover {
  background-color: #fff;
  border-color: #faad14;
}
.has-warning .ant-input-affix-wrapper .ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #faad14;
}
.has-warning .ant-input-prefix {
  color: #faad14;
}
.has-warning .ant-input-group-addon {
  color: #faad14;
  background-color: #fff;
  border-color: #faad14;
}
.has-warning .has-feedback {
  color: #faad14;
}
.has-warning.has-feedback .ant-form-item-children-icon {
  color: #faad14;
  animation-name: diffZoomIn3 !important;
}
.has-warning .ant-select-selection {
  border-color: #faad14;
}
.has-warning .ant-select-selection:hover {
  border-color: #faad14;
}
.has-warning .ant-select-open .ant-select-selection,
.has-warning .ant-select-focused .ant-select-selection {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-calendar-picker-icon::after,
.has-warning .ant-time-picker-icon::after,
.has-warning .ant-picker-icon::after,
.has-warning .ant-select-arrow,
.has-warning .ant-cascader-picker-arrow {
  color: #faad14;
}
.has-warning .ant-input-number,
.has-warning .ant-time-picker-input {
  border-color: #faad14;
}
.has-warning .ant-input-number-focused,
.has-warning .ant-time-picker-input-focused,
.has-warning .ant-input-number:focus,
.has-warning .ant-time-picker-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-number:not([disabled]):hover,
.has-warning .ant-time-picker-input:not([disabled]):hover {
  border-color: #faad14;
}
.has-warning .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-cascader-picker:hover .ant-cascader-input {
  border-color: #faad14;
}
.has-error .ant-form-explain,
.has-error .ant-form-split {
  color: #f5222d;
}
.has-error .ant-input,
.has-error .ant-input:hover {
  background-color: #fff;
  border-color: #f5222d;
}
.has-error .ant-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input:not([disabled]):hover {
  border-color: #f5222d;
}
.has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input-affix-wrapper .ant-input,
.has-error .ant-input-affix-wrapper .ant-input:hover {
  background-color: #fff;
  border-color: #f5222d;
}
.has-error .ant-input-affix-wrapper .ant-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #f5222d;
}
.has-error .ant-input-prefix {
  color: #f5222d;
}
.has-error .ant-input-group-addon {
  color: #f5222d;
  background-color: #fff;
  border-color: #f5222d;
}
.has-error .has-feedback {
  color: #f5222d;
}
.has-error.has-feedback .ant-form-item-children-icon {
  color: #f5222d;
  animation-name: diffZoomIn2 !important;
}
.has-error .ant-select-selection {
  border-color: #f5222d;
}
.has-error .ant-select-selection:hover {
  border-color: #f5222d;
}
.has-error .ant-select-open .ant-select-selection,
.has-error .ant-select-focused .ant-select-selection {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-select.ant-select-auto-complete .ant-input:focus {
  border-color: #f5222d;
}
.has-error .ant-input-group-addon .ant-select-selection {
  border-color: transparent;
  box-shadow: none;
}
.has-error .ant-calendar-picker-icon::after,
.has-error .ant-time-picker-icon::after,
.has-error .ant-picker-icon::after,
.has-error .ant-select-arrow,
.has-error .ant-cascader-picker-arrow {
  color: #f5222d;
}
.has-error .ant-input-number,
.has-error .ant-time-picker-input {
  border-color: #f5222d;
}
.has-error .ant-input-number-focused,
.has-error .ant-time-picker-input-focused,
.has-error .ant-input-number:focus,
.has-error .ant-time-picker-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input-number:not([disabled]):hover,
.has-error .ant-time-picker-input:not([disabled]):hover {
  border-color: #f5222d;
}
.has-error .ant-mention-wrapper .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
  border-color: #f5222d;
}
.has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-cascader-picker:hover .ant-cascader-input {
  border-color: #f5222d;
}
.has-error .ant-transfer-list {
  border-color: #f5222d;
}
.has-error .ant-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9;
}
.has-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.has-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.is-validating.has-feedback .ant-form-item-children-icon {
  display: inline-block;
  color: #1890ff;
}
.ant-advanced-search-form .ant-form-item {
  margin-bottom: 24px;
}
.ant-advanced-search-form .ant-form-item-with-help {
  margin-bottom: 5px;
}
.show-help-enter,
.show-help-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.show-help-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.show-help-enter.show-help-enter-active,
.show-help-appear.show-help-appear-active {
  animation-name: antShowHelpIn;
  animation-play-state: running;
}
.show-help-leave.show-help-leave-active {
  animation-name: antShowHelpOut;
  animation-play-state: running;
  pointer-events: none;
}
.show-help-enter,
.show-help-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.show-help-leave {
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@keyframes antShowHelpIn {
  0% {
    transform: translateY(-5px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes antShowHelpOut {
  to {
    transform: translateY(-5px);
    opacity: 0;
  }
}
@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.ant-row {
  position: relative;
  height: auto;
  margin-right: 0;
  margin-left: 0;
  zoom: 1;
  display: block;
  box-sizing: border-box;
}
.ant-row::before,
.ant-row::after {
  display: table;
  content: '';
}
.ant-row::after {
  clear: both;
}
.ant-row::before,
.ant-row::after {
  display: table;
  content: '';
}
.ant-row::after {
  clear: both;
}
.ant-row + .ant-row::before {
  clear: both;
}
.ant-row-flex {
  display: flex;
  flex-flow: row wrap;
}
.ant-row-flex::before,
.ant-row-flex::after {
  display: flex;
}
.ant-row-flex-start {
  justify-content: flex-start;
}
.ant-row-flex-center {
  justify-content: center;
}
.ant-row-flex-end {
  justify-content: flex-end;
}
.ant-row-flex-space-between {
  justify-content: space-between;
}
.ant-row-flex-space-around {
  justify-content: space-around;
}
.ant-row-flex-top {
  align-items: flex-start;
}
.ant-row-flex-middle {
  align-items: center;
}
.ant-row-flex-bottom {
  align-items: flex-end;
}
.ant-col {
  position: relative;
  min-height: 1px;
}
.ant-col-1,
.ant-col-xs-1,
.ant-col-sm-1,
.ant-col-md-1,
.ant-col-lg-1,
.ant-col-2,
.ant-col-xs-2,
.ant-col-sm-2,
.ant-col-md-2,
.ant-col-lg-2,
.ant-col-3,
.ant-col-xs-3,
.ant-col-sm-3,
.ant-col-md-3,
.ant-col-lg-3,
.ant-col-4,
.ant-col-xs-4,
.ant-col-sm-4,
.ant-col-md-4,
.ant-col-lg-4,
.ant-col-5,
.ant-col-xs-5,
.ant-col-sm-5,
.ant-col-md-5,
.ant-col-lg-5,
.ant-col-6,
.ant-col-xs-6,
.ant-col-sm-6,
.ant-col-md-6,
.ant-col-lg-6,
.ant-col-7,
.ant-col-xs-7,
.ant-col-sm-7,
.ant-col-md-7,
.ant-col-lg-7,
.ant-col-8,
.ant-col-xs-8,
.ant-col-sm-8,
.ant-col-md-8,
.ant-col-lg-8,
.ant-col-9,
.ant-col-xs-9,
.ant-col-sm-9,
.ant-col-md-9,
.ant-col-lg-9,
.ant-col-10,
.ant-col-xs-10,
.ant-col-sm-10,
.ant-col-md-10,
.ant-col-lg-10,
.ant-col-11,
.ant-col-xs-11,
.ant-col-sm-11,
.ant-col-md-11,
.ant-col-lg-11,
.ant-col-12,
.ant-col-xs-12,
.ant-col-sm-12,
.ant-col-md-12,
.ant-col-lg-12,
.ant-col-13,
.ant-col-xs-13,
.ant-col-sm-13,
.ant-col-md-13,
.ant-col-lg-13,
.ant-col-14,
.ant-col-xs-14,
.ant-col-sm-14,
.ant-col-md-14,
.ant-col-lg-14,
.ant-col-15,
.ant-col-xs-15,
.ant-col-sm-15,
.ant-col-md-15,
.ant-col-lg-15,
.ant-col-16,
.ant-col-xs-16,
.ant-col-sm-16,
.ant-col-md-16,
.ant-col-lg-16,
.ant-col-17,
.ant-col-xs-17,
.ant-col-sm-17,
.ant-col-md-17,
.ant-col-lg-17,
.ant-col-18,
.ant-col-xs-18,
.ant-col-sm-18,
.ant-col-md-18,
.ant-col-lg-18,
.ant-col-19,
.ant-col-xs-19,
.ant-col-sm-19,
.ant-col-md-19,
.ant-col-lg-19,
.ant-col-20,
.ant-col-xs-20,
.ant-col-sm-20,
.ant-col-md-20,
.ant-col-lg-20,
.ant-col-21,
.ant-col-xs-21,
.ant-col-sm-21,
.ant-col-md-21,
.ant-col-lg-21,
.ant-col-22,
.ant-col-xs-22,
.ant-col-sm-22,
.ant-col-md-22,
.ant-col-lg-22,
.ant-col-23,
.ant-col-xs-23,
.ant-col-sm-23,
.ant-col-md-23,
.ant-col-lg-23,
.ant-col-24,
.ant-col-xs-24,
.ant-col-sm-24,
.ant-col-md-24,
.ant-col-lg-24 {
  position: relative;
  padding-right: 0;
  padding-left: 0;
}
.ant-col-1,
.ant-col-2,
.ant-col-3,
.ant-col-4,
.ant-col-5,
.ant-col-6,
.ant-col-7,
.ant-col-8,
.ant-col-9,
.ant-col-10,
.ant-col-11,
.ant-col-12,
.ant-col-13,
.ant-col-14,
.ant-col-15,
.ant-col-16,
.ant-col-17,
.ant-col-18,
.ant-col-19,
.ant-col-20,
.ant-col-21,
.ant-col-22,
.ant-col-23,
.ant-col-24 {
  flex: 0 0 auto;
  float: left;
}
.ant-col-24 {
  display: block;
  box-sizing: border-box;
  width: 100%;
}
.ant-col-push-24 {
  left: 100%;
}
.ant-col-pull-24 {
  right: 100%;
}
.ant-col-offset-24 {
  margin-left: 100%;
}
.ant-col-order-24 {
  order: 24;
}
.ant-col-23 {
  display: block;
  box-sizing: border-box;
  width: 95.83333333%;
}
.ant-col-push-23 {
  left: 95.83333333%;
}
.ant-col-pull-23 {
  right: 95.83333333%;
}
.ant-col-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-order-23 {
  order: 23;
}
.ant-col-22 {
  display: block;
  box-sizing: border-box;
  width: 91.66666667%;
}
.ant-col-push-22 {
  left: 91.66666667%;
}
.ant-col-pull-22 {
  right: 91.66666667%;
}
.ant-col-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-order-22 {
  order: 22;
}
.ant-col-21 {
  display: block;
  box-sizing: border-box;
  width: 87.5%;
}
.ant-col-push-21 {
  left: 87.5%;
}
.ant-col-pull-21 {
  right: 87.5%;
}
.ant-col-offset-21 {
  margin-left: 87.5%;
}
.ant-col-order-21 {
  order: 21;
}
.ant-col-20 {
  display: block;
  box-sizing: border-box;
  width: 83.33333333%;
}
.ant-col-push-20 {
  left: 83.33333333%;
}
.ant-col-pull-20 {
  right: 83.33333333%;
}
.ant-col-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-order-20 {
  order: 20;
}
.ant-col-19 {
  display: block;
  box-sizing: border-box;
  width: 79.16666667%;
}
.ant-col-push-19 {
  left: 79.16666667%;
}
.ant-col-pull-19 {
  right: 79.16666667%;
}
.ant-col-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-order-19 {
  order: 19;
}
.ant-col-18 {
  display: block;
  box-sizing: border-box;
  width: 75%;
}
.ant-col-push-18 {
  left: 75%;
}
.ant-col-pull-18 {
  right: 75%;
}
.ant-col-offset-18 {
  margin-left: 75%;
}
.ant-col-order-18 {
  order: 18;
}
.ant-col-17 {
  display: block;
  box-sizing: border-box;
  width: 70.83333333%;
}
.ant-col-push-17 {
  left: 70.83333333%;
}
.ant-col-pull-17 {
  right: 70.83333333%;
}
.ant-col-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-order-17 {
  order: 17;
}
.ant-col-16 {
  display: block;
  box-sizing: border-box;
  width: 66.66666667%;
}
.ant-col-push-16 {
  left: 66.66666667%;
}
.ant-col-pull-16 {
  right: 66.66666667%;
}
.ant-col-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-order-16 {
  order: 16;
}
.ant-col-15 {
  display: block;
  box-sizing: border-box;
  width: 62.5%;
}
.ant-col-push-15 {
  left: 62.5%;
}
.ant-col-pull-15 {
  right: 62.5%;
}
.ant-col-offset-15 {
  margin-left: 62.5%;
}
.ant-col-order-15 {
  order: 15;
}
.ant-col-14 {
  display: block;
  box-sizing: border-box;
  width: 58.33333333%;
}
.ant-col-push-14 {
  left: 58.33333333%;
}
.ant-col-pull-14 {
  right: 58.33333333%;
}
.ant-col-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-order-14 {
  order: 14;
}
.ant-col-13 {
  display: block;
  box-sizing: border-box;
  width: 54.16666667%;
}
.ant-col-push-13 {
  left: 54.16666667%;
}
.ant-col-pull-13 {
  right: 54.16666667%;
}
.ant-col-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-order-13 {
  order: 13;
}
.ant-col-12 {
  display: block;
  box-sizing: border-box;
  width: 50%;
}
.ant-col-push-12 {
  left: 50%;
}
.ant-col-pull-12 {
  right: 50%;
}
.ant-col-offset-12 {
  margin-left: 50%;
}
.ant-col-order-12 {
  order: 12;
}
.ant-col-11 {
  display: block;
  box-sizing: border-box;
  width: 45.83333333%;
}
.ant-col-push-11 {
  left: 45.83333333%;
}
.ant-col-pull-11 {
  right: 45.83333333%;
}
.ant-col-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-order-11 {
  order: 11;
}
.ant-col-10 {
  display: block;
  box-sizing: border-box;
  width: 41.66666667%;
}
.ant-col-push-10 {
  left: 41.66666667%;
}
.ant-col-pull-10 {
  right: 41.66666667%;
}
.ant-col-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-order-10 {
  order: 10;
}
.ant-col-9 {
  display: block;
  box-sizing: border-box;
  width: 37.5%;
}
.ant-col-push-9 {
  left: 37.5%;
}
.ant-col-pull-9 {
  right: 37.5%;
}
.ant-col-offset-9 {
  margin-left: 37.5%;
}
.ant-col-order-9 {
  order: 9;
}
.ant-col-8 {
  display: block;
  box-sizing: border-box;
  width: 33.33333333%;
}
.ant-col-push-8 {
  left: 33.33333333%;
}
.ant-col-pull-8 {
  right: 33.33333333%;
}
.ant-col-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-order-8 {
  order: 8;
}
.ant-col-7 {
  display: block;
  box-sizing: border-box;
  width: 29.16666667%;
}
.ant-col-push-7 {
  left: 29.16666667%;
}
.ant-col-pull-7 {
  right: 29.16666667%;
}
.ant-col-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-order-7 {
  order: 7;
}
.ant-col-6 {
  display: block;
  box-sizing: border-box;
  width: 25%;
}
.ant-col-push-6 {
  left: 25%;
}
.ant-col-pull-6 {
  right: 25%;
}
.ant-col-offset-6 {
  margin-left: 25%;
}
.ant-col-order-6 {
  order: 6;
}
.ant-col-5 {
  display: block;
  box-sizing: border-box;
  width: 20.83333333%;
}
.ant-col-push-5 {
  left: 20.83333333%;
}
.ant-col-pull-5 {
  right: 20.83333333%;
}
.ant-col-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-order-5 {
  order: 5;
}
.ant-col-4 {
  display: block;
  box-sizing: border-box;
  width: 16.66666667%;
}
.ant-col-push-4 {
  left: 16.66666667%;
}
.ant-col-pull-4 {
  right: 16.66666667%;
}
.ant-col-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-order-4 {
  order: 4;
}
.ant-col-3 {
  display: block;
  box-sizing: border-box;
  width: 12.5%;
}
.ant-col-push-3 {
  left: 12.5%;
}
.ant-col-pull-3 {
  right: 12.5%;
}
.ant-col-offset-3 {
  margin-left: 12.5%;
}
.ant-col-order-3 {
  order: 3;
}
.ant-col-2 {
  display: block;
  box-sizing: border-box;
  width: 8.33333333%;
}
.ant-col-push-2 {
  left: 8.33333333%;
}
.ant-col-pull-2 {
  right: 8.33333333%;
}
.ant-col-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-order-2 {
  order: 2;
}
.ant-col-1 {
  display: block;
  box-sizing: border-box;
  width: 4.16666667%;
}
.ant-col-push-1 {
  left: 4.16666667%;
}
.ant-col-pull-1 {
  right: 4.16666667%;
}
.ant-col-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-order-1 {
  order: 1;
}
.ant-col-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-offset-0 {
  margin-left: 0;
}
.ant-col-order-0 {
  order: 0;
}
.ant-col-xs-1,
.ant-col-xs-2,
.ant-col-xs-3,
.ant-col-xs-4,
.ant-col-xs-5,
.ant-col-xs-6,
.ant-col-xs-7,
.ant-col-xs-8,
.ant-col-xs-9,
.ant-col-xs-10,
.ant-col-xs-11,
.ant-col-xs-12,
.ant-col-xs-13,
.ant-col-xs-14,
.ant-col-xs-15,
.ant-col-xs-16,
.ant-col-xs-17,
.ant-col-xs-18,
.ant-col-xs-19,
.ant-col-xs-20,
.ant-col-xs-21,
.ant-col-xs-22,
.ant-col-xs-23,
.ant-col-xs-24 {
  flex: 0 0 auto;
  float: left;
}
.ant-col-xs-24 {
  display: block;
  box-sizing: border-box;
  width: 100%;
}
.ant-col-xs-push-24 {
  left: 100%;
}
.ant-col-xs-pull-24 {
  right: 100%;
}
.ant-col-xs-offset-24 {
  margin-left: 100%;
}
.ant-col-xs-order-24 {
  order: 24;
}
.ant-col-xs-23 {
  display: block;
  box-sizing: border-box;
  width: 95.83333333%;
}
.ant-col-xs-push-23 {
  left: 95.83333333%;
}
.ant-col-xs-pull-23 {
  right: 95.83333333%;
}
.ant-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-xs-order-23 {
  order: 23;
}
.ant-col-xs-22 {
  display: block;
  box-sizing: border-box;
  width: 91.66666667%;
}
.ant-col-xs-push-22 {
  left: 91.66666667%;
}
.ant-col-xs-pull-22 {
  right: 91.66666667%;
}
.ant-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-xs-order-22 {
  order: 22;
}
.ant-col-xs-21 {
  display: block;
  box-sizing: border-box;
  width: 87.5%;
}
.ant-col-xs-push-21 {
  left: 87.5%;
}
.ant-col-xs-pull-21 {
  right: 87.5%;
}
.ant-col-xs-offset-21 {
  margin-left: 87.5%;
}
.ant-col-xs-order-21 {
  order: 21;
}
.ant-col-xs-20 {
  display: block;
  box-sizing: border-box;
  width: 83.33333333%;
}
.ant-col-xs-push-20 {
  left: 83.33333333%;
}
.ant-col-xs-pull-20 {
  right: 83.33333333%;
}
.ant-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-xs-order-20 {
  order: 20;
}
.ant-col-xs-19 {
  display: block;
  box-sizing: border-box;
  width: 79.16666667%;
}
.ant-col-xs-push-19 {
  left: 79.16666667%;
}
.ant-col-xs-pull-19 {
  right: 79.16666667%;
}
.ant-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-xs-order-19 {
  order: 19;
}
.ant-col-xs-18 {
  display: block;
  box-sizing: border-box;
  width: 75%;
}
.ant-col-xs-push-18 {
  left: 75%;
}
.ant-col-xs-pull-18 {
  right: 75%;
}
.ant-col-xs-offset-18 {
  margin-left: 75%;
}
.ant-col-xs-order-18 {
  order: 18;
}
.ant-col-xs-17 {
  display: block;
  box-sizing: border-box;
  width: 70.83333333%;
}
.ant-col-xs-push-17 {
  left: 70.83333333%;
}
.ant-col-xs-pull-17 {
  right: 70.83333333%;
}
.ant-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-xs-order-17 {
  order: 17;
}
.ant-col-xs-16 {
  display: block;
  box-sizing: border-box;
  width: 66.66666667%;
}
.ant-col-xs-push-16 {
  left: 66.66666667%;
}
.ant-col-xs-pull-16 {
  right: 66.66666667%;
}
.ant-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-xs-order-16 {
  order: 16;
}
.ant-col-xs-15 {
  display: block;
  box-sizing: border-box;
  width: 62.5%;
}
.ant-col-xs-push-15 {
  left: 62.5%;
}
.ant-col-xs-pull-15 {
  right: 62.5%;
}
.ant-col-xs-offset-15 {
  margin-left: 62.5%;
}
.ant-col-xs-order-15 {
  order: 15;
}
.ant-col-xs-14 {
  display: block;
  box-sizing: border-box;
  width: 58.33333333%;
}
.ant-col-xs-push-14 {
  left: 58.33333333%;
}
.ant-col-xs-pull-14 {
  right: 58.33333333%;
}
.ant-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-xs-order-14 {
  order: 14;
}
.ant-col-xs-13 {
  display: block;
  box-sizing: border-box;
  width: 54.16666667%;
}
.ant-col-xs-push-13 {
  left: 54.16666667%;
}
.ant-col-xs-pull-13 {
  right: 54.16666667%;
}
.ant-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-xs-order-13 {
  order: 13;
}
.ant-col-xs-12 {
  display: block;
  box-sizing: border-box;
  width: 50%;
}
.ant-col-xs-push-12 {
  left: 50%;
}
.ant-col-xs-pull-12 {
  right: 50%;
}
.ant-col-xs-offset-12 {
  margin-left: 50%;
}
.ant-col-xs-order-12 {
  order: 12;
}
.ant-col-xs-11 {
  display: block;
  box-sizing: border-box;
  width: 45.83333333%;
}
.ant-col-xs-push-11 {
  left: 45.83333333%;
}
.ant-col-xs-pull-11 {
  right: 45.83333333%;
}
.ant-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-xs-order-11 {
  order: 11;
}
.ant-col-xs-10 {
  display: block;
  box-sizing: border-box;
  width: 41.66666667%;
}
.ant-col-xs-push-10 {
  left: 41.66666667%;
}
.ant-col-xs-pull-10 {
  right: 41.66666667%;
}
.ant-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-xs-order-10 {
  order: 10;
}
.ant-col-xs-9 {
  display: block;
  box-sizing: border-box;
  width: 37.5%;
}
.ant-col-xs-push-9 {
  left: 37.5%;
}
.ant-col-xs-pull-9 {
  right: 37.5%;
}
.ant-col-xs-offset-9 {
  margin-left: 37.5%;
}
.ant-col-xs-order-9 {
  order: 9;
}
.ant-col-xs-8 {
  display: block;
  box-sizing: border-box;
  width: 33.33333333%;
}
.ant-col-xs-push-8 {
  left: 33.33333333%;
}
.ant-col-xs-pull-8 {
  right: 33.33333333%;
}
.ant-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-xs-order-8 {
  order: 8;
}
.ant-col-xs-7 {
  display: block;
  box-sizing: border-box;
  width: 29.16666667%;
}
.ant-col-xs-push-7 {
  left: 29.16666667%;
}
.ant-col-xs-pull-7 {
  right: 29.16666667%;
}
.ant-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-xs-order-7 {
  order: 7;
}
.ant-col-xs-6 {
  display: block;
  box-sizing: border-box;
  width: 25%;
}
.ant-col-xs-push-6 {
  left: 25%;
}
.ant-col-xs-pull-6 {
  right: 25%;
}
.ant-col-xs-offset-6 {
  margin-left: 25%;
}
.ant-col-xs-order-6 {
  order: 6;
}
.ant-col-xs-5 {
  display: block;
  box-sizing: border-box;
  width: 20.83333333%;
}
.ant-col-xs-push-5 {
  left: 20.83333333%;
}
.ant-col-xs-pull-5 {
  right: 20.83333333%;
}
.ant-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-xs-order-5 {
  order: 5;
}
.ant-col-xs-4 {
  display: block;
  box-sizing: border-box;
  width: 16.66666667%;
}
.ant-col-xs-push-4 {
  left: 16.66666667%;
}
.ant-col-xs-pull-4 {
  right: 16.66666667%;
}
.ant-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-xs-order-4 {
  order: 4;
}
.ant-col-xs-3 {
  display: block;
  box-sizing: border-box;
  width: 12.5%;
}
.ant-col-xs-push-3 {
  left: 12.5%;
}
.ant-col-xs-pull-3 {
  right: 12.5%;
}
.ant-col-xs-offset-3 {
  margin-left: 12.5%;
}
.ant-col-xs-order-3 {
  order: 3;
}
.ant-col-xs-2 {
  display: block;
  box-sizing: border-box;
  width: 8.33333333%;
}
.ant-col-xs-push-2 {
  left: 8.33333333%;
}
.ant-col-xs-pull-2 {
  right: 8.33333333%;
}
.ant-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-xs-order-2 {
  order: 2;
}
.ant-col-xs-1 {
  display: block;
  box-sizing: border-box;
  width: 4.16666667%;
}
.ant-col-xs-push-1 {
  left: 4.16666667%;
}
.ant-col-xs-pull-1 {
  right: 4.16666667%;
}
.ant-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-xs-order-1 {
  order: 1;
}
.ant-col-xs-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-xs-push-0 {
  left: auto;
}
.ant-col-xs-pull-0 {
  right: auto;
}
.ant-col-xs-offset-0 {
  margin-left: 0;
}
.ant-col-xs-order-0 {
  order: 0;
}
@media (min-width: 576px) {
  .ant-col-sm-1,
  .ant-col-sm-2,
  .ant-col-sm-3,
  .ant-col-sm-4,
  .ant-col-sm-5,
  .ant-col-sm-6,
  .ant-col-sm-7,
  .ant-col-sm-8,
  .ant-col-sm-9,
  .ant-col-sm-10,
  .ant-col-sm-11,
  .ant-col-sm-12,
  .ant-col-sm-13,
  .ant-col-sm-14,
  .ant-col-sm-15,
  .ant-col-sm-16,
  .ant-col-sm-17,
  .ant-col-sm-18,
  .ant-col-sm-19,
  .ant-col-sm-20,
  .ant-col-sm-21,
  .ant-col-sm-22,
  .ant-col-sm-23,
  .ant-col-sm-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-sm-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-sm-push-24 {
    left: 100%;
  }
  .ant-col-sm-pull-24 {
    right: 100%;
  }
  .ant-col-sm-offset-24 {
    margin-left: 100%;
  }
  .ant-col-sm-order-24 {
    order: 24;
  }
  .ant-col-sm-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-sm-push-23 {
    left: 95.83333333%;
  }
  .ant-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-sm-order-23 {
    order: 23;
  }
  .ant-col-sm-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-sm-push-22 {
    left: 91.66666667%;
  }
  .ant-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-sm-order-22 {
    order: 22;
  }
  .ant-col-sm-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-sm-push-21 {
    left: 87.5%;
  }
  .ant-col-sm-pull-21 {
    right: 87.5%;
  }
  .ant-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-sm-order-21 {
    order: 21;
  }
  .ant-col-sm-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-sm-push-20 {
    left: 83.33333333%;
  }
  .ant-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-sm-order-20 {
    order: 20;
  }
  .ant-col-sm-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-sm-push-19 {
    left: 79.16666667%;
  }
  .ant-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-sm-order-19 {
    order: 19;
  }
  .ant-col-sm-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-sm-push-18 {
    left: 75%;
  }
  .ant-col-sm-pull-18 {
    right: 75%;
  }
  .ant-col-sm-offset-18 {
    margin-left: 75%;
  }
  .ant-col-sm-order-18 {
    order: 18;
  }
  .ant-col-sm-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-sm-push-17 {
    left: 70.83333333%;
  }
  .ant-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-sm-order-17 {
    order: 17;
  }
  .ant-col-sm-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-sm-push-16 {
    left: 66.66666667%;
  }
  .ant-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-sm-order-16 {
    order: 16;
  }
  .ant-col-sm-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-sm-push-15 {
    left: 62.5%;
  }
  .ant-col-sm-pull-15 {
    right: 62.5%;
  }
  .ant-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-sm-order-15 {
    order: 15;
  }
  .ant-col-sm-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-sm-push-14 {
    left: 58.33333333%;
  }
  .ant-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-sm-order-14 {
    order: 14;
  }
  .ant-col-sm-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-sm-push-13 {
    left: 54.16666667%;
  }
  .ant-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-sm-order-13 {
    order: 13;
  }
  .ant-col-sm-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-sm-push-12 {
    left: 50%;
  }
  .ant-col-sm-pull-12 {
    right: 50%;
  }
  .ant-col-sm-offset-12 {
    margin-left: 50%;
  }
  .ant-col-sm-order-12 {
    order: 12;
  }
  .ant-col-sm-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-sm-push-11 {
    left: 45.83333333%;
  }
  .ant-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-sm-order-11 {
    order: 11;
  }
  .ant-col-sm-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-sm-push-10 {
    left: 41.66666667%;
  }
  .ant-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-sm-order-10 {
    order: 10;
  }
  .ant-col-sm-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-sm-push-9 {
    left: 37.5%;
  }
  .ant-col-sm-pull-9 {
    right: 37.5%;
  }
  .ant-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-sm-order-9 {
    order: 9;
  }
  .ant-col-sm-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-sm-push-8 {
    left: 33.33333333%;
  }
  .ant-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-sm-order-8 {
    order: 8;
  }
  .ant-col-sm-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-sm-push-7 {
    left: 29.16666667%;
  }
  .ant-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-sm-order-7 {
    order: 7;
  }
  .ant-col-sm-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-sm-push-6 {
    left: 25%;
  }
  .ant-col-sm-pull-6 {
    right: 25%;
  }
  .ant-col-sm-offset-6 {
    margin-left: 25%;
  }
  .ant-col-sm-order-6 {
    order: 6;
  }
  .ant-col-sm-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-sm-push-5 {
    left: 20.83333333%;
  }
  .ant-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-sm-order-5 {
    order: 5;
  }
  .ant-col-sm-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-sm-push-4 {
    left: 16.66666667%;
  }
  .ant-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-sm-order-4 {
    order: 4;
  }
  .ant-col-sm-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-sm-push-3 {
    left: 12.5%;
  }
  .ant-col-sm-pull-3 {
    right: 12.5%;
  }
  .ant-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-sm-order-3 {
    order: 3;
  }
  .ant-col-sm-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-sm-push-2 {
    left: 8.33333333%;
  }
  .ant-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-sm-order-2 {
    order: 2;
  }
  .ant-col-sm-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-sm-push-1 {
    left: 4.16666667%;
  }
  .ant-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-sm-order-1 {
    order: 1;
  }
  .ant-col-sm-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-sm-push-0 {
    left: auto;
  }
  .ant-col-sm-pull-0 {
    right: auto;
  }
  .ant-col-sm-offset-0 {
    margin-left: 0;
  }
  .ant-col-sm-order-0 {
    order: 0;
  }
}
@media (min-width: 768px) {
  .ant-col-md-1,
  .ant-col-md-2,
  .ant-col-md-3,
  .ant-col-md-4,
  .ant-col-md-5,
  .ant-col-md-6,
  .ant-col-md-7,
  .ant-col-md-8,
  .ant-col-md-9,
  .ant-col-md-10,
  .ant-col-md-11,
  .ant-col-md-12,
  .ant-col-md-13,
  .ant-col-md-14,
  .ant-col-md-15,
  .ant-col-md-16,
  .ant-col-md-17,
  .ant-col-md-18,
  .ant-col-md-19,
  .ant-col-md-20,
  .ant-col-md-21,
  .ant-col-md-22,
  .ant-col-md-23,
  .ant-col-md-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-md-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-md-push-24 {
    left: 100%;
  }
  .ant-col-md-pull-24 {
    right: 100%;
  }
  .ant-col-md-offset-24 {
    margin-left: 100%;
  }
  .ant-col-md-order-24 {
    order: 24;
  }
  .ant-col-md-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-md-push-23 {
    left: 95.83333333%;
  }
  .ant-col-md-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-md-order-23 {
    order: 23;
  }
  .ant-col-md-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-md-push-22 {
    left: 91.66666667%;
  }
  .ant-col-md-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-md-order-22 {
    order: 22;
  }
  .ant-col-md-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-md-push-21 {
    left: 87.5%;
  }
  .ant-col-md-pull-21 {
    right: 87.5%;
  }
  .ant-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-md-order-21 {
    order: 21;
  }
  .ant-col-md-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-md-push-20 {
    left: 83.33333333%;
  }
  .ant-col-md-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-md-order-20 {
    order: 20;
  }
  .ant-col-md-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-md-push-19 {
    left: 79.16666667%;
  }
  .ant-col-md-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-md-order-19 {
    order: 19;
  }
  .ant-col-md-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-md-push-18 {
    left: 75%;
  }
  .ant-col-md-pull-18 {
    right: 75%;
  }
  .ant-col-md-offset-18 {
    margin-left: 75%;
  }
  .ant-col-md-order-18 {
    order: 18;
  }
  .ant-col-md-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-md-push-17 {
    left: 70.83333333%;
  }
  .ant-col-md-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-md-order-17 {
    order: 17;
  }
  .ant-col-md-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-md-push-16 {
    left: 66.66666667%;
  }
  .ant-col-md-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-md-order-16 {
    order: 16;
  }
  .ant-col-md-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-md-push-15 {
    left: 62.5%;
  }
  .ant-col-md-pull-15 {
    right: 62.5%;
  }
  .ant-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-md-order-15 {
    order: 15;
  }
  .ant-col-md-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-md-push-14 {
    left: 58.33333333%;
  }
  .ant-col-md-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-md-order-14 {
    order: 14;
  }
  .ant-col-md-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-md-push-13 {
    left: 54.16666667%;
  }
  .ant-col-md-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-md-order-13 {
    order: 13;
  }
  .ant-col-md-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-md-push-12 {
    left: 50%;
  }
  .ant-col-md-pull-12 {
    right: 50%;
  }
  .ant-col-md-offset-12 {
    margin-left: 50%;
  }
  .ant-col-md-order-12 {
    order: 12;
  }
  .ant-col-md-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-md-push-11 {
    left: 45.83333333%;
  }
  .ant-col-md-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-md-order-11 {
    order: 11;
  }
  .ant-col-md-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-md-push-10 {
    left: 41.66666667%;
  }
  .ant-col-md-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-md-order-10 {
    order: 10;
  }
  .ant-col-md-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-md-push-9 {
    left: 37.5%;
  }
  .ant-col-md-pull-9 {
    right: 37.5%;
  }
  .ant-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-md-order-9 {
    order: 9;
  }
  .ant-col-md-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-md-push-8 {
    left: 33.33333333%;
  }
  .ant-col-md-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-md-order-8 {
    order: 8;
  }
  .ant-col-md-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-md-push-7 {
    left: 29.16666667%;
  }
  .ant-col-md-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-md-order-7 {
    order: 7;
  }
  .ant-col-md-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-md-push-6 {
    left: 25%;
  }
  .ant-col-md-pull-6 {
    right: 25%;
  }
  .ant-col-md-offset-6 {
    margin-left: 25%;
  }
  .ant-col-md-order-6 {
    order: 6;
  }
  .ant-col-md-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-md-push-5 {
    left: 20.83333333%;
  }
  .ant-col-md-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-md-order-5 {
    order: 5;
  }
  .ant-col-md-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-md-push-4 {
    left: 16.66666667%;
  }
  .ant-col-md-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-md-order-4 {
    order: 4;
  }
  .ant-col-md-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-md-push-3 {
    left: 12.5%;
  }
  .ant-col-md-pull-3 {
    right: 12.5%;
  }
  .ant-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-md-order-3 {
    order: 3;
  }
  .ant-col-md-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-md-push-2 {
    left: 8.33333333%;
  }
  .ant-col-md-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-md-order-2 {
    order: 2;
  }
  .ant-col-md-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-md-push-1 {
    left: 4.16666667%;
  }
  .ant-col-md-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-md-order-1 {
    order: 1;
  }
  .ant-col-md-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-md-push-0 {
    left: auto;
  }
  .ant-col-md-pull-0 {
    right: auto;
  }
  .ant-col-md-offset-0 {
    margin-left: 0;
  }
  .ant-col-md-order-0 {
    order: 0;
  }
}
@media (min-width: 992px) {
  .ant-col-lg-1,
  .ant-col-lg-2,
  .ant-col-lg-3,
  .ant-col-lg-4,
  .ant-col-lg-5,
  .ant-col-lg-6,
  .ant-col-lg-7,
  .ant-col-lg-8,
  .ant-col-lg-9,
  .ant-col-lg-10,
  .ant-col-lg-11,
  .ant-col-lg-12,
  .ant-col-lg-13,
  .ant-col-lg-14,
  .ant-col-lg-15,
  .ant-col-lg-16,
  .ant-col-lg-17,
  .ant-col-lg-18,
  .ant-col-lg-19,
  .ant-col-lg-20,
  .ant-col-lg-21,
  .ant-col-lg-22,
  .ant-col-lg-23,
  .ant-col-lg-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-lg-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-lg-push-24 {
    left: 100%;
  }
  .ant-col-lg-pull-24 {
    right: 100%;
  }
  .ant-col-lg-offset-24 {
    margin-left: 100%;
  }
  .ant-col-lg-order-24 {
    order: 24;
  }
  .ant-col-lg-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-lg-push-23 {
    left: 95.83333333%;
  }
  .ant-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-lg-order-23 {
    order: 23;
  }
  .ant-col-lg-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-lg-push-22 {
    left: 91.66666667%;
  }
  .ant-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-lg-order-22 {
    order: 22;
  }
  .ant-col-lg-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-lg-push-21 {
    left: 87.5%;
  }
  .ant-col-lg-pull-21 {
    right: 87.5%;
  }
  .ant-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-lg-order-21 {
    order: 21;
  }
  .ant-col-lg-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-lg-push-20 {
    left: 83.33333333%;
  }
  .ant-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-lg-order-20 {
    order: 20;
  }
  .ant-col-lg-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-lg-push-19 {
    left: 79.16666667%;
  }
  .ant-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-lg-order-19 {
    order: 19;
  }
  .ant-col-lg-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-lg-push-18 {
    left: 75%;
  }
  .ant-col-lg-pull-18 {
    right: 75%;
  }
  .ant-col-lg-offset-18 {
    margin-left: 75%;
  }
  .ant-col-lg-order-18 {
    order: 18;
  }
  .ant-col-lg-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-lg-push-17 {
    left: 70.83333333%;
  }
  .ant-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-lg-order-17 {
    order: 17;
  }
  .ant-col-lg-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-lg-push-16 {
    left: 66.66666667%;
  }
  .ant-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-lg-order-16 {
    order: 16;
  }
  .ant-col-lg-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-lg-push-15 {
    left: 62.5%;
  }
  .ant-col-lg-pull-15 {
    right: 62.5%;
  }
  .ant-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-lg-order-15 {
    order: 15;
  }
  .ant-col-lg-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-lg-push-14 {
    left: 58.33333333%;
  }
  .ant-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-lg-order-14 {
    order: 14;
  }
  .ant-col-lg-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-lg-push-13 {
    left: 54.16666667%;
  }
  .ant-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-lg-order-13 {
    order: 13;
  }
  .ant-col-lg-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-lg-push-12 {
    left: 50%;
  }
  .ant-col-lg-pull-12 {
    right: 50%;
  }
  .ant-col-lg-offset-12 {
    margin-left: 50%;
  }
  .ant-col-lg-order-12 {
    order: 12;
  }
  .ant-col-lg-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-lg-push-11 {
    left: 45.83333333%;
  }
  .ant-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-lg-order-11 {
    order: 11;
  }
  .ant-col-lg-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-lg-push-10 {
    left: 41.66666667%;
  }
  .ant-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-lg-order-10 {
    order: 10;
  }
  .ant-col-lg-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-lg-push-9 {
    left: 37.5%;
  }
  .ant-col-lg-pull-9 {
    right: 37.5%;
  }
  .ant-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-lg-order-9 {
    order: 9;
  }
  .ant-col-lg-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-lg-push-8 {
    left: 33.33333333%;
  }
  .ant-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-lg-order-8 {
    order: 8;
  }
  .ant-col-lg-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-lg-push-7 {
    left: 29.16666667%;
  }
  .ant-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-lg-order-7 {
    order: 7;
  }
  .ant-col-lg-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-lg-push-6 {
    left: 25%;
  }
  .ant-col-lg-pull-6 {
    right: 25%;
  }
  .ant-col-lg-offset-6 {
    margin-left: 25%;
  }
  .ant-col-lg-order-6 {
    order: 6;
  }
  .ant-col-lg-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-lg-push-5 {
    left: 20.83333333%;
  }
  .ant-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-lg-order-5 {
    order: 5;
  }
  .ant-col-lg-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-lg-push-4 {
    left: 16.66666667%;
  }
  .ant-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-lg-order-4 {
    order: 4;
  }
  .ant-col-lg-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-lg-push-3 {
    left: 12.5%;
  }
  .ant-col-lg-pull-3 {
    right: 12.5%;
  }
  .ant-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-lg-order-3 {
    order: 3;
  }
  .ant-col-lg-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-lg-push-2 {
    left: 8.33333333%;
  }
  .ant-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-lg-order-2 {
    order: 2;
  }
  .ant-col-lg-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-lg-push-1 {
    left: 4.16666667%;
  }
  .ant-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-lg-order-1 {
    order: 1;
  }
  .ant-col-lg-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-lg-push-0 {
    left: auto;
  }
  .ant-col-lg-pull-0 {
    right: auto;
  }
  .ant-col-lg-offset-0 {
    margin-left: 0;
  }
  .ant-col-lg-order-0 {
    order: 0;
  }
}
@media (min-width: 1200px) {
  .ant-col-xl-1,
  .ant-col-xl-2,
  .ant-col-xl-3,
  .ant-col-xl-4,
  .ant-col-xl-5,
  .ant-col-xl-6,
  .ant-col-xl-7,
  .ant-col-xl-8,
  .ant-col-xl-9,
  .ant-col-xl-10,
  .ant-col-xl-11,
  .ant-col-xl-12,
  .ant-col-xl-13,
  .ant-col-xl-14,
  .ant-col-xl-15,
  .ant-col-xl-16,
  .ant-col-xl-17,
  .ant-col-xl-18,
  .ant-col-xl-19,
  .ant-col-xl-20,
  .ant-col-xl-21,
  .ant-col-xl-22,
  .ant-col-xl-23,
  .ant-col-xl-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-xl-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-xl-push-24 {
    left: 100%;
  }
  .ant-col-xl-pull-24 {
    right: 100%;
  }
  .ant-col-xl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xl-order-24 {
    order: 24;
  }
  .ant-col-xl-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-xl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xl-order-23 {
    order: 23;
  }
  .ant-col-xl-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-xl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xl-order-22 {
    order: 22;
  }
  .ant-col-xl-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-xl-push-21 {
    left: 87.5%;
  }
  .ant-col-xl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xl-order-21 {
    order: 21;
  }
  .ant-col-xl-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-xl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xl-order-20 {
    order: 20;
  }
  .ant-col-xl-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-xl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xl-order-19 {
    order: 19;
  }
  .ant-col-xl-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-xl-push-18 {
    left: 75%;
  }
  .ant-col-xl-pull-18 {
    right: 75%;
  }
  .ant-col-xl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xl-order-18 {
    order: 18;
  }
  .ant-col-xl-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-xl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xl-order-17 {
    order: 17;
  }
  .ant-col-xl-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-xl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xl-order-16 {
    order: 16;
  }
  .ant-col-xl-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-xl-push-15 {
    left: 62.5%;
  }
  .ant-col-xl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xl-order-15 {
    order: 15;
  }
  .ant-col-xl-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-xl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xl-order-14 {
    order: 14;
  }
  .ant-col-xl-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-xl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xl-order-13 {
    order: 13;
  }
  .ant-col-xl-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-xl-push-12 {
    left: 50%;
  }
  .ant-col-xl-pull-12 {
    right: 50%;
  }
  .ant-col-xl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xl-order-12 {
    order: 12;
  }
  .ant-col-xl-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-xl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xl-order-11 {
    order: 11;
  }
  .ant-col-xl-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-xl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xl-order-10 {
    order: 10;
  }
  .ant-col-xl-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-xl-push-9 {
    left: 37.5%;
  }
  .ant-col-xl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xl-order-9 {
    order: 9;
  }
  .ant-col-xl-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-xl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xl-order-8 {
    order: 8;
  }
  .ant-col-xl-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-xl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xl-order-7 {
    order: 7;
  }
  .ant-col-xl-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-xl-push-6 {
    left: 25%;
  }
  .ant-col-xl-pull-6 {
    right: 25%;
  }
  .ant-col-xl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xl-order-6 {
    order: 6;
  }
  .ant-col-xl-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-xl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xl-order-5 {
    order: 5;
  }
  .ant-col-xl-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-xl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xl-order-4 {
    order: 4;
  }
  .ant-col-xl-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-xl-push-3 {
    left: 12.5%;
  }
  .ant-col-xl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xl-order-3 {
    order: 3;
  }
  .ant-col-xl-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-xl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xl-order-2 {
    order: 2;
  }
  .ant-col-xl-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-xl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xl-order-1 {
    order: 1;
  }
  .ant-col-xl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xl-push-0 {
    left: auto;
  }
  .ant-col-xl-pull-0 {
    right: auto;
  }
  .ant-col-xl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xl-order-0 {
    order: 0;
  }
}
@media (min-width: 1600px) {
  .ant-col-xxl-1,
  .ant-col-xxl-2,
  .ant-col-xxl-3,
  .ant-col-xxl-4,
  .ant-col-xxl-5,
  .ant-col-xxl-6,
  .ant-col-xxl-7,
  .ant-col-xxl-8,
  .ant-col-xxl-9,
  .ant-col-xxl-10,
  .ant-col-xxl-11,
  .ant-col-xxl-12,
  .ant-col-xxl-13,
  .ant-col-xxl-14,
  .ant-col-xxl-15,
  .ant-col-xxl-16,
  .ant-col-xxl-17,
  .ant-col-xxl-18,
  .ant-col-xxl-19,
  .ant-col-xxl-20,
  .ant-col-xxl-21,
  .ant-col-xxl-22,
  .ant-col-xxl-23,
  .ant-col-xxl-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-xxl-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-xxl-push-24 {
    left: 100%;
  }
  .ant-col-xxl-pull-24 {
    right: 100%;
  }
  .ant-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xxl-order-24 {
    order: 24;
  }
  .ant-col-xxl-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-xxl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xxl-order-23 {
    order: 23;
  }
  .ant-col-xxl-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-xxl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xxl-order-22 {
    order: 22;
  }
  .ant-col-xxl-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-xxl-push-21 {
    left: 87.5%;
  }
  .ant-col-xxl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xxl-order-21 {
    order: 21;
  }
  .ant-col-xxl-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-xxl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xxl-order-20 {
    order: 20;
  }
  .ant-col-xxl-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-xxl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xxl-order-19 {
    order: 19;
  }
  .ant-col-xxl-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-xxl-push-18 {
    left: 75%;
  }
  .ant-col-xxl-pull-18 {
    right: 75%;
  }
  .ant-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xxl-order-18 {
    order: 18;
  }
  .ant-col-xxl-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-xxl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xxl-order-17 {
    order: 17;
  }
  .ant-col-xxl-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-xxl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xxl-order-16 {
    order: 16;
  }
  .ant-col-xxl-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-xxl-push-15 {
    left: 62.5%;
  }
  .ant-col-xxl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xxl-order-15 {
    order: 15;
  }
  .ant-col-xxl-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-xxl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xxl-order-14 {
    order: 14;
  }
  .ant-col-xxl-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-xxl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xxl-order-13 {
    order: 13;
  }
  .ant-col-xxl-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-xxl-push-12 {
    left: 50%;
  }
  .ant-col-xxl-pull-12 {
    right: 50%;
  }
  .ant-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xxl-order-12 {
    order: 12;
  }
  .ant-col-xxl-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-xxl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xxl-order-11 {
    order: 11;
  }
  .ant-col-xxl-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-xxl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xxl-order-10 {
    order: 10;
  }
  .ant-col-xxl-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-xxl-push-9 {
    left: 37.5%;
  }
  .ant-col-xxl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xxl-order-9 {
    order: 9;
  }
  .ant-col-xxl-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-xxl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xxl-order-8 {
    order: 8;
  }
  .ant-col-xxl-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-xxl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xxl-order-7 {
    order: 7;
  }
  .ant-col-xxl-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-xxl-push-6 {
    left: 25%;
  }
  .ant-col-xxl-pull-6 {
    right: 25%;
  }
  .ant-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xxl-order-6 {
    order: 6;
  }
  .ant-col-xxl-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-xxl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xxl-order-5 {
    order: 5;
  }
  .ant-col-xxl-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-xxl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xxl-order-4 {
    order: 4;
  }
  .ant-col-xxl-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-xxl-push-3 {
    left: 12.5%;
  }
  .ant-col-xxl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xxl-order-3 {
    order: 3;
  }
  .ant-col-xxl-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-xxl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xxl-order-2 {
    order: 2;
  }
  .ant-col-xxl-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-xxl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xxl-order-1 {
    order: 1;
  }
  .ant-col-xxl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xxl-push-0 {
    left: auto;
  }
  .ant-col-xxl-pull-0 {
    right: auto;
  }
  .ant-col-xxl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xxl-order-0 {
    order: 0;
  }
}
.ant-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group-addon {
  position: relative;
  padding: 0 11px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -5px -11px;
}
.ant-input-group-addon .ant-select .ant-select-selection {
  margin: -1px;
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selection,
.ant-input-group-addon .ant-select-focused .ant-select-selection {
  color: #1890ff;
}
.ant-input-group-addon > i:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
.ant-input-group-addon:first-child .ant-select .ant-select-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
.ant-input-group-addon:last-child .ant-select .ant-select-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-group-lg .ant-select-selection--single {
  height: 40px;
}
.ant-input-group-sm .ant-select-selection--single {
  height: 24px;
}
.ant-input-group .ant-input-affix-wrapper {
  display: table-cell;
  float: left;
  width: 100%;
}
.ant-input-group.ant-input-group-compact {
  display: block;
  zoom: 1;
}
.ant-input-group.ant-input-group-compact::before,
.ant-input-group.ant-input-group-compact::after {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  clear: both;
}
.ant-input-group.ant-input-group-compact::before,
.ant-input-group.ant-input-group-compact::after {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  clear: both;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:hover,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:hover,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:hover,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:focus,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:focus,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:focus,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.ant-input-affix-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: start;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper .ant-input {
  position: relative;
  text-align: inherit;
}
.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0;
  transform: translateY(-50%);
}
.ant-input-affix-wrapper .ant-input-prefix :not(.anticon),
.ant-input-affix-wrapper .ant-input-suffix :not(.anticon) {
  line-height: 1.5;
}
.ant-input-affix-wrapper .ant-input-disabled ~ .ant-input-suffix .anticon {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-input-affix-wrapper .ant-input-prefix {
  left: 12px;
}
.ant-input-affix-wrapper .ant-input-suffix {
  right: 12px;
}
.ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 30px;
}
.ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 30px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input:not(:last-child) {
  padding-right: 49px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input {
  padding-right: 22px;
}
.ant-input-affix-wrapper .ant-input {
  min-height: 100%;
}
.ant-input-password-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}
.ant-input-password-icon:hover {
  color: #333;
}
.ant-input-clear-icon {
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s;
  vertical-align: 0;
}
.ant-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-clear-icon:active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-input-clear-icon + i {
  margin-left: 6px;
}
.ant-input-textarea-clear-icon {
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s;
  position: absolute;
  top: 0;
  right: 0;
  margin: 8px 8px 0 0;
}
.ant-input-textarea-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-textarea-clear-icon:active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-input-textarea-clear-icon + i {
  margin-left: 6px;
}
.ant-input-search-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}
.ant-input-search-icon:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ant-input-search-enter-button input {
  border-right: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon,
.ant-input-search-enter-button input + .ant-input-group-addon {
  padding: 0;
  border: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button,
.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number {
  box-sizing: border-box;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  transition: all 0.3s;
  display: inline-block;
  width: 90px;
  margin: 0;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-input-number::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input-number:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-number:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-input-number {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-number-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-input-number-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-number-handler {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: 0;
  text-align: center;
  transition: all 0.1s linear;
}
.ant-input-number-handler:active {
  background: #f4f4f4;
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: #40a9ff;
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  width: 12px;
  height: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 12px;
  transition: all 0.1s linear;
  user-select: none;
}
.ant-input-number-handler-up-inner > *,
.ant-input-number-handler-down-inner > * {
  line-height: 1;
}
.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
  display: inline-block;
}
.ant-input-number-handler-up-inner::before,
.ant-input-number-handler-down-inner::before {
  display: none;
}
.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
  display: block;
}
.ant-input-number:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-input-number-focused {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed;
}
.ant-input-number-disabled .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-input {
  width: 100%;
  height: 30px;
  padding: 0 11px;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  transition: all 0.3s linear;
  -moz-appearance: textfield !important;
}
.ant-input-number-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input-number-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-input[type='number']::-webkit-inner-spin-button,
.ant-input-number-input[type='number']::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.ant-input-number-lg {
  padding: 0;
  font-size: 16px;
}
.ant-input-number-lg input {
  height: 38px;
}
.ant-input-number-sm {
  padding: 0;
}
.ant-input-number-sm input {
  height: 22px;
  padding: 0 7px;
}
.ant-input-number-handler-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: #fff;
  border-left: 1px solid #d9d9d9;
  border-radius: 0 4px 4px 0;
  opacity: 0;
  transition: opacity 0.24s linear 0.1s;
}
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  display: inline-block;
  font-size: 12px;
  font-size: 7px \9;
  transform: scale(0.58333333) rotate(0deg);
  min-width: auto;
  margin-right: 0;
}
:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  font-size: 12px;
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%;
}
.ant-input-number:hover .ant-input-number-handler-wrap {
  opacity: 1;
}
.ant-input-number-handler-up {
  border-top-right-radius: 4px;
  cursor: pointer;
}
.ant-input-number-handler-up-inner {
  top: 50%;
  margin-top: -5px;
  text-align: center;
}
.ant-input-number-handler-up:hover {
  height: 60% !important;
}
.ant-input-number-handler-down {
  top: 0;
  border-top: 1px solid #d9d9d9;
  border-bottom-right-radius: 4px;
  cursor: pointer;
}
.ant-input-number-handler-down-inner {
  top: 50%;
  margin-top: -6px;
  text-align: center;
}
.ant-input-number-handler-down:hover {
  height: 60% !important;
}
.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
  cursor: not-allowed;
}
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  color: rgba(0, 0, 0, 0.25);
}
.ant-layout {
  display: flex;
  flex: auto;
  flex-direction: column;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
  background: #f0f2f5;
}
.ant-layout,
.ant-layout * {
  box-sizing: border-box;
}
.ant-layout.ant-layout-has-sider {
  flex-direction: row;
}
.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
  overflow-x: hidden;
}
.ant-layout-header,
.ant-layout-footer {
  flex: 0 0 auto;
}
.ant-layout-header {
  height: 64px;
  padding: 0 50px;
  line-height: 64px;
  background: #001529;
}
.ant-layout-footer {
  padding: 24px 50px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  background: #f0f2f5;
}
.ant-layout-content {
  flex: auto;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
}
.ant-layout-sider {
  position: relative;
  /* fix firefox can't set width smaller than content on flex item */
  min-width: 0;
  background: #001529;
  transition: all 0.2s;
}
.ant-layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}
.ant-layout-sider-has-trigger {
  padding-bottom: 48px;
}
.ant-layout-sider-right {
  order: 1;
}
.ant-layout-sider-trigger {
  position: fixed;
  bottom: 0;
  z-index: 1;
  height: 48px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  background: #002140;
  cursor: pointer;
  transition: all 0.2s;
}
.ant-layout-sider-zero-width > * {
  overflow: hidden;
}
.ant-layout-sider-zero-width-trigger {
  position: absolute;
  top: 64px;
  right: -36px;
  z-index: 1;
  width: 36px;
  height: 42px;
  color: #fff;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  background: #001529;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-layout-sider-zero-width-trigger:hover {
  background: #192c3e;
}
.ant-layout-sider-zero-width-trigger-right {
  left: -36px;
  border-radius: 4px 0 0 4px;
}
.ant-layout-sider-light {
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-trigger {
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
}
.ant-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
}
.ant-list * {
  outline: none;
}
.ant-list-pagination {
  margin-top: 24px;
  text-align: right;
}
.ant-list-pagination .ant-pagination-options {
  text-align: left;
}
.ant-list-more {
  margin-top: 12px;
  text-align: center;
}
.ant-list-more button {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-list-spin {
  min-height: 40px;
  text-align: center;
}
.ant-list-empty-text {
  padding: 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
}
.ant-list-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
}
.ant-list-item-content {
  color: rgba(0, 0, 0, 0.65);
}
.ant-list-item-meta {
  display: flex;
  flex: 1;
  align-items: flex-start;
  font-size: 0;
}
.ant-list-item-meta-avatar {
  margin-right: 16px;
}
.ant-list-item-meta-content {
  flex: 1 0;
}
.ant-list-item-meta-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 22px;
}
.ant-list-item-meta-title > a {
  color: rgba(0, 0, 0, 0.65);
  transition: all 0.3s;
}
.ant-list-item-meta-title > a:hover {
  color: #1890ff;
}
.ant-list-item-meta-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px;
}
.ant-list-item-action {
  flex: 0 0 auto;
  margin-left: 48px;
  padding: 0;
  font-size: 0;
  list-style: none;
}
.ant-list-item-action > li {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
}
.ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-item-action-split {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #e8e8e8;
}
.ant-list-header {
  background: transparent;
}
.ant-list-footer {
  background: transparent;
}
.ant-list-header,
.ant-list-footer {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-list-empty {
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  text-align: center;
}
.ant-list-split .ant-list-item {
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-split .ant-list-item:last-child {
  border-bottom: none;
}
.ant-list-split .ant-list-header {
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-loading .ant-list-spin-nested-loading {
  min-height: 32px;
}
.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-lg .ant-list-item {
  padding-top: 16px;
  padding-bottom: 16px;
}
.ant-list-sm .ant-list-item {
  padding-top: 8px;
  padding-bottom: 8px;
}
.ant-list-vertical .ant-list-item {
  align-items: initial;
}
.ant-list-vertical .ant-list-item-main {
  display: block;
  flex: 1;
}
.ant-list-vertical .ant-list-item-extra {
  margin-left: 40px;
}
.ant-list-vertical .ant-list-item-meta {
  margin-bottom: 16px;
}
.ant-list-vertical .ant-list-item-meta-title {
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-list-vertical .ant-list-item-action {
  margin-top: 16px;
  margin-left: auto;
}
.ant-list-vertical .ant-list-item-action > li {
  padding: 0 16px;
}
.ant-list-vertical .ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-grid .ant-col > .ant-list-item {
  display: block;
  max-width: 100%;
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.ant-list-item-no-flex {
  display: block;
}
.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: right;
}
.ant-list-bordered {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-list-bordered .ant-list-header {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-footer {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-item {
  padding-right: 24px;
  padding-left: 24px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-bordered .ant-list-pagination {
  margin: 16px 24px;
}
.ant-list-bordered.ant-list-sm .ant-list-item {
  padding-right: 16px;
  padding-left: 16px;
}
.ant-list-bordered.ant-list-sm .ant-list-header,
.ant-list-bordered.ant-list-sm .ant-list-footer {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-lg .ant-list-header,
.ant-list-bordered.ant-list-lg .ant-list-footer {
  padding: 16px 24px;
}
@media screen and (max-width: 768px) {
  .ant-list-item-action {
    margin-left: 24px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin-left: 24px;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-item {
    flex-wrap: wrap;
  }
  .ant-list-item-action {
    margin-left: 12px;
  }
  .ant-list-vertical .ant-list-item {
    flex-wrap: wrap-reverse;
  }
  .ant-list-vertical .ant-list-item-main {
    min-width: 220px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}
.ant-mentions-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.ant-mentions-wrapper .ant-mentions-editor {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  display: block;
  height: auto;
  min-height: 32px;
  padding: 0;
  line-height: 1.5;
}
.ant-mentions-wrapper .ant-mentions-editor::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-mentions-wrapper .ant-mentions-editor:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions-wrapper .ant-mentions-editor::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions-wrapper .ant-mentions-editor:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions-wrapper .ant-mentions-editor:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-mentions-wrapper .ant-mentions-editor:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-mentions-wrapper .ant-mentions-editor-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-wrapper .ant-mentions-editor-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions-wrapper .ant-mentions-editor[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-wrapper .ant-mentions-editor[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-mentions-wrapper .ant-mentions-editor {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-mentions-wrapper .ant-mentions-editor-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-mentions-wrapper .ant-mentions-editor-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-mentions-wrapper .ant-mentions-editor-wrapper {
  height: auto;
  overflow-y: auto;
}
.ant-mentions-wrapper.ant-mentions-active:not(.disabled) .ant-mentions-editor {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-mentions-wrapper.disabled .ant-mentions-editor {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-wrapper.disabled .ant-mentions-editor:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions-wrapper .public-DraftEditorPlaceholder-root {
  position: absolute;
  pointer-events: none;
}
.ant-mentions-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner {
  height: auto;
  padding: 5px 11px;
  color: #bfbfbf;
  white-space: pre-wrap;
  word-wrap: break-word;
  outline: none;
  opacity: 1;
}
.ant-mentions-wrapper .DraftEditor-editorContainer .public-DraftEditor-content {
  height: auto;
  padding: 5px 11px;
}
.ant-mentions-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  min-width: 120px;
  max-height: 250px;
  margin-top: 1.5em;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-mentions-dropdown-placement-top {
  margin-top: -0.1em;
}
.ant-mentions-dropdown-notfound.ant-mentions-dropdown-item {
  color: rgba(0, 0, 0, 0.25);
}
.ant-mentions-dropdown-notfound.ant-mentions-dropdown-item .anticon-loading {
  display: block;
  color: #1890ff;
  text-align: center;
}
.ant-mentions-dropdown-item {
  position: relative;
  display: block;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s;
}
.ant-mentions-dropdown-item:hover {
  background-color: #e6f7ff;
}
.ant-mentions-dropdown-item.focus,
.ant-mentions-dropdown-item-active {
  background-color: #e6f7ff;
}
.ant-mentions-dropdown-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-mentions-dropdown-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-mentions-dropdown-item-selected,
.ant-mentions-dropdown-item-selected:hover {
  color: rgba(0, 0, 0, 0.65);
  font-weight: bold;
  background-color: #f5f5f5;
}
.ant-mentions-dropdown-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-mentions {
  box-sizing: border-box;
  margin: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  position: relative;
  display: inline-block;
  height: auto;
  padding: 0;
  overflow: hidden;
  line-height: 1.5;
  white-space: pre-wrap;
  vertical-align: bottom;
}
.ant-mentions::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-mentions:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-mentions:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-mentions-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-mentions {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-mentions-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-mentions-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-mentions-disabled > textarea {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled > textarea:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions-focused {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-mentions > textarea,
.ant-mentions-measure {
  min-height: 30px;
  margin: 0;
  padding: 4px 11px;
  overflow: inherit;
  overflow-x: hidden;
  overflow-y: auto;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-size-adjust: inherit;
  font-stretch: inherit;
  line-height: inherit;
  direction: inherit;
  letter-spacing: inherit;
  white-space: inherit;
  text-align: inherit;
  vertical-align: top;
  word-wrap: break-word;
  word-break: inherit;
  tab-size: inherit;
}
.ant-mentions > textarea {
  width: 100%;
  border: none;
  outline: none;
  resize: none;
}
.ant-mentions > textarea::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-mentions > textarea:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions > textarea::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions > textarea:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions > textarea:read-only {
  cursor: default;
}
.ant-mentions-measure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  color: transparent;
  pointer-events: none;
}
.ant-mentions-measure > span {
  display: inline-block;
  min-height: 1em;
}
.ant-mentions-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-mentions-dropdown-hidden {
  display: none;
}
.ant-mentions-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}
.ant-mentions-dropdown-menu-item {
  position: relative;
  display: block;
  min-width: 100px;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-mentions-dropdown-menu-item:hover {
  background-color: #e6f7ff;
}
.ant-mentions-dropdown-menu-item:first-child {
  border-radius: 4px 4px 0 0;
}
.ant-mentions-dropdown-menu-item:last-child {
  border-radius: 0 0 4px 4px;
}
.ant-mentions-dropdown-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-selected {
  color: rgba(0, 0, 0, 0.65);
  font-weight: 600;
  background-color: #fafafa;
}
.ant-mentions-dropdown-menu-item-active {
  background-color: #e6f7ff;
}
.ant-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: 'tnum';
  margin-bottom: 0;
  padding-left: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0;
  list-style: none;
  background: #fff;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: background 0.3s, width 0.2s;
  zoom: 1;
}
.ant-menu::before,
.ant-menu::after {
  display: table;
  content: '';
}
.ant-menu::after {
  clear: both;
}
.ant-menu::before,
.ant-menu::after {
  display: table;
  content: '';
}
.ant-menu::after {
  clear: both;
}
.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-menu-hidden {
  display: none;
}
.ant-menu-item-group-title {
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5;
  transition: all 0.3s;
}
.ant-menu-submenu,
.ant-menu-submenu-inline {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-selected {
  color: #1890ff;
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #e6f7ff;
}
.ant-menu-submenu .ant-menu-sub {
  cursor: initial;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item > a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.ant-menu-item > a:hover {
  color: #1890ff;
}
.ant-menu-item > a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.ant-menu-item > .ant-badge > a {
  color: rgba(0, 0, 0, 0.65);
}
.ant-menu-item > .ant-badge > a:hover {
  color: #1890ff;
}
.ant-menu-item-divider {
  height: 1px;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover {
  color: #1890ff;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent;
}
.ant-menu-item-selected {
  color: #1890ff;
}
.ant-menu-item-selected > a,
.ant-menu-item-selected > a:hover {
  color: #1890ff;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #e6f7ff;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid #e8e8e8;
}
.ant-menu-vertical-right {
  border-left: 1px solid #e8e8e8;
}
.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 160px;
  padding: 0;
  border-right: 0;
  transform-origin: 0 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  transform-origin: 0 0;
}
.ant-menu-horizontal.ant-menu-sub {
  min-width: 114px;
}
.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  margin-right: 10px;
  font-size: 14px;
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu > .ant-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: #fff;
  border-radius: 4px;
}
.ant-menu-submenu-popup .submenu-title-wrapper {
  padding-right: 20px;
}
.ant-menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.0001;
  content: ' ';
}
.ant-menu-submenu > .ant-menu {
  background-color: #fff;
  border-radius: 4px;
}
.ant-menu-submenu > .ant-menu-submenu-title::after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background: #fff;
  background: rgba(0, 0, 0, 0.65) \9;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  background-image: none \9;
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateY(-2px);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateY(2px);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
  background: linear-gradient(to right, #1890ff, #1890ff);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateX(2px);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  transform: translateY(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateX(2px);
}
.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: #1890ff;
}
.ant-menu-vertical .ant-menu-submenu-selected > a,
.ant-menu-vertical-left .ant-menu-submenu-selected > a,
.ant-menu-vertical-right .ant-menu-submenu-selected > a {
  color: #1890ff;
}
.ant-menu-horizontal {
  line-height: 46px;
  white-space: nowrap;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  box-shadow: none;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
  border-bottom: 2px solid transparent;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-item-open,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-submenu-selected {
  color: #1890ff;
  border-bottom: 2px solid #1890ff;
}
.ant-menu-horizontal > .ant-menu-item > a {
  display: block;
  color: rgba(0, 0, 0, 0.65);
}
.ant-menu-horizontal > .ant-menu-item > a:hover {
  color: #1890ff;
}
.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: -2px;
}
.ant-menu-horizontal > .ant-menu-item-selected > a {
  color: #1890ff;
}
.ant-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: ' ';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
  position: relative;
}
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid #1890ff;
  transform: scaleY(0.0001);
  opacity: 0;
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: '';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  font-size: 14px;
  line-height: 40px;
  text-overflow: ellipsis;
}
.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0.02px;
}
.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 8px;
}
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
}
.ant-menu-inline {
  width: 100%;
}
.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  transform: scaleY(1);
  opacity: 1;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px);
}
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline-collapsed {
  width: 80px;
}
.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 32px !important;
  text-overflow: clip;
}
.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  display: none;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  display: inline-block;
  max-width: 0;
  opacity: 0;
}
.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}
.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px;
}
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  box-shadow: none;
}
.ant-menu-sub.ant-menu-inline {
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc;
}
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px;
}
.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  background: none;
  border-color: transparent !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > a,
.ant-menu-submenu-disabled > a {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(0, 0, 0, 0.25) !important;
}
.ant-menu-dark,
.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  transition: all 0.3s;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
}
.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  border-color: #001529;
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a {
  color: #fff;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow {
  opacity: 1;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark .ant-menu-item:hover {
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > a:hover {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .anticon {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .anticon + span {
  color: #fff;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: #1890ff;
}
.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}
.ant-message {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  top: 16px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.ant-message-notice:first-child {
  margin-top: -8px;
}
.ant-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: all;
}
.ant-message-success .anticon {
  color: #52c41a;
}
.ant-message-error .anticon {
  color: #f5222d;
}
.ant-message-warning .anticon {
  color: #faad14;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #1890ff;
}
.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px;
}
.ant-message-notice.move-up-leave.move-up-leave-active {
  overflow: hidden;
  animation-name: MessageMoveOut;
  animation-duration: 0.3s;
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
.ant-modal {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 100px;
  width: auto;
  margin: 0 auto;
  padding-bottom: 24px;
  pointer-events: none;
}
.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.ant-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: auto;
}
.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}
.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}
.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-modal-footer button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal.zoom-enter,
.ant-modal.zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  filter: alpha(opacity=50);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    flex: 1;
  }
}
.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-close {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper {
  zoom: 1;
}
.ant-modal-confirm-body-wrapper::before,
.ant-modal-confirm-body-wrapper::after {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  clear: both;
}
.ant-modal-confirm-body-wrapper::before,
.ant-modal-confirm-body-wrapper::after {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  clear: both;
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  float: right;
  margin-top: 24px;
}
.ant-modal-confirm .ant-modal-confirm-btns button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #f5222d;
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #faad14;
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #1890ff;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #52c41a;
}
.ant-notification {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  z-index: 1010;
  width: 384px;
  max-width: calc(100vw - 32px);
  margin-right: 24px;
}
.ant-notification-topLeft,
.ant-notification-bottomLeft {
  margin-right: 0;
  margin-left: 24px;
}
.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationLeftFadeIn;
}
.ant-notification-close-icon {
  font-size: 14px;
  cursor: pointer;
}
.ant-notification-notice {
  position: relative;
  margin-bottom: 16px;
  padding: 16px 24px;
  overflow: hidden;
  line-height: 1.5;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.ant-notification-notice-message {
  display: inline-block;
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-notification-notice-message-single-line-auto-margin {
  display: block;
  width: calc(384px - 24px * 2 - 24px - 48px - 100%);
  max-width: 4px;
  background-color: transparent;
  pointer-events: none;
}
.ant-notification-notice-message-single-line-auto-margin::before {
  display: block;
  content: '';
}
.ant-notification-notice-description {
  font-size: 14px;
}
.ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 24px;
}
.ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-bottom: 4px;
  margin-left: 48px;
  font-size: 16px;
}
.ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 48px;
  font-size: 14px;
}
.ant-notification-notice-icon {
  position: absolute;
  margin-left: 4px;
  font-size: 24px;
  line-height: 24px;
}
.anticon.ant-notification-notice-icon-success {
  color: #52c41a;
}
.anticon.ant-notification-notice-icon-info {
  color: #1890ff;
}
.anticon.ant-notification-notice-icon-warning {
  color: #faad14;
}
.anticon.ant-notification-notice-icon-error {
  color: #f5222d;
}
.ant-notification-notice-close {
  position: absolute;
  top: 16px;
  right: 22px;
  color: rgba(0, 0, 0, 0.45);
  outline: none;
}
.ant-notification-notice-close:hover {
  color: rgba(0, 0, 0, 0.67);
}
.ant-notification-notice-btn {
  float: right;
  margin-top: 16px;
}
.ant-notification .notification-fade-effect {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
}
.ant-notification-fade-enter,
.ant-notification-fade-appear {
  opacity: 0;
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-notification-fade-leave {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  animation-duration: 0.2s;
  animation-play-state: paused;
}
.ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationFadeIn;
  animation-play-state: running;
}
.ant-notification-fade-leave.ant-notification-fade-leave-active {
  animation-name: NotificationFadeOut;
  animation-play-state: running;
}
@keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
@keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    padding-top: 16px 24px;
    padding-bottom: 16px 24px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}
.ant-page-header {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding: 16px 24px;
  background-color: #fff;
}
.ant-page-header-ghost {
  background-color: inherit;
}
.ant-page-header.has-breadcrumb {
  padding-top: 12px;
}
.ant-page-header.has-footer {
  padding-bottom: 0;
}
.ant-page-header-back {
  float: left;
  margin: 8px 0;
  margin-right: 16px;
  font-size: 16px;
  line-height: 1;
}
.ant-page-header-back-button {
  color: #555;
  text-decoration: none;
  outline: none;
  transition: color 0.3s;
  color: #000;
  cursor: pointer;
}
.ant-page-header-back-button:focus,
.ant-page-header-back-button:hover {
  color: #615b5b;
}
.ant-page-header-back-button:active {
  color: #2e2b2b;
}
.ant-page-header .ant-divider-vertical {
  height: 14px;
  margin: 0 12px;
  vertical-align: middle;
}
.ant-breadcrumb + .ant-page-header-heading {
  margin-top: 8px;
}
.ant-page-header-heading {
  width: 100%;
  overflow: hidden;
}
.ant-page-header-heading-title {
  display: block;
  float: left;
  margin-bottom: 0;
  padding-right: 12px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
}
.ant-page-header-heading .ant-avatar {
  float: left;
  margin-right: 12px;
}
.ant-page-header-heading-sub-title {
  float: left;
  margin: 5px 0;
  margin-right: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px;
}
.ant-page-header-heading-tags {
  float: left;
  margin: 4px 0;
}
.ant-page-header-heading-extra {
  float: right;
}
.ant-page-header-heading-extra > * {
  margin-left: 8px;
}
.ant-page-header-heading-extra > *:first-child {
  margin-left: 0;
}
.ant-page-header-content {
  padding-top: 12px;
  overflow: hidden;
}
.ant-page-header-footer {
  margin-top: 16px;
}
.ant-page-header-footer .ant-tabs-bar {
  margin-bottom: 1px;
  border-bottom: 0;
}
.ant-page-header-footer .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab {
  padding: 8px;
  font-size: 16px;
}
@media (max-width: 576px) {
  .ant-page-header-heading-extra {
    display: block;
    float: unset;
    width: 100%;
    padding-top: 12px;
    overflow: hidden;
  }
}
.ant-pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}
.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: Arial;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  user-select: none;
}
.ant-pagination-item a {
  display: block;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.65);
  transition: none;
}
.ant-pagination-item a:hover {
  text-decoration: none;
}
.ant-pagination-item:focus,
.ant-pagination-item:hover {
  border-color: #1890ff;
  transition: all 0.3s;
}
.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: #1890ff;
}
.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #1890ff;
}
.ant-pagination-item-active a {
  color: #1890ff;
}
.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  border-color: #40a9ff;
}
.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: #40a9ff;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}
.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
  position: relative;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 12px \9;
  transform: scale(1) rotate(0deg);
  color: #1890ff;
  letter-spacing: -1px;
  opacity: 0;
  transition: all 0.2s;
}
:root .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
:root .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  font-size: 12px;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: rgba(0, 0, 0, 0.25);
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  transition: all 0.2s;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: rgba(0, 0, 0, 0.65);
  font-family: Arial;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-pagination-prev,
.ant-pagination-next {
  outline: 0;
}
.ant-pagination-prev a,
.ant-pagination-next a {
  color: rgba(0, 0, 0, 0.65);
  user-select: none;
}
.ant-pagination-prev:hover a,
.ant-pagination-next:hover a {
  border-color: #40a9ff;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  height: 100%;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  transition: all 0.3s;
}
.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: #1890ff;
  border-color: #1890ff;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover,
.ant-pagination-disabled:focus {
  cursor: not-allowed;
}
.ant-pagination-disabled a,
.ant-pagination-disabled:hover a,
.ant-pagination-disabled:focus a,
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
  margin-right: 8px;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  width: 50px;
  margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-pagination-options-quick-jumper input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-pagination-options-quick-jumper input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  height: 24px;
  border: 0;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #1890ff;
}
.ant-pagination.mini .ant-pagination-total-text,
.ant-pagination.mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}
.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-jump-prev,
.ant-pagination.mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  height: 24px;
  padding: 1px 7px;
  width: 44px;
}
.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: #dbdbdb;
  border-color: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: #fff;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:hover,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:focus {
  color: rgba(0, 0, 0, 0.45);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 1;
}
@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}
.ant-popover {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  user-select: text;
}
.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 10px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 10px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 10px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 10px;
}
.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }
  .ant-popover-inner {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }
}
.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 1px solid #e8e8e8;
}
.ant-popover-inner-content {
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.65);
}
.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}
.ant-popover-message > .anticon {
  position: absolute;
  top: 8px;
  color: #faad14;
  font-size: 14px;
}
.ant-popover-message-title {
  padding-left: 22px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button {
  margin-left: 8px;
}
.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 8.48528137px;
  height: 8.48528137px;
  background: transparent;
  border-style: solid;
  border-width: 4.24264069px;
  transform: rotate(45deg);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  bottom: 6.2px;
  border-top-color: transparent;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: transparent;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  left: 6px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff;
  border-left-color: #fff;
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  top: 6px;
  border-top-color: #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #fff;
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  right: 6px;
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.ant-progress {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-progress-line {
  position: relative;
  width: 100%;
  font-size: 14px;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}
.ant-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  background-color: #f5f5f5;
  border-radius: 100px;
}
.ant-progress-circle-trail {
  stroke: #f5f5f5;
}
.ant-progress-circle-path {
  animation: ant-progress-appear 0.3s;
}
.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #1890ff;
}
.ant-progress-success-bg,
.ant-progress-bg {
  position: relative;
  background-color: #1890ff;
  border-radius: 100px;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #52c41a;
}
.ant-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.ant-progress-text .anticon {
  font-size: 14px;
}
.ant-progress-status-active .ant-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #f5222d;
}
.ant-progress-status-exception .ant-progress-text {
  color: #f5222d;
}
.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #f5222d;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #52c41a;
}
.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #52c41a;
}
.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1;
  white-space: normal;
  text-align: center;
  transform: translate(-50%, -50%);
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: #f5222d;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
@keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
.ant-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-radio-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  margin-right: 8px;
  white-space: nowrap;
  cursor: pointer;
}
.ant-radio {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: sub;
  outline: none;
  cursor: pointer;
}
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: #1890ff;
}
.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
}
.ant-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  visibility: hidden;
  animation: antRadioEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: '';
}
.ant-radio:hover::after,
.ant-radio-wrapper:hover .ant-radio::after {
  visibility: visible;
}
.ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
  transition: all 0.3s;
}
.ant-radio-inner::after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: table;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #1890ff;
}
.ant-radio-checked .ant-radio-inner::after {
  transform: scale(1);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2);
}
.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}
.ant-radio-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
span.ant-radio + * {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0 15px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 30px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-left: 0;
  cursor: pointer;
  transition: color 0.3s, background 0.3s, border-color 0.3s;
}
.ant-radio-button-wrapper a {
  color: rgba(0, 0, 0, 0.65);
}
.ant-radio-button-wrapper > .ant-radio-button {
  display: block;
  width: 0;
  height: 0;
  margin-left: 0;
}
.ant-radio-group-large .ant-radio-button-wrapper {
  height: 40px;
  font-size: 16px;
  line-height: 38px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
  height: 24px;
  padding: 0 7px;
  line-height: 22px;
}
.ant-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: 0;
  left: -1px;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #d9d9d9;
  content: '';
}
.ant-radio-button-wrapper:first-child {
  border-left: 1px solid #d9d9d9;
  border-radius: 4px 0 0 4px;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 4px 4px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 4px;
}
.ant-radio-button-wrapper:hover {
  position: relative;
  color: #1890ff;
}
.ant-radio-button-wrapper:focus-within {
  outline: 3px solid rgba(24, 144, 255, 0.06);
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: #1890ff;
  background: #fff;
  border-color: #1890ff;
  box-shadow: -1px 0 0 0 #1890ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #1890ff !important;
  opacity: 0.1;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-color: #1890ff;
  box-shadow: none !important;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #40a9ff;
  border-color: #40a9ff;
  box-shadow: -1px 0 0 0 #40a9ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #096dd9;
  border-color: #096dd9;
  box-shadow: -1px 0 0 0 #096dd9;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  outline: 3px solid rgba(24, 144, 255, 0.06);
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: #40a9ff;
  border-color: #40a9ff;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #fff;
  background: #096dd9;
  border-color: #096dd9;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  outline: 3px solid rgba(24, 144, 255, 0.06);
}
.ant-radio-button-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: #fff;
  background-color: #e6e6e6;
  border-color: #d9d9d9;
  box-shadow: none;
}
@keyframes antRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  .ant-radio {
    vertical-align: text-bottom;
  }
}
.ant-rate {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: 'tnum';
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #fadb14;
  font-size: 20px;
  line-height: unset;
  list-style: none;
  outline: none;
}
.ant-rate-disabled .ant-rate-star {
  cursor: default;
}
.ant-rate-disabled .ant-rate-star:hover {
  transform: scale(1);
}
.ant-rate-star {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  color: inherit;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-rate-star:not(:last-child) {
  margin-right: 8px;
}
.ant-rate-star > div:focus {
  outline: 0;
}
.ant-rate-star > div:hover,
.ant-rate-star > div:focus {
  transform: scale(1.1);
}
.ant-rate-star-first,
.ant-rate-star-second {
  color: #e8e8e8;
  transition: all 0.3s;
  user-select: none;
}
.ant-rate-star-first .anticon,
.ant-rate-star-second .anticon {
  vertical-align: middle;
}
.ant-rate-star-first {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-half .ant-rate-star-second {
  opacity: 1;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-full .ant-rate-star-second {
  color: inherit;
}
.ant-rate-text {
  display: inline-block;
  margin-left: 8px;
  font-size: 14px;
}
.ant-result {
  padding: 48px 32px;
}
.ant-result-success .ant-result-icon > .anticon {
  color: #52c41a;
}
.ant-result-error .ant-result-icon > .anticon {
  color: #f5222d;
}
.ant-result-info .ant-result-icon > .anticon {
  color: #1890ff;
}
.ant-result-warning .ant-result-icon > .anticon {
  color: #faad14;
}
.ant-result-image {
  width: 250px;
  height: 295px;
  margin: auto;
}
.ant-result-icon {
  margin-bottom: 24px;
  text-align: center;
}
.ant-result-icon > .anticon {
  font-size: 72px;
}
.ant-result-title {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  line-height: 1.8;
  text-align: center;
}
.ant-result-subtitle {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.ant-result-extra {
  margin-top: 32px;
  text-align: center;
}
.ant-result-extra > * {
  margin-right: 8px;
}
.ant-result-extra > *:last-child {
  margin-right: 0;
}
.ant-result-content {
  margin-top: 24px;
  padding: 24px 40px;
  background-color: #fafafa;
}
.ant-select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: 0;
}
.ant-select ul,
.ant-select ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-select > ul > li > a {
  padding: 0;
  background-color: #fff;
}
.ant-select-arrow {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
  transform-origin: 50% 50%;
}
.ant-select-arrow > * {
  line-height: 1;
}
.ant-select-arrow svg {
  display: inline-block;
}
.ant-select-arrow::before {
  display: none;
}
.ant-select-arrow .ant-select-arrow-icon {
  display: block;
}
.ant-select-arrow .ant-select-arrow-icon svg {
  transition: transform 0.3s;
}
.ant-select-selection {
  display: block;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-radius: 4px;
  outline: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
}
.ant-select-selection:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-select-selection__clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  font-style: normal;
  line-height: 12px;
  text-align: center;
  text-transform: none;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease;
  text-rendering: auto;
}
.ant-select-selection__clear::before {
  display: block;
}
.ant-select-selection__clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-select-selection:hover .ant-select-selection__clear {
  opacity: 1;
}
.ant-select-selection-selected-value {
  float: left;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-select-no-arrow .ant-select-selection-selected-value {
  padding-right: 0;
}
.ant-select-disabled {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-disabled .ant-select-selection {
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-disabled .ant-select-selection:hover,
.ant-select-disabled .ant-select-selection:focus,
.ant-select-disabled .ant-select-selection:active {
  border-color: #d9d9d9;
  box-shadow: none;
}
.ant-select-disabled .ant-select-selection__clear {
  display: none;
  visibility: hidden;
  pointer-events: none;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
  padding-right: 10px;
  color: rgba(0, 0, 0, 0.33);
  background: #f5f5f5;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove {
  display: none;
}
.ant-select-selection--single {
  position: relative;
  height: 32px;
  cursor: pointer;
}
.ant-select-selection--single .ant-select-selection__rendered {
  margin-right: 24px;
}
.ant-select-no-arrow .ant-select-selection__rendered {
  margin-right: 11px;
}
.ant-select-selection__rendered {
  position: relative;
  display: block;
  margin-right: 11px;
  margin-left: 11px;
  line-height: 30px;
}
.ant-select-selection__rendered::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '.';
  pointer-events: none;
}
.ant-select-lg {
  font-size: 16px;
}
.ant-select-lg .ant-select-selection--single {
  height: 40px;
}
.ant-select-lg .ant-select-selection__rendered {
  line-height: 38px;
}
.ant-select-lg .ant-select-selection--multiple {
  min-height: 40px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 32px;
  line-height: 32px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-lg .ant-select-selection--multiple .ant-select-arrow {
  top: 20px;
}
.ant-select-sm .ant-select-selection--single {
  height: 24px;
}
.ant-select-sm .ant-select-selection__rendered {
  margin-left: 7px;
  line-height: 22px;
}
.ant-select-sm .ant-select-selection--multiple {
  min-height: 24px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 16px;
  line-height: 14px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-sm .ant-select-selection--multiple .ant-select-arrow {
  top: 12px;
}
.ant-select-sm .ant-select-selection__clear,
.ant-select-sm .ant-select-arrow {
  right: 8px;
}
.ant-select-disabled .ant-select-selection__choice__remove {
  color: rgba(0, 0, 0, 0.25);
  cursor: default;
}
.ant-select-disabled .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-search__field__wrap {
  position: relative;
  display: inline-block;
}
.ant-select-selection__placeholder,
.ant-select-search__field__placeholder {
  position: absolute;
  top: 50%;
  right: 9px;
  left: 0;
  max-width: 100%;
  height: 20px;
  margin-top: -10px;
  overflow: hidden;
  color: #bfbfbf;
  line-height: 20px;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
}
.ant-select-search__field__placeholder {
  left: 12px;
}
.ant-select-search__field__mirror {
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre;
  opacity: 0;
  pointer-events: none;
}
.ant-select-search--inline {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field {
  width: 100%;
  height: 100%;
  font-size: 100%;
  line-height: 1;
  background: transparent;
  border-width: 0;
  border-radius: 4px;
  outline: 0;
}
.ant-select-search--inline > i {
  float: right;
}
.ant-select-selection--multiple {
  min-height: 32px;
  padding-bottom: 3px;
  cursor: text;
  zoom: 1;
}
.ant-select-selection--multiple::before,
.ant-select-selection--multiple::after {
  display: table;
  content: '';
}
.ant-select-selection--multiple::after {
  clear: both;
}
.ant-select-selection--multiple::before,
.ant-select-selection--multiple::after {
  display: table;
  content: '';
}
.ant-select-selection--multiple::after {
  clear: both;
}
.ant-select-selection--multiple .ant-select-search--inline {
  position: static;
  float: left;
  width: auto;
  max-width: 100%;
  padding: 0;
}
.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field {
  width: 0.75em;
  max-width: 100%;
  padding: 1px;
}
.ant-select-selection--multiple .ant-select-selection__rendered {
  height: auto;
  margin-bottom: -3px;
  margin-left: 5px;
}
.ant-select-selection--multiple .ant-select-selection__placeholder {
  margin-left: 6px;
}
.ant-select-selection--multiple > ul > li,
.ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
  height: 24px;
  margin-top: 3px;
  line-height: 22px;
}
.ant-select-selection--multiple .ant-select-selection__choice {
  position: relative;
  float: left;
  max-width: 99%;
  margin-right: 4px;
  padding: 0 20px 0 10px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  cursor: default;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__disabled {
  padding: 0 10px;
}
.ant-select-selection--multiple .ant-select-selection__choice__content {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: inherit;
  cursor: pointer;
  transition: all 0.3s;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove > * {
  line-height: 1;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove svg {
  display: inline-block;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove::before {
  display: none;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove .ant-select-selection--multiple .ant-select-selection__choice__remove-icon {
  display: block;
}
:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
  font-size: 12px;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-selection--multiple .ant-select-arrow {
  top: 16px;
}
.ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered,
.ant-select-show-arrow .ant-select-selection--multiple .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-open .ant-select-arrow-icon svg {
  transform: rotate(180deg);
}
.ant-select-open .ant-select-selection {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-select-combobox .ant-select-arrow {
  display: none;
}
.ant-select-combobox .ant-select-search--inline {
  float: none;
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-shadow: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s;
}
.ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered,
.ant-select-combobox.ant-select-show-arrow .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
  display: none;
}
.ant-select-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding: 4px 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}
.ant-select-dropdown-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-select-dropdown-menu-item-group-list > .ant-select-dropdown-menu-item {
  padding-left: 20px;
}
.ant-select-dropdown-menu-item-group-title {
  height: 32px;
  padding: 0 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  line-height: 32px;
}
.ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not(:last-child),
.ant-select-dropdown-menu-item-group:not(:last-child) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child {
  border-radius: 0;
}
.ant-select-dropdown-menu-item {
  position: relative;
  display: block;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #e6f7ff;
}
.ant-select-dropdown-menu-item-selected {
  color: rgba(0, 0, 0, 0.65);
  font-weight: 600;
  background-color: #fafafa;
}
.ant-select-dropdown-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #e6f7ff;
}
.ant-select-dropdown-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 32px;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  color: transparent;
  font-weight: bold;
  font-size: 12px;
  text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
  transform: translateY(-50%);
  transition: all 0.2s;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
  color: rgba(0, 0, 0, 0.87);
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled .ant-select-selected-icon {
  display: none;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
  display: inline-block;
  color: #1890ff;
}
.ant-select-dropdown--empty.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 12px;
}
.ant-select-dropdown-container-open .ant-select-dropdown,
.ant-select-dropdown-open .ant-select-dropdown {
  display: block;
}
.ant-skeleton {
  display: table;
  width: 100%;
}
.ant-skeleton-header {
  display: table-cell;
  padding-right: 16px;
  vertical-align: top;
}
.ant-skeleton-header .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: #f2f2f2;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-content {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}
.ant-skeleton-content .ant-skeleton-title {
  width: 100%;
  height: 16px;
  margin-top: 16px;
  background: #f2f2f2;
}
.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 24px;
}
.ant-skeleton-content .ant-skeleton-paragraph {
  padding: 0;
}
.ant-skeleton-content .ant-skeleton-paragraph > li {
  width: 100%;
  height: 16px;
  list-style: none;
  background: #f2f2f2;
}
.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
  width: 61%;
}
.ant-skeleton-content .ant-skeleton-paragraph > li + li {
  margin-top: 16px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
  margin-top: 12px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 28px;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  animation: ant-skeleton-loading 1.4s ease infinite;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  animation: ant-skeleton-loading 1.4s ease infinite;
}
@keyframes ant-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.ant-slider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  height: 12px;
  margin: 14px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  touch-action: none;
}
.ant-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.ant-slider-vertical .ant-slider-rail {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-track {
  width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
  margin-bottom: -7px;
  margin-left: -5px;
}
.ant-slider-vertical .ant-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-dot {
  top: auto;
  left: 2px;
  margin-bottom: -4px;
}
.ant-slider-tooltip .ant-tooltip-inner {
  min-width: unset;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #f5f5f5;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-slider-track {
  position: absolute;
  height: 4px;
  background-color: #91d5ff;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.ant-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #91d5ff;
  border-radius: 50%;
  box-shadow: 0;
  cursor: pointer;
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.ant-slider-handle:focus {
  border-color: #46a6ff;
  outline: none;
  box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.2);
}
.ant-slider-handle.ant-tooltip-open {
  border-color: #1890ff;
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: #69c0ff;
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #69c0ff;
}
.ant-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 14px;
}
.ant-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  word-break: keep-all;
  cursor: pointer;
}
.ant-slider-mark-text-active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.ant-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background-color: #fff;
  border: 2px solid #e8e8e8;
  border-radius: 50%;
  cursor: pointer;
}
.ant-slider-dot:first-child {
  margin-left: -4px;
}
.ant-slider-dot:last-child {
  margin-left: -4px;
}
.ant-slider-dot-active {
  border-color: #8cc8ff;
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-track {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25) !important;
  box-shadow: none;
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important;
}
.ant-spin {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  display: none;
  color: #1890ff;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 5px;
  text-shadow: 0 1px 2px #fff;
}
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -20px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
  margin: -7px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
  padding-top: 2px;
}
.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -17px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
  margin: -16px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
  padding-top: 11px;
}
.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px;
}
.ant-spin-container {
  position: relative;
  transition: opacity 0.3s;
}
.ant-spin-container::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none \9;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-spin-blur {
  clear: both;
  overflow: hidden;
  opacity: 0.5;
  user-select: none;
  pointer-events: none;
}
.ant-spin-blur::after {
  opacity: 0.4;
  pointer-events: auto;
}
.ant-spin-tip {
  color: rgba(0, 0, 0, 0.45);
}
.ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
}
.ant-spin-dot-item {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background-color: #1890ff;
  border-radius: 100%;
  transform: scale(0.75);
  transform-origin: 50% 50%;
  opacity: 0.3;
  animation: antSpinMove 1s infinite linear alternate;
}
.ant-spin-dot-item:nth-child(1) {
  top: 0;
  left: 0;
}
.ant-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  animation-delay: 0.4s;
}
.ant-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  animation-delay: 0.8s;
}
.ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  animation-delay: 1.2s;
}
.ant-spin-dot-spin {
  transform: rotate(45deg);
  animation: antRotate 1.2s infinite linear;
}
.ant-spin-sm .ant-spin-dot {
  font-size: 14px;
}
.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px;
}
.ant-spin-lg .ant-spin-dot {
  font-size: 32px;
}
.ant-spin-lg .ant-spin-dot i {
  width: 14px;
  height: 14px;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antRotate {
  to {
    transform: rotate(405deg);
  }
}
.ant-statistic {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-statistic-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-statistic-content {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.ant-statistic-content-value-decimal {
  font-size: 16px;
}
.ant-statistic-content-prefix,
.ant-statistic-content-suffix {
  display: inline-block;
}
.ant-statistic-content-prefix {
  margin-right: 4px;
}
.ant-statistic-content-suffix {
  margin-left: 4px;
  font-size: 16px;
}
.ant-steps {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: flex;
  width: 100%;
  font-size: 0;
}
.ant-steps-item {
  position: relative;
  display: inline-block;
  flex: 1;
  overflow: hidden;
  vertical-align: top;
}
.ant-steps-item-container {
  outline: none;
}
.ant-steps-item:last-child {
  flex: none;
}
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-item-icon,
.ant-steps-item-content {
  display: inline-block;
  vertical-align: top;
}
.ant-steps-item-icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  line-height: 32px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  transition: background-color 0.3s, border-color 0.3s;
}
.ant-steps-item-icon > .ant-steps-icon {
  position: relative;
  top: -1px;
  color: #1890ff;
  line-height: 1;
}
.ant-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}
.ant-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #e8e8e8;
  border-radius: 1px;
  transition: background 0.3s;
  content: '';
}
.ant-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 16px;
  line-height: 32px;
}
.ant-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #e8e8e8;
  content: '';
}
.ant-steps-item-subtitle {
  display: inline;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 14px;
}
.ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-item-wait .ant-steps-item-icon {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process .ant-steps-item-icon {
  background-color: #fff;
  border-color: #1890ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #1890ff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.65);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process .ant-steps-item-icon {
  background: #1890ff;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #fff;
}
.ant-steps-item-process .ant-steps-item-title {
  font-weight: 500;
}
.ant-steps-item-finish .ant-steps-item-icon {
  background-color: #fff;
  border-color: #1890ff;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #1890ff;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.65);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #1890ff;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #1890ff;
}
.ant-steps-item-error .ant-steps-item-icon {
  background-color: #fff;
  border-color: #f5222d;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  color: #f5222d;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
  background: #f5222d;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
  transition: color 0.3s;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
  color: #1890ff;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
  border-color: #1890ff;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
  color: #1890ff;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 16px;
  white-space: nowrap;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
  display: none;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
  max-width: 140px;
  white-space: normal;
}
.ant-steps-item-custom .ant-steps-item-icon {
  height: auto;
  background: none;
  border: 0;
}
.ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  top: 0;
  left: 0.5px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px;
}
.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff;
}
.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
  width: auto;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 12px;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0;
}
.ant-steps-small .ant-steps-item-icon {
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
}
.ant-steps-small .ant-steps-item-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px;
}
.ant-steps-small .ant-steps-item-title::after {
  top: 12px;
}
.ant-steps-small .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-small .ant-steps-item-tail {
  top: 8px;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  font-size: 24px;
  line-height: 24px;
  transform: none;
}
.ant-steps-vertical {
  display: block;
}
.ant-steps-vertical .ant-steps-item {
  display: block;
  overflow: visible;
}
.ant-steps-vertical .ant-steps-item-icon {
  float: left;
  margin-right: 16px;
}
.ant-steps-vertical .ant-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden;
}
.ant-steps-vertical .ant-steps-item-title {
  line-height: 32px;
}
.ant-steps-vertical .ant-steps-item-description {
  padding-bottom: 12px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 16px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
  width: 1px;
  height: 100%;
}
.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
  display: block;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 12px;
  padding: 30px 0 6px;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
  line-height: 24px;
}
@media (max-width: 480px) {
  .ant-steps-horizontal.ant-steps-label-horizontal {
    display: block;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
    display: block;
    overflow: visible;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon {
    float: left;
    margin-right: 16px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-content {
    display: block;
    min-height: 48px;
    overflow: hidden;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-title {
    line-height: 32px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-description {
    padding-bottom: 12px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 16px;
    width: 1px;
    height: 100%;
    padding: 38px 0 6px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
    width: 1px;
    height: 100%;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
    display: block;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
    display: none;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 12px;
    padding: 30px 0 6px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
    line-height: 24px;
  }
}
.ant-steps-label-vertical .ant-steps-item {
  overflow: visible;
}
.ant-steps-label-vertical .ant-steps-item-tail {
  margin-left: 58px;
  padding: 3.5px 24px;
}
.ant-steps-label-vertical .ant-steps-item-content {
  display: block;
  width: 116px;
  margin-top: 8px;
  text-align: center;
}
.ant-steps-label-vertical .ant-steps-item-icon {
  display: inline-block;
  margin-left: 42px;
}
.ant-steps-label-vertical .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-label-vertical .ant-steps-item-title::after {
  display: none;
}
.ant-steps-label-vertical .ant-steps-item-subtitle {
  display: block;
  margin-bottom: 4px;
  margin-left: 0;
  line-height: 1.5;
}
.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
  margin-left: 46px;
}
.ant-steps-dot .ant-steps-item-title,
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
  line-height: 1.5;
}
.ant-steps-dot .ant-steps-item-tail,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0;
}
.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}
.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 2px;
}
.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  transition: all 0.3s;
  /* expand hover area */
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: '';
}
.ant-steps-dot .ant-steps-item-content,
.ant-steps-dot.ant-steps-small .ant-steps-item-content {
  width: 140px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
  width: 10px;
  height: 10px;
  line-height: 10px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot {
  top: -1px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-top: 8px;
  margin-left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  top: 2px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
  left: -2px;
}
.ant-steps-navigation {
  padding-top: 12px;
}
.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-left: -12px;
}
.ant-steps-navigation .ant-steps-item {
  overflow: visible;
  text-align: center;
}
.ant-steps-navigation .ant-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  transition: opacity 0.3s;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
  max-width: auto;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  max-width: 100%;
  padding-right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover {
  opacity: 0.85;
}
.ant-steps-navigation .ant-steps-item:last-child {
  flex: 1;
}
.ant-steps-navigation .ant-steps-item:last-child::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item::after {
  position: absolute;
  top: 50%;
  left: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -14px;
  margin-left: -2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg);
  content: '';
}
.ant-steps-navigation .ant-steps-item::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 3px;
  background-color: #1890ff;
  transition: width 0.3s, left 0.3s;
  transition-timing-function: ease-out;
  content: '';
}
.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
  left: 0;
  width: 100%;
}
@media (max-width: 480px) {
  .ant-steps-navigation > .ant-steps-item {
    margin-right: 0 !important;
  }
  .ant-steps-navigation > .ant-steps-item::before {
    display: none;
  }
  .ant-steps-navigation > .ant-steps-item.ant-steps-item-active::before {
    top: 0;
    right: 0;
    left: unset;
    display: block;
    width: 3px;
    height: calc(100% - 24px);
  }
  .ant-steps-navigation > .ant-steps-item::after {
    position: relative;
    top: -2px;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-bottom: 8px;
    text-align: center;
    transform: rotate(135deg);
  }
  .ant-steps-navigation > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    visibility: hidden;
  }
}
.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
  margin-left: -16px;
  padding-left: 16px;
  background: #fff;
}
.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item {
  margin-left: -12px;
  padding-left: 12px;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child {
  overflow: hidden;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child .ant-steps-icon-dot::after {
  right: -200px;
  width: 200px;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::before,
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  position: absolute;
  top: 0;
  left: -10px;
  width: 10px;
  height: 8px;
  background: #fff;
  content: '';
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  right: -10px;
  left: auto;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #ccc;
}
.ant-switch {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.25);
  border: 1px solid transparent;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.36s;
  user-select: none;
}
.ant-switch-inner {
  display: block;
  margin-right: 6px;
  margin-left: 24px;
  color: #fff;
  font-size: 12px;
}
.ant-switch-loading-icon,
.ant-switch::after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 18px;
  cursor: pointer;
  transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-switch::after {
  box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
}
.ant-switch:not(.ant-switch-disabled):active::before,
.ant-switch:not(.ant-switch-disabled):active::after {
  width: 24px;
}
.ant-switch-loading-icon {
  z-index: 1;
  display: none;
  font-size: 12px;
  background: transparent;
}
.ant-switch-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-switch-loading .ant-switch-loading-icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.65);
}
.ant-switch-checked.ant-switch-loading .ant-switch-loading-icon {
  color: #1890ff;
}
.ant-switch:focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-switch:focus:hover {
  box-shadow: none;
}
.ant-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 14px;
}
.ant-switch-small .ant-switch-inner {
  margin-right: 3px;
  margin-left: 18px;
  font-size: 12px;
}
.ant-switch-small::after {
  width: 12px;
  height: 12px;
}
.ant-switch-small:active::before,
.ant-switch-small:active::after {
  width: 16px;
}
.ant-switch-small .ant-switch-loading-icon {
  width: 12px;
  height: 12px;
}
.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin-right: 18px;
  margin-left: 3px;
}
.ant-switch-small.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -13px;
}
.ant-switch-small.ant-switch-loading .ant-switch-loading-icon {
  font-weight: bold;
  transform: scale(0.66667);
}
.ant-switch-checked {
  background-color: #1890ff;
}
.ant-switch-checked .ant-switch-inner {
  margin-right: 24px;
  margin-left: 6px;
}
.ant-switch-checked::after {
  left: 100%;
  margin-left: -1px;
  transform: translateX(-100%);
}
.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -19px;
}
.ant-switch-loading,
.ant-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.ant-switch-loading *,
.ant-switch-disabled * {
  cursor: not-allowed;
}
.ant-switch-loading::before,
.ant-switch-disabled::before,
.ant-switch-loading::after,
.ant-switch-disabled::after {
  cursor: not-allowed;
}
@keyframes AntSwitchSmallLoadingCircle {
  0% {
    transform: rotate(0deg) scale(0.66667);
    transform-origin: 50% 50%;
  }
  100% {
    transform: rotate(360deg) scale(0.66667);
    transform-origin: 50% 50%;
  }
}
.ant-table-wrapper {
  zoom: 1;
}
.ant-table-wrapper::before,
.ant-table-wrapper::after {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  clear: both;
}
.ant-table-wrapper::before,
.ant-table-wrapper::after {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  clear: both;
}
.ant-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  clear: both;
}
.ant-table-body {
  transition: opacity 0.3s;
}
.ant-table-empty .ant-table-body {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}
.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 4px 4px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-table-layout-fixed table {
  table-layout: fixed;
}
.ant-table-thead > tr > th {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  text-align: left;
  background: #fafafa;
  border-bottom: 1px solid #e8e8e8;
  transition: background 0.3s ease;
}
.ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-thead > tr > th .anticon-filter,
.ant-table-thead > tr > th .ant-table-filter-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 100%;
  color: #bfbfbf;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-thead > tr > th .anticon-filter > svg,
.ant-table-thead > tr > th .ant-table-filter-icon > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -6px;
}
.ant-table-thead > tr > th .ant-table-filter-selected.anticon {
  color: #1890ff;
}
.ant-table-thead > tr > th .ant-table-column-sorter {
  display: table-cell;
  vertical-align: middle;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner {
  height: 1em;
  margin-top: 0.35em;
  margin-left: 0.57142857em;
  color: #bfbfbf;
  line-height: 1em;
  text-align: center;
  transition: all 0.3s;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  display: inline-block;
  font-size: 12px;
  font-size: 11px \9;
  transform: scale(0.91666667) rotate(0deg);
  display: block;
  height: 1em;
  line-height: 1em;
  transition: all 0.3s;
}
:root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up,
:root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  font-size: 12px;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on {
  color: #1890ff;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full {
  margin-top: -0.15em;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-up,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down {
  height: 0.5em;
  line-height: 0.5em;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down {
  margin-top: 0.125em;
}
.ant-table-thead > tr > th.ant-table-column-has-actions {
  position: relative;
  background-clip: padding-box;
  /* stylelint-disable-next-line */
  -webkit-background-clip: border-box;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters {
  padding-right: 30px !important;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open {
  color: rgba(0, 0, 0, 0.45);
  background: #e5e5e5;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover {
  color: rgba(0, 0, 0, 0.45);
  background: #e5e5e5;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:active,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters {
  cursor: pointer;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
  background: #f2f2f2;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .anticon-filter,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .ant-table-filter-icon {
  background: #f2f2f2;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-up:not(.on),
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-down:not(.on) {
  color: rgba(0, 0, 0, 0.45);
}
.ant-table-thead > tr > th .ant-table-header-column {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters {
  display: table;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > .ant-table-column-title {
  display: table-cell;
  vertical-align: middle;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > *:not(.ant-table-column-sorter) {
  position: relative;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: all 0.3s;
  content: '';
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters:hover::before {
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-thead > tr > th.ant-table-column-has-sorters {
  user-select: none;
}
.ant-table-thead > tr:first-child > th:first-child {
  border-top-left-radius: 4px;
}
.ant-table-thead > tr:first-child > th:last-child {
  border-top-right-radius: 4px;
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #e8e8e8;
  transition: all 0.3s, border 0s;
}
.ant-table-thead > tr,
.ant-table-tbody > tr {
  transition: all 0.3s, height 0s;
}
.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background: #e6f7ff;
}
.ant-table-thead > tr.ant-table-row-selected > td.ant-table-column-sort,
.ant-table-tbody > tr.ant-table-row-selected > td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-thead > tr:hover.ant-table-row-selected > td,
.ant-table-tbody > tr:hover.ant-table-row-selected > td {
  background: #fafafa;
}
.ant-table-thead > tr:hover.ant-table-row-selected > td.ant-table-column-sort,
.ant-table-tbody > tr:hover.ant-table-row-selected > td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-thead > tr:hover {
  background: none;
}
.ant-table-footer {
  position: relative;
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.85);
  background: #fafafa;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-table-footer::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fafafa;
  content: '';
}
.ant-table.ant-table-bordered .ant-table-footer {
  border: 1px solid #e8e8e8;
}
.ant-table-title {
  position: relative;
  top: 1px;
  padding: 16px 0;
  border-radius: 4px 4px 0 0;
}
.ant-table.ant-table-bordered .ant-table-title {
  padding-right: 16px;
  padding-left: 16px;
  border: 1px solid #e8e8e8;
}
.ant-table-title + .ant-table-content {
  position: relative;
  border-radius: 4px 4px 0 0;
}
.ant-table-bordered .ant-table-title + .ant-table-content,
.ant-table-bordered .ant-table-title + .ant-table-content table,
.ant-table-bordered .ant-table-title + .ant-table-content .ant-table-thead > tr:first-child > th {
  border-radius: 0;
}
.ant-table-without-column-header .ant-table-title + .ant-table-content,
.ant-table-without-column-header table {
  border-radius: 0;
}
.ant-table-without-column-header.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-top: 1px solid #e8e8e8;
  border-radius: 4px;
}
.ant-table-tbody > tr.ant-table-row-selected td {
  color: inherit;
  background: #fafafa;
}
.ant-table-thead > tr > th.ant-table-column-sort {
  background: #f5f5f5;
}
.ant-table-tbody > tr > td.ant-table-column-sort {
  background: rgba(0, 0, 0, 0.01);
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  padding: 16px 16px;
  overflow-wrap: break-word;
}
.ant-table-expand-icon-th,
.ant-table-row-expand-icon-cell {
  width: 50px;
  min-width: 50px;
  text-align: center;
}
.ant-table-header {
  overflow: hidden;
  background: #fafafa;
}
.ant-table-header table {
  border-radius: 4px 4px 0 0;
}
.ant-table-loading {
  position: relative;
}
.ant-table-loading .ant-table-body {
  background: #fff;
  opacity: 0.5;
}
.ant-table-loading .ant-table-spin-holder {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 20px;
  margin-left: -30px;
  line-height: 20px;
}
.ant-table-loading .ant-table-with-pagination {
  margin-top: -20px;
}
.ant-table-loading .ant-table-without-pagination {
  margin-top: 10px;
}
.ant-table-bordered .ant-table-header > table,
.ant-table-bordered .ant-table-body > table,
.ant-table-bordered .ant-table-fixed-left table,
.ant-table-bordered .ant-table-fixed-right table {
  border: 1px solid #e8e8e8;
  border-right: 0;
  border-bottom: 0;
}
.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-header > table {
  border-bottom: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-body > table {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-header + .ant-table-body > table,
.ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table {
  border-top: 0;
}
.ant-table-bordered .ant-table-thead > tr:not(:last-child) > th {
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-bordered .ant-table-thead > tr > th,
.ant-table-bordered .ant-table-tbody > tr > td {
  border-right: 1px solid #e8e8e8;
}
.ant-table-placeholder {
  position: relative;
  z-index: 1;
  margin-top: -1px;
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
  background: #fff;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-table-pagination.ant-pagination {
  float: right;
  margin: 16px 0;
}
.ant-table-filter-dropdown {
  position: relative;
  min-width: 96px;
  margin-left: -8px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  border: 0;
  border-radius: 4px 4px 0 0;
  box-shadow: none;
}
.ant-table-filter-dropdown .ant-dropdown-menu-item > label + span {
  padding-right: 0;
}
.ant-table-filter-dropdown .ant-dropdown-menu-sub {
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title::after {
  color: #1890ff;
  font-weight: bold;
  text-shadow: 0 0 2px #bae7ff;
}
.ant-table-filter-dropdown .ant-dropdown-menu-item {
  overflow: hidden;
}
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
  border-radius: 0;
}
.ant-table-filter-dropdown-btns {
  padding: 7px 8px;
  overflow: hidden;
  border-top: 1px solid #e8e8e8;
}
.ant-table-filter-dropdown-link {
  color: #555;
}
.ant-table-filter-dropdown-link:hover {
  color: #615b5b;
}
.ant-table-filter-dropdown-link:active {
  color: #2e2b2b;
}
.ant-table-filter-dropdown-link.confirm {
  float: left;
}
.ant-table-filter-dropdown-link.clear {
  float: right;
}
.ant-table-selection {
  white-space: nowrap;
}
.ant-table-selection-select-all-custom {
  margin-right: 4px !important;
}
.ant-table-selection .anticon-down {
  color: #bfbfbf;
  transition: all 0.3s;
}
.ant-table-selection-menu {
  min-width: 96px;
  margin-top: 5px;
  margin-left: -30px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-selection-menu .ant-action-down {
  color: #bfbfbf;
}
.ant-table-selection-down {
  display: inline-block;
  padding: 0;
  line-height: 1;
  cursor: pointer;
}
.ant-table-selection-down:hover .anticon-down {
  color: rgba(0, 0, 0, 0.6);
}
.ant-table-row-expand-icon {
  color: #555;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s;
  display: inline-block;
  width: 17px;
  height: 17px;
  color: inherit;
  line-height: 13px;
  text-align: center;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  outline: none;
  transition: all 0.3s;
  user-select: none;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover {
  color: #615b5b;
}
.ant-table-row-expand-icon:active {
  color: #2e2b2b;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
  border-color: currentColor;
}
.ant-table-row-expanded::after {
  content: '-';
}
.ant-table-row-collapsed::after {
  content: '+';
}
.ant-table-row-spaced {
  visibility: hidden;
}
.ant-table-row-spaced::after {
  content: '.';
}
.ant-table-row-cell-ellipsis,
.ant-table-row-cell-ellipsis .ant-table-column-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-table-row-cell-ellipsis .ant-table-column-title {
  display: block;
}
.ant-table-row-cell-break-word {
  word-wrap: break-word;
  word-break: break-word;
}
tr.ant-table-expanded-row,
tr.ant-table-expanded-row:hover {
  background: #fbfbfb;
}
tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -16px -16px -17px;
}
.ant-table .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 8px;
}
.ant-table-scroll {
  overflow: auto;
  overflow-x: hidden;
}
.ant-table-scroll table {
  min-width: 100%;
}
.ant-table-scroll table .ant-table-fixed-columns-in-body:not([colspan]) {
  color: transparent;
}
.ant-table-scroll table .ant-table-fixed-columns-in-body:not([colspan]) > * {
  visibility: hidden;
}
.ant-table-body-inner {
  height: 100%;
}
.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  position: relative;
  background: #fff;
}
.ant-table-fixed-header .ant-table-body-inner {
  overflow: scroll;
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header {
  margin-bottom: -20px;
  padding-bottom: 20px;
  overflow: scroll;
  opacity: 0.9999;
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
  border: 1px solid #e8e8e8;
  border-width: 0 0 1px 0;
}
.ant-table-hide-scrollbar {
  scrollbar-color: transparent transparent;
  min-width: unset;
}
.ant-table-hide-scrollbar::-webkit-scrollbar {
  min-width: inherit;
  background-color: transparent;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
  border: 1px solid #e8e8e8;
  border-width: 1px 1px 1px 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header.ant-table-hide-scrollbar .ant-table-thead > tr:only-child > th:last-child {
  border-right-color: transparent;
}
.ant-table-fixed-left,
.ant-table-fixed-right {
  position: absolute;
  top: 0;
  z-index: 1;
  overflow: hidden;
  border-radius: 0;
  transition: box-shadow 0.3s ease;
}
.ant-table-fixed-left table,
.ant-table-fixed-right table {
  width: auto;
  background: #fff;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,
.ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed {
  border-radius: 0;
}
.ant-table-fixed-left {
  left: 0;
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.ant-table-fixed-left .ant-table-header {
  overflow-y: hidden;
}
.ant-table-fixed-left .ant-table-body-inner {
  margin-right: -20px;
  padding-right: 20px;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner {
  padding-right: 0;
}
.ant-table-fixed-left,
.ant-table-fixed-left table {
  border-radius: 4px 0 0 0;
}
.ant-table-fixed-left .ant-table-thead > tr > th:last-child {
  border-top-right-radius: 0;
}
.ant-table-fixed-right {
  right: 0;
  box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.ant-table-fixed-right,
.ant-table-fixed-right table {
  border-radius: 0 4px 0 0;
}
.ant-table-fixed-right .ant-table-expanded-row {
  color: transparent;
  pointer-events: none;
}
.ant-table-fixed-right .ant-table-thead > tr > th:first-child {
  border-top-left-radius: 0;
}
.ant-table.ant-table-scroll-position-left .ant-table-fixed-left {
  box-shadow: none;
}
.ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
  box-shadow: none;
}
.ant-table colgroup > col.ant-table-selection-col {
  width: 60px;
}
.ant-table-thead > tr > th.ant-table-selection-column-custom .ant-table-selection {
  margin-right: -15px;
}
.ant-table-thead > tr > th.ant-table-selection-column,
.ant-table-tbody > tr > td.ant-table-selection-column {
  text-align: center;
}
.ant-table-thead > tr > th.ant-table-selection-column .ant-radio-wrapper,
.ant-table-tbody > tr > td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
.ant-table-row[class*='ant-table-row-level-0'] .ant-table-selection-column > span {
  display: inline-block;
}
.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
/**
* Another fix of Firefox:
*/
@supports (-moz-appearance: meterbar) {
  .ant-table-thead > tr > th.ant-table-column-has-actions {
    background-clip: padding-box;
  }
}
.ant-table-middle > .ant-table-title,
.ant-table-middle > .ant-table-content > .ant-table-footer {
  padding: 12px 8px;
}
.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 12px 8px;
}
.ant-table-middle tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -12px -8px -13px;
}
.ant-table-small {
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}
.ant-table-small > .ant-table-title,
.ant-table-small > .ant-table-content > .ant-table-footer {
  padding: 8px 8px;
}
.ant-table-small > .ant-table-title {
  top: 0;
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-small > .ant-table-content > .ant-table-footer {
  background-color: transparent;
  border-top: 1px solid #e8e8e8;
}
.ant-table-small > .ant-table-content > .ant-table-footer::before {
  background-color: transparent;
}
.ant-table-small > .ant-table-content > .ant-table-body {
  margin: 0 8px;
}
.ant-table-small > .ant-table-content > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  border: 0;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 8px 8px;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
  background-color: transparent;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr {
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort {
  background-color: rgba(0, 0, 0, 0.01);
}
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  padding: 0;
}
.ant-table-small > .ant-table-content .ant-table-header {
  background-color: transparent;
  border-radius: 4px 4px 0 0;
}
.ant-table-small > .ant-table-content .ant-table-placeholder,
.ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 0;
}
.ant-table-small.ant-table-bordered {
  border-right: 0;
}
.ant-table-small.ant-table-bordered .ant-table-title {
  border: 0;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-content {
  border-right: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-footer {
  border: 0;
  border-top: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-footer::before {
  display: none;
}
.ant-table-small.ant-table-bordered .ant-table-placeholder {
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.ant-table-small.ant-table-bordered .ant-table-thead > tr > th.ant-table-row-cell-last,
.ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
  border-right: none;
}
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-thead > tr > th:last-child,
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-tbody > tr > td:last-child {
  border-right: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-fixed-right {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}
.ant-table-small tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -8px -8px -9px;
}
.ant-table-small.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  border-radius: 0 0 4px 4px;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container {
  height: 40px;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar {
  visibility: hidden;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  height: 40px;
  margin: 0;
  margin-right: 2px;
  padding: 0 16px;
  line-height: 38px;
  background: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  height: 40px;
  color: #1890ff;
  background: #fff;
  border-color: #e8e8e8;
  border-bottom: 1px solid #fff;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before {
  border-top: 2px solid transparent;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled {
  color: #1890ff;
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-inactive {
  padding: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
  width: 16px;
  height: 16px;
  height: 14px;
  margin-right: -5px;
  margin-left: 3px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  vertical-align: middle;
  transition: all 0.3s;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane {
  transition: none !important;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive {
  overflow: hidden;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close {
  opacity: 1;
}
.ant-tabs-extra-content {
  line-height: 45px;
}
.ant-tabs-extra-content .ant-tabs-new-tab {
  position: relative;
  width: 20px;
  height: 20px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tabs-extra-content .ant-tabs-new-tab:hover {
  color: #1890ff;
  border-color: #1890ff;
}
.ant-tabs-extra-content .ant-tabs-new-tab svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-tabs.ant-tabs-large .ant-tabs-extra-content {
  line-height: 56px;
}
.ant-tabs.ant-tabs-small .ant-tabs-extra-content {
  line-height: 37px;
}
.ant-tabs.ant-tabs-card .ant-tabs-extra-content {
  line-height: 40px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-container {
  height: 100%;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-bottom: 8px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  padding-bottom: 4px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 8px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-new-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-new-tab {
  width: 90%;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab {
  margin-right: 1px;
  border-right: 0;
  border-radius: 4px 0 0 4px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active {
  margin-right: -1px;
  padding-right: 18px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-left: 1px;
  border-left: 0;
  border-radius: 0 4px 4px 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  margin-left: -1px;
  padding-left: 18px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab {
  height: auto;
  border-top: 0;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active {
  padding-top: 1px;
  padding-bottom: 0;
  color: #1890ff;
}
.ant-tabs {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  overflow: hidden;
  zoom: 1;
}
.ant-tabs::before,
.ant-tabs::after {
  display: table;
  content: '';
}
.ant-tabs::after {
  clear: both;
}
.ant-tabs::before,
.ant-tabs::after {
  display: table;
  content: '';
}
.ant-tabs::after {
  clear: both;
}
.ant-tabs-ink-bar {
  position: absolute;
  bottom: 1px;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  width: 0;
  height: 2px;
  background-color: #1890ff;
  transform-origin: 0 0;
}
.ant-tabs-bar {
  margin: 0 0 16px 0;
  border-bottom: 1px solid #e8e8e8;
  outline: none;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav-container {
  position: relative;
  box-sizing: border-box;
  margin-bottom: -1px;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  zoom: 1;
}
.ant-tabs-nav-container::before,
.ant-tabs-nav-container::after {
  display: table;
  content: '';
}
.ant-tabs-nav-container::after {
  clear: both;
}
.ant-tabs-nav-container::before,
.ant-tabs-nav-container::after {
  display: table;
  content: '';
}
.ant-tabs-nav-container::after {
  clear: both;
}
.ant-tabs-nav-container-scrolling {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-tabs-bottom .ant-tabs-bottom-bar {
  margin-top: 16px;
  margin-bottom: 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: none;
}
.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar {
  top: 1px;
  bottom: auto;
}
.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-nav-container {
  margin-top: -1px;
  margin-bottom: 0;
}
.ant-tabs-tab-prev,
.ant-tabs-tab-next {
  position: absolute;
  z-index: 2;
  width: 0;
  height: 100%;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  opacity: 0;
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  pointer-events: none;
}
.ant-tabs-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs-tab-next.ant-tabs-tab-arrow-show {
  width: 32px;
  height: 100%;
  opacity: 1;
  pointer-events: auto;
}
.ant-tabs-tab-prev:hover,
.ant-tabs-tab-next:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-tabs-tab-prev-icon,
.ant-tabs-tab-next-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  line-height: inherit;
  text-align: center;
  text-transform: none;
  transform: translate(-50%, -50%);
}
.ant-tabs-tab-prev-icon-target,
.ant-tabs-tab-next-icon-target {
  display: block;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-tabs-tab-prev-icon-target,
:root .ant-tabs-tab-next-icon-target {
  font-size: 12px;
}
.ant-tabs-tab-btn-disabled {
  cursor: not-allowed;
}
.ant-tabs-tab-btn-disabled,
.ant-tabs-tab-btn-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs-tab-next {
  right: 2px;
}
.ant-tabs-tab-prev {
  left: 0;
}
:root .ant-tabs-tab-prev {
  filter: none;
}
.ant-tabs-nav-wrap {
  margin-bottom: -1px;
  overflow: hidden;
}
.ant-tabs-nav-scroll {
  overflow: hidden;
  white-space: nowrap;
}
.ant-tabs-nav {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  padding-left: 0;
  list-style: none;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav::before,
.ant-tabs-nav::after {
  display: table;
  content: ' ';
}
.ant-tabs-nav::after {
  clear: both;
}
.ant-tabs-nav .ant-tabs-tab {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  height: 100%;
  margin: 0 32px 0 0;
  padding: 12px 16px;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav .ant-tabs-tab::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  border-top: 2px solid transparent;
  border-radius: 4px 4px 0 0;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tabs-nav .ant-tabs-tab:last-child {
  margin-right: 0;
}
.ant-tabs-nav .ant-tabs-tab:hover {
  color: #40a9ff;
}
.ant-tabs-nav .ant-tabs-tab:active {
  color: #096dd9;
}
.ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 8px;
}
.ant-tabs-nav .ant-tabs-tab-active {
  color: #1890ff;
  font-weight: 500;
}
.ant-tabs-nav .ant-tabs-tab-disabled,
.ant-tabs-nav .ant-tabs-tab-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container {
  font-size: 16px;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-tab {
  padding: 16px;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container {
  font-size: 14px;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-tab {
  padding: 8px 16px;
}
.ant-tabs-content::before {
  display: block;
  overflow: hidden;
  content: '';
}
.ant-tabs .ant-tabs-top-content,
.ant-tabs .ant-tabs-bottom-content {
  width: 100%;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {
  flex-shrink: 0;
  width: 100%;
  -webkit-backface-visibility: hidden;
  opacity: 1;
  transition: opacity 0.45s;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive input,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated,
.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated {
  display: flex;
  flex-direction: row;
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: margin-left;
}
.ant-tabs .ant-tabs-left-bar,
.ant-tabs .ant-tabs-right-bar {
  height: 100%;
  border-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-arrow-show,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-arrow-show {
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab {
  display: block;
  float: none;
  margin: 0 0 16px 0;
  padding: 8px 24px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-extra-content,
.ant-tabs .ant-tabs-right-bar .ant-tabs-extra-content {
  text-align: center;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-scroll,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-scroll {
  width: auto;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  height: 100%;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling {
  padding: 32px 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav {
  width: 100%;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar,
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  top: 0;
  bottom: auto;
  left: auto;
  width: 2px;
  height: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-next,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-next {
  right: 0;
  bottom: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-prev,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-prev {
  top: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-content,
.ant-tabs .ant-tabs-right-content {
  width: auto;
  margin-top: 0 !important;
  overflow: hidden;
}
.ant-tabs .ant-tabs-left-bar {
  float: left;
  margin-right: -1px;
  margin-bottom: 0;
  border-right: 1px solid #e8e8e8;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
  text-align: right;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container {
  margin-right: -1px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: -1px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar {
  right: 1px;
}
.ant-tabs .ant-tabs-left-content {
  padding-left: 24px;
  border-left: 1px solid #e8e8e8;
}
.ant-tabs .ant-tabs-right-bar {
  float: right;
  margin-bottom: 0;
  margin-left: -1px;
  border-left: 1px solid #e8e8e8;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-left: -1px;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: -1px;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  left: 1px;
}
.ant-tabs .ant-tabs-right-content {
  padding-right: 24px;
  border-right: 1px solid #e8e8e8;
}
.ant-tabs-top .ant-tabs-ink-bar-animated,
.ant-tabs-bottom .ant-tabs-ink-bar-animated {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-left .ant-tabs-ink-bar-animated,
.ant-tabs-right .ant-tabs-ink-bar-animated {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.no-flex > .ant-tabs-content > .ant-tabs-content-animated,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  transform: none !important;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tabs-left-content > .ant-tabs-content-animated,
.ant-tabs-right-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  transform: none !important;
}
.ant-tabs-left-content > .ant-tabs-tabpane-inactive,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ant-tabs-left-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tag {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: default;
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-tag:hover {
  opacity: 0.85;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ant-tag .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
:root .ant-tag .anticon-close {
  font-size: 12px;
}
.ant-tag .anticon-close:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tag-has-color {
  border-color: transparent;
}
.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
  color: #fff;
}
.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #1890ff;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: #fff;
}
.ant-tag-checkable-checked {
  background-color: #1890ff;
}
.ant-tag-checkable:active {
  background-color: #096dd9;
}
.ant-tag-hidden {
  display: none;
}
.ant-tag-pink {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-magenta {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-red {
  color: #f5222d;
  background: #fff1f0;
  border-color: #ffa39e;
}
.ant-tag-red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d;
}
.ant-tag-volcano {
  color: #fa541c;
  background: #fff2e8;
  border-color: #ffbb96;
}
.ant-tag-volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c;
}
.ant-tag-orange {
  color: #fa8c16;
  background: #fff7e6;
  border-color: #ffd591;
}
.ant-tag-orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16;
}
.ant-tag-yellow {
  color: #fadb14;
  background: #feffe6;
  border-color: #fffb8f;
}
.ant-tag-yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14;
}
.ant-tag-gold {
  color: #faad14;
  background: #fffbe6;
  border-color: #ffe58f;
}
.ant-tag-gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14;
}
.ant-tag-cyan {
  color: #13c2c2;
  background: #e6fffb;
  border-color: #87e8de;
}
.ant-tag-cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2;
}
.ant-tag-lime {
  color: #a0d911;
  background: #fcffe6;
  border-color: #eaff8f;
}
.ant-tag-lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911;
}
.ant-tag-green {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ant-tag-green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a;
}
.ant-tag-blue {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.ant-tag-blue-inverse {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.ant-tag-geekblue {
  color: #2f54eb;
  background: #f0f5ff;
  border-color: #adc6ff;
}
.ant-tag-geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb;
}
.ant-tag-purple {
  color: #722ed1;
  background: #f9f0ff;
  border-color: #d3adf7;
}
.ant-tag-purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1;
}
.ant-time-picker-panel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.ant-time-picker-panel-inner {
  position: relative;
  left: -2px;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-time-picker-panel-input {
  width: 100%;
  max-width: 154px;
  margin: 0;
  padding: 0;
  line-height: normal;
  border: 0;
  outline: 0;
  cursor: auto;
}
.ant-time-picker-panel-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-time-picker-panel-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-panel-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-panel-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-time-picker-panel-input-wrap {
  position: relative;
  padding: 7px 2px 7px 12px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-time-picker-panel-input-invalid {
  border-color: #f5222d;
}
.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
  max-width: 112px;
}
.ant-time-picker-panel-select {
  position: relative;
  float: left;
  width: 56px;
  max-height: 192px;
  overflow: hidden;
  font-size: 14px;
  border-left: 1px solid #e8e8e8;
}
.ant-time-picker-panel-select:hover {
  overflow-y: auto;
}
.ant-time-picker-panel-select:first-child {
  margin-left: 0;
  border-left: 0;
}
.ant-time-picker-panel-select:last-child {
  border-right: 0;
}
.ant-time-picker-panel-select:only-child {
  width: 100%;
}
.ant-time-picker-panel-select ul {
  width: 56px;
  margin: 0;
  padding: 0 0 160px;
  list-style: none;
}
.ant-time-picker-panel-select li {
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 0 0 12px;
  line-height: 32px;
  text-align: left;
  list-style: none;
  cursor: pointer;
  transition: all 0.3s;
  user-select: none;
}
.ant-time-picker-panel-select li:focus {
  color: #1890ff;
  font-weight: 600;
  outline: none;
}
.ant-time-picker-panel-select li:hover {
  background: #e6f7ff;
}
li.ant-time-picker-panel-select-option-selected {
  font-weight: 600;
  background: #f5f5f5;
}
li.ant-time-picker-panel-select-option-selected:hover {
  background: #f5f5f5;
}
li.ant-time-picker-panel-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}
li.ant-time-picker-panel-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
li.ant-time-picker-panel-select-option-disabled:focus {
  color: rgba(0, 0, 0, 0.25);
  font-weight: inherit;
}
.ant-time-picker-panel-combobox {
  zoom: 1;
}
.ant-time-picker-panel-combobox::before,
.ant-time-picker-panel-combobox::after {
  display: table;
  content: '';
}
.ant-time-picker-panel-combobox::after {
  clear: both;
}
.ant-time-picker-panel-combobox::before,
.ant-time-picker-panel-combobox::after {
  display: table;
  content: '';
}
.ant-time-picker-panel-combobox::after {
  clear: both;
}
.ant-time-picker-panel-addon {
  padding: 8px;
  border-top: 1px solid #e8e8e8;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-time-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 128px;
  outline: none;
  cursor: text;
  transition: opacity 0.3s;
}
.ant-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-time-picker-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-time-picker-input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-time-picker-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-time-picker-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-time-picker-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-time-picker-open {
  opacity: 0;
}
.ant-time-picker-icon,
.ant-time-picker-clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 14px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
}
.ant-time-picker-icon .ant-time-picker-clock-icon,
.ant-time-picker-clear .ant-time-picker-clock-icon {
  display: block;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
}
.ant-time-picker-clear {
  z-index: 2;
  background: #fff;
  opacity: 0;
  pointer-events: none;
}
.ant-time-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-time-picker:hover .ant-time-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.ant-time-picker-large .ant-time-picker-input {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-time-picker-small .ant-time-picker-input {
  height: 24px;
  padding: 1px 7px;
}
.ant-time-picker-small .ant-time-picker-icon,
.ant-time-picker-small .ant-time-picker-clear {
  right: 7px;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .ant-input {
      line-height: 1.5;
    }
  }
}
.ant-timeline {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-timeline-item {
  position: relative;
  margin: 0;
  padding: 0 0 20px;
  font-size: 14px;
  list-style: none;
}
.ant-timeline-item-tail {
  position: absolute;
  top: 10px;
  left: 4px;
  height: calc(100% - 10px);
  border-left: 2px solid #e8e8e8;
}
.ant-timeline-item-pending .ant-timeline-item-head {
  font-size: 12px;
  background-color: transparent;
}
.ant-timeline-item-pending .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-head {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 100px;
}
.ant-timeline-item-head-blue {
  color: #1890ff;
  border-color: #1890ff;
}
.ant-timeline-item-head-red {
  color: #f5222d;
  border-color: #f5222d;
}
.ant-timeline-item-head-green {
  color: #52c41a;
  border-color: #52c41a;
}
.ant-timeline-item-head-gray {
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-timeline-item-head-custom {
  position: absolute;
  top: 5.5px;
  left: 5px;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 3px 1px;
  line-height: 1;
  text-align: center;
  border: 0;
  border-radius: 0;
  transform: translate(-50%, -50%);
}
.ant-timeline-item-content {
  position: relative;
  top: -6px;
  margin: 0 0 0 18px;
  word-break: break-word;
}
.ant-timeline-item-last > .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-last > .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom {
  left: 50%;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head {
  margin-left: -4px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom {
  margin-left: 1px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content {
  left: calc(50% - 4px);
  width: calc(50% - 14px);
  text-align: left;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(50% - 12px);
  margin: 0;
  text-align: right;
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
  left: calc(100% - 4px - 2px);
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(100% - 18px);
}
.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  display: block;
  height: calc(100% - 14px);
  border-left: 2px dotted #e8e8e8;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail {
  display: none;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  top: 15px;
  display: block;
  height: calc(100% - 15px);
  border-left: 2px dotted #e8e8e8;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content {
  min-height: 48px;
}
.ant-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1060;
  display: block;
  max-width: 250px;
  visibility: visible;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 8px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 8px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 8px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 8px;
}
.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-tooltip-arrow {
  position: absolute;
  display: block;
  width: 13.07106781px;
  height: 13.07106781px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-tooltip-arrow::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.75);
  content: '';
  pointer-events: auto;
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: -5.07106781px;
}
.ant-tooltip-placement-top .ant-tooltip-arrow::before,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-topRight .ant-tooltip-arrow::before {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: -5.07106781px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow::before {
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: -5.07106781px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow::before {
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: -5.07106781px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow::before {
  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-transfer-customize-list {
  display: flex;
}
.ant-transfer-customize-list .ant-transfer-operation {
  flex: none;
  align-self: center;
}
.ant-transfer-customize-list .ant-transfer-list {
  flex: auto;
  width: auto;
  height: auto;
  min-height: 200px;
}
.ant-transfer-customize-list .ant-transfer-list-body-with-search {
  padding-top: 0;
}
.ant-transfer-customize-list .ant-transfer-list-body-search-wrapper {
  position: relative;
  padding-bottom: 0;
}
.ant-transfer-customize-list .ant-transfer-list-body-customize-wrapper {
  padding: 12px;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
  border: 0;
  border-radius: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
  background: #fafafa;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 1px solid #e8e8e8;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body {
  margin: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination {
  margin: 16px 0 4px;
}
.ant-transfer {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
}
.ant-transfer-disabled .ant-transfer-list {
  background: #f5f5f5;
}
.ant-transfer-list {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 200px;
  padding-top: 40px;
  vertical-align: middle;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-transfer-list-with-footer {
  padding-bottom: 34px;
}
.ant-transfer-list-search {
  padding: 0 24px 0 8px;
}
.ant-transfer-list-search-action {
  position: absolute;
  top: 12px;
  right: 12px;
  bottom: 12px;
  width: 28px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 32px;
  text-align: center;
}
.ant-transfer-list-search-action .anticon {
  color: rgba(0, 0, 0, 0.25);
  transition: all 0.3s;
}
.ant-transfer-list-search-action .anticon:hover {
  color: rgba(0, 0, 0, 0.45);
}
span.ant-transfer-list-search-action {
  pointer-events: none;
}
.ant-transfer-list-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 8px 12px 9px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}
.ant-transfer-list-header-title {
  position: absolute;
  right: 12px;
}
.ant-transfer-list-header .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
.ant-transfer-list-body {
  position: relative;
  height: 100%;
  font-size: 14px;
}
.ant-transfer-list-body-search-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 12px;
}
.ant-transfer-list-body-with-search {
  padding-top: 56px;
}
.ant-transfer-list-content {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
}
.ant-transfer-list-content > .LazyLoad {
  animation: transferHighlightIn 1s;
}
.ant-transfer-list-content-item {
  min-height: 32px;
  padding: 6px 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-transfer-list-content-item > span {
  padding-right: 0;
}
.ant-transfer-list-content-item-text {
  padding-left: 8px;
}
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  background-color: #e6f7ff;
  cursor: pointer;
}
.ant-transfer-list-content-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-transfer-list-body-not-found {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 0;
  color: rgba(0, 0, 0, 0.25);
  text-align: center;
  transform: translateY(-50%);
}
.ant-transfer-list-body-with-search .ant-transfer-list-body-not-found {
  margin-top: 16px;
}
.ant-transfer-list-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-transfer-operation {
  display: inline-block;
  margin: 0 8px;
  overflow: hidden;
  vertical-align: middle;
}
.ant-transfer-operation .ant-btn {
  display: block;
}
.ant-transfer-operation .ant-btn:first-child {
  margin-bottom: 4px;
}
.ant-transfer-operation .ant-btn .anticon {
  font-size: 12px;
}
@keyframes transferHighlightIn {
  0% {
    background: #bae7ff;
  }
  100% {
    background: transparent;
  }
}
.ant-tree.ant-tree-directory {
  position: relative;
}
.ant-tree.ant-tree-directory > li span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li span.ant-tree-switcher.ant-tree-switcher-noop,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher.ant-tree-switcher-noop {
  pointer-events: none;
}
.ant-tree.ant-tree-directory > li span.ant-tree-checkbox,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-checkbox {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper {
  border-radius: 0;
  user-select: none;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover::before {
  background: #e6f7ff;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper.ant-tree-node-selected,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: #fff;
  background: transparent;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper::before {
  position: absolute;
  right: 0;
  left: 0;
  height: 24px;
  transition: all 0.3s;
  content: '';
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper > span,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper > span {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-switcher {
  color: #fff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner {
  border-color: #1890ff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after {
  border-color: #fff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background: #fff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: #1890ff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before {
  background: #1890ff;
}
.ant-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  border-color: #1890ff;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
  visibility: visible;
}
.ant-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.ant-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-tree {
  /* see https://github.com/ant-design/ant-design/issues/16259 */
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 16.67%;
  left: 0;
  width: 100%;
  height: 66.67%;
}
.ant-tree ol,
.ant-tree ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-tree li {
  margin: 0;
  padding: 4px 0;
  white-space: nowrap;
  list-style: none;
  outline: 0;
}
.ant-tree li span[draggable],
.ant-tree li span[draggable='true'] {
  line-height: 20px;
  border-top: 2px transparent solid;
  border-bottom: 2px transparent solid;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}
.ant-tree li.drag-over > span[draggable] {
  color: white;
  background-color: #1890ff;
  opacity: 0.8;
}
.ant-tree li.drag-over-gap-top > span[draggable] {
  border-top-color: #1890ff;
}
.ant-tree li.drag-over-gap-bottom > span[draggable] {
  border-bottom-color: #1890ff;
}
.ant-tree li.filter-node > span {
  color: #f5222d !important;
  font-weight: 500 !important;
}
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #1890ff;
  font-size: 14px;
  transform: none;
}
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon svg,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open::after,
:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close::after {
  opacity: 0;
}
.ant-tree li ul {
  margin: 0;
  padding: 0 0 0 18px;
}
.ant-tree li .ant-tree-node-content-wrapper {
  display: inline-block;
  height: 24px;
  margin: 0;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-decoration: none;
  vertical-align: top;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tree li .ant-tree-node-content-wrapper:hover {
  background-color: #e6f7ff;
}
.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #bae7ff;
}
.ant-tree li span.ant-tree-checkbox {
  top: initial;
  height: 24px;
  margin: 0 4px 0 2px;
  padding: 4px 0;
}
.ant-tree li span.ant-tree-switcher,
.ant-tree li span.ant-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
  border: 0 none;
  outline: none;
  cursor: pointer;
}
.ant-tree li span.ant-tree-iconEle:empty {
  display: none;
}
.ant-tree li span.ant-tree-switcher {
  position: relative;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop {
  cursor: default;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-tree li:last-child > span.ant-tree-switcher::before,
.ant-tree li:last-child > span.ant-tree-iconEle::before {
  display: none;
}
.ant-tree > li:first-child {
  padding-top: 7px;
}
.ant-tree > li:last-child {
  padding-bottom: 7px;
}
.ant-tree-child-tree > li:first-child {
  padding-top: 8px;
}
.ant-tree-child-tree > li:last-child {
  padding-bottom: 0;
}
li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher),
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper,
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree-icon__open {
  margin-right: 2px;
  vertical-align: top;
}
.ant-tree-icon__close {
  margin-right: 2px;
  vertical-align: top;
}
.ant-tree.ant-tree-show-line li {
  position: relative;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher {
  color: rgba(0, 0, 0, 0.45);
  background: #fff;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree.ant-tree-show-line li:not(:last-child)::before {
  position: absolute;
  left: 12px;
  width: 1px;
  height: 100%;
  height: calc(100% - 22px);
  margin: 22px 0 0;
  border-left: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree.ant-tree-icon-hide .ant-tree-treenode-loading .ant-tree-iconEle {
  display: none;
}
.ant-tree.ant-tree-block-node li .ant-tree-node-content-wrapper {
  width: calc(100% - 24px);
}
.ant-tree.ant-tree-block-node li span.ant-tree-checkbox + .ant-tree-node-content-wrapper {
  width: calc(100% - 46px);
}
.ant-select-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
  border-color: #1890ff;
}
.ant-select-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-select-tree-checkbox:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
  visibility: visible;
}
.ant-select-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-select-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-select-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}
.ant-select-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-select-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-select-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-select-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-select-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-select-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-select-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-select-tree {
  box-sizing: border-box;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin: 0;
  margin-top: -4px;
  padding: 0 4px;
}
.ant-select-tree li {
  margin: 8px 0;
  padding: 0;
  white-space: nowrap;
  list-style: none;
  outline: 0;
}
.ant-select-tree li.filter-node > span {
  font-weight: 500;
}
.ant-select-tree li ul {
  margin: 0;
  padding: 0 0 0 18px;
}
.ant-select-tree li .ant-select-tree-node-content-wrapper {
  display: inline-block;
  width: calc(100% - 24px);
  margin: 0;
  padding: 3px 5px;
  color: rgba(0, 0, 0, 0.65);
  text-decoration: none;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
  background-color: #e6f7ff;
}
.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: #bae7ff;
}
.ant-select-tree li span.ant-select-tree-checkbox {
  margin: 0 4px 0 0;
}
.ant-select-tree li span.ant-select-tree-checkbox + .ant-select-tree-node-content-wrapper {
  width: calc(100% - 46px);
}
.ant-select-tree li span.ant-select-tree-switcher,
.ant-select-tree li span.ant-select-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  border: 0 none;
  outline: none;
  cursor: pointer;
}
.ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  color: #1890ff;
  font-size: 14px;
  transform: none;
}
.ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-select-tree li span.ant-select-tree-switcher {
  position: relative;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher-noop {
  cursor: auto;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon,
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon,
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #1890ff;
  font-size: 14px;
  transform: none;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-select-tree .ant-select-tree-treenode-loading .ant-select-tree-iconEle {
  display: none;
}
.ant-select-tree-child-tree {
  display: none;
}
.ant-select-tree-child-tree-open {
  display: block;
}
li.ant-select-tree-treenode-disabled > span:not(.ant-select-tree-switcher),
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper,
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-select-tree-icon__open {
  margin-right: 2px;
  vertical-align: top;
}
.ant-select-tree-icon__close {
  margin-right: 2px;
  vertical-align: top;
}
.ant-select-tree-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-select-tree-dropdown .ant-select-dropdown-search {
  position: sticky;
  top: 0;
  z-index: 1;
  display: block;
  padding: 4px;
  background: #fff;
}
.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field__wrap {
  width: 100%;
}
.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field {
  box-sizing: border-box;
  width: 100%;
  padding: 4px 7px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
}
.ant-select-tree-dropdown .ant-select-dropdown-search.ant-select-search--hide {
  display: none;
}
.ant-select-tree-dropdown .ant-select-not-found {
  display: block;
  padding: 7px 16px;
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-typography {
  color: rgba(0, 0, 0, 0.65);
}
.ant-typography.ant-typography-secondary {
  color: rgba(0, 0, 0, 0.45);
}
.ant-typography.ant-typography-warning {
  color: #faad14;
}
.ant-typography.ant-typography-danger {
  color: #f5222d;
}
.ant-typography.ant-typography-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  user-select: none;
}
div.ant-typography,
.ant-typography p {
  margin-bottom: 1em;
}
h1.ant-typography,
.ant-typography h1 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 38px;
  line-height: 1.23;
}
h2.ant-typography,
.ant-typography h2 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 30px;
  line-height: 1.35;
}
h3.ant-typography,
.ant-typography h3 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.35;
}
h4.ant-typography,
.ant-typography h4 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}
.ant-typography + h1.ant-typography,
.ant-typography + h2.ant-typography,
.ant-typography + h3.ant-typography,
.ant-typography + h4.ant-typography {
  margin-top: 1.2em;
}
.ant-typography div + h1,
.ant-typography ul + h1,
.ant-typography li + h1,
.ant-typography p + h1,
.ant-typography h1 + h1,
.ant-typography h2 + h1,
.ant-typography h3 + h1,
.ant-typography h4 + h1,
.ant-typography div + h2,
.ant-typography ul + h2,
.ant-typography li + h2,
.ant-typography p + h2,
.ant-typography h1 + h2,
.ant-typography h2 + h2,
.ant-typography h3 + h2,
.ant-typography h4 + h2,
.ant-typography div + h3,
.ant-typography ul + h3,
.ant-typography li + h3,
.ant-typography p + h3,
.ant-typography h1 + h3,
.ant-typography h2 + h3,
.ant-typography h3 + h3,
.ant-typography h4 + h3,
.ant-typography div + h4,
.ant-typography ul + h4,
.ant-typography li + h4,
.ant-typography p + h4,
.ant-typography h1 + h4,
.ant-typography h2 + h4,
.ant-typography h3 + h4,
.ant-typography h4 + h4 {
  margin-top: 1.2em;
}
span.ant-typography-ellipsis {
  display: inline-block;
}
.ant-typography a {
  color: #555;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-typography a:focus,
.ant-typography a:hover {
  color: #615b5b;
}
.ant-typography a:active {
  color: #2e2b2b;
}
.ant-typography a:active,
.ant-typography a:hover {
  text-decoration: none;
}
.ant-typography a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}
.ant-typography code {
  margin: 0 0.2em;
  padding: 0.2em 0.4em 0.1em;
  font-size: 85%;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 3px;
}
.ant-typography mark {
  padding: 0;
  background-color: #ffe58f;
}
.ant-typography u,
.ant-typography ins {
  text-decoration: underline;
  text-decoration-skip-ink: auto;
}
.ant-typography s,
.ant-typography del {
  text-decoration: line-through;
}
.ant-typography strong {
  font-weight: 600;
}
.ant-typography-expand,
.ant-typography-edit,
.ant-typography-copy {
  color: #555;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  margin-left: 8px;
}
.ant-typography-expand:focus,
.ant-typography-edit:focus,
.ant-typography-copy:focus,
.ant-typography-expand:hover,
.ant-typography-edit:hover,
.ant-typography-copy:hover {
  color: #615b5b;
}
.ant-typography-expand:active,
.ant-typography-edit:active,
.ant-typography-copy:active {
  color: #2e2b2b;
}
.ant-typography-copy-success,
.ant-typography-copy-success:hover,
.ant-typography-copy-success:focus {
  color: #52c41a;
}
.ant-typography-edit-content {
  position: relative;
}
div.ant-typography-edit-content {
  left: -12px;
  margin-top: -5px;
  margin-bottom: calc(1em - 4px - 2px);
}
.ant-typography-edit-content-confirm {
  position: absolute;
  right: 10px;
  bottom: 8px;
  color: rgba(0, 0, 0, 0.45);
  pointer-events: none;
}
.ant-typography-edit-content textarea {
  -moz-transition: none;
}
.ant-typography ul,
.ant-typography ol {
  margin: 0 0 1em 0;
  padding: 0;
}
.ant-typography ul li,
.ant-typography ol li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}
.ant-typography ul li {
  list-style-type: circle;
}
.ant-typography ul li li {
  list-style-type: disc;
}
.ant-typography ol li {
  list-style-type: decimal;
}
.ant-typography-ellipsis-single-line {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-typography-ellipsis-multiple-line {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ant-upload {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  outline: 0;
}
.ant-upload p {
  margin: 0;
}
.ant-upload-btn {
  display: block;
  width: 100%;
  outline: none;
}
.ant-upload input[type='file'] {
  cursor: pointer;
}
.ant-upload.ant-upload-select {
  display: inline-block;
}
.ant-upload.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-select-picture-card {
  display: table;
  float: left;
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s ease;
}
.ant-upload.ant-upload-select-picture-card > .ant-upload {
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}
.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #1890ff;
}
.ant-upload.ant-upload-drag {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-drag .ant-upload {
  padding: 16px 0;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border-color: #096dd9;
}
.ant-upload.ant-upload-drag.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-drag .ant-upload-btn {
  display: table;
  height: 100%;
}
.ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: table-cell;
  vertical-align: middle;
}
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #40a9ff;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  margin-bottom: 20px;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: #40a9ff;
  font-size: 48px;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
  margin: 0 0 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload.ant-upload-drag .anticon-plus {
  color: rgba(0, 0, 0, 0.25);
  font-size: 30px;
  transition: all 0.3s;
}
.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-picture-card-wrapper {
  zoom: 1;
  display: inline-block;
  width: 100%;
}
.ant-upload-picture-card-wrapper::before,
.ant-upload-picture-card-wrapper::after {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  clear: both;
}
.ant-upload-picture-card-wrapper::before,
.ant-upload-picture-card-wrapper::after {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  clear: both;
}
.ant-upload-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  zoom: 1;
}
.ant-upload-list::before,
.ant-upload-list::after {
  display: table;
  content: '';
}
.ant-upload-list::after {
  clear: both;
}
.ant-upload-list::before,
.ant-upload-list::after {
  display: table;
  content: '';
}
.ant-upload-list::after {
  clear: both;
}
.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
  padding-right: 14px;
}
.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
  padding-right: 28px;
}
.ant-upload-list-item {
  position: relative;
  height: 22px;
  margin-top: 8px;
  font-size: 14px;
}
.ant-upload-list-item-name {
  display: inline-block;
  width: 100%;
  padding-left: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-upload-list-item-name-icon-count-1 {
  padding-right: 14px;
}
.ant-upload-list-item-card-actions {
  position: absolute;
  right: 0;
  opacity: 0;
}
.ant-upload-list-item-card-actions.picture {
  top: 25px;
  line-height: 1;
  opacity: 1;
}
.ant-upload-list-item-card-actions .anticon {
  padding-right: 6px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-list-item-info {
  height: 100%;
  padding: 0 12px 0 4px;
  transition: background-color 0.3s;
}
.ant-upload-list-item-info > span {
  display: block;
  width: 100%;
  height: 100%;
}
.ant-upload-list-item-info .anticon-loading,
.ant-upload-list-item-info .anticon-paper-clip {
  position: absolute;
  top: 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload-list-item .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  position: absolute;
  top: 6px;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 0;
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s;
}
:root .ant-upload-list-item .anticon-close {
  font-size: 12px;
}
.ant-upload-list-item .anticon-close:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: #e6f7ff;
}
.ant-upload-list-item:hover .anticon-close {
  opacity: 1;
}
.ant-upload-list-item:hover .ant-upload-list-item-card-actions {
  opacity: 1;
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .anticon-paper-clip,
.ant-upload-list-item-error .ant-upload-list-item-name {
  color: #f5222d;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions {
  opacity: 1;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  color: #f5222d;
}
.ant-upload-list-item-progress {
  position: absolute;
  bottom: -12px;
  width: 100%;
  padding-left: 26px;
  font-size: 14px;
  line-height: 0;
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  position: relative;
  height: 66px;
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: #f5222d;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 48px;
  height: 48px;
  font-size: 26px;
  line-height: 54px;
  text-align: center;
  opacity: 0.8;
}
.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 26px;
  transform: translate(-50%, -50%);
}
.ant-upload-list-picture .ant-upload-list-item-image,
.ant-upload-list-picture-card .ant-upload-list-item-image {
  max-width: 100%;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 0 8px;
  padding-right: 8px;
  padding-left: 48px;
  overflow: hidden;
  line-height: 44px;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
  padding-right: 18px;
}
.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
  padding-right: 36px;
}
.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
  line-height: 28px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 14px;
  width: calc(100% - 24px);
  margin-top: 0;
  padding-left: 56px;
}
.ant-upload-list-picture .anticon-close,
.ant-upload-list-picture-card .anticon-close {
  position: absolute;
  top: 8px;
  right: 8px;
  line-height: 1;
  opacity: 1;
}
.ant-upload-list-picture-card.ant-upload-list::after {
  display: none;
}
.ant-upload-list-picture-card-container {
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
}
.ant-upload-list-picture-card .ant-upload-list-item {
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
}
.ant-upload-list-picture-card .ant-upload-list-item-info {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ant-upload-list-picture-card .ant-upload-list-item-info::before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s;
  content: ' ';
}
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  z-index: 10;
  width: 16px;
  margin: 0 4px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  color: #fff;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.5;
  text-align: center;
}
.ant-upload-list-picture-card .anticon-picture + .ant-upload-list-item-name {
  position: absolute;
  bottom: 10px;
  display: block;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fafafa;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
  height: auto;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading-text {
  margin-top: 18px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 32px;
  padding-left: 0;
}
.ant-upload-list .ant-upload-success-icon {
  color: #52c41a;
  font-weight: bold;
}
.ant-upload-list .ant-upload-animate-enter,
.ant-upload-list .ant-upload-animate-leave,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-duration: 0.3s;
  animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-upload-list .ant-upload-animate-enter {
  animation-name: uploadAnimateIn;
}
.ant-upload-list .ant-upload-animate-leave {
  animation-name: uploadAnimateOut;
}
.ant-upload-list .ant-upload-animate-inline-enter {
  animation-name: uploadAnimateInlineIn;
}
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-name: uploadAnimateInlineOut;
}
@keyframes uploadAnimateIn {
  from {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateOut {
  to {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
.banner {
  position: relative;
  width: 100%;
  height: 470px;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 20%;
  overflow: hidden;
}
.banner .sw-bd {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}
.banner .sw-bd .sw-item {
  position: relative;
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
}
.banner .sw-bd .sw-item img {
  width: 100%;
  object-fit: cover;
}
.banner .sw-ft {
  position: absolute;
  left: 50%;
  bottom: 20px;
  width: 1200px;
  height: 8px;
  margin-left: -600px;
  text-align: center;
  font-size: 0;
}
.banner .sw-ft .tag {
  display: inline-block;
  vertical-align: top;
  width: 8px;
  height: 8px;
  margin: 0 4px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  transition: all 0.3s;
}
.banner .sw-ft .tag.on {
  width: 56px;
  background-color: #fff;
}
.pc-search {
  position: relative;
  z-index: 5;
  height: 66px;
}
.pc-search-hd {
  position: absolute;
  left: 0;
  top: -32px;
  width: 100%;
  height: 32px;
  padding-left: 20px;
  background-color: rgba(0, 0, 0, 0.5);
}
.pc-search-hd::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 16px;
  height: 100%;
  background-color: rgba(0, 160, 233, 0.7);
}
.pc-search-hd .item {
  display: inline-block;
  vertical-align: top;
  width: 72px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  transition: background 0.3s;
}
.pc-search-hd .item.on {
  background-color: #000;
}
.pc-search-bd {
  position: absolute;
  left: 0;
  top: 2px;
  width: 100%;
  height: 64px;
  padding-left: 20px;
  background-color: #F5F8FD;
}
.pc-search-bd::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 16px;
  height: 100%;
  background-color: #00a0e9;
}
.pc-search-bd .bd-wrap > div {
  display: none;
}
.pc-search-bd .bd-wrap > div:first-child {
  display: block;
}
.pc-search-wrap {
  display: flex;
  align-items: center;
  height: 32px;
  margin-top: 16px;
}
.pc-search-wrap .icon {
  color: #bbb;
}
.pc-search-wrap .search-item {
  width: 200px;
  margin: 0 10px;
}
.pc-search-wrap .search-item .pc-input,
.pc-search-wrap .search-item .pc-select {
  width: 100%;
}
.pc-search-wrap .search-item .pc-input,
.pc-search-wrap .search-item .pc-select-selection {
  border: none;
}
.pc-search-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 64px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  color: #fff;
  font-size: 32px;
  background-color: #00a0e9;
  cursor: pointer;
}
.pc-search-btn:hover {
  background-color: #03b0ff;
}
.floor {
  position: relative;
  margin-top: 60px;
}
.floor .mt {
  text-align: center;
}
.floor .mt strong {
  display: inline-block;
  vertical-align: top;
  line-height: 40px;
  font-size: 36px;
  color: #00a0e9;
}
.floor .mt span {
  display: inline-block;
  line-height: 40px;
  margin-left: 20px;
  font-size: 36px;
  color: #333;
}
.floor .more-btn {
  display: block;
  width: 200px;
  height: 50px;
  line-height: 46px;
  margin: 30px auto 20px;
  text-align: center;
  font-size: 20px;
  color: #00a0e9;
  border: 2px solid #00a0e9;
  border-radius: 25px;
  transition: all 0.3s;
}
.floor .more-btn:hover {
  color: #fff;
  background: #00a0e9;
}
.floor .tabs-line {
  margin: 20px 0;
  text-align: center;
}
.floor .tabs-line span {
  display: inline-block;
  vertical-align: top;
  height: 34px;
  line-height: 33px;
  margin: 5px 10px;
  padding: 0 20px;
  font-size: 18px;
  font-weight: bold;
  color: #00a0e9;
  cursor: default;
  border: 2px solid #00a0e9;
  border-radius: 20px;
  transition: all 0.3s;
  box-sizing: content-box;
}
.floor .tabs-line span.on,
.floor .tabs-line span:hover {
  color: #fff;
  background: #00a0e9;
}
.pc-floor-mt {
  position: relative;
  height: 32px;
  line-height: 32px;
  margin: 10px 0 20px;
  padding-left: 26px;
}
.pc-floor-mt strong {
  font-size: 16px;
  color: #333;
}
.pc-floor-mt::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 10px;
  height: 100%;
  background-color: #00a0e9;
}
.pc-floor-tabs {
  height: 36px;
  margin-bottom: 20px;
  overflow: hidden;
}
.pc-floor-tabs .item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 175px;
  height: 26px;
  line-height: 26px;
  padding-bottom: 10px;
  margin-right: 30px;
  font-size: 18px;
  font-weight: bold;
  color: #666;
  cursor: pointer;
  box-sizing: content-box;
  overflow: hidden;
}
.pc-floor-tabs .item:last-child {
  margin-right: 0;
}
.pc-floor-tabs .item .eng {
  margin-left: 5px;
  font-family: Arial;
  color: #e2e2e2;
}
.pc-floor-tabs .item:hover {
  color: #00a0e9;
}
.pc-floor-tabs .item.on {
  color: #00a0e9;
}
.pc-floor-tabs .item.on::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 4px;
  background-color: #00a0e9;
}
.pc-floor-tabs-content > div {
  display: none;
}
.pc-floor-tabs-content > div:first-child {
  display: block;
}
.pc-airline > .mt {
  margin-bottom: 30px;
}
.pc-airline .pc-floor-mt {
  display: flex;
  justify-content: space-between;
}
.pc-airline .pc-floor-tabs {
  flex: 1;
}
.pc-airline-bd {
  position: relative;
  height: 400px;
  padding: 15px;
  background: url(/static/assets/img/airfare-bg.png) no-repeat;
  border-radius: 6px;
  overflow: hidden;
  box-sizing: border-box;
}
.pc-airline-bd .item {
  float: left;
  display: block;
  width: 370px;
  height: 164px;
  padding: 10px 30px;
  margin: 10px;
  overflow: hidden;
  background: url(/static/assets/img/airfare-card.png) no-repeat;
  box-sizing: border-box;
  filter: drop-shadow(1px 2px 8px rgba(180, 178, 178, 0.15));
}
.pc-airline-bd .item-hd {
  display: flex;
  margin-bottom: 15px;
}
.pc-airline-bd .item-hd .place {
  flex: 1;
  overflow: hidden;
}
.pc-airline-bd .item-hd .place.end {
  text-align: right;
}
.pc-airline-bd .item-hd .place-eng {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.pc-airline-bd .item-hd .place-name {
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: color 0.3s;
}
.pc-airline-bd .item-hd .icon {
  display: block;
  width: 88px;
  height: 26px;
  margin-top: 20px;
  background: url(/static/assets/img/airfare-airplane.png) no-repeat;
}
.pc-airline-bd .item-row {
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
  margin-bottom: 15px;
}
.pc-airline-bd .item-row .date {
  padding-left: 22px;
  color: #999;
  font-size: 16px;
  background: url(/static/assets/img/airfare-date.png) left center no-repeat;
}
.pc-airline-bd .item-row .price {
  color: #ff9900;
  font-size: 24px;
}
.pc-airline-bd .item-row .price i {
  font-size: 14px;
}
.pc-airline-bd .item-bt {
  position: relative;
  padding-top: 12px;
  height: 20px;
  line-height: 20px;
  box-sizing: content-box;
}
.pc-airline-bd .item-bt .tag {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  padding-left: 20px;
  margin-right: 20px;
  color: #999;
}
.pc-airline-bd .item-bt .cabin-economy {
  background: url(/static/assets/img/airfare-cabin01.png) left center no-repeat;
}
.pc-airline-bd .item-bt .cabin-commerce {
  background: url(/static/assets/img/airfare-cabin02.png) left center no-repeat;
}
.pc-airline-bd .item-bt .cabin-top {
  background: url(/static/assets/img/airfare-cabin03.png) left center no-repeat;
}
.pc-airline-bd .item-bt .direct {
  background: url(/static/assets/img/airfare-direct.png) left center no-repeat;
}
.pc-airline-bd .item-bt .arrow {
  position: absolute;
  right: 0;
  top: 12px;
  width: 14px;
  height: 14px;
  background: url(/static/assets/img/airfare-arrow.png) no-repeat;
  margin-top: 3px;
}
.pc-airline-bd .item:hover .place-name {
  color: #00a0e9;
}
.pc-visa > .mt {
  margin-bottom: 30px;
}
.pc-visa-hot {
  margin-right: -30px;
}
.pc-visa-hot .item {
  position: relative;
  float: left;
  display: block;
  width: 380px;
  margin-right: 30px;
  margin-bottom: 30px;
  background-color: #fff;
  box-shadow: 0 1px 12px rgba(180, 178, 178, 0.19);
  border-radius: 6px;
  overflow: hidden;
}
.pc-visa-hot .item .hot-tag {
  position: absolute;
  left: 12px;
  top: 0;
  width: 34px;
  height: 38px;
  background: url(/static/assets/img/hot.png) no-repeat;
}
.pc-visa-hot .item .flag {
  position: absolute;
  top: 134px;
  right: 8px;
  width: 96px;
  height: 58px;
}
.pc-visa-hot .item .pic {
  width: 100%;
  height: 200px;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 50%;
}
.pc-visa-hot .item .pic img {
  display: block;
  object-fit: cover;
}
.pc-visa-hot .item .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding: 10px 20px;
  box-sizing: border-box;
}
.pc-visa-hot .item .tt {
  display: inline-block;
  margin-right: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
}
.pc-visa-hot .item .price {
  color: #ff9900;
  font-size: 18px;
}
.pc-visa-hot .item .price i {
  font-size: 12px;
}
.pc-visa-hot .item .desc-line {
  line-height: 18px;
  font-size: 12px;
  color: #999;
  text-align: right;
}
.pc-visa-hot .item .desc-line i {
  color: #FF0028;
}
.pc-visa-hot .item:hover {
  box-shadow: 0 1px 12px rgba(180, 178, 178, 0.5);
}
.pc-visa-hot .item:hover .tt {
  color: #00a0e9;
}
.pc-visa-bd {
  margin-top: 10px;
  margin-right: -10px;
  overflow: hidden;
}
.pc-visa-bd .item {
  display: flex;
  float: left;
  width: 232px;
  height: 100px;
  padding: 20px;
  margin-top: 10px;
  margin-right: 10px;
  background-color: #F5F8FD;
  box-sizing: border-box;
}
.pc-visa-bd .item .info {
  flex: 1;
  overflow: hidden;
}
.pc-visa-bd .item .tt {
  margin-bottom: 5px;
  line-height: 30px;
  color: #333;
  font-size: 20px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.pc-visa-bd .item .price {
  color: #ff9900;
  font-size: 20px;
}
.pc-visa-bd .item .price i {
  font-size: 12px;
}
.pc-visa-bd .item .pic {
  position: relative;
  width: 96px;
  height: 58px;
}
.pc-visa-bd .item .pic::before {
  position: absolute;
  left: 50%;
  bottom: -10px;
  content: '';
  width: 84px;
  height: 8px;
  margin-left: -42px;
  background: rgba(0, 0, 0, 0.06);
  filter: blur(2px);
  border-radius: 50%;
}
.pc-visa-bd .item:hover {
  background-color: #edf2fb;
}
.pc-visa-bd .item:hover .tt {
  color: #00a0e9;
}
.time-limit .mt {
  margin-bottom: 10px;
}
.time-limit .time-list {
  min-height: 480px;
  margin-right: -30px;
}
.time-limit .item {
  float: left;
  position: relative;
  display: block;
  width: 380px;
  margin-top: 30px;
  margin-right: 30px;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: all 0.3s;
}
.time-limit .item .discount {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 80px;
  height: 80px;
  padding: 15px 10px 5px;
  line-height: 30px;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  font-family: Arial;
  text-transform: uppercase;
  color: #fff;
  border-radius: 40px 40px 40px 0;
  background: #ff6600;
  box-sizing: border-box;
}
.time-limit .item .discount span {
  display: block;
  font-size: 30px;
}
.time-limit .item .pic {
  width: 380px;
  height: 260px;
  border-radius: 6px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 55%;
}
.time-limit .item .pic img {
  object-fit: cover;
}
.time-limit .item .info {
  padding: 20px;
}
.time-limit .item .title {
  height: 50px;
  line-height: 25px;
  margin-bottom: 20px;
  font-size: 18px;
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.time-limit .item .ft-info {
  position: relative;
  height: 50px;
  overflow: hidden;
}
.time-limit .item .clock {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 34px;
  height: 42px;
  background: url(/static/assets/img/flashSale-clock.png) no-repeat;
}
.time-limit .item .clock-arrow {
  position: absolute;
  left: 50%;
  top: 12px;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-radius: 50%;
  overflow: hidden;
}
.time-limit .item .clock-arrow-l,
.time-limit .item .clock-arrow-r {
  position: absolute;
  top: 0;
  width: 12px;
  height: 24px;
  overflow: hidden;
}
.time-limit .item .clock-arrow-l::before,
.time-limit .item .clock-arrow-r::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  height: 100%;
  background-color: #ffcc0c;
}
.time-limit .item .clock-arrow-l {
  left: 0;
}
.time-limit .item .clock-arrow-l::before {
  transform-origin: right center;
  transform: rotate(-180deg);
  animation: clock-run-l 6s linear infinite;
}
.time-limit .item .clock-arrow-r {
  right: 0;
}
.time-limit .item .clock-arrow-r::before {
  transform-origin: left center;
  transform: rotate(-180deg);
  animation: clock-run-r 6s linear infinite;
}
.time-limit .item .count-down {
  position: relative;
  float: left;
  display: flex;
}
.time-limit .item .count-down-end {
  line-height: 50px;
  font-size: 16px;
}
.time-limit .item .count-down-end b {
  color: #e60012;
}
.time-limit .item .count-down-bar {
  position: relative;
  width: 170px;
  height: 20px;
  margin-top: 18px;
  margin-left: 20px;
  background-color: rgba(255, 158, 12, 0.5);
  border-radius: 10px;
}
.time-limit .item .count-down-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  background: linear-gradient(308deg, #FD7717, #F4DE6F);
  border-radius: 10px;
  overflow: hidden;
}
.time-limit .item .count-down-progress::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  height: 20px;
  background: url(/static/assets/img/flashSale-bar.png) no-repeat;
  opacity: 0.1;
}
.time-limit .item .count-down-time {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 10px;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
}
.time-limit .item .price-info {
  float: right;
  text-align: right;
}
.time-limit .item .price-info .price {
  display: block;
  height: 30px;
  line-height: 30px;
  color: #ff9900;
  font-size: 24px;
}
.time-limit .item .price-info .price em {
  font-size: 14px;
}
.time-limit .item .price-info .arrow {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin: 3px 0 3px 5px;
  background: #ff9900;
  border-radius: 50%;
}
.time-limit .item .price-info .arrow::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 8px;
  height: 8px;
  margin-left: -6px;
  margin-top: -5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.time-limit .item .price-info .cost-price {
  display: block;
  height: 20px;
  line-height: 20px;
  color: #aaa;
}
.time-limit .item:nth-child(3n) {
  margin-right: 0;
}
.time-limit .item:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.time-limit .item:hover .title {
  color: #00a0e9;
}
@keyframes clock-run-l {
  0%,
  25% {
    transform: rotate(-180deg);
  }
  50%,
  75% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes clock-run-r {
  0% {
    transform: rotate(-180deg);
  }
  25%,
  50% {
    transform: rotate(0deg);
  }
  75%,
  100% {
    transform: rotate(180deg);
  }
}
.four-ad {
  height: 180px;
}
.four-ad .ad-list {
  margin-right: -40px;
  overflow: hidden;
}
.four-ad .ad-item {
  float: left;
  position: relative;
  display: block;
  width: 270px;
  height: 180px;
  margin-right: 40px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 60%;
}
.four-ad .ad-item img {
  object-fit: cover;
  transition: all 0.8s;
}
.four-ad .ad-item .info {
  position: absolute;
  left: 15px;
  top: 30px;
  width: 240px;
  height: 120px;
  padding: 10px;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  transition: background 0.3s;
}
.four-ad .ad-item .title {
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  font-weight: bold;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.four-ad .ad-item b {
  display: inline-block;
  height: 30px;
  line-height: 20px;
  padding-top: 5px;
  font-size: 18px;
  border-bottom: 2px solid #fff;
}
.four-ad .ad-item p {
  height: 20px;
  line-height: 20px;
  margin-top: 25px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.four-ad .ad-item:hover img {
  opacity: 0.85;
  transform: scale(1.05);
}
.four-ad .ad-item:hover .info {
  background: rgba(0, 0, 0, 0.7);
}
.recommend {
  position: relative;
  margin-bottom: 60px;
  overflow: hidden;
}
.recommend .mt {
  margin-bottom: 30px;
}
.recommend-slide {
  position: relative;
  z-index: 10;
  overflow: hidden;
}
.recommend-slide .sw-bd {
  position: relative;
  display: flex;
  width: 100%;
  height: 430px;
}
.recommend-slide .sw-item {
  display: block;
  position: relative;
  width: 800px;
  height: 430px;
  flex-shrink: 0;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 40%;
}
.recommend-slide .sw-item .info {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 145px;
  padding: 10px 20px;
  background: rgba(26, 42, 63, 0.5);
  box-sizing: border-box;
  transform: translateY(200px);
  opacity: 0;
  transition: opacity, transform 0.4s 0.2s;
}
.recommend-slide .sw-item .info-hd {
  position: relative;
}
.recommend-slide .sw-item .eng {
  line-height: 20px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
}
.recommend-slide .sw-item .eng span {
  color: #fff;
  font-size: 16px;
}
.recommend-slide .sw-item .tt {
  display: inline-block;
  max-width: 600px;
  line-height: 30px;
  padding-right: 22px;
  margin-top: 5px;
  font-size: 18px;
  color: #fff;
  border-top: 1px solid #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background: url(/static/assets/img/diamond.png) right center no-repeat;
}
.recommend-slide .sw-item .desc {
  color: rgba(255, 255, 255, 0.5);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.recommend-slide .sw-item .price {
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 30px;
  color: #ff9900;
  font-size: 30px;
}
.recommend-slide .sw-item.on .info {
  transform: translateY(0);
  opacity: 1;
}
.recommend-slide .sw-ft {
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 0;
}
.recommend-slide .sw-ft .tag {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  width: 8px;
  height: 8px;
  margin: 0 4px;
  border: 1px solid #fff;
  box-sizing: content-box;
  border-radius: 50%;
  opacity: 0.5;
  transition: all 0.3s;
}
.recommend-slide .sw-ft .tag.on {
  opacity: 1;
  background-color: #fff;
}
.recommend-slide .prev,
.recommend-slide .next {
  position: absolute;
  top: 50%;
  z-index: 10;
  width: 40px;
  height: 60px;
  margin-top: -30px;
  cursor: pointer;
  transition: all 0.3s;
  background-color: rgba(0, 0, 0, 0.8);
}
.recommend-slide .prev::before,
.recommend-slide .next::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin-left: -11px;
  margin-top: -10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}
.recommend-slide .prev {
  left: 140px;
}
.recommend-slide .prev::before {
  margin-left: -5px;
  transform: rotate(135deg);
}
.recommend-slide .prev:hover {
  background-color: #00a0e9;
}
.recommend-slide .next {
  right: 140px;
}
.recommend-slide .next:hover {
  background-color: #00a0e9;
}
.hot-sale .sale-content {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.hot-sale .sale-content .sw-bd {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}
.hot-sale .tabs-line {
  margin-bottom: 0 !important;
}
.hot-sale .sale-list {
  position: relative;
  width: 100%;
  flex-shrink: 0;
}
.hot-sale .sale-list .list-wrap {
  margin-right: -30px;
}
.hot-sale .sale-list .item {
  float: left;
  display: block;
  position: relative;
  width: 380px;
  margin-top: 30px;
  margin-right: 30px;
  background: #fafafa;
  border-radius: 6px;
  overflow: hidden;
}
.hot-sale .sale-list .item .discount {
  display: inline-block;
  position: absolute;
  left: 20px;
  top: 222px;
  z-index: 2;
  height: 28px;
  padding: 0 10px;
  line-height: 28px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  font-family: Arial;
  text-transform: uppercase;
  color: #fff;
  background: #ff9900;
}
.hot-sale .sale-list .item .pic {
  width: 390px;
  height: 270px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 55%;
}
.hot-sale .sale-list .item .pic img {
  transition: all 0.8s;
  object-fit: cover;
}
.hot-sale .sale-list .item .info {
  padding: 5px 10px;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
}
.hot-sale .sale-list .item .number,
.hot-sale .sale-list .item .set-out {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.hot-sale .sale-list .item .title {
  height: 40px;
  line-height: 20px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.hot-sale .sale-list .item .price {
  height: 40px;
  line-height: 40px;
  margin-left: 20px;
  color: #ff9900;
  font-size: 20px;
  flex-shrink: 0;
}
.hot-sale .sale-list .item .price b {
  font-size: 30px;
}
.hot-sale .sale-list .item:hover {
  background: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
}
.hot-sale .sale-list .item:hover .pic img {
  opacity: 0.85;
  transform: scale(1.05);
}
.hot-sale .sale-list .item:hover .title {
  color: #00a0e9;
}
.floor-three {
  margin-bottom: 40px;
}
.boutique {
  position: relative;
  padding: 60px 0;
}
.boutique::before {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -1;
  content: '';
  width: 3000px;
  height: 100%;
  margin-left: -1500px;
  background: #f5f5f5;
}
.boutique .mt {
  margin-bottom: 40px;
  text-align: center;
}
.boutique .mt strong {
  display: inline-block;
  vertical-align: top;
  line-height: 40px;
  font-size: 36px;
  color: #00a0e9;
}
.boutique .mt span {
  display: inline-block;
  line-height: 40px;
  margin-left: 20px;
  font-size: 36px;
  color: #333;
}
.boutique .boutique-list {
  margin-right: -30px;
}
.boutique .boutique-list .item {
  float: left;
  display: block;
  position: relative;
  width: 285px;
  height: 385px;
  margin-right: 20px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 60%;
}
.boutique .boutique-list .item .detials {
  background: linear-gradient(303deg, #596CF3 0%, #B6F5FC 100%);
}
.boutique .boutique-list .item .tags p {
  color: #00a0e9;
}
.boutique .boutique-list .item img {
  transition: all 0.8s;
  object-fit: cover;
}
.boutique .boutique-list .item:hover img {
  opacity: 0.85;
  transform: scale(1.05);
}
.boutique .boutique-list .info {
  position: absolute;
  left: 20px;
  top: 0;
  z-index: 2;
  width: 245px;
  overflow: hidden;
}
.boutique .boutique-list .info .title {
  float: left;
  width: 150px;
  padding-top: 20px;
  margin-right: 5px;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.boutique .boutique-list .info .title p {
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  overflow: hidden;
}
.boutique .boutique-list .info .title h3 {
  height: 40px;
  line-height: 40px;
  font-size: 30px;
  overflow: hidden;
  color: #fff;
}
.boutique .boutique-list .info .detials {
  float: left;
  width: 90px;
  height: 220px;
  border-radius: 0 0 20px 20px;
}
.boutique .boutique-list .info .detials .days {
  height: 30px;
  padding: 20px 0;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  box-sizing: content-box;
}
.boutique .boutique-list .info .detials .tags {
  padding: 5px;
  height: 85px;
  background: #fff;
  box-sizing: border-box;
  overflow: hidden;
}
.boutique .boutique-list .info .detials .tags p {
  line-height: 15px;
  font-size: 12px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.boutique .boutique-list .info .detials .btn {
  line-height: 20px;
  padding: 20px 0;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.our-services {
  padding: 60px 0;
}
.our-services .mt {
  line-height: 40px;
  margin-bottom: 40px;
  text-align: center;
  font-size: 36px;
  color: #333;
}
.our-services .item {
  float: left;
  width: 25%;
  text-align: center;
}
.our-services .item .icons {
  width: 86px;
  height: 86px;
  margin: 0 auto;
}
.our-services .item:nth-child(1) .icons {
  background-position: 0 -30px;
}
.our-services .item:nth-child(2) .icons {
  background-position: -86px -30px;
}
.our-services .item:nth-child(3) .icons {
  background-position: -172px -30px;
}
.our-services .item:nth-child(4) .icons {
  background-position: -258px -30px;
}
.our-services .item h3 {
  margin-top: 20px;
  line-height: 30px;
  font-size: 18px;
}
.our-services .item p {
  font-size: 14px;
  color: #aaa;
}
.left-floating {
  display: none;
  position: fixed;
  left: 50%;
  top: 100px;
  z-index: 10;
  width: 30px;
  margin-left: -650px;
}
.left-floating span {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  padding: 5px 5px;
  line-height: 15px;
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  color: #999;
  cursor: pointer;
  transition: all 0.3s;
  box-sizing: border-box;
}
.left-floating span::before {
  position: absolute;
  left: 50%;
  bottom: 0;
  content: '';
  width: 20px;
  height: 1px;
  margin-left: -10px;
  background: #eee;
}
.left-floating span:last-child::before {
  display: none;
}
.left-floating span.on {
  color: #fff;
}
.left-floating span.on::before {
  display: none;
}
.left-floating span:nth-child(1).on {
  background: #ff6666;
}
.left-floating span:nth-child(2).on {
  background: #ffb259;
}
.left-floating span:nth-child(3).on {
  background: #59acff;
}
.left-floating span:nth-child(4).on {
  background: #cc66ff;
}
.left-floating span:nth-child(5).on {
  background: #52cc7a;
}
.left-floating span:nth-child(6).on {
  background: #47ccb6;
}
.left-floating span:nth-child(7).on {
  background: #668cff;
}
.left-floating span:nth-child(8).on {
  background: #ff66cc;
}
.right-floating {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  width: 36px;
  height: 100%;
  background: #34343c;
}
.right-floating .item {
  position: relative;
}
.right-floating .item .tt {
  display: block;
  padding: 10px 0;
  line-height: 16px;
  text-align: center;
  font-size: 12px;
  color: #bbb;
  transition: all 0.3s;
}
.right-floating .item .tt:hover {
  color: #fff;
  background: #00a0e9;
}
.right-floating .item .icons {
  display: block;
  width: 30px;
  height: 30px;
}
.right-floating .top-part .item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.right-floating .top-part .tt {
  padding: 10px 8px;
}
.right-floating .bottom-part {
  position: absolute;
  left: 0;
  bottom: 0;
}
.right-floating .bottom-part .tt {
  padding: 10px 5px;
  line-height: 14px;
}
.right-floating .bottom-part .zxkf {
  background-position: -230px 0;
}
.right-floating .bottom-part .lyfk {
  background-position: -200px 0;
}
.right-floating .bottom-part .hdtop {
  background-position: -260px 0;
}
.pc-floating {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 100;
  width: 76px;
  margin-left: 640px;
  background-color: #fff;
  box-shadow: 0 1px 12px rgba(0, 160, 233, 0.06), inset -1px 0 6px rgba(0, 160, 233, 0.1);
  border: 1px solid rgba(0, 160, 233, 0.08);
  border-radius: 6px;
  box-sizing: border-box;
  transform: translateY(-50%);
}
.pc-floating .logoImg {
  position: absolute;
  z-index: 1;
  left: -2px;
  top: -52px;
  width: 80px;
  height: 60px;
  background: url(/static/assets/img/f-logo.png) no-repeat;
}
.pc-floating .label-bd {
  padding-top: 8px;
}
.pc-floating .label {
  display: block;
  width: 66px;
  height: 32px;
  line-height: 32px;
  margin-left: 4px;
  text-align: center;
  cursor: pointer;
  color: #666;
  font-size: 12px;
  transition: all 0.3s;
  border-radius: 6px;
}
.pc-floating .label:hover {
  color: #00a0e9;
}
.pc-floating .label.on {
  color: #fff;
  background: linear-gradient(315deg, #596CF3, #B6F5FC);
}
.pc-floating .telephone {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 54px;
  cursor: default;
}
.pc-floating .telephone-hd {
  padding: 6px 0;
}
.pc-floating .telephone-hd .icon {
  width: 24px;
  height: 24px;
  margin: 0 auto;
  background: url(/static/assets/img/f-phone.jpg);
}
.pc-floating .telephone-hd .txt {
  text-align: center;
  font-size: 12px;
}
.pc-floating .telephone-bd {
  display: none;
  position: absolute;
  top: -150px;
  right: 70px;
  width: 170px;
  padding: 10px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 12px rgba(180, 178, 178, 0.19);
  box-sizing: border-box;
}
.pc-floating .telephone-bd .qr-code-pic {
  width: 110px;
  height: 110px;
  padding: 8px;
  margin: 0 auto;
  background: linear-gradient(303deg, #596CF3, #B6F5FC);
  border-radius: 6px;
  box-sizing: border-box;
}
.pc-floating .telephone-bd .qr-code-pic img {
  border-radius: 3px;
}
.pc-floating .telephone-bd .qr-code-txt {
  padding: 4px 0 8px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  color: #999;
  border-bottom: 1px dashed #D4D4D4;
}
.pc-floating .telephone-bd .contact {
  padding-top: 8px;
  text-align: center;
}
.pc-floating .telephone-bd .text {
  line-height: 20px;
  font-size: 12px;
  color: #999;
}
.pc-floating .telephone-bd .tt {
  line-height: 20px;
  font-size: 14px;
  color: #666;
}
.pc-floating .telephone-bd .phone {
  position: relative;
  width: 100px;
  margin: 0 auto 20px;
  padding-left: 14px;
  color: #00a0e9;
  line-height: 20px;
  text-align: left;
  font-size: 12px;
  white-space: nowrap;
}
.pc-floating .telephone-bd .phone::before {
  position: absolute;
  left: 0;
  top: 5px;
  content: '';
  width: 10px;
  height: 10px;
  background: url(/static/assets/img/pay-mode-t.png) left center no-repeat;
  background-size: 100%;
}
.pc-floating .telephone:hover .telephone-hd {
  background-color: rgba(0, 160, 233, 0.05);
}
.pc-floating .telephone:hover .telephone-bd {
  display: block;
}
.pc-floating .go-top {
  position: relative;
  height: 36px;
  line-height: 36px;
  padding-top: 4px;
  text-align: center;
  color: #00a0e9;
  font-size: 16px;
  background: linear-gradient(303deg, rgba(89, 108, 243, 0.12), rgba(182, 245, 252, 0.12));
  border-radius: 0 0 6px 6px;
  box-sizing: content-box;
  cursor: pointer;
}
.pc-floating .go-top::before {
  position: absolute;
  left: 50%;
  top: 2px;
  content: '';
  width: 0;
  height: 0;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #00a0e9 transparent;
}

.news {
  min-height: calc(100vh - 363px);
}
.news-wrap {
  display: flex;
}
.news-list {
  flex: 1;
  overflow: hidden;
}
.news-item {
  display: flex;
  padding: 20px;
  background: #fff;
  border-bottom: 1px solid #f5f5f5;
}
.news-item-pic {
  width: 210px;
  height: 140px;
  margin-right: 20px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 80%;
  flex-shrink: 0;
}
.news-item-pic img {
  object-fit: cover;
  transition: all 1s;
}
.news-item-pic:hover img {
  transform: scale(1.05);
  opacity: 0.85;
}
.news-item-info {
  flex: 1;
  overflow: hidden;
}
.news-item-info .title {
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.news-item-info .desc {
  max-height: 40px;
  margin: 10px 0 20px;
  line-height: 20px;
  color: #aaa;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-item-info .tag-line {
  margin-bottom: 10px;
  line-height: 20px;
}
.news-item-info .tag-item {
  display: inline-block;
  vertical-align: top;
  padding: 0 5px;
  margin-right: 5px;
  font-size: 12px;
  color: #66bfff;
  background: #f0faff;
  border-radius: 3px;
}
.news-item-info .count-line {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  overflow: hidden;
}
.news-item-info .count-item {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  color: #bbb;
}
.news-item-info .count-item i {
  margin-right: 5px;
  font-size: 14px;
}
.news-item-info .count-item.date-time {
  float: right;
  margin-right: 0;
}
.news-item:hover .title {
  color: #00a0e9;
}
.news-hot-item {
  display: flex;
  padding: 5px 0;
  margin-top: 5px;
}
.news-hot-item .pic {
  width: 60px;
  height: 40px;
  margin-right: 10px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 80%;
  flex-shrink: 0;
}
.news-hot-item .pic img {
  object-fit: cover;
}
.news-hot-item .title {
  height: 40px;
  line-height: 20px;
  font-size: 12px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-hot-item:hover .title {
  color: #00a0e9;
}
.news-detail {
  flex: 1;
}
.news-detail-wrap {
  padding: 20px;
  background: #fff;
}
.news-detail .title {
  line-height: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #333;
}
.news-detail .controls {
  margin-top: 10px;
  height: 20px;
  overflow: hidden;
}
.news-detail .controls-item {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  line-height: 20px;
  font-size: 13px;
  color: #aaa;
  cursor: pointer;
}
.news-detail .controls-item i {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-right: 4px;
  text-align: center;
  font-size: 14px;
}
.news-detail .controls .right-side {
  float: right;
}
.news-detail .controls .date-time,
.news-detail .controls .browse {
  cursor: default;
}
.news-detail .controls .collect.on,
.news-detail .controls .collect:hover {
  color: #666;
}
.news-detail .controls .collect.on i,
.news-detail .controls .collect:hover i {
  color: #ffb259;
}
.news-detail .controls .comment.on,
.news-detail .controls .comment:hover {
  color: #666;
}
.news-detail .controls .comment.on i,
.news-detail .controls .comment:hover i {
  color: #59c8ff;
}
.news-detail .controls .like.on,
.news-detail .controls .like:hover {
  color: #666;
}
.news-detail .controls .like.on i,
.news-detail .controls .like:hover i {
  color: #ff6666;
}
.news-detail .description {
  padding: 10px 15px;
  margin-top: 10px;
  line-height: 20px;
  font-size: 12px;
  color: #999;
  background: #fafafa;
  border: 1px dashed #ddd;
  border-radius: 4px;
}
.news-detail .content-area {
  padding: 20px 0;
  line-height: 26px;
  font-size: 16px;
  color: #333;
}
.news-detail .content-area img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.news-detail .content-area p {
  padding: 5px 0;
  text-align: justify;
}
.subpage-sidebar {
  width: 220px;
  margin-right: 20px;
  flex-shrink: 0;
}
.subpage-sidebar .sidebar-module {
  padding: 10px 15px;
  margin-bottom: 20px;
  background: #fff;
}
.subpage-sidebar .sidebar-module .mt {
  line-height: 20px;
  font-size: 15px;
  font-weight: bold;
  color: #333;
}
.subpage-sidebar .sidebar-menu {
  padding-top: 10px;
}
.subpage-sidebar .sidebar-menu .menu-item {
  position: relative;
  display: block;
  height: 30px;
  line-height: 30px;
  margin-bottom: 5px;
  text-align: center;
  background: #f5f5f5;
  transition: all 0.3s;
}
.subpage-sidebar .sidebar-menu .menu-item:hover {
  color: #00a0e9;
  background: #f0faff;
}
.subpage-sidebar .sidebar-menu .menu-item.on {
  color: #fff;
  background: #00a0e9;
}
.subpage-sidebar .sidebar-menu .menu-item.on::before {
  position: absolute;
  top: 50%;
  right: 5px;
  content: '';
  width: 0;
  height: 0;
  margin-top: -4px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}
.guess-like-item {
  display: flex;
  padding: 5px 0;
  margin-top: 5px;
}
.guess-like-item .pic {
  width: 90px;
  height: 60px;
  margin-right: 10px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 80%;
  flex-shrink: 0;
}
.guess-like-item .pic img {
  object-fit: cover;
}
.guess-like-item .info {
  flex: 1;
  overflow: hidden;
}
.guess-like-item .title {
  height: 32px;
  line-height: 16px;
  margin-bottom: 8px;
  font-size: 12px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.guess-like-item .price {
  color: #ff9900;
}
.guess-like-item:hover .title {
  color: #00a0e9;
}

.perip-header {
  position: relative;
  z-index: 10;
  background: #fff;
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3);
}
.perip-banner {
  margin: 20px 0 40px;
  overflow: hidden;
}
.perip-banner .m-sidenav {
  float: left;
  background: #fff;
}
.perip-banner-box {
  float: left;
  position: relative;
  width: 900px;
  height: 340px;
  overflow: hidden;
}
.perip-banner-box .sw-bd {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}
.perip-banner-box .sw-item {
  position: relative;
  width: 100%;
  flex-shrink: 0;
}
.perip-banner-box .sw-ft {
  position: absolute;
  left: 0;
  bottom: 20px;
  z-index: 5;
  width: 100%;
  height: 10px;
  text-align: center;
}
.perip-banner-box .sw-ft .tag {
  display: inline-block;
  vertical-align: top;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 10px;
  background: #fff;
  opacity: 0.6;
  transition: all 0.3s;
}
.perip-banner-box .sw-ft .tag.on {
  width: 24px;
  opacity: 1;
}
.perip-module {
  margin-bottom: 40px;
}
.perip-module .mt {
  position: relative;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}
.perip-module .mt strong {
  display: inline-block;
  padding-bottom: 8px;
  font-size: 24px;
  font-weight: normal;
  color: #111;
}
.perip-module .mt a {
  float: right;
  color: #999;
}
.perip-module .tabs-bar {
  position: absolute;
  left: 140px;
  top: 0;
}
.perip-module .tabs-bar-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 4px;
  margin-top: 4px;
  margin-right: 40px;
  line-height: 20px;
  font-size: 18px;
  cursor: pointer;
}
.perip-module .tabs-bar-item:hover {
  color: #00a0e9;
}
.perip-module .tabs-bar-item.on {
  font-weight: bold;
  color: #00a0e9;
  border-bottom: 2px solid #00a0e9;
}
.perip-tab-cont .perip-pd-list {
  display: none;
}
.perip-tab-cont .perip-pd-list:first-child {
  display: block;
}
.perip-pd-list {
  margin-right: -20px;
}
.perip-pd-list::before,
.perip-pd-list::after {
  content: '';
  display: table;
}
.perip-pd-list::after {
  clear: both;
}
.perip-pd-item {
  display: block;
  float: left;
  width: 285px;
  margin-top: 20px;
  margin-right: 20px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.perip-pd-item .pic {
  width: 285px;
  height: 180px;
  overflow: hidden;
}
.perip-pd-item .pic img {
  -webkit-transition: all 1s;
  transition: all 1s;
  object-fit: cover;
}
.perip-pd-item .info {
  padding: 5px 15px 10px;
}
.perip-pd-item .title {
  height: 40px;
  line-height: 20px;
  font-size: 16px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.perip-pd-item .price {
  margin-top: 10px;
  line-height: 20px;
  font-size: 18px;
  color: #f80;
}
.perip-pd-item .price em {
  margin-left: 2px;
  font-size: 12px;
  color: #aaa;
}
.perip-pd-item:hover {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.perip-pd-item:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  opacity: 0.9;
}
.perip-pd-item:hover .title {
  color: #00a0e9;
}
.perip-list {
  display: -webkit-flex;
  display: flex;
}
.perip-list-wrap {
  -webkit-flex: 1;
  flex: 1;
  margin-bottom: 20px;
  background: #fff;
  overflow: hidden;
}
.perip-list-item {
  display: -webkit-flex;
  display: flex;
  padding: 20px;
  border-bottom: 1px solid #f5f5f5;
}
.perip-list-item .pic {
  width: 220px;
  height: 140px;
  margin-right: 20px;
  overflow: hidden;
}
.perip-list-item .pic img {
  object-fit: cover;
}
.perip-list-item .info {
  position: relative;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.perip-list-item .title {
  line-height: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.perip-list-item .desc {
  margin: 5px 0;
  line-height: 20px;
  color: #aaa;
}
.perip-list-item .feature span {
  display: inline-block;
  vertical-align: top;
  height: 18px;
  line-height: 18px;
  padding: 0 5px;
  margin-right: 5px;
  font-size: 12px;
  color: #00a0e9;
  border-radius: 3px;
  border: 1px solid #9cf;
  box-sizing: content-box;
}
.perip-list-item .other {
  margin-top: 10px;
  margin-bottom: 20px;
  line-height: 20px;
}
.perip-list-item .other span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
}
.perip-list-item .other span::before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background: #e5e5e5;
}
.perip-list-item .other span:first-child {
  padding-left: 0;
}
.perip-list-item .other span:first-child::before {
  display: none;
}
.perip-list-item .price {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
  height: 30px;
  line-height: 30px;
}
.perip-list-item .price span,
.perip-list-item .price b {
  font-size: 18px;
  font-family: Arial;
  color: #f80;
}
.perip-list-item .price b {
  font-size: 26px;
}
.perip-list-item .price em {
  margin-left: 2px;
  font-size: 12px;
  color: #aaa;
}
.perip-list-item .rate {
  line-height: 16px;
  font-size: 12px;
}
.perip-list-item .rate span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  color: #aaa;
}
.perip-list-item .rate span::before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  width: 1px;
  height: 12px;
  margin-top: -6px;
  background: #e5e5e5;
}
.perip-list-item .rate span:first-child {
  padding-left: 0;
}
.perip-list-item .rate span:first-child::before {
  display: none;
}
.perip-list-item .rate em {
  color: #666;
}
.perip-list-item:hover {
  background: #fafafa;
}
.perip-list-item:hover .title {
  color: #00a0e9;
}
.perip-list-side {
  width: 260px;
  margin-left: 20px;
}
.perip-side-module {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
}
.perip-side-module .mt {
  margin-bottom: 10px;
}
.perip-side-module .mt strong {
  font-size: 16px;
  color: #333;
}
.perip-side-module .hot-item {
  margin-bottom: 10px;
  display: -webkit-flex;
  display: flex;
}
.perip-side-module .hot-item .pic {
  width: 60px;
  height: 40px;
  margin-right: 10px;
  overflow: hidden;
}
.perip-side-module .hot-item .info {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.perip-side-module .hot-item .tt {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.perip-side-module .hot-item .price {
  color: #f80;
  font-family: Arial;
}
.perip-side-module .hot-item:last-child {
  margin-bottom: 0;
}
.perip-side-module .hot-item:hover .tt {
  color: #00a0e9;
}

.search-result {
  margin: 20px 0;
  background: #fff;
}
.search-result-head {
  line-height: 20px;
  padding: 10px 20px;
}
.search-result-head > span {
  display: inline-block;
  margin-right: 20px;
  color: #09e;
}
.search-result-cont .route-item {
  display: -webkit-flex;
  display: flex;
  padding: 20px;
  border-bottom: 1px dashed #eee;
}
.search-result-cont .route-item:last-child {
  border-bottom: none;
}
.search-result-cont .route-item .pic {
  width: 150px;
  height: 100px;
  margin-right: 20px;
  overflow: hidden;
}
.search-result-cont .route-item .pic img {
  object-fit: cover;
}
.search-result-cont .route-item .info {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.search-result-cont .route-item .title {
  line-height: 25px;
  padding-bottom: 5px;
  font-size: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.search-result-cont .route-item .desc {
  line-height: 20px;
  color: #aaa;
}
.search-result-cont .empty {
  padding: 50px 0;
  text-align: center;
}
.search-result-cont .empty .icon {
  display: inline-block;
}
.search-result-cont .empty p {
  color: #aaa;
}

.ticket-header {
  position: relative;
  z-index: 10;
  background: #fff;
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3);
}
.ticket-banner {
  position: relative;
  width: 100%;
  height: 360px;
}
.ticket-bd {
  position: relative;
  z-index: 2;
  width: 1200px;
  margin: -350px auto 0;
}
.ticket-bd .sidenav-item .desc {
  height: 36px;
  line-height: 18px;
}
.ticket-module {
  margin-bottom: 40px;
}
.ticket-module .mt {
  position: relative;
  height: 30px;
  line-height: 30px;
  padding-bottom: 8px;
  border-bottom: 2px solid #e5e5e5;
  box-sizing: content-box;
}
.ticket-module .mt strong {
  display: inline-block;
  padding-bottom: 8px;
  font-size: 24px;
  font-weight: normal;
  color: #333;
  border-bottom: 2px solid #00a0e9;
}
.ticket-module .mt .tabs-bar {
  position: absolute;
  left: 300px;
  top: 0;
}
.ticket-module .mt .tabs-bar-item {
  position: relative;
  display: inline-block;
  padding-top: 10px;
  margin-right: 20px;
  line-height: 20px;
  cursor: pointer;
}
.ticket-module .mt .tabs-bar-item.on {
  padding-bottom: 8px;
  border-bottom: 2px solid #00a0e9;
}
.ticket-module .mt .tabs-bar-item.on::before,
.ticket-module .mt .tabs-bar-item.on::after {
  position: absolute;
  left: 50%;
  bottom: -2px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
}
.ticket-module .mt .tabs-bar-item.on::before {
  margin-left: -6px;
  border-width: 6px;
  border-color: transparent transparent #00a0e9 transparent;
}
.ticket-module .mt .tabs-bar-item.on::after {
  margin-left: -4px;
  border-width: 4px;
  border-color: transparent transparent #fff transparent;
}
.ticket-module .mt .more {
  position: absolute;
  right: 0;
  padding-top: 10px;
  line-height: 20px;
  color: #aaa;
}
.ticket-module .mt .more:hover {
  color: #00a0e9;
}
.ticket-hot {
  margin-top: 20px;
}
.ticket-hot-list {
  margin-right: -20px;
}
.ticket-hot-list::before,
.ticket-hot-list::after {
  content: '';
  display: table;
}
.ticket-hot-list::after {
  clear: both;
}
.ticket-hot-item {
  float: left;
  display: block;
  width: 285px;
  margin-top: 20px;
  margin-right: 20px;
  -webkit-transiton: all 0.3s;
  transition: all 0.3s;
}
.ticket-hot-item .pic {
  width: 285px;
  height: 180px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 60%;
}
.ticket-hot-item .pic img {
  object-fit: cover;
  -webkit-transiton: all 1s;
  transition: all 1s;
}
.ticket-hot-item .info {
  padding: 10px 15px;
  border: 1px solid #f0f0f0;
}
.ticket-hot-item .title {
  font-size: 15px;
  font-weight: bold;
  color: #333;
}
.ticket-hot-item .desc {
  font-size: 12px;
  color: #aaa;
}
.ticket-hot-item .title,
.ticket-hot-item .desc {
  height: 20px;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ticket-hot-item .price {
  height: 20px;
  line-height: 20px;
  margin-top: 10px;
  color: #f80;
  font-size: 18px;
}
.ticket-hot-item .price em {
  margin-left: 2px;
  font-size: 12px;
  color: #666;
}
.ticket-hot-item:hover {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.ticket-hot-item:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  opacity: 0.9;
}
.ticket-hot-item:hover .title {
  color: #00a0e9;
}
.ticket-recommend-wrap {
  overflow: hidden;
}
.ticket-recommend-side {
  position: relative;
  float: left;
  width: 300px;
  height: 410px;
  padding: 20px;
  background: #f5f5f5;
  box-sizing: border-box;
  overflow: hidden;
}
.ticket-recommend-side .tt {
  position: relative;
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  text-align: center;
}
.ticket-recommend-side .tt strong {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 10px;
  font-size: 16px;
  font-weight: normal;
  background: #f5f5f5;
}
.ticket-recommend-side .tt::before {
  position: absolute;
  left: 50%;
  top: 10px;
  content: '';
  width: 200px;
  height: 1px;
  margin-left: -100px;
  background: #ddd;
}
.ticket-recommend-side .item {
  display: inline-block;
  height: 24px;
  line-height: 19px;
  font-size: 12px;
  padding: 2px 10px;
  margin: 5px;
  border: 1px solid #ddd;
  border-radius: 15px;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  box-sizing: border-box;
}
.ticket-recommend-side .item:hover {
  color: #00a0e9;
  border-color: #00a0e9;
  background: #fff;
}
.ticket-recommend-side .side-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 300px;
  text-align: center;
}
.ticket-recommend-side .side-bg img {
  display: inline-block;
  vertical-align: top;
}
.ticket-recommend-cont {
  float: left;
}
.ticket-recommend-list {
  display: none;
  width: 900px;
  overflow: hidden;
}
.ticket-recommend-list:first-child {
  display: block;
}
.ticket-recommend-item {
  float: left;
  display: block;
  width: 205px;
  height: 185px;
  margin-top: 20px;
  margin-left: 20px;
}
.ticket-recommend-item .pic {
  width: 205px;
  height: 130px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 60%;
}
.ticket-recommend-item .pic img {
  object-fit: cover;
}
.ticket-recommend-item .info {
  padding: 4px 10px;
  border: 1px solid #fff;
  background: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ticket-recommend-item .title {
  height: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.ticket-recommend-item .desc {
  height: 0;
  font-size: 12px;
  color: #aaa;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ticket-recommend-item .title,
.ticket-recommend-item .desc {
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ticket-recommend-item .price {
  height: 20px;
  line-height: 20px;
  margin-top: 5px;
  color: #f80;
  font-size: 16px;
}
.ticket-recommend-item .price em {
  margin-left: 2px;
  font-size: 12px;
  color: #666;
}
.ticket-recommend-item:hover .info {
  border-color: #f0f0f0;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}
.ticket-recommend-item:hover .title {
  color: #00a0e9;
}
.ticket-recommend-item:hover .desc {
  height: 20px;
}
.ticket-list {
  display: -webkit-flex;
  display: flex;
}
.ticket-list-wrap {
  margin-bottom: 10px;
  -webkit-flex: 1;
  flex: 1;
}
.ticket-list-item {
  position: relative;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #eee;
}
.ticket-list-item::before,
.ticket-list-item::after {
  position: absolute;
  right: 191px;
  content: '';
  width: 16px;
  height: 8px;
  background: #f5f5f5;
  border: 1px solid #eee;
  box-sizing: content-box;
}
.ticket-list-item::before {
  top: -1px;
  border-radius: 0 0 16px 16px;
  border-top: none;
}
.ticket-list-item::after {
  bottom: -1px;
  border-radius: 16px 16px 0 0;
  border-bottom: none;
}
.ticket-list-item .pic {
  display: block;
  width: 210px;
  height: 140px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 60%;
}
.ticket-list-item .pic img {
  object-fit: cover;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.ticket-list-item .pic:hover img {
  opacity: 0.9;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.ticket-list-item .info {
  -webkit-flex: 1;
  flex: 1;
  padding: 15px 20px;
}
.ticket-list-item .tt-hd {
  height: 20px;
  line-height: 20px;
  display: -webkit-flex;
  display: flex;
}
.ticket-list-item .title {
  max-width: 410px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.ticket-list-item .title:hover {
  color: #00a0e9;
}
.ticket-list-item .subinfo {
  flex-shrink: 0;
}
.ticket-list-item .subinfo span {
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
}
.ticket-list-item .subinfo .level {
  font-weight: bold;
  color: #f70;
}
.ticket-list-item .subinfo .area {
  color: #888;
}
.ticket-list-item .desc {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ticket-list-item .detail {
  margin-top: 10px;
}
.ticket-list-item .detail dl {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  display: -webkit-flex;
  display: flex;
}
.ticket-list-item .detail dt {
  width: 60px;
  color: #999;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.ticket-list-item .detail .look-map {
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
  color: #08e;
}
.ticket-list-item .detail .look-map i {
  margin-right: 3px;
  font-size: 12px;
}
.ticket-list-item .flexible {
  position: relative;
  max-width: 380px;
  height: 16px;
  line-height: 16px;
  padding: 2px 20px 2px 5px;
  margin-left: -5px;
  background: #fff;
  overflow: hidden;
  cursor: default;
  box-sizing: content-box;
}
.ticket-list-item .flexible .arrow {
  display: none;
  position: absolute;
  right: 5px;
  top: 6px;
  width: 4px;
  height: 4px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-sizing: content-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ticket-list-item .flexible.on .arrow {
  display: block;
}
.ticket-list-item .flexible.on:hover {
  z-index: 10;
  height: auto;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.ticket-list-item .sale-info {
  width: 160px;
  padding: 15px 20px;
  border-left: 1px dashed #eee;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.ticket-list-item .price {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.ticket-list-item .price span,
.ticket-list-item .price b {
  font-size: 18px;
  font-family: Arial;
  color: #f80;
}
.ticket-list-item .price b {
  font-size: 26px;
}
.ticket-list-item .price em {
  margin-left: 2px;
  font-size: 12px;
  color: #aaa;
}
.ticket-list-item .btn-look {
  display: block;
  width: 90px;
  height: 30px;
  line-height: 30px;
  margin: 5px auto 10px;
  text-align: center;
  color: #fff;
  background: #f80;
  border-radius: 4px;
}
.ticket-list-item .btn-look:hover {
  background: #f70;
}
.ticket-list-item .rate {
  line-height: 16px;
  text-align: center;
  font-size: 12px;
}
.ticket-list-item .rate span {
  display: inline-block;
  padding-right: 6px;
  margin-right: 6px;
  border-right: 1px solid #eee;
  color: #aaa;
}
.ticket-list-item .rate span:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}
.ticket-list-item .rate em {
  color: #666;
}
.ticket-list-side {
  width: 220px;
  margin-left: 20px;
}
.ticket-side-module {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
}
.ticket-side-module .mt {
  margin-bottom: 10px;
}
.ticket-side-module .mt strong {
  font-size: 16px;
  color: #333;
}
.ticket-side-module .trait-item {
  padding: 10px 0;
  display: -webkit-flex;
  display: flex;
}
.ticket-side-module .trait-item .icon {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-top: 5px;
  margin-right: 10px;
  text-align: center;
  font-size: 28px;
  color: #00a0e9;
}
.ticket-side-module .trait-item .info {
  -webkit-flex: 1;
  flex: 1;
  line-height: 20px;
  overflow: hidden;
}
.ticket-side-module .trait-item h4 {
  font-size: 15px;
}
.ticket-side-module .trait-item p {
  font-size: 12px;
  color: #999;
}
.ticket-side-module .hot-item {
  margin-bottom: 10px;
  display: -webkit-flex;
  display: flex;
}
.ticket-side-module .hot-item .pic {
  width: 60px;
  height: 40px;
  margin-right: 10px;
  overflow: hidden;
}
.ticket-side-module .hot-item .info {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.ticket-side-module .hot-item .tt {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ticket-side-module .hot-item .price {
  color: #f80;
  font-family: Arial;
}
.ticket-side-module .hot-item:last-child {
  margin-bottom: 0;
}
.ticket-side-module .hot-item:hover .tt {
  color: #00a0e9;
}
.ticket-detail .gallery {
  width: 570px;
  margin-right: 20px;
  overflow: hidden;
}
.ticket-detail .gallery-left {
  float: left;
  position: relative;
  width: 480px;
  height: 320px;
  margin-right: 9px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 50%;
}
.ticket-detail .gallery-left .sw-bd {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}
.ticket-detail .gallery-left .sw-bd .sw-item {
  position: relative;
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
}
.ticket-detail .gallery-left .sw-bd .sw-item img {
  width: 100%;
}
.ticket-detail .gallery-right {
  float: left;
  position: relative;
  width: 81px;
  height: 320px;
  overflow: hidden;
}
.ticket-detail .gallery-right-img {
  position: relative;
  width: 81px;
  height: 295px;
  overflow: hidden;
}
.ticket-detail .gallery-right .sw-bd {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.ticket-detail .gallery-right .sw-bd .sw-item {
  position: relative;
  width: 81px;
  height: 54px;
  overflow: hidden;
  cursor: pointer;
}
.ticket-detail .gallery-right .sw-bd .sw-item.on::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 81px;
  height: 54px;
  border: 2px solid #f80;
  box-sizing: border-box;
}
.ticket-detail .gallery-right .prev,
.ticket-detail .gallery-right .next {
  position: absolute;
  bottom: 0;
  width: 40px;
  height: 25px;
  background: #eee;
  cursor: pointer;
}
.ticket-detail .gallery-right .prev::before,
.ticket-detail .gallery-right .next::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 10px;
  height: 10px;
  margin-left: -5px;
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  box-sizing: content-box;
}
.ticket-detail .gallery-right .prev:hover,
.ticket-detail .gallery-right .next:hover {
  background: #e5e5e5;
}
.ticket-detail .gallery-right .prev:hover::before,
.ticket-detail .gallery-right .next:hover::before {
  border-color: #aaa;
}
.ticket-detail .gallery-right .prev {
  left: 0;
}
.ticket-detail .gallery-right .prev::before {
  margin-top: -2px;
  transform: rotate(-45deg);
}
.ticket-detail .gallery-right .next {
  right: 0;
}
.ticket-detail .gallery-right .next::before {
  margin-top: -8px;
  transform: rotate(135deg);
}
.ticket-detail-head {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
  display: -webkit-flex;
  display: flex;
}
.ticket-detail-head .info {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.ticket-detail-head .tt-hd {
  display: -webkit-flex;
  display: flex;
}
.ticket-detail-head .title {
  flex: 1;
  max-height: 60px;
  line-height: 30px;
  font-size: 28px;
  color: #333;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ticket-detail-head .subinfo {
  padding-top: 10px;
  margin-left: 10px;
  line-height: 20px;
  white-space: nowrap;
}
.ticket-detail-head .subinfo span {
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
}
.ticket-detail-head .subinfo .level {
  font-weight: bold;
  color: #f70;
}
.ticket-detail-head .subinfo .area {
  color: #888;
}
.ticket-detail-head .desc {
  line-height: 20px;
  margin-top: 10px;
  color: #aaa;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ticket-detail-head .detail {
  flex: 1;
  margin: 20px 0;
}
.ticket-detail-head .detail dl {
  line-height: 20px;
  font-size: 12px;
  display: -webkit-flex;
  display: flex;
}
.ticket-detail-head .detail dt {
  width: 60px;
  color: #999;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.ticket-detail-head .detail .look-map {
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
  color: #08e;
}
.ticket-detail-head .detail .look-map i {
  margin-right: 3px;
  font-size: 12px;
}
.ticket-detail-head .sale-info {
  height: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.ticket-detail-head .rate {
  line-height: 20px;
  padding-top: 10px;
}
.ticket-detail-head .rate span {
  display: inline-block;
  padding-right: 6px;
  margin-right: 6px;
  border-right: 1px solid #eee;
  color: #aaa;
}
.ticket-detail-head .rate span:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}
.ticket-detail-head .rate em {
  color: #666;
}
.ticket-detail-head .price {
  height: 40px;
  line-height: 40px;
  text-align: right;
}
.ticket-detail-head .price span,
.ticket-detail-head .price b {
  font-size: 24px;
  font-family: Arial;
  color: #f80;
}
.ticket-detail-head .price b {
  font-size: 36px;
}
.ticket-detail-head .price em {
  margin-left: 2px;
  font-size: 12px;
  color: #aaa;
}
.ticket-detail .detail-nav {
  padding: 0 20px;
  height: 50px;
  background: #fff;
  border-bottom: 1px solid #f5f5f5;
  box-sizing: border-box;
}
.ticket-detail .detail-nav-item {
  display: inline-block;
  vertical-align: top;
  height: 50px;
  line-height: 50px;
  margin: 0 20px;
  font-size: 16px;
  font-weight: 700;
  box-sizing: border-box;
  cursor: pointer;
}
.ticket-detail .detail-nav-item:hover {
  color: #00a0e9;
}
.ticket-detail .detail-nav-item.on {
  color: #00a0e9;
  border-bottom: 2px solid #00a0e9;
}
.ticket-detail .detail-nav.tofixed {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 1200px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.ticket-detail-module {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
  overflow: hidden;
}
.ticket-detail-module .mt {
  position: relative;
  height: 20px;
  line-height: 20px;
  padding-left: 10px;
  margin-bottom: 10px;
}
.ticket-detail-module .mt strong {
  font-size: 18px;
  color: #333;
}
.ticket-detail-module .mt::before {
  position: absolute;
  left: 0;
  top: 3px;
  content: '';
  width: 3px;
  height: 14px;
  background: #00a0e9;
}
.ticket-detail-module img {
  max-width: 100%;
}
.ticket-group {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
}
.ticket-group-head {
  display: -webkit-flex;
  display: flex;
}
.ticket-group-head .cell {
  -webkit-flex: 1;
  flex: 1;
  padding: 0 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  color: #aaa;
}
.ticket-group-list {
  display: -webkit-flex;
  display: flex;
  border-bottom: 1px solid #eee;
}
.ticket-group-list:last-child {
  border-bottom: none;
}
.ticket-group-list .group-wrap {
  -webkit-flex: 1;
  flex: 1;
}
.ticket-group-type {
  width: 80px;
  padding: 10px;
  line-height: 30px;
  color: #999;
  border-right: 1px solid #f5f5f5;
  box-sizing: content-box;
}
.ticket-group-item {
  padding: 10px 0 10px 20px;
  border-bottom: 1px dashed #eee;
}
.ticket-group-item:last-child {
  border-bottom: none;
}
.ticket-group-item .item-dt {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.ticket-group-item .tt {
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
.ticket-group-item .name {
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}
.ticket-group-item .name:hover {
  color: #00a0e9;
}
.ticket-group-item .arrow {
  display: inline-block;
  vertical-align: top;
  width: 7px;
  height: 7px;
  margin-left: 10px;
  margin-top: 7px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  box-sizing: content-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ticket-group-item .arrow.on {
  margin-top: 11px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.ticket-group-item .time,
.ticket-group-item .price,
.ticket-group-item .buy-btn {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.ticket-group-item .time {
  text-align: center;
}
.ticket-group-item .price {
  line-height: 30px;
}
.ticket-group-item .price span,
.ticket-group-item .price b {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  font-family: Arial;
  color: #f80;
}
.ticket-group-item .price b {
  margin: 0 2px;
  font-size: 24px;
}
.ticket-group-item .price em {
  font-size: 12px;
  color: #aaa;
}
.ticket-group-item .buy-btn {
  display: inline-block;
  width: 80px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: #f80;
  border-radius: 4px;
}
.ticket-group-item .buy-btn:hover {
  background: #f70;
}
.ticket-group-item .item-dd {
  position: relative;
  padding: 20px;
  margin-top: 10px;
  font-size: 12px;
  line-height: 20px;
  background: #fffcf6;
  border: 1px solid #fc6;
}
.ticket-group-item .item-dd::before,
.ticket-group-item .item-dd::after {
  position: absolute;
  left: 40px;
  top: -12px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
}
.ticket-group-item .item-dd::before {
  border-width: 6px;
  border-color: transparent transparent #fc6 transparent;
}
.ticket-group-item .item-dd::after {
  margin-left: 1px;
  margin-top: 2px;
  border-width: 5px;
  border-color: transparent transparent #fffcf6 transparent;
}
.ticket-group-item .item-dd .li {
  margin-bottom: 10px;
}
.ticket-group-item .item-dd .li:last-child {
  margin-bottom: 0;
}
.ticket-group .w100 {
  width: 100px;
  padding: 0 20px;
  box-sizing: content-box;
  text-align: center;
  -webkit-flex: initial;
  flex: initial;
}
.ticket-group .w200 {
  width: 200px;
  padding: 0 20px;
  text-align: center;
  box-sizing: content-box;
  -webkit-flex: initial;
  flex: initial;
}
.ticket-booking .ticket-li {
  position: relative;
  padding-top: 20px;
  border-top: 1px dashed #eee;
}
.ticket-booking .ticket-li:first-child {
  padding-top: 0;
  border-top: none;
}
.ticket-booking .ticket-li .del-btn {
  position: absolute;
  z-index: 10;
  bottom: 0;
  right: 20px;
  font-size: 16px;
  color: #ff4c4c;
  padding: 0 10px;
  border: 1px solid #ff4c4c;
  border-radius: 4px;
  cursor: pointer;
}
.ticket-booking .ticket-li .del-btn:hover {
  background: rgba(255, 76, 76, 0.05);
}
.ticket-booking-head {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.ticket-booking-head .title {
  display: -webkit-flex;
  display: flex;
  cursor: pointer;
}
.ticket-booking-head .tt {
  line-height: 30px;
  font-size: 24px;
  color: #333;
}
.ticket-booking-head .arrow {
  display: inline-block;
  vertical-align: top;
  width: 7px;
  height: 7px;
  margin-left: 10px;
  margin-top: 10px;
  margin-right: 10px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  box-sizing: content-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ticket-booking-head .arrow.on {
  margin-top: 14px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.ticket-booking-head .tag {
  display: inline-block;
  vertical-align: top;
  height: 18px;
  line-height: 18px;
  padding: 0 5px;
  margin-left: 5px;
  margin-top: 5px;
  font-size: 12px;
  color: #00a0e9;
  border-radius: 3px;
  border: 1px solid #99ccff;
  box-sizing: content-box;
  white-space: nowrap;
}
.ticket-booking-head .desc {
  position: relative;
  padding: 20px;
  margin-top: 10px;
  font-size: 12px;
  line-height: 20px;
  background: #fffcf6;
  border: 1px solid #fc6;
}
.ticket-booking-head .desc::before,
.ticket-booking-head .desc::after {
  position: absolute;
  left: 40px;
  top: -12px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
}
.ticket-booking-head .desc::before {
  border-width: 6px;
  border-color: transparent transparent #fc6 transparent;
}
.ticket-booking-head .desc::after {
  margin-left: 1px;
  margin-top: 2px;
  border-width: 5px;
  border-color: transparent transparent #fffcf6 transparent;
}
.ticket-booking-head .desc .li {
  margin-bottom: 10px;
}
.ticket-booking-head .desc .li:last-child {
  margin-bottom: 0;
}
.ticket-booking-popup .popup-cont {
  padding: 20px;
}
.ticket-booking-popup-table {
  border: 1px solid #eee;
}
.ticket-booking-popup-table .table-hd {
  display: -webkit-flex;
  display: flex;
  height: 30px;
  line-height: 30px;
  background: #fafafa;
}
.ticket-booking-popup-table .table-hd .cell {
  width: 120px;
  text-align: center;
  color: #aaa;
  border-left: 1px solid #eee;
}
.ticket-booking-popup-table .table-hd .cell:first-child {
  -webkit-flex: 1;
  flex: 1;
  border-left: none;
}
.ticket-booking-popup-table .table-bd {
  max-height: 400px;
  overflow-y: auto;
}
.ticket-booking-popup-table .table-row {
  display: -webkit-flex;
  display: flex;
  border-top: 1px solid #eee;
}
.ticket-booking-popup-table .table-row-l {
  width: 80px;
  padding: 10px 5px;
  line-height: 20px;
  text-align: center;
  color: #aaa;
  border-right: 1px solid #eee;
  box-sizing: border-box;
}
.ticket-booking-popup-table .table-row-r {
  -webkit-flex: 1;
  flex: 1;
}
.ticket-booking-popup-table .table-row-li {
  position: relative;
  border-bottom: 1px solid #eee;
}
.ticket-booking-popup-table .table-row-li:last-child {
  border-bottom: none;
}
.ticket-booking-popup-table .table-row-li-dt {
  display: -webkit-flex;
  display: flex;
}
.ticket-booking-popup-table .table-row-li-dt .title {
  display: -webkit-flex;
  display: flex;
  cursor: pointer;
}
.ticket-booking-popup-table .table-row-li-dt .tt {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ticket-booking-popup-table .table-row-li-dt .arrow {
  display: inline-block;
  vertical-align: top;
  width: 7px;
  height: 7px;
  margin-left: 10px;
  margin-top: 8px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  box-sizing: content-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ticket-booking-popup-table .table-row-li-dt .arrow.on {
  margin-top: 12px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.ticket-booking-popup-table .table-row-li-dt .price {
  color: #f80;
}
.ticket-booking-popup-table .table-row-li-dt .btn {
  display: inline-block;
  vertical-align: top;
  width: 60px;
  height: 22px;
  line-height: 22px;
  margin: 3px 0;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background: #f80;
  border: 1px solid #f80;
  cursor: pointer;
  box-sizing: content-box;
}
.ticket-booking-popup-table .table-row-li-dt .btn.on {
  color: #f80;
  background: #fff;
}
.ticket-booking-popup-table .table-row-li .cell {
  width: 120px;
  padding: 5px 10px;
  height: 40px;
  line-height: 30px;
  text-align: center;
  box-sizing: border-box;
}
.ticket-booking-popup-table .table-row-li .cell:first-child {
  -webkit-flex: 1;
  flex: 1;
  text-align: left;
  overflow: hidden;
}
.ticket-booking-popup-table .table-row-li-dd {
  position: relative;
  padding: 10px;
  font-size: 12px !important;
  line-height: 20px;
  background: #fffcf6;
  border: 1px solid #fc6;
}
.ticket-booking-popup-table .table-row-li-dd::before,
.ticket-booking-popup-table .table-row-li-dd::after {
  position: absolute;
  left: 40px;
  top: -12px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
}
.ticket-booking-popup-table .table-row-li-dd::before {
  border-width: 6px;
  border-color: transparent transparent #fc6 transparent;
}
.ticket-booking-popup-table .table-row-li-dd::after {
  margin-left: 1px;
  margin-top: 2px;
  border-width: 5px;
  border-color: transparent transparent #fffcf6 transparent;
}
.ticket-booking-popup-table .table-row-li-dd .item {
  margin-bottom: 10px;
}
.ticket-booking-popup-table .table-row-li-dd .item:last-child {
  margin-bottom: 0;
}
.ticket-booking-popup-table .table-row-li-dd p {
  text-align: left;
  font-size: 12px;
}
#detail-hnow .hnow-cont-item {
  padding: 20px;
  border-bottom: 1px dashed #eee;
}
#detail-hnow .hnow-cont-item:last-child {
  border-bottom: none;
}
#detail-intro .mt {
  margin-bottom: 20px;
}
#detail-intro .intro-cont p {
  padding: 5px 0;
}
#detail-traffic .mt {
  margin-bottom: 20px;
}
#detail-traffic .route-map {
  width: 1000px;
  height: 400px;
  margin: 0 auto;
  background: #f5f5f5;
}
#detail-traffic .traffic-cont {
  padding-top: 20px;
}

.search-box {
  position: relative;
  z-index: 10;
  display: -webkit-flex;
  display: flex;
  padding: 10px 0;
}
.search-box-city {
  position: relative;
  width: 300px;
  height: 50px;
  margin-right: 10px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.search-box-city .city-hd {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  padding: 9px 15px;
  line-height: 30px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
}
.search-box-city .city-hd i {
  margin-right: 5px;
  font-size: 18px;
  color: #ccc;
}
.search-box-city .city-hd.line {
  border-bottom: 1px solid #fff;
}
.search-box-city .city-name {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.search-box-city .city-change {
  float: right;
  position: relative;
  padding-right: 15px;
  color: #09e;
}
.search-box-city .city-change::before {
  position: absolute;
  top: 50%;
  right: 0;
  content: '';
  width: 6px;
  height: 6px;
  margin-top: -5px;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  box-sizing: content-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.search-box-city .city-bd {
  display: none;
  position: absolute;
  left: 0;
  top: 49px;
  z-index: 5;
  width: 500px;
  padding: 10px;
  background: #fff;
  border: 1px solid #ddd;
}
.search-box-city .city-hot {
  padding: 10px;
  margin-bottom: 15px;
}
.search-box-city .city-hot h4 {
  font-size: 12px;
  font-weight: normal;
  color: #aaa;
}
.search-box-city .city-hot-list {
  padding-top: 10px;
}
.search-box-city .city-item {
  display: inline-block;
  vertical-align: top;
  max-width: 60px;
  margin-right: 24px;
  line-height: 20px;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.search-box-city .city-item:hover {
  color: #00a0e9;
}
.search-box-city .city-tab {
  margin: 0 10px 5px;
  border-bottom: 1px solid #eee;
  display: -webkit-flex;
  display: flex;
}
.search-box-city .city-tab-item {
  position: relative;
  display: inline-block;
  padding: 0 10px 5px;
  margin-right: 10px;
  margin-bottom: -1px;
  line-height: 20px;
  color: #333;
  font-family: Arial;
  cursor: pointer;
}
.search-box-city .city-tab-item::before,
.search-box-city .city-tab-item::after {
  display: none;
  position: absolute;
  left: 50%;
  bottom: -2px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
}
.search-box-city .city-tab-item::before {
  margin-left: -6px;
  border-width: 6px;
  border-color: transparent transparent #00a0e9 transparent;
}
.search-box-city .city-tab-item::after {
  margin-left: -4px;
  border-width: 4px;
  border-color: transparent transparent #fff transparent;
}
.search-box-city .city-tab-item:hover {
  color: #00a0e9;
}
.search-box-city .city-tab-item.on {
  font-weight: bold;
  color: #00a0e9;
  border-bottom: 2px solid #00a0e9;
}
.search-box-city .city-tab-item.on::before,
.search-box-city .city-tab-item.on::after {
  display: block;
}
.search-box-city .city-tab-cont {
  display: none;
}
.search-box-city .city-tab-cont:first-child {
  display: block;
}
.search-box-city .city-letter {
  display: -webkit-flex;
  display: flex;
  padding: 5px 10px;
  line-height: 20px;
}
.search-box-city .city-letter-dt {
  width: 30px;
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #00a0e9;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.search-box-city .city-letter-dd {
  -webkit-flex: 1;
  flex: 1;
}
.search-box-input {
  -webkit-flex: 1;
  flex: 1;
  position: relative;
  width: 100%;
  height: 50px;
}
.search-box-form {
  position: relative;
  display: -webkit-flex;
  display: flex;
}
.search-box-form i {
  position: absolute;
  top: 10px;
  left: 20px;
  width: 20px;
  height: 30px;
  line-height: 30px;
  color: #ccc;
}
.search-box-form input {
  -webkit-flex: 1;
  flex: 1;
  width: 100%;
  height: 50px;
  line-height: 30px;
  padding: 8px 20px 8px 40px;
  font-size: 16px;
  box-sizing: border-box;
  border: 2px solid #f80;
  background: #fff;
  outline: none;
}
.search-box-form button {
  width: 140px;
  height: 50px;
  color: #fff;
  font-size: 20px;
  background: #f80;
  border: none;
  cursor: pointer;
  outline: none;
}
.search-box-form button:hover {
  background: #f70;
}

.hotel-search-part {
  position: relative;
  width: 100%;
  height: 300px;
}
.hotel-search-part .head-banner {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden;
}
.hotel-search-part .head-banner .bn-bd {
  position: absolute;
  left: 50%;
  top: 0;
  width: 3000px;
  height: 300px;
  margin-left: -1500px;
  text-align: center;
  overflow: hidden;
}
.hotel-search-part .head-banner .bn-bd img {
  display: inline-block;
  vertical-align: top;
}
.hotel-search-box {
  position: absolute;
  left: 50%;
  bottom: 50px;
  z-index: 5;
  width: 1200px;
  height: 60px;
  margin-left: -600px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: flex;
}
.hotel-search-box .input-item {
  position: relative;
  display: flex;
  height: 40px;
  padding: 10px;
}
.hotel-search-box .input-dt {
  width: 60px;
  line-height: 20px;
  padding: 10px 0;
  margin-right: 5px;
  text-align: right;
  color: #999;
  flex-shrink: 0;
}
.hotel-search-box .input-dd {
  flex: 1;
}
.hotel-search-box .input-dd .ipt-txt {
  width: 100%;
  height: 40px;
  line-height: 20px;
  padding: 10px;
  border: none;
  outline: none;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #f5f5f5;
  transition: all 0.3s;
}
.hotel-search-box .input-dd .ipt-txt:focus {
  border-color: #ddd;
}
.hotel-search-box .submit-btn {
  display: block;
  width: 140px;
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-size: 18px;
  background-image: linear-gradient(to right, #f90, #f60);
  cursor: pointer;
  border: none;
  border-radius: 0;
  flex-shrink: 0;
}
.hotel-search-box .selection-panel {
  top: 50px;
}
.hot-hotel {
  padding: 20px 0;
}
.hot-hotel .mt {
  margin-top: 10px;
  line-height: 30px;
  text-align: center;
}
.hot-hotel .mt strong {
  font-size: 24px;
  color: #333;
}
.hot-hotel .tab-bar {
  margin: 5px 0;
  text-align: center;
}
.hot-hotel .tab-bar .tab-item {
  display: inline-block;
  vertical-align: top;
  padding: 0 20px;
  margin: 0 5px;
  line-height: 30px;
  border-radius: 15px;
  cursor: pointer;
}
.hot-hotel .tab-bar .tab-item:hover {
  color: #00a0e9;
}
.hot-hotel .tab-bar .tab-item.on {
  color: #fff;
  background: #00a0e9;
}
.hot-hotel .theme-list {
  margin-right: -20px;
  display: flex;
}
.hot-hotel .theme-list .theme-item {
  position: relative;
  display: block;
  width: 224px;
  height: 300px;
  margin-top: 20px;
  margin-right: 20px;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s;
}
.hot-hotel .theme-list .theme-item .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 20px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}
.hot-hotel .theme-list .theme-item .title {
  line-height: 25px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.hot-hotel .theme-list .theme-item .des {
  line-height: 20px;
  color: #fff;
  font-size: 12px;
}
.hot-hotel .theme-list .theme-item .arrow {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  margin-top: 8px;
  width: 10px;
  height: 10px;
}
.hot-hotel .theme-list .theme-item .arrow::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -4px;
  margin-top: -4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.hot-hotel .theme-list .theme-item .pic {
  width: 224px;
  height: 300px;
  overflow: hidden;
}
.hot-hotel .theme-list .theme-item .pic img {
  object-fit: cover;
}
.hot-hotel .theme-list .theme-item:hover {
  opacity: 0.85;
}
.hot-hotel .hotel-list {
  margin-right: -20px;
  display: flex;
  flex-wrap: wrap;
}
.hot-hotel .hotel-item {
  position: relative;
  display: block;
  width: 285px;
  margin-top: 20px;
  margin-right: 20px;
  border-radius: 8px;
}
.hot-hotel .hotel-item .pic {
  width: 285px;
  height: 200px;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s;
}
.hot-hotel .hotel-item .pic img {
  object-fit: cover;
}
.hot-hotel .hotel-item .info {
  padding: 10px;
}
.hot-hotel .hotel-item .title {
  line-height: 20px;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.hot-hotel .hotel-item .tags {
  padding: 5px 0;
}
.hot-hotel .hotel-item .tags span {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  padding: 0 5px;
  margin-right: 5px;
  font-size: 12px;
  color: #00a0e9;
  border-radius: 2px;
  border: 1px solid #00a0e9;
}
.hot-hotel .hotel-item .des {
  height: 30px;
  line-height: 15px;
  font-size: 12px;
  color: #999;
  overflow: hidden;
}
.hot-hotel .hotel-item .comment-appr {
  margin-top: 10px;
  line-height: 20px;
  font-size: 12px;
}
.hot-hotel .hotel-item .comment-appr .score {
  margin-right: 10px;
  color: #00a0e9;
}
.hot-hotel .hotel-item .comment-appr .score b {
  font-size: 16px;
}
.hot-hotel .hotel-item .comment-appr .comm-num {
  color: #bbb;
}
.hot-hotel .hotel-item .price {
  position: absolute;
  right: 10px;
  bottom: 10px;
  line-height: 20px;
  color: #f60;
  font-size: 14px;
}
.hot-hotel .hotel-item .price b {
  font-size: 20px;
}
.hot-hotel .hotel-item:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.hot-hotel .hotel-item:hover .pic {
  opacity: 0.85;
}
.hot-hotel .hotel-item:hover .title {
  color: #00a0e9;
}
.hotel-search {
  position: relative;
  width: 100%;
  height: 60px;
  margin-bottom: 20px;
}
.hotel-search .hotel-search-box {
  top: 0;
  box-shadow: none;
}
.hotel-list-body .hotel-list-item {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
  display: flex;
  transition: all 0.3s;
}
.hotel-list-body .hotel-list-item .pic {
  display: block;
  width: 180px;
  height: 120px;
  margin-right: 20px;
  overflow: hidden;
  flex-shrink: 0;
  transition: all 0.3s;
}
.hotel-list-body .hotel-list-item .pic img {
  object-fit: cover;
}
.hotel-list-body .hotel-list-item .info {
  flex: 1;
}
.hotel-list-body .hotel-list-item .title {
  line-height: 30px;
  font-size: 18px;
  color: #333;
}
.hotel-list-body .hotel-list-item .quality {
  display: inline-block;
  vertical-align: top;
  height: 18px;
  line-height: 18px;
  margin-top: 6px;
  margin-left: 10px;
  padding: 0 5px;
  font-size: 12px;
  color: #fff;
  background: #fe7a6b;
  border-radius: 2px;
}
.hotel-list-body .hotel-list-item .place {
  line-height: 20px;
  font-size: 14px;
  color: #7c8c9b;
}
.hotel-list-body .hotel-list-item .tags {
  padding: 5px 0;
}
.hotel-list-body .hotel-list-item .tags span {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  padding: 0 5px;
  margin-right: 5px;
  font-size: 12px;
  color: #00a0e9;
  border-radius: 2px;
  border: 1px solid #00a0e9;
}
.hotel-list-body .hotel-list-item .des {
  line-height: 20px;
  font-size: 12px;
  color: #999;
  overflow: hidden;
}
.hotel-list-body .hotel-list-item .comment-appr {
  width: 120px;
  line-height: 20px;
  text-align: right;
  font-size: 12px;
  border-left: 1px dotted #eee;
  flex-shrink: 0;
}
.hotel-list-body .hotel-list-item .comment-appr .score {
  margin-top: 5px;
  color: #00a0e9;
}
.hotel-list-body .hotel-list-item .comment-appr .score b {
  font-size: 18px;
}
.hotel-list-body .hotel-list-item .comment-appr .comm-num {
  color: #bbb;
}
.hotel-list-body .hotel-list-item .price-box {
  width: 120px;
  margin-left: 40px;
  text-align: right;
  border-left: 1px dotted #eee;
  flex-shrink: 0;
}
.hotel-list-body .hotel-list-item .price {
  font-size: 16px;
  color: #f60;
}
.hotel-list-body .hotel-list-item .price b {
  font-size: 24px;
}
.hotel-list-body .hotel-list-item .price-btn {
  display: inline-block;
  width: 100px;
  height: 32px;
  line-height: 32px;
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background: #f70;
  border-radius: 3px;
  border-bottom: 2px solid #e56000;
}
.hotel-list-body .hotel-list-item:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.hotel-list-body .hotel-list-item:hover .pic {
  opacity: 0.85;
}
.hotel-list-body .hotel-list-item:hover .title {
  color: #00a0e9;
}
.hotel-detail-head {
  padding: 20px;
  margin-bottom: 10px;
  background: #fff;
}
.hotel-detail-head-part {
  display: flex;
  margin-bottom: 10px;
}
.hotel-detail-head-part .head-base {
  width: 760px;
  flex-shrink: 0;
}
.hotel-detail-head-part .head-base-title {
  height: 30px;
  line-height: 30px;
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 700;
  color: #333;
}
.hotel-detail-head-part .head-base-desc {
  height: 20px;
  line-height: 20px;
  white-space: nowrap;
}
.hotel-detail-head-part .head-base-desc-text {
  display: inline-block;
  vertical-align: top;
  max-width: 90%;
  color: #999;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.hotel-detail-head-part .head-base-desc-text i {
  display: inline-block;
  width: 16px;
  text-align: center;
  margin-right: 4px;
  font-size: 14px;
  color: #c3d0d9;
}
.hotel-detail-head-part .head-base-desc-show {
  margin-left: 20px;
  font-weight: 700;
  color: #00a0e9;
  cursor: pointer;
}
.hotel-detail-head-part .head-price {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-end;
}
.hotel-detail-head-part .head-price-box {
  text-align: right;
}
.hotel-detail-head-part .head-price .reduce-price {
  position: relative;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 8px;
  font-size: 12px;
  color: #fff;
  border-radius: 3px 3px 0 3px;
  background: #ff9900;
}
.hotel-detail-head-part .head-price .reduce-price::before {
  position: absolute;
  right: 0;
  bottom: -4px;
  content: '';
  width: 0;
  height: 0;
  border-width: 2px;
  border-style: solid;
  border-color: #ff9900 #ff9900 transparent transparent;
}
.hotel-detail-head-part .head-price-line {
  line-height: 25px;
  padding-top: 5px;
}
.hotel-detail-head-part .head-price-line del {
  font-size: 16px;
  color: #999;
}
.hotel-detail-head-part .head-price-line .current-price {
  margin-left: 10px;
  font-size: 24px;
  font-weight: bold;
  color: #ff9900;
}
.hotel-detail-head-part .head-price-select {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin-left: 20px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background: #00a0e9;
  border-radius: 3px;
  cursor: pointer;
}
.hotel-detail-head-main {
  display: flex;
}
.hotel-detail-head-main .head-thumb {
  width: 760px;
  height: 250px;
  flex-shrink: 0;
  overflow: hidden;
}
.hotel-detail-head-main .head-thumb-item {
  float: left;
  width: 180px;
  height: 120px;
  margin-left: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
  cursor: pointer;
  overflow: hidden;
}
.hotel-detail-head-main .head-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s;
}
.hotel-detail-head-main .head-thumb-item.bigpic {
  position: relative;
  width: 380px;
  height: 250px;
  margin-left: 0;
}
.hotel-detail-head-main .head-thumb-item.bigpic p {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding-top: 10px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
}
.hotel-detail-head-main .head-thumb-item.bigpic i {
  margin-left: 10px;
  font-size: 12px;
  color: #fff;
}
.hotel-detail-head-main .head-thumb-item:hover img {
  transform: scale(1.05);
  opacity: 0.85;
}
.hotel-detail-head-main .head-subsidiary {
  flex: 1;
  padding-left: 20px;
}
.hotel-detail-head-main .review {
  padding: 10px 0;
}
.hotel-detail-head-main .review-sum {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}
.hotel-detail-head-main .review-score {
  font-size: 30px;
  font-family: Airal;
  color: #00a0e9;
}
.hotel-detail-head-main .review-text {
  display: inline-block;
  vertical-align: top;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  margin-left: 10px;
  margin-top: 4px;
  color: #fff;
  background: #00a0e9;
  border-radius: 10px 10px 10px 0;
}
.hotel-detail-head-main .review-all {
  float: right;
  font-size: 12px;
}
.hotel-detail-head-main .review-all i {
  font-size: 12px;
}
.hotel-detail-head-main .review-tag {
  height: 20px;
  margin-top: 10px;
  overflow: hidden;
}
.hotel-detail-head-main .review-tag-item {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  padding: 0 8px;
  margin-right: 5px;
  font-size: 12px;
  color: #00a0e9;
  border-radius: 4px;
  background: rgba(0, 160, 233, 0.08);
}
.hotel-detail-head-main .intro {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
  border-top: 1px dashed #eee;
  border-bottom: 1px dashed #eee;
}
.hotel-detail-head-main .intro span {
  display: block;
  width: 50%;
  height: 20px;
  line-height: 20px;
  margin-bottom: 5px;
}
.hotel-detail-head-main .intro span:last-child {
  width: 100%;
}
.hotel-detail-head-main .facilities {
  padding-top: 10px;
}
.hotel-detail-head-main .facilities-list {
  max-height: 50px;
  margin-bottom: 10px;
  overflow: hidden;
}
.hotel-detail-head-main .facilities-list span {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  line-height: 20px;
  padding: 0 8px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 12px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.hotel-detail-head-main .facilities-all {
  font-weight: 700;
  color: #00a0e9;
  cursor: pointer;
}
.hotel-detail-nav {
  height: 50px;
  margin-bottom: 10px;
  background: #fff;
}
.hotel-detail-nav .nav-tabs {
  padding: 0 20px;
}
.hotel-detail-nav .nav-tabs-item {
  display: inline-block;
  vertical-align: top;
  height: 50px;
  line-height: 50px;
  margin: 0 20px;
  font-size: 16px;
  font-weight: 700;
  box-sizing: border-box;
  cursor: pointer;
}
.hotel-detail-nav .nav-tabs-item:hover {
  color: #00a0e9;
}
.hotel-detail-nav .nav-tabs-item.on {
  color: #00a0e9;
  border-bottom: 2px solid #00a0e9;
}
.hotel-detail-module {
  padding: 20px;
  margin-bottom: 10px;
  background: #fff;
}
.hotel-detail-module:last-child {
  margin-bottom: 0;
}
.hotel-detail-module .module-tt {
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
}
.hotel-detail-module .module-tt strong {
  font-size: 18px;
  color: #333;
}
.hotel-detail-module .infos-row {
  display: flex;
  padding: 5px 0;
}
.hotel-detail-module .infos-row .row-dt {
  width: 16%;
  font-weight: bold;
}
.hotel-detail-module .infos-row .row-dd {
  width: 84%;
  line-height: 20px;
}
.hotel-detail-text p {
  padding: 5px 0;
}
.room-date-select {
  display: flex;
  margin-bottom: 20px;
}
.room-date-select .room-select {
  position: relative;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.room-date-select .newdate {
  display: flex;
  border-radius: 3px 0 0 3px;
}
.room-date-select .newdate .date-select {
  width: 160px;
  font-size: 16px;
  font-weight: bold;
}
.room-date-select .newdate .date-select span {
  margin-right: 5px;
  font-size: 14px;
  font-weight: normal;
  color: #999;
}
.room-date-select .newdate .date-select:last-child {
  text-align: right;
}
.room-date-select .newdate .nights {
  margin: 0 20px;
  color: rgba(0, 160, 233, 0.6);
}
.room-date-select .roomguest {
  width: 200px;
  border-radius: 0 3px 3px 0;
  border-left: none;
}
.room-date-select .roomguest .show-light {
  font-size: 16px;
  font-weight: bold;
}
.room-date-select .roomguest i {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 12px;
  color: #ccc;
}
.hotelroom-sale-card {
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #eee;
}
.hotelroom-sale-card:first-child {
  padding-top: 0;
}
.hotelroom-sale-card:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.hotelroom-panel {
  display: flex;
  flex-shrink: 0;
  margin-right: 20px;
  border-right: 1px solid #eee;
}
.hotelroom-img {
  width: 120px;
  height: 80px;
  margin-right: 10px;
  overflow: hidden;
  cursor: pointer;
}
.hotelroom-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hotelroom-type {
  width: 120px;
  line-height: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
.hotelroom-type-name {
  max-height: 40px;
  font-weight: bold;
  color: #333;
  overflow: hidden;
}
.hotelroom-type-bed {
  color: #999;
}
.hotelroom-type-see {
  cursor: pointer;
  color: #00a0e9;
  font-weight: bold;
}
.hotelroom-list {
  flex: 1;
}
.hotelroom-info {
  display: flex;
  border-bottom: 1px dashed #eee;
}
.hotelroom-info:last-child {
  border-bottom: none;
}
.hotelroom-info > div {
  padding: 20px 5px;
  line-height: 20px;
}
.hotelroom-info-people {
  width: 120px;
}
.hotelroom-info-people .icon i {
  margin-right: 5px;
  font-size: 12px;
}
.hotelroom-info-bedfacility {
  width: 160px;
}
.hotelroom-info-facility {
  width: 120px;
}
.hotelroom-info-policy {
  width: 120px;
}
.hotelroom-info .desc-line {
  position: relative;
}
.hotelroom-info .desc-line i {
  margin-left: 3px;
  font-size: 12px;
  color: #ccc;
}
.hotelroom-info .desc-text {
  display: inline-block;
  vertical-align: top;
  cursor: default;
}
.hotelroom-info .desc-tooltips {
  display: none;
  position: absolute;
  left: 0;
  top: 20px;
  z-index: 1;
  width: 200px;
  padding: 5px 10px;
  line-height: 16px;
  font-size: 12px;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
}
.hotelroom-info .desc-tooltips::before {
  position: absolute;
  left: 10px;
  top: -8px;
  content: '';
  width: 0;
  height: 0;
  border-width: 4px;
  border-style: solid;
  border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent;
}
.hotelroom-info .desc-line:hover .desc-tooltips {
  display: block;
}
.hotelroom-info .blue-tips {
  color: rgba(0, 160, 233, 0.7);
}
.hotelroom-info .sale-price {
  display: flex;
  flex: 1;
  padding-top: 10px;
  justify-content: flex-end;
  align-items: center;
}
.hotelroom-info .sale-price-panel {
  margin-right: 20px;
  text-align: right;
}
.hotelroom-info .sale-price-panel .price {
  height: 30px;
  line-height: 30px;
}
.hotelroom-info .sale-price-panel .price-delete {
  text-decoration-line: line-through;
}
.hotelroom-info .sale-price-panel .price-current {
  margin-left: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #ff9900;
}
.hotelroom-info .sale-price-panel .discount-tag {
  display: inline-block;
  vertical-align: top;
  height: 18px;
  line-height: 18px;
  padding: 0 5px;
  font-size: 12px;
  color: #ff9900;
  border: 1px solid rgba(255, 153, 0, 0.3);
  border-radius: 3px;
}
.hotelroom-info .sale-price-btn {
  width: 80px;
  text-align: center;
}
.hotelroom-info .sale-price-btn .reserve-btn {
  height: 30px;
  line-height: 30px;
  color: #fff;
  background: #00a0e9;
  border-radius: 3px;
  cursor: pointer;
}
.hotelroom-info .sale-price-btn .reserve-btn:hover {
  background: #008ed0;
}
.hotel-comment-score {
  display: flex;
  align-items: center;
  padding: 20px 0;
}
.hotel-comment-score .summary {
  width: 200px;
  text-align: center;
  flex-shrink: 0;
  border-right: 1px solid #f0f0f0;
}
.hotel-comment-score .summary-number {
  line-height: 50px;
  font-size: 42px;
  font-family: Arial;
  font-weight: bold;
  color: #00a0e9;
}
.hotel-comment-score .summary-text {
  line-height: 20px;
  font-size: 18px;
  color: #00a0e9;
}
.hotel-comment-score .score-desc-wrap {
  flex: 1;
}
.hotel-comment-score .score-single {
  display: flex;
}
.hotel-comment-score .score-item {
  width: 20%;
  padding: 0 20px;
  box-sizing: border-box;
}
.hotel-comment-score .score-item-tt {
  display: flex;
  height: 20px;
  line-height: 20px;
  justify-content: space-between;
}
.hotel-comment-score .score-item-tt .label {
  color: #999;
}
.hotel-comment-score .score-item-tt .num {
  font-size: 18px;
  font-weight: bold;
  font-family: Arial;
  color: #00a0e9;
}
.hotel-comment-score .score-item .chart {
  position: relative;
  width: 100%;
  height: 6px;
  margin-top: 6px;
  background: #ddd;
  border-radius: 3px;
  overflow: hidden;
}
.hotel-comment-score .score-item .chart-value {
  position: absolute;
  left: 0;
  top: 0;
  height: 6px;
  background: #00a0e9;
}
.hotel-comment-score .score-tag {
  padding-left: 20px;
  padding-top: 20px;
}
.hotel-comment-score .score-tag-item {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  padding: 0 8px;
  margin-right: 5px;
  font-size: 12px;
  color: #00a0e9;
  border-radius: 4px;
  background: rgba(0, 160, 233, 0.08);
}
.hotel-comment-card {
  padding: 20px 0;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
}
.hotel-comment-card .user {
  width: 200px;
  text-align: center;
  flex-shrink: 0;
}
.hotel-comment-card .user-face {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  background: url("/static/assets/img/user-bg.jpg");
  background-size: 100%;
}
.hotel-comment-card .user-room-type {
  font-size: 12px;
  color: #aaa;
}
.hotel-comment-card .user-score {
  font-size: 16px;
  font-weight: bold;
  font-family: Arial;
  color: #00a0e9;
}
.hotel-comment-card .cont-tags {
  margin-bottom: 10px;
}
.hotel-comment-card .cont-tags-item {
  display: inline-block;
  vertical-align: top;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  margin-right: 5px;
  font-size: 12px;
  color: #999;
  background: #eee;
  border-radius: 2px;
}
.hotel-comment-card .cont-tags-item:first-child {
  color: #f80;
}
.hotel-comment-card .cont-text {
  margin-bottom: 10px;
  line-height: 20px;
}
.hotel-comment-card .cont-img {
  overflow: hidden;
}
.hotel-comment-card .cont-img-item {
  float: left;
  width: 80px;
  height: 80px;
  margin-right: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  overflow: hidden;
}
.hotel-comment-card .cont-img-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hotel-comment-card .cont-ft {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}
.hotel-comment-card .cont-ft .times {
  font-size: 12px;
  color: #bbb;
}
.hotel-comment-card .cont-feedback {
  padding: 10px 15px;
  margin-top: 10px;
  background: #f5f8fa;
  border-radius: 4px;
}
.hotel-comment-card .cont-feedback-text {
  line-height: 20px;
  color: #456373;
}
.hotel-comment-card .cont-feedback-time {
  text-align: right;
  font-size: 12px;
  color: #ccc;
}
.book-input {
  display: block;
  width: 100%;
  height: 36px;
  line-height: 26px;
  padding: 4px 10px;
  font-size: 14px;
  color: #555;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #fff;
  box-sizing: border-box;
  outline: none;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.book-input:focus {
  border-color: #00a0e9;
}
.hotel-book {
  margin: 20px 0;
  display: flex;
}
.hotel-book-module {
  margin-bottom: 40px;
}
.hotel-book-module .module-tt {
  margin-bottom: 20px;
  line-height: 20px;
}
.hotel-book-module .module-tt strong {
  font-size: 16px;
  color: #111;
}
.hotel-book-module .module-tt span {
  margin-left: 20px;
  font-size: 12px;
  color: #aaa;
}
.hotel-book-info {
  width: 820px;
  padding: 20px;
  background: #fff;
  flex-shrink: 0;
}
.hotel-book-date {
  display: flex;
}
.hotel-book-date .date-item .label {
  line-height: 20px;
  margin-bottom: 5px;
  color: #999;
}
.hotel-book-date .date-item .val {
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  font-weight: bold;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.hotel-book-date .nights {
  padding-top: 25px;
  margin: 0 20px;
  line-height: 36px;
}
.hotel-book-date .roomnum {
  min-width: 120px;
  margin-left: 20px;
}
.hotel-book-guest .guest-item {
  margin-bottom: 10px;
}
.hotel-book-guest .guest-item:last-child {
  margin-bottom: 0;
}
.hotel-book-guest .guest-item .label {
  line-height: 20px;
  margin-bottom: 5px;
  color: #999;
}
.hotel-book-guest .guest-item .must {
  color: #f33;
}
.hotel-book-guest .guest-item .book-input {
  max-width: 360px;
}
.hotel-book-guest .guest-add-btn {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
  padding: 0 20px;
  color: #00a0e9;
  border: 1px solid rgba(0, 160, 233, 0.5);
  border-radius: 3px;
  cursor: pointer;
}

.selection-panel {
  display: none;
  position: absolute;
  left: 0;
  top: 50px;
  z-index: 5;
  width: 460px;
  font-size: 12px;
  background: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.selection-panel .suggest-title {
  line-height: 20px;
  padding: 10px 20px 0;
}
.selection-panel .suggest-tab {
  height: 22px;
  line-height: 22px;
  margin-top: 10px;
  padding: 0 16px;
  border-bottom: 1px solid #eee;
  box-sizing: content-box;
}
.selection-panel .suggest-tab .tab-item {
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  margin: 0 2px;
  border: 1px solid #eee;
  border-bottom: none;
  cursor: pointer;
}
.selection-panel .suggest-tab .tab-item.on {
  height: 21px;
  color: #00a0e9;
  border-top-color: #00a0e9;
  border-bottom: 1px solid #fff;
}
.selection-panel .suggest-tab .tab-item:hover {
  color: #00a0e9;
}
.selection-panel .suggest-list {
  display: none;
  padding: 5px 10px;
}
.selection-panel .suggest-list.cur {
  display: block;
}
.selection-panel .suggest-list-line {
  display: flex;
  padding: 5px 0;
  line-height: 20px;
}
.selection-panel .suggest-list-line .left-tag {
  width: 14px;
  margin-right: 4px;
  text-align: right;
  color: #f60;
  flex-shrink: 0;
}
.selection-panel .suggest-list-line .right-list {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.selection-panel .suggest-list-line .opt-item {
  width: 70px;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.selection-panel .suggest-list-line .opt-item:hover {
  color: #00a0e9;
  background: #f2fbff;
}
.selection-panel .search-list {
  padding: 5px 0;
}
.selection-panel .search-list-item {
  padding: 0 20px;
  line-height: 22px;
  cursor: pointer;
}
.selection-panel .search-list-item b {
  color: #f70;
}
.selection-panel .search-list-item:hover {
  color: #fff;
  background: #00a0e9;
}

.trip-strategy {
  padding: 20px 0;
}
.trip-strategy .strategy-head {
  height: 40px;
  border-bottom: 2px solid #f5f5f5;
}
.trip-strategy .strategy-tabs {
  float: left;
}
.trip-strategy .strategy-tabs .tabs-item {
  display: inline-block;
  vertical-align: top;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}
.trip-strategy .strategy-tabs .tabs-item.on {
  color: #00a0e9;
  border-bottom: 2px solid #00a0e9;
}
.trip-strategy .head-right {
  float: right;
}
.trip-strategy .head-right .r-btn {
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 34px;
  line-height: 34px;
  margin-left: 10px;
  text-align: center;
  box-sizing: border-box;
  border-radius: 3px;
}
.trip-strategy .head-right .r-btn i {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.trip-strategy .head-right .r-btn.my-note {
  line-height: 32px;
  border: 1px solid #ddd;
}
.trip-strategy .head-right .r-btn.write-note {
  color: #fff;
  background: #f80;
}
.trip-strategy .strategy-item {
  padding: 20px 10px;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
}
.trip-strategy .strategy-item .pic {
  display: block;
  width: 230px;
  height: 160px;
  margin-right: 20px;
  flex-shrink: 0;
  overflow: hidden;
}
.trip-strategy .strategy-item .pic img {
  object-fit: cover;
  transition: all 0.8s;
}
.trip-strategy .strategy-item .pic:hover img {
  opacity: 0.85;
  transform: scale(1.05);
}
.trip-strategy .strategy-item .item-cont {
  flex: 1;
  overflow: hidden;
}
.trip-strategy .strategy-item .info {
  display: block;
  height: 130px;
}
.trip-strategy .strategy-item .info:hover .title {
  color: #00a0e9;
}
.trip-strategy .strategy-item .title {
  height: 30px;
  line-height: 30px;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  overflow: hidden;
}
.trip-strategy .strategy-item .des {
  line-height: 22px;
  color: #aaa;
}
.trip-strategy .strategy-item .info-bt {
  height: 24px;
  line-height: 24px;
  margin-top: 6px;
  overflow: hidden;
}
.trip-strategy .strategy-item .author {
  float: left;
}
.trip-strategy .strategy-item .author-face {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border-radius: 50%;
  overflow: hidden;
  background: url("/static/assets/img/user-bg.jpg");
  background-size: 100%;
}
.trip-strategy .strategy-item .author-time {
  margin-left: 20px;
  font-size: 12px;
  color: #bbb;
}
.trip-strategy .strategy-item .count {
  float: right;
}
.trip-strategy .strategy-item .count-item {
  display: inline-block;
  margin-left: 20px;
  color: #aaa;
}
.trip-strategy .strategy-item .count-item i {
  margin-right: 5px;
}
.trip-strategy .strategy-item:hover {
  background: #f7fcff;
}
.strategy-detail-head {
  position: relative;
  width: 100%;
}
.strategy-detail-head .mask-layer {
  position: absolute;
  left: 0;
  z-index: 1;
  top: 400px;
  width: 100%;
  height: 100px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}
.strategy-detail-head .strategy-bn {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
}
.strategy-detail-head .strategy-bn img {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  min-height: 100%;
}
.strategy-detail-head-info {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 70px;
  border-bottom: 1px solid #f5f5f5;
}
.strategy-detail-head-info .user-face {
  position: absolute;
  top: -40px;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  border: 4px solid #fff;
  overflow: hidden;
}
.strategy-detail-head-info .detail-title {
  position: absolute;
  left: 50%;
  top: -40px;
  width: 1080px;
  height: 30px;
  line-height: 30px;
  margin-left: -480px;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.strategy-detail-head-info .user-info {
  float: left;
  padding-left: 120px;
  padding-top: 20px;
  line-height: 30px;
}
.strategy-detail-head-info .user-info .name {
  font-size: 16px;
  color: #79c0f2;
}
.strategy-detail-head-info .user-info .date {
  margin-left: 20px;
  color: #aaa;
}
.strategy-detail-head-info .count {
  float: right;
  border-right: 1px solid #f5f5f5;
}
.strategy-detail-head-info .count-item {
  display: inline-block;
  width: 120px;
  height: 70px;
  text-align: center;
  border-left: 1px solid #f5f5f5;
}
.strategy-detail-head-info .count-item i {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  margin: 15px auto 0;
}
.strategy-detail-head-info .count-item span {
  line-height: 20px;
  font-size: 12px;
  color: #999;
}
.strategy-detail-head-info .count-item:nth-child(1) i {
  color: #4cb5ff;
}
.strategy-detail-head-info .count-item:nth-child(2) i {
  color: #ffa54c;
}
.strategy-detail-head-info .count-item:nth-child(2).on span {
  color: #ffa54c;
}
.strategy-detail-head-info .count-item:nth-child(3) i {
  color: #ff5959;
}
.strategy-detail-head-info .count-item:nth-child(3).on span {
  color: #ff5959;
}
.strategy-detail-cont {
  padding: 20px 0;
}
.strategy-detail-cont .preface {
  padding: 5px;
  margin-bottom: 20px;
  background: #f5f5f5;
}
.strategy-detail-cont .preface-text {
  padding: 10px 20px;
  line-height: 25px;
  border: 1px dashed #e0e0e0;
  background: #fff;
}
.strategy-detail-cont .detail-content {
  line-height: 25px;
  font-size: 16px;
}
.strategy-detail-cont .detail-content p {
  padding: 10px 0;
  text-indent: 2em;
}
.m-comment {
  padding-top: 20px;
  border-top: 1px dotted #e0e0e0;
}
.m-comment .mt {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}
.m-comment .mt strong {
  font-size: 18px;
  color: #333;
}
.m-comment .mt span {
  float: right;
  color: #aaa;
}
.m-comment .user-face {
  width: 50px;
  height: 50px;
  margin-right: 20px;
  border-radius: 50%;
  overflow: hidden;
  background: url("/static/assets/img/user-bg.jpg");
  background-size: 100%;
  flex-shrink: 0;
}
.m-comment .comment-edit {
  padding: 20px 0;
  border-bottom: 1px solid #eee;
  display: flex;
}
.m-comment .comment-edit .edit-box {
  padding: 5px;
  background: #f5f5f5;
  flex: 1;
}
.m-comment .comment-edit .edit-box .edit-txt {
  display: block;
  width: 100%;
  height: 100px;
  padding: 10px 15px;
  line-height: 20px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  outline: none;
  resize: none;
}
.m-comment .comment-edit .edit-box .edit-txt:focus {
  border-color: #08f;
}
.m-comment .comment-edit .edit-box-ft {
  height: 30px;
  line-height: 30px;
  margin-top: 5px;
}
.m-comment .comment-edit .edit-box-ft .text-tip {
  color: #999;
}
.m-comment .comment-edit .edit-box-ft .text-tip b {
  color: #f80;
}
.m-comment .comment-edit .edit-box-ft .text-tip .num {
  margin-right: 10px;
}
.m-comment .comment-edit .edit-box-ft .text-tip .num b {
  color: #08f;
}
.m-comment .comment-edit .edit-box-ft .edit-btn {
  float: right;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 25px;
  color: #fff;
  background: #f80;
  border: none;
  outline: none;
  cursor: pointer;
}
.m-comment .comment-list {
  padding-bottom: 20px;
}
.m-comment .comment-item {
  padding: 20px 0;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
}
.m-comment .comment-item .cont {
  flex: 1;
  overflow: hidden;
}
.m-comment .comment-item .user-name {
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #333;
}
.m-comment .comment-item .cm-info {
  margin: 5px 0;
}
.m-comment .comment-item .control {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  overflow: hidden;
}
.m-comment .comment-item .control .date {
  color: #bbb;
}
.m-comment .comment-item .control .cm-btn {
  float: right;
}
.m-comment .comment-item .control .cm-btn-item {
  display: inline-block;
  margin-left: 20px;
  cursor: pointer;
}
.m-comment .comment-item .control .cm-btn-item i {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  margin-right: 5px;
  color: #999;
}
.m-comment .comment-item .control .cm-btn-item:hover,
.m-comment .comment-item .control .cm-btn-item.on {
  color: #08f;
}
.m-comment .comment-item .control .cm-btn-item:hover i,
.m-comment .comment-item .control .cm-btn-item.on i {
  color: #08f;
}
.m-comment .comment-item .cm-reply {
  margin-top: 10px;
  padding: 10px 15px;
  background: #f8f8f8;
}
.m-comment .comment-item .cm-reply-item {
  padding: 4px 0;
  line-height: 18px;
}
.m-comment .comment-item .cm-reply-item .reply-author {
  color: #49acf2;
}
.m-comment .comment-item .cm-reply-item .reply-author i {
  margin: 0 4px;
  color: #aaa;
}
.m-comment .comment-item .cm-reply-item .name {
  color: #49acf2;
}
.m-comment .comment-item .cm-reply-item .reply-ctl {
  display: inline-block;
  margin-left: 20px;
  font-size: 12px;
}
.m-comment .comment-item .cm-reply-item .date {
  color: #bbb;
}
.m-comment .comment-item .cm-reply-item .reply-btn {
  margin-left: 10px;
  color: #08f;
  cursor: pointer;
}
.m-comment .comment-item .cm-reply-edit {
  height: 26px;
  overflow: hidden;
}
.m-comment .comment-item .cm-reply-edit-txt {
  float: left;
  width: 400px;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.m-comment .comment-item .cm-reply-edit-btn {
  float: left;
  width: 80px;
  height: 26px;
  line-height: 26px;
  margin-left: 10px;
  text-align: center;
  color: #fff;
  background: #08f;
  border: none;
}

.pay-page {
  min-height: 100vh;
  background: #f5f5f5;
  overflow: hidden;
}
.pay-page-top {
  height: 30px;
  line-height: 30px;
  text-align: right;
  background: #fff;
}
.pay-page-top a {
  padding-left: 10px;
  margin-left: 10px;
  font-size: 12px;
  border-left: 1px solid #eee;
}
.pay-page-top a:first-child {
  border-left: none;
}
.pay-page-top a:hover {
  color: #000;
}
.pay-page-header {
  padding: 20px 0;
  overflow: hidden;
}
.pay-page-header .logo {
  float: left;
  height: 40px;
}
.pay-page-header .logo-text {
  float: left;
  padding: 5px 20px;
  margin-left: 20px;
  line-height: 30px;
  font-size: 24px;
  border-left: 1px solid #e0e0e0;
}
.pay-page-inventory {
  padding: 20px;
  background: #fff;
  display: -webkit-flex;
  display: flex;
}
.pay-page-inventory .inventory-info {
  flex: 1;
  overflow: hidden;
}
.pay-page-inventory .inventory-info-tt {
  line-height: 30px;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.pay-page-inventory .inventory-info-desc {
  line-height: 20px;
  color: #999;
}
.pay-page-inventory .inventory-info-desc span {
  padding-right: 10px;
  margin-right: 10px;
}
.pay-page-inventory .inventory-amount {
  margin-left: 100px;
  line-height: 30px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.pay-page-inventory .inventory-amount b {
  font-size: 24px;
  font-family: Arial;
  color: #f80;
}
.pay-page-tips {
  padding: 5px 20px;
  line-height: 20px;
  text-align: center;
  color: #aaa;
  background: #fafafa;
  border-top: 1px solid #f5f5f5;
}
.pay-page-way {
  padding: 20px;
  margin: 20px 0;
  background: #fff;
}
.pay-page-way .payway-tt {
  line-height: 30px;
}
.pay-page-way .payway-tt strong {
  font-size: 20px;
  color: #333;
}
.pay-page-way .payway-tt a {
  margin-left: 20px;
  color: #07c;
}
.pay-page-footer {
  padding: 20px 0;
  text-align: center;
  color: #bbb;
}
.third-party-wrap {
  padding: 50px 0;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
}
.third-party-code {
  width: 200px;
  padding: 4px;
  border: 1px solid #eee;
  box-sizing: content-box;
}
.third-party-code .paycode {
  width: 200px;
  height: 200px;
  overflow: hidden;
}
.third-party-code .paytip {
  padding: 5px;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
}
.third-party-code .scan {
  width: 24px;
  height: 24px;
  margin-right: 6px;
  background: url("/static/assets/img/scan.png") no-repeat center center / 100%;
}
.third-party-code .tip {
  line-height: 18px;
}
.third-party-hint {
  margin-left: 40px;
}
.third-party-hint img {
  display: block;
}
.pay-bank-wrap {
  padding: 20px 60px 20px 20px;
}
.pay-bank-wrap .bank-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  min-width: 160px;
  height: 40px;
  margin-right: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  box-sizing: content-box;
  cursor: pointer;
  overflow: hidden;
}
.pay-bank-wrap .bank-item .icon {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin-left: 15px;
  margin-top: 10px;
  margin-right: 10px;
}
.pay-bank-wrap .bank-item .name {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  line-height: 20px;
  margin-top: 10px;
}
.pay-bank-wrap .form-row {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 20px;
}
.pay-bank-wrap .form-row-dt {
  width: 120px;
  text-align: right;
  margin-right: 20px;
}
.pay-bank-wrap .form-row-dd {
  display: -webkit-flex;
  display: flex;
}
.pay-bank-wrap .form-row .radio-text {
  margin-right: 20px;
  line-height: 20px;
  cursor: pointer;
}
.pay-bank-wrap .form-row .radio-text input {
  display: inline-block;
  margin-right: 5px;
}
.pay-bank-wrap .form-row .radio-text span {
  display: inline-block;
  vertical-align: top;
}
.pay-bank-wrap .form-row .u-input {
  width: 300px;
  height: 40px;
  padding: 0 10px;
  line-height: 40px;
  color: #333;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  outline: none;
  -moz-appearance: textfield;
}
.pay-bank-wrap .form-row .u-input:focus {
  border-color: #ccc;
}
.pay-bank-wrap .form-row .u-input::-webkit-outer-spin-button,
.pay-bank-wrap .form-row .u-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.pay-bank-wrap .form-submit-btn {
  display: inline-block;
  min-width: 160px;
  height: 40px;
  line-height: 40px;
  margin-left: 140px;
  padding: 0 30px;
  font-size: 16px;
  color: #fff;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 5px;
  background: #f80;
}
.pay-bank-wrap .form-submit-btn:hover {
  background: #f58300;
}

.seckill-list {
  padding: 20px 0;
}
.seckill-item {
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid #eee;
  display: flex;
}
.seckill-item .pic {
  display: block;
  position: relative;
  width: 560px;
  height: 360px;
  margin-right: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
.seckill-item .pic img {
  object-fit: cover;
  transition: all 1s;
}
.seckill-item .pic img:hover {
  opacity: 0.85;
  transform: scale(1.05);
}
.seckill-item .tour {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  color: #fff;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.6);
}
.seckill-item .info {
  position: relative;
  height: 360px;
  flex: 1;
  overflow: hidden;
}
.seckill-item .title {
  max-height: 60px;
  line-height: 30px;
  font-size: 22px;
  font-weight: bold;
  color: #333;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.seckill-item .title:hover {
  color: #00a0e9;
}
.seckill-item .details {
  margin: 10px 0;
  padding: 10px 20px;
  line-height: 20px;
  font-size: 12px;
  color: #888;
  background: #fafafa;
  border: 1px dashed #e5e5e5;
}
.seckill-item .details span {
  margin-right: 20px;
}
.seckill-item .details .org {
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #ddd;
}
.seckill-item .details .date {
  color: #00a0e9;
}
.seckill-item .des {
  max-height: 80px;
  line-height: 20px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.seckill-item .sale-info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.seckill-item .price-info {
  overflow: hidden;
}
.seckill-item .discount {
  float: left;
  background: #fff5d9;
  border-radius: 4px;
}
.seckill-item .discount dl {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  padding: 5px 0;
  line-height: 20px;
  text-align: center;
  border-left: 1px solid #ffeacc;
}
.seckill-item .discount dl:first-child {
  border-left: none;
}
.seckill-item .discount dt {
  font-size: 12px;
  color: #999;
}
.seckill-item .discount dd {
  font-family: Arial;
  color: #e59b50;
}
.seckill-item .price {
  float: right;
  line-height: 40px;
  padding: 5px 0;
  color: #f70;
  font-size: 20px;
}
.seckill-item .price b {
  margin-left: 3px;
  font-size: 36px;
}
.seckill-item .ft-info {
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  overflow: hidden;
}
.seckill-item .stat {
  float: left;
  font-size: 12px;
  color: #aaa;
}
.seckill-item .stat .comment {
  margin-left: 10px;
  color: #99ccff;
}
.seckill-item .seckill-btn {
  float: right;
  display: block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  background: #f70;
  border-radius: 4px;
}
.seckill-item .seckill-btn:hover {
  background: #f60;
}
.seckill-item:hover {
  border-color: #ddd;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.page-head {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 300px;
  overflow: hidden;
}
.page-head .head-img {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -1;
  width: 3000px;
  margin-left: -1500px;
  text-align: center;
}
.page-head .head-img img {
  display: inline-block;
  vertical-align: top;
}
.page-head .head-cont {
  position: absolute;
  left: 50%;
  top: 100px;
  width: 1200px;
  margin-left: -600px;
}
.page-head .user-info {
  float: left;
}
.page-head .user-info .face {
  float: left;
  width: 90px;
  height: 90px;
  margin-right: 20px;
  border-radius: 50%;
  border: 5px solid #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  box-sizing: content-box;
}
.page-head .user-info .intro {
  float: left;
  padding-top: 10px;
}
.page-head .user-info .intro-name {
  line-height: 30px;
  margin-bottom: 10px;
}
.page-head .user-info .intro-name strong {
  color: #fff;
  font-size: 24px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.page-head .user-fans {
  float: right;
  padding: 25px 0;
  display: flex;
}
.page-head .user-fans dl {
  padding: 0 20px;
  text-align: center;
  color: #fff;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.page-head .user-fans dl:first-child {
  border-left: none;
}
.page-head .user-fans dt {
  line-height: 32px;
  font-size: 30px;
  font-weight: bold;
  font-family: Arial;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.page-head .user-fans dd {
  line-height: 18px;
  font-size: 14px;
}
.page-cont {
  padding: 20px 0;
  background: #f5f5f5;
}
.page-cont-main {
  float: left;
  width: 900px;
  padding: 20px;
  background: #fff;
  box-sizing: border-box;
}
.page-cont-main .trend-item {
  margin-top: 40px;
  display: flex;
}
.page-cont-main .trend-item:first-child {
  margin-top: 0;
}
.page-cont-main .trend-item .pic {
  width: 360px;
  height: 220px;
  margin-right: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
.page-cont-main .trend-item .pic img {
  object-fit: cover;
  transition: all 1s;
}
.page-cont-main .trend-item .pic img:hover {
  opacity: 0.9;
  transform: scale(1.05);
}
.page-cont-main .trend-item .trend-info {
  position: relative;
  flex: 1;
  overflow: hidden;
}
.page-cont-main .trend-item .trend-info .title {
  line-height: 25px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.page-cont-main .trend-item .trend-info .title:hover {
  color: #0af;
}
.page-cont-main .trend-item .trend-info .writer {
  padding: 5px 0;
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
}
.page-cont-main .trend-item .trend-info .des {
  max-height: 100px;
  line-height: 20px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.page-cont-main .trend-item .trend-info .bt-line {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  overflow: hidden;
}
.page-cont-main .empty {
  padding: 80px 0;
  text-align: center;
}
.page-cont-main .empty .icon {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: url("/static/assets/img/member-icon.png");
  background-position: -60px 0;
}
.page-cont-main .empty p {
  padding-top: 10px;
  font-size: 12px;
  color: #aaa;
}
.page-cont-side {
  float: right;
  width: 280px;
  padding: 20px;
  background: #fff;
  box-sizing: border-box;
}
.page-cont-side .side-module {
  margin-bottom: 40px;
}
.page-cont-side .side-module:last-child {
  margin-bottom: 0;
}
.page-cont-side .side-module .mt {
  line-height: 20px;
}
.page-cont-side .side-module .mt strong {
  font-size: 16px;
  color: #333;
}
.page-cont-side .side-module .empty {
  padding: 40px 0;
  text-align: center;
  font-size: 12px;
  color: #aaa;
}
.page-cont-side .side-module .fanlist {
  margin-right: -20px;
  overflow: hidden;
}
.page-cont-side .side-module .fanlist .fans-item {
  float: left;
  display: block;
  width: 48px;
  margin-top: 15px;
  margin-right: 16px;
}
.page-cont-side .side-module .fanlist .fans-item .face {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
}
.page-cont-side .side-module .fanlist .fans-item p {
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  color: #00ace5;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.page-cont-side .side-module .talent-list .talent-item {
  margin-top: 20px;
  display: flex;
}
.page-cont-side .side-module .talent-list .talent-item .face {
  width: 48px;
  height: 48px;
  margin-right: 10px;
  border-radius: 5px;
  overflow: hidden;
  flex-shrink: 0;
}
.page-cont-side .side-module .talent-list .talent-item .info {
  flex: 1;
  overflow: hidden;
}
.page-cont-side .side-module .talent-list .talent-item .name {
  line-height: 25px;
  color: #00ace5;
}
.page-cont-side .side-module .talent-list .talent-item .stat {
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
  overflow: hidden;
}
.publish-travel .file-img {
  display: flex;
}
.publish-travel .file-img > div {
  position: relative;
  width: 80px;
  height: 80px;
  padding: 4px;
  margin-right: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #f8f8f8;
  box-sizing: content-box;
}
.publish-travel .file-img .img-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.publish-travel .file-img .img-box img {
  max-width: 100%;
  max-height: 100%;
}
.publish-travel .file-img .img-box .delete-btn {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(255, 20, 20, 0.8);
  cursor: pointer;
}
.publish-travel .file-img .img-box .delete-btn::before,
.publish-travel .file-img .img-box .delete-btn::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 12px;
  height: 2px;
  margin-left: -6px;
  margin-top: -1px;
  background: #fff;
}
.publish-travel .file-img .img-box .delete-btn::before {
  transform: rotate(45deg);
}
.publish-travel .file-img .img-box .delete-btn::after {
  transform: rotate(-45deg);
}
.publish-travel .file-img .upload-img {
  text-align: center;
  cursor: pointer;
}
.publish-travel .file-img .upload-img .plus-icon {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  margin: 15px auto 0;
}
.publish-travel .file-img .upload-img .plus-icon::before,
.publish-travel .file-img .upload-img .plus-icon::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 30px;
  height: 4px;
  margin-left: -15px;
  margin-top: -2px;
  background: #ddd;
}
.publish-travel .file-img .upload-img .plus-icon::before {
  transform: rotate(90deg);
}
.publish-travel .file-img .upload-img span {
  font-size: 12px;
  color: #aaa;
}
.editor-module .toolbar {
  width: 100%;
  height: 50px;
  background: #f5f5f5;
}
.editor-module .editor-option {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 50px;
  height: 50px;
  background: none;
  outline: none;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
.editor-module .editor-option .opt-icon {
  width: 20px;
  height: 20px;
  margin: auto;
  background: url("/static/assets/img/editor-icon.png");
}
.editor-module .editor-option .opt-icon.icon02 {
  background-position: -20px 0;
}
.editor-module .editor-option .opt-icon.icon03 {
  background-position: -40px 0;
}
.editor-module .editor-option .opt-des {
  display: none;
  position: absolute;
  left: 50%;
  top: -10px;
  width: 60px;
  height: 20px;
  line-height: 20px;
  margin-left: -30px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
}
.editor-module .editor-option .opt-des::before {
  position: absolute;
  left: 50%;
  bottom: -8px;
  content: '';
  width: 0;
  height: 0;
  margin-left: -4px;
  border: 4px solid;
  border-color: rgba(0, 0, 0, 0.6) transparent transparent transparent;
}
.editor-module .editor-option:hover .opt-des {
  display: block;
}
.editor-module .editor-content {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 300px;
  padding: 10px 15px;
  margin: 10px 0;
  line-height: 20px;
  box-sizing: border-box;
  border: 1px solid #eee;
  outline: none;
}
.editor-module .editor-catalog h3 {
  height: 24px;
  line-height: 24px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
  box-sizing: content-box;
}
.editor-module .editor-catalog .catalog-list ol {
  padding: 10px 0 10px 20px;
  list-style-type: decimal;
}

.insure {
  background: #f5f5f5;
  overflow: hidden;
}
.insure-floor {
  padding: 20px 0;
}
.insure-floor-mt {
  margin-bottom: 10px;
  line-height: 30px;
  overflow: hidden;
}
.insure-floor-mt strong {
  font-size: 22px;
  color: #333;
}
.insure-floor-mt span {
  margin-left: 20px;
  color: #aaa;
}
.insure-floor-mt a {
  float: right;
}
.insure-floor-mc {
  margin-right: -20px;
  overflow: hidden;
}
.insure-item {
  float: left;
  width: 285px;
  margin-right: 20px;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
}
.insure-item-pic {
  display: block;
  width: 285px;
  height: 140px;
  overflow: hidden;
}
.insure-item-pic img {
  display: block;
  width: 100%;
  height: 100%;
}
.insure-item-info {
  position: relative;
  height: 160px;
  padding: 10px;
}
.insure-item-title {
  display: -webkit-flex;
  display: flex;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}
.insure-item-title .tt-name {
  font-weight: bold;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-flex: 1;
  flex: 1;
}
.insure-item-title .tt-name:hover {
  color: #07c;
}
.insure-item-title .company-logo {
  width: 80px;
  height: 20px;
  margin-left: 10px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.insure-item-title .company-logo img {
  display: block;
  width: 100%;
  height: 100%;
}
.insure-item-feature {
  max-height: 20px;
  margin-top: 5px;
  overflow: hidden;
}
.insure-item-feature span {
  display: inline-block;
  vertical-align: top;
  height: 18px;
  line-height: 18px;
  padding: 0 5px;
  margin-right: 5px;
  font-size: 12px;
  color: #00a0e9;
  border-radius: 3px;
  border: 1px solid #99ccff;
  box-sizing: content-box;
}
.insure-item-desc {
  height: 60px;
  padding: 5px 0 20px;
  box-sizing: content-box;
}
.insure-item-desc .desc-row {
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
  display: -webkit-flex;
  display: flex;
}
.insure-item-desc .desc-row-left {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-flex: 1;
  flex: 1;
}
.insure-item-desc .desc-row-right {
  margin-left: 20px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.insure-item-bottom {
  position: absolute;
  bottom: 10px;
  width: calc(100% - 20px);
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}
.insure-item-bottom .price {
  float: left;
}
.insure-item-bottom .price .num {
  font-size: 24px;
  font-family: Arial;
  color: #f80;
}
.insure-item-bottom .price .up {
  margin-left: 3px;
}
.insure-item-bottom .btn {
  float: right;
  display: inline-block;
  height: 30px;
  padding: 0 20px;
  color: #fff;
  border-radius: 15px;
  background: #f80;
}
.insure-item-bottom .btn:hover {
  background: #f58300;
}
.insure-list-item {
  display: -webkit-flex;
  display: flex;
  height: 200px;
  margin-bottom: 20px;
  background: #fff;
}
.insure-list-item-pic {
  display: block;
  width: 400px;
  height: 200px;
  overflow: hidden;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.insure-list-item-pic img {
  display: block;
  width: 100%;
  height: 100%;
}
.insure-list-item-info {
  padding: 20px;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.insure-list-item-title {
  display: -webkit-flex;
  display: flex;
  height: 20px;
  line-height: 20px;
}
.insure-list-item-title .tt-name {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-flex: 1;
  flex: 1;
}
.insure-list-item-sub {
  display: flex;
  height: 20px;
  margin-top: 5px;
  line-height: 20px;
  color: #888;
  overflow: hidden;
}
.insure-list-item-sub span {
  flex-shrink: 0;
  position: relative;
  display: inline-block;
  padding-right: 10px;
  margin-right: 10px;
}
.insure-list-item-sub span::before {
  position: absolute;
  top: 50%;
  right: 0;
  content: '';
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background: #ddd;
}
.insure-list-item-sub span:last-child {
  padding-right: 0;
  margin-right: 0;
  flex-shrink: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.insure-list-item-sub span:last-child::before {
  display: none;
}
.insure-list-item-desc {
  height: 40px;
  margin: 10px 0 25px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.insure-list-item-desc .desc-row {
  position: relative;
  width: 50%;
  height: 25px;
  line-height: 25px;
  padding-left: 10px;
  padding-right: 50px;
  color: #aaa;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
}
.insure-list-item-desc .desc-row::before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  width: 2px;
  height: 2px;
  margin-top: -3px;
  border: 2px solid #00a0e9;
  border-radius: 50%;
  box-sizing: content-box;
}
.insure-list-item-desc .desc-row-left {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-flex: 1;
  flex: 1;
}
.insure-list-item-desc .desc-row-right {
  margin-left: 20px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.insure-list-item-bottom {
  height: 40px;
  line-height: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.insure-list-item-bottom .price {
  float: left;
}
.insure-list-item-bottom .price .num {
  font-size: 24px;
  font-family: Arial;
  color: #f80;
}
.insure-list-item-bottom .price .up {
  margin-left: 3px;
}
.insure-list-item-bottom .btn {
  display: inline-block;
  height: 40px;
  padding: 0 40px;
  font-size: 16px;
  color: #fff;
  border-radius: 20px;
  background: #f80;
}
.insure-list-item-bottom .btn:hover {
  background: #f58300;
}
.insure-detail-hd {
  display: -webkit-flex;
  display: flex;
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
}
.insure-detail-hd-pic {
  width: 500px;
  height: 250px;
  margin-right: 30px;
  overflow: hidden;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.insure-detail-hd-info {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.insure-detail-hd-info .tt-row {
  display: -webkit-flex;
  display: flex;
}
.insure-detail-hd-info .title {
  max-height: 40px;
  line-height: 20px;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
  -webkit-flex: 1;
  flex: 1;
}
.insure-detail-hd-info .company-logo {
  width: 80px;
  height: 20px;
  margin-left: 40px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.insure-detail-hd-info .company-logo img {
  display: block;
  width: 100%;
  height: 100%;
}
.insure-detail-hd-info .feature {
  margin-top: 10px;
}
.insure-detail-hd-info .feature span {
  display: inline-block;
  vertical-align: top;
  max-width: 300px;
  height: 18px;
  line-height: 18px;
  padding: 0 5px;
  margin: 1px 5px 1px 0;
  font-size: 12px;
  color: #00a0e9;
  border-radius: 3px;
  border: 1px solid #99ccff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: content-box;
}
.insure-detail-hd-info .scope {
  padding: 20px 0;
}
.insure-detail-hd-info .scope dl {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  line-height: 20px;
  padding: 5px 0;
}
.insure-detail-hd-info .scope dt {
  width: 75px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  color: #999;
}
.insure-detail-hd-info .scope .s-input {
  position: relative;
  width: 200px;
  height: 32px;
}
.insure-detail-hd-info .scope .s-input::before {
  position: absolute;
  top: 50%;
  right: 10px;
  content: '';
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-sizing: content-box;
}
.insure-detail-hd-info .scope .s-input select {
  width: 200px;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-radius: 3px;
  outline: none;
  box-sizing: content-box;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.insure-detail-hd-info .price b {
  font-size: 20px;
  font-family: Arial;
  color: #f80;
}
.insure-detail-hd-info .price span {
  margin-left: 3px;
}
.insure-detail-hd-info .ft-line {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.insure-detail-hd-info .buy-btn {
  display: inline-block;
  width: 160px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: #f80;
  border-radius: 5px;
}
.insure-detail-nav {
  height: 50px;
  background: #fff;
  border-bottom: 1px solid #f5f5f5;
}
.insure-detail-nav .nav-tabs {
  padding: 0 20px;
}
.insure-detail-nav .nav-tabs-item {
  display: inline-block;
  vertical-align: top;
  height: 50px;
  line-height: 50px;
  margin: 0 20px;
  font-size: 16px;
  font-weight: 700;
  box-sizing: border-box;
  cursor: pointer;
}
.insure-detail-nav .nav-tabs-item:hover {
  color: #00a0e9;
}
.insure-detail-nav .nav-tabs-item.on {
  color: #00a0e9;
  border-bottom: 2px solid #00a0e9;
}
.insure-detail-nav.tofixed {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 1200px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.insure-detail-module {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
}
.insure-detail-module .mt {
  position: relative;
  height: 20px;
  line-height: 20px;
  padding-left: 10px;
  margin-bottom: 10px;
}
.insure-detail-module .mt strong {
  font-size: 18px;
  font-weight: normal;
  color: #09e;
}
.insure-detail-module .mt::before {
  position: absolute;
  left: 0;
  top: 3px;
  content: '';
  width: 3px;
  height: 14px;
  background: #09e;
}
.insure-detail-module .infos-row {
  display: flex;
  padding: 5px 0;
}
.insure-detail-module .infos-row .row-dt {
  width: 16%;
  font-weight: bold;
}
.insure-detail-module .infos-row .row-dd {
  width: 84%;
  line-height: 20px;
}
.insure-detail-module img {
  max-width: 100%;
}
.insure-detail-text p {
  padding: 5px 0;
}
.insure-booking-head {
  display: -webkit-flex;
  display: flex;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.insure-booking-head .tt {
  -webkit-flex: 1;
  flex: 1;
  line-height: 30px;
  font-size: 24px;
  color: #333;
}
.insure-booking-head .c-logo {
  height: 30px;
  margin-left: 20px;
}
.insure-booking .warm-notice {
  margin-top: 20px;
  color: #ff4c4c;
}
.det-table {
  width: 100%;
  display: table;
  border: 1px solid #eee;
}
.det-table-head {
  display: table-header-group;
  font-weight: bold;
  border-bottom: 1px solid #eee;
}
.det-table-head .det-table-tr::before {
  display: none;
}
.det-table-head .det-table-td:first-child {
  color: #09e;
}
.det-table-tt {
  padding: 8px 10px;
  line-height: 20px;
  color: #09e;
  border-bottom: 1px solid #eee;
}
.det-table-tr {
  position: relative;
  display: -webkit-flex;
  display: flex;
}
.det-table-tr::before,
.det-table-tr::after {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 4px;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -4px;
  border-right: 2px solid #f60;
  border-bottom: 2px solid #f60;
  box-sizing: content-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.det-table-tr::after {
  bottom: 0;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.det-table-tr.open::before {
  display: none !important;
}
.det-table-tr.open::after {
  display: block;
}
.det-table-td {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
  flex: 1;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 8px 10px;
  line-height: 20px;
  text-align: center;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
}
.det-table-td:first-child {
  border-left: none;
}
.det-table-td.on {
  background: #f2fbff;
}
.det-table .explain {
  display: none;
  padding: 8px 10px;
  line-height: 20px;
  color: #777;
  background: #f8f8f8;
  border-bottom: 1px solid #eee;
}
.det-table-body .det-table-tr {
  cursor: pointer;
}
.det-table-body .det-table-tr:hover::before {
  display: block;
}
.det-table-body .det-table-tr:hover .det-table-td {
  background: #fff9f2;
}
.det-table-body .det-table-td {
  color: #777;
}
.det-table-body .det-table-td:first-child {
  color: #444;
}

.memberIndex {
  padding: 20px;
  background: #f5f5f5;
  overflow: hidden;
}
.memberIndex .icon {
  background: url("/static/assets/img/member-icon.png");
}
.memberIndex .left-sidebar {
  float: left;
  width: 200px;
  margin-right: 20px;
}
.memberIndex .side-nav {
  padding: 10px 20px;
  background: #fff;
}
.memberIndex .side-nav-item {
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.memberIndex .side-nav-item:last-child {
  border-bottom: none;
}
.memberIndex .side-nav-item .nav-tt {
  position: relative;
  display: block;
  height: 30px;
  line-height: 30px;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  -webkit-user-select: none;
  user-select: none;
}
.memberIndex .side-nav-item .nav-tt .icon {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin-top: 5px;
  margin-right: 5px;
}
.memberIndex .side-nav-item .nav-tt .icon.my {
  background-position: -20px 0;
}
.memberIndex .side-nav-item .nav-tt .icon.order {
  background-position: -20px -20px;
}
.memberIndex .side-nav-item .nav-tt .icon.cash {
  background-position: -20px -40px;
}
.memberIndex .side-nav-item .nav-tt .icon.user {
  background-position: -20px -60px;
}
.memberIndex .side-nav-item .nav-tt .icon.mes {
  background-position: -20px -80px;
}
.memberIndex .side-nav-item .nav-tt .icon.shequ {
  background-position: -20px -100px;
}
.memberIndex .side-nav-item .nav-tt .icon.arrow {
  position: absolute;
  top: 50%;
  right: 0;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background-position: -40px -10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.memberIndex .side-nav-item .nav-tt.on .arrow {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.memberIndex .side-nav-item .nav-tt.mm-index.active {
  color: #00a0e9;
}
.memberIndex .side-nav-item .nav-tt.mm-index.active::before {
  position: absolute;
  left: -20px;
  top: 50%;
  content: '';
  width: 3px;
  height: 20px;
  margin-top: -10px;
  background: #00a0e9;
  transform: rotate(0);
}
.memberIndex .side-nav-item .nav-list {
  padding: 5px 0;
}
.memberIndex .side-nav-item .nav-list a {
  display: block;
  padding-left: 25px;
  line-height: 30px;
  color: #777;
}
.memberIndex .side-nav-item .nav-list a.on {
  font-weight: bold;
  color: #00a0e9;
  background: #f1faff;
}
.memberIndex .side-nav-item .nav-list a:hover {
  color: #00a0e9;
  background: #f1faff;
}
.memberIndex .side-nav.theme-blue {
  background: #00a0e9;
}
.memberIndex .side-nav.theme-blue .side-nav-item {
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.memberIndex .side-nav.theme-blue .side-nav-item:last-child {
  border-bottom: none;
}
.memberIndex .side-nav.theme-blue .nav-tt {
  color: #fff;
}
.memberIndex .side-nav.theme-blue .nav-tt .icon.my {
  background-position: 0 0;
}
.memberIndex .side-nav.theme-blue .nav-tt .icon.order {
  background-position: 0 -20px;
}
.memberIndex .side-nav.theme-blue .nav-tt .icon.cash {
  background-position: 0 -40px;
}
.memberIndex .side-nav.theme-blue .nav-tt .icon.user {
  background-position: 0 -60px;
}
.memberIndex .side-nav.theme-blue .nav-tt .icon.mes {
  background-position: 0 -80px;
}
.memberIndex .side-nav.theme-blue .nav-tt .icon.shequ {
  background-position: 0 -100px;
}
.memberIndex .side-nav.theme-blue .nav-tt .icon.arrow {
  background-position: -40px 0;
}
.memberIndex .side-nav.theme-blue .nav-tt.mm-index.active {
  color: #fff;
}
.memberIndex .side-nav.theme-blue .nav-tt.mm-index.active::before {
  position: absolute;
  left: -12px;
  top: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-top: -3px;
  background: #00ffff;
  transform: rotate(45deg);
}
.memberIndex .side-nav.theme-blue .nav-list a {
  color: #fff;
}
.memberIndex .side-nav.theme-blue .nav-list a.on {
  font-weight: bold;
  background: rgba(255, 255, 255, 0.1);
}
.memberIndex .side-nav.theme-blue .nav-list a:hover {
  background: rgba(255, 255, 255, 0.1);
}
.memberIndex .main-content {
  float: left;
  width: 980px;
}
.memberIndex .main-content .mem-module {
  margin-bottom: 20px;
  background: #fff;
}
.memberIndex .main-content .mem-module .mt {
  height: 20px;
  line-height: 20px;
  padding: 20px;
  overflow: hidden;
  box-sizing: content-box;
}
.memberIndex .main-content .mem-module .mt strong {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.memberIndex .main-content .mem-module .mt a {
  float: right;
  color: #aaa;
}
.memberIndex .main-content .mem-module .empty {
  padding: 60px;
  text-align: center;
}
.memberIndex .main-content .mem-module .empty .icon {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background-position: -60px 0;
}
.memberIndex .main-content .mem-module .empty p {
  padding-top: 10px;
  font-size: 12px;
  color: #aaa;
}
.memberIndex div[class*=col-] {
  float: left;
  position: relative;
  padding: 0 10px;
  box-sizing: border-box;
}
.memberIndex div[class*=col-].pl-no {
  padding-left: 0;
}
.memberIndex div[class*=col-].pr-no {
  padding-right: 0;
}
.memberIndex .m-form .form-dt {
  padding-top: 0;
}
.memberIndex .m-form .form-dd .phone-select {
  width: 110px;
  position: relative;
  height: 36px;
  line-height: 26px;
}
.memberIndex .m-form .form-dd .phone-select-value {
  width: 110px;
  padding: 4px 10px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
}
.memberIndex .m-form .form-dd .phone-select-value.pl {
  color: #CCC;
}
.memberIndex .m-form .form-dd .phone-select select {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.cont-head-tabs {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #eee;
  background: #fff;
}
.cont-head-tabs .tabs-item {
  position: relative;
  display: inline-block;
  height: 48px;
  padding: 0 20px;
  font-size: 16px;
  cursor: pointer;
  box-sizing: content-box;
}
.cont-head-tabs .tabs-item::before {
  position: absolute;
  top: 50%;
  left: 0;
  content: '';
  width: 1px;
  height: 20px;
  margin-top: -10px;
  background: #eee;
}
.cont-head-tabs .tabs-item:first-child::before {
  display: none;
}
.cont-head-tabs .tabs-item.on {
  font-weight: bold;
  color: #00a0e9;
  border-bottom: 2px solid #00a0e9;
}
.cont-head-tabs .tabs-item:hover {
  color: #00a0e9;
}

.route-list-left {
  float: left;
  width: 900px;
}
.route-list-left .route-item {
  display: flex;
  height: 240px;
  margin-bottom: 20px;
  background: #fff;
  overflow: hidden;
  transition: all 0.3s;
}
.route-list-left .route-item .pic {
  position: relative;
  width: 320px;
  height: 240px;
  overflow: hidden;
  flex-shrink: 0;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 60%;
}
.route-list-left .route-item .pic img {
  object-fit: cover;
  transition: all 0.8s;
}
.route-list-left .route-item .pic:hover img {
  opacity: 0.85;
  transform: scale(1.05);
}
.route-list-left .route-item .discount {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 20px;
  z-index: 2;
  height: 28px;
  padding: 0 10px;
  line-height: 28px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  font-family: Arial;
  text-transform: uppercase;
  color: #fff;
  background: #ff9900;
}
.route-list-left .route-item .tour {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  color: #fff;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.4);
}
.route-list-left .route-item .info {
  position: relative;
  padding: 20px;
  flex: 1;
  overflow: hidden;
}
.route-list-left .route-item .title {
  max-height: 40px;
  line-height: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.route-list-left .route-item .title:hover {
  color: #00a0e9;
}
.route-list-left .route-item .tags {
  max-height: 20px;
  margin: 5px 0;
  font-size: 0;
  overflow: hidden;
}
.route-list-left .route-item .tags a,
.route-list-left .route-item .tags span {
  display: inline-block;
  vertical-align: top;
  height: 16px;
  line-height: 16px;
  padding: 0 5px;
  margin: 1px 5px 1px 0;
  font-size: 12px;
  color: #00a0e9;
  border-radius: 3px;
  border: 1px solid #99ccff;
  box-sizing: content-box;
}
.route-list-left .route-item .tags .tag-blue,
.route-list-left .route-item .tags .tag-cyan,
.route-list-left .route-item .tags .tag-green,
.route-list-left .route-item .tags .tag-red,
.route-list-left .route-item .tags .tag-pink,
.route-list-left .route-item .tags .tag-orange {
  height: 18px;
  line-height: 18px;
  color: #fff;
  border: none;
}
.route-list-left .route-item .tags .tag-blue {
  background: #59acff;
}
.route-list-left .route-item .tags .tag-cyan {
  background: #57d9c3;
}
.route-list-left .route-item .tags .tag-green {
  background: #56bf68;
}
.route-list-left .route-item .tags .tag-red {
  background: #ff7373;
}
.route-list-left .route-item .tags .tag-pink {
  background: #ff73b9;
}
.route-list-left .route-item .tags .tag-orange {
  background: #ffac59;
}
.route-list-left .route-item .hd-info {
  display: flex;
}
.route-list-left .route-item .description {
  height: 80px;
  line-height: 20px;
  color: #999;
  flex: 1;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.route-list-left .route-item .description .line {
  position: relative;
  padding-left: 20px;
  line-height: 20px;
}
.route-list-left .route-item .description .line::before {
  position: absolute;
  left: 0;
  top: 2px;
  content: '';
  width: 16px;
  height: 16px;
  background: url("/static/assets/img/promote.svg") no-repeat center center;
  background-size: 100% 100%;
}
.route-list-left .route-item .price-info {
  margin-left: 30px;
  text-align: right;
  flex-shrink: 0;
}
.route-list-left .route-item .price {
  height: 30px;
  line-height: 30px;
  color: #ff9900;
  font-size: 12px;
}
.route-list-left .route-item .price b {
  font-size: 22px;
}
.route-list-left .route-item .cost-price {
  line-height: 20px;
  color: #aaa;
  font-size: 12px;
}
.route-list-left .route-item .ft-info {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: calc(100% - 40px);
  padding-top: 14px;
  line-height: 18px;
  font-size: 12px;
  display: flex;
}
.route-list-left .route-item .ft-left {
  flex: 1;
  overflow: hidden;
}
.route-list-left .route-item .detail-line {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.route-list-left .route-item .detail-line span {
  margin-right: 15px;
}
.route-list-left .route-item .time-line {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.route-list-left .route-item .time-line .org {
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #eee;
}
.route-list-left .route-item .time-line .date {
  color: #00a0e9;
}
.route-list-left .route-item .ft-right {
  margin-left: 20px;
  text-align: right;
  color: #aaa;
  flex-shrink: 0;
}
.route-list-left .route-item .comment-on {
  color: #99ccff;
}
.route-list-left .route-item:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.sidebar-right {
  float: right;
  width: 280px;
}
.sidebar-right .sidebar-module {
  margin-bottom: 20px;
  background: #fff;
}
.sidebar-right .sidebar-module .mt {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #f5f5f5;
}
.sidebar-right .hot-list {
  padding: 10px 0;
}
.sidebar-right .hot-list .item {
  padding: 10px;
  display: flex;
}
.sidebar-right .hot-list .pic {
  width: 100px;
  height: 80px;
  margin-right: 10px;
  overflow: hidden;
  flex-shrink: 0;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 60%;
}
.sidebar-right .hot-list .pic img {
  object-fit: cover;
  transition: all 0.8s;
}
.sidebar-right .hot-list .info {
  flex: 1;
  overflow: hidden;
}
.sidebar-right .hot-list .title {
  height: 40px;
  margin-bottom: 10px;
  line-height: 20px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sidebar-right .hot-list .price {
  height: 30px;
  line-height: 30px;
  color: #ff9900;
  font-size: 12px;
}
.sidebar-right .hot-list .price b {
  font-size: 18px;
}
.sidebar-right .hot-list .item:hover img {
  opacity: 0.85;
  transform: scale(1.05);
}
.sidebar-right .hot-list .item:hover .title {
  color: #00a0e9;
}
.sidebar-right .ad-pic {
  padding: 10px;
}
.sidebar-right .ad-pic .pic {
  display: block;
  width: 260px;
  overflow: hidden;
}
.sidebar-right .ad-pic .pic img {
  display: block;
  width: 100%;
  height: auto;
}

.check-box {
  display: inline-block;
  vertical-align: top;
  height: 22px;
  margin: 5px 15px 5px 0;
  cursor: pointer;
}
.check-box .check {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  margin-top: 4px;
  margin-right: 5px;
  border: 1px solid #bbb;
  border-radius: 2px;
  background-color: #fff;
  box-sizing: border-box;
}
.check-box .check::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 6px;
  height: 3px;
  margin-left: -4px;
  margin-top: -4px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  opacity: 0;
  box-sizing: content-box;
  transform: scale(0.5) rotateZ(-45deg);
  transition: all 0.3s;
}
.check-box span {
  display: inline-block;
  height: 22px;
  line-height: 22px;
}
.check-box:hover .check {
  border-color: #00a0e9;
}
.check-box.on .check {
  background-color: #00a0e9;
  border-color: #00a0e9;
}
.check-box.on .check::before {
  opacity: 1;
  transform: scale(1) rotateZ(-45deg);
}
.check-box.on span {
  color: #00a0e9;
}
.check-box.disable {
  cursor: no-drop;
}
.check-box.disable .check {
  background-color: #eee;
  border-color: #ccc;
}
.check-box.disable .check::before {
  display: none;
}
.check-box.disable span {
  color: #bbb;
}
.filtrate {
  font-size: 12px;
  margin-bottom: 20px;
}
.filtrate .filter-shadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
}
.filtrate .text-check {
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: 22px;
  margin: 5px 10px 5px 0;
  cursor: pointer;
}
.filtrate .text-check::before,
.filtrate .text-check::after,
.filtrate .text-check span::before,
.filtrate .text-check span::after {
  display: none !important;
}
.filtrate .text-check span {
  position: relative;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 3px;
  transition: all 0.3s;
  border: none !important;
}
.filtrate .text-check input {
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
.filtrate .text-check input:checked + span {
  color: #fff !important;
  background: #00a0e9;
}
.filtrate .text-check input:disabled + span {
  color: #aaa;
  background: #eee;
}
.filtrate .text-check:hover > span {
  color: #00a0e9;
  background: #f2fbff;
}
.filtrate .text-check.disable {
  cursor: default;
}
.filtrate .text-check.disable span {
  color: #aaa;
}
.filtrate .text-check.disable:hover span {
  background: none;
}
.filtrate .drop-down {
  cursor: default;
  position: inherit;
}
.filtrate .drop-down > span {
  position: relative;
  padding-right: 18px;
}
.filtrate .drop-down > span::before {
  display: block;
  position: absolute;
  right: 5px;
  top: 50%;
  content: '';
  width: 5px;
  height: 5px;
  margin-top: -4px;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  box-sizing: content-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.filtrate .drop-down > span::after {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid #eee;
  border-bottom: none;
  background: #fff;
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1);
}
.filtrate .drop-down:hover > span {
  z-index: 10;
  color: #555;
  background: none;
}
.filtrate .drop-down:hover > span::after {
  display: block;
}
.filtrate .drop-down:hover .drop-down-popup {
  display: block;
}
.filtrate .drop-down-popup {
  display: none;
  position: absolute;
  left: 100px;
  z-index: 5;
  width: 1000px;
  padding: 10px;
  border: 1px solid #eee;
  box-sizing: border-box;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.filtrate .drop-down-popup dl {
  display: -webkit-flex;
  display: flex;
}
.filtrate .drop-down-popup dt {
  width: 60px;
  padding: 5px 0 5px 10px;
  line-height: 22px;
  color: #aaa;
}
.filtrate .filter-item {
  position: relative;
  min-height: 40px;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid #f8f8f8;
}
.filtrate .filter-item.item-hide {
  display: none;
}
.filtrate .filter-item .item-tt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100%;
  padding-top: 10px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  color: #333;
  background: #fafcfc;
  box-sizing: border-box;
}
.filtrate .filter-item .item-content {
  float: right;
  position: relative;
  width: 1000px;
  height: 30px;
  padding: 4px 80px 4px 120px;
  overflow: hidden;
  box-sizing: content-box;
}
.filtrate .filter-item .item-content.heightAuto {
  height: auto;
}
.filtrate .filter-item .more-btn {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 36px;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
}
.filtrate .filter-item .more-btn-down,
.filtrate .filter-item .more-btn-up {
  display: block;
}
.filtrate .filter-item .more-btn-down::before,
.filtrate .filter-item .more-btn-up::before {
  position: absolute;
  top: 50%;
  right: 0;
  content: '';
  width: 0;
  height: 0;
  border-width: 4px;
  border-style: solid;
}
.filtrate .filter-item .more-btn-down:hover,
.filtrate .filter-item .more-btn-up:hover {
  color: #00a0e9;
}
.filtrate .filter-item .more-btn-down::before {
  margin-top: -1px;
  border-color: #ccc transparent transparent transparent;
}
.filtrate .filter-item .more-btn-up {
  display: none;
}
.filtrate .filter-item .more-btn-up::before {
  margin-top: -5px;
  border-color: transparent transparent #ccc transparent;
}
.filtrate .filter-item .clear-btn {
  position: absolute;
  top: 8px;
  right: 20px;
  display: block;
  width: 60px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #00a0e9;
  cursor: pointer;
  background: #f2fbff;
}
.filtrate .filter-item .choose-item {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  border: 1px solid #00a0e9;
  margin: 3px 10px 3px 0;
  border-radius: 3px;
  overflow: hidden;
  box-sizing: content-box;
}
.filtrate .filter-item .choose-item span {
  display: inline-block;
  vertical-align: top;
}
.filtrate .filter-item .choose-item .choose-cate {
  padding: 0 10px;
  color: #fff;
  background: #00a0e9;
}
.filtrate .filter-item .choose-item .choose-text {
  padding: 0 5px 0 10px;
}
.filtrate .filter-item .choose-item .close-btn {
  position: relative;
  width: 22px;
  height: 22px;
  cursor: pointer;
}
.filtrate .filter-item .choose-item .close-btn::before,
.filtrate .filter-item .choose-item .close-btn::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 12px;
  height: 1px;
  margin-left: -6px;
  margin-top: -1px;
  background: #00a0e9;
}
.filtrate .filter-item .choose-item .close-btn::before {
  transform: rotate(45deg);
}
.filtrate .filter-item .choose-item .close-btn::after {
  transform: rotate(-45deg);
}
.filtrate .filter-item.already-choose .item-tt {
  font-size: 14px;
  background: none;
}
.filtrate .filter-item .item-content.location {
  height: auto;
}
.filtrate .location-nav .location-select {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 22px;
  line-height: 22px;
  padding: 0 20px 0 6px;
  margin: 5px 10px 5px 0;
  cursor: pointer;
}
.filtrate .location-nav .location-select::before {
  position: absolute;
  top: 50%;
  right: 10px;
  content: '';
  width: 4px;
  height: 4px;
  margin-top: -3px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-sizing: content-box;
  transform: rotate(45deg);
}
.filtrate .location-nav .location-select:hover {
  color: #00a0e9;
}
.filtrate .location-nav .location-select.on {
  color: #00a0e9;
  background: #f2fbff;
}
.filtrate .location-nav .location-select.on::before {
  border-color: #00a0e9;
}
.filtrate .location-wrap {
  padding: 5px 20px;
  background: #fafafa;
}
.filtrate .filter-line-more {
  width: 300px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: 0 auto;
  color: #00a0e9;
  cursor: pointer;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
}
.filtrate .filter-line-more .arrow {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 10px;
  height: 10px;
  margin-top: 10px;
  margin-left: 5px;
}
.filtrate .filter-line-more .arrow::before {
  position: absolute;
  top: 50%;
  left: 0;
  content: '';
  width: 0;
  height: 0;
  border-width: 4px;
  border-style: solid;
}
.filtrate .filter-line-more .more-show .arrow::before {
  margin-top: -1px;
  border-color: #00a0e9 transparent transparent transparent;
}
.filtrate .filter-line-more .more-hide {
  display: none;
}
.filtrate .filter-line-more .more-hide .arrow::before {
  margin-top: -5px;
  border-color: transparent transparent #00a0e9 transparent;
}
.filter-sorting {
  margin-bottom: 20px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
}
.filter-sorting.fs-fixed {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 1200px;
}
.filter-sorting .sorting {
  height: 40px;
  background: #f8f8f8;
}
.filter-sorting .sorting .item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  border-right: 1px solid #f5f5f5;
}
.filter-sorting .sorting .item .arrow {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 10px;
  height: 20px;
  margin-top: 10px;
  margin-left: 5px;
}
.filter-sorting .sorting .item .arrow::before,
.filter-sorting .sorting .item .arrow::after {
  position: absolute;
  left: 50%;
  content: '';
  width: 0;
  height: 0;
  margin-left: -4px;
  border-width: 4px;
  border-style: solid;
}
.filter-sorting .sorting .item .arrow::before {
  top: 1px;
  border-color: transparent transparent #bbb transparent;
}
.filter-sorting .sorting .item .arrow::after {
  top: 12px;
  border-color: #bbb transparent transparent transparent;
}
.filter-sorting .sorting .item .down-arrow {
  position: relative;
  display: none;
  vertical-align: top;
  width: 10px;
  height: 20px;
  margin-top: 10px;
  margin-left: 5px;
}
.filter-sorting .sorting .item .down-arrow::before,
.filter-sorting .sorting .item .down-arrow::after {
  position: absolute;
  left: 50%;
  content: '';
}
.filter-sorting .sorting .item .down-arrow::before {
  top: 5px;
  width: 2px;
  height: 10px;
  margin-left: -1px;
  background: #bbb;
}
.filter-sorting .sorting .item .down-arrow::after {
  top: 13px;
  width: 0;
  height: 0;
  margin-left: -4px;
  border-width: 4px;
  border-style: solid;
  border-color: #bbb transparent transparent transparent;
}
.filter-sorting .sorting .item .sort-mode {
  display: none;
  position: absolute;
  top: 40px;
  z-index: 1;
  width: 100px;
  background: #fff;
  border: 1px solid #eee;
}
.filter-sorting .sorting .item .sort-mode a {
  display: block;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
}
.filter-sorting .sorting .item.ascend {
  color: #00a0e9;
  background: #fff;
  border-bottom: 1px solid #fff;
}
.filter-sorting .sorting .item.ascend::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #00a0e9;
}
.filter-sorting .sorting .item.ascend .arrow::before {
  border-color: transparent transparent #00a0e9 transparent;
}
.filter-sorting .sorting .item.descend {
  color: #00a0e9;
  background: #fff;
  border-bottom: 1px solid #fff;
}
.filter-sorting .sorting .item.descend::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #00a0e9;
}
.filter-sorting .sorting .item.descend .arrow::after {
  border-color: #00a0e9 transparent transparent transparent;
}
.filter-sorting .sorting .item.on {
  color: #00a0e9;
  background: #fff;
  border-bottom: 1px solid #fff;
}
.filter-sorting .sorting .item.on::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #00a0e9;
}
.filter-sorting .sorting .item.on .down-arrow {
  display: inline-block;
}
.filter-sorting .sorting .item.on .down-arrow::before {
  background: #00a0e9;
}
.filter-sorting .sorting .item.on .down-arrow::after {
  border-color: #00a0e9 transparent transparent transparent;
}
.filter-sorting .sorting .item:hover .sort-mode {
  display: block;
}
.filter-sorting .sorting .setout-date {
  display: inline-block;
  height: 40px;
  margin-left: 20px;
}
.filter-sorting .sorting .setout-date > span {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin: 10px;
}
.filter-sorting .sorting .setout-date .date-picker {
  display: inline-block;
  width: 116px;
}
.filter-sorting .sorting .setout-date input[type=text] {
  display: inline-block;
  width: 100px;
  height: 24px;
  margin: 7px 0;
  padding: 0 8px;
  line-height: 22px;
  font-size: 12px;
  border: 1px solid #ddd;
  outline: none;
  border-radius: 3px;
  box-sizing: content-box;
  transition: border-color 0.3s;
}
.filter-sorting .sorting .setout-date input[type=text]:focus {
  border-color: #00a0e9;
}
.filter-sorting .sorting .setout-date button {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  margin-left: 5px;
  margin-top: 7px;
  color: #fff;
  border: none;
  cursor: pointer;
  background: #00a0e9;
  border-radius: 3px;
  outline: none;
}
.filter-sorting .special {
  padding: 10px 20px;
  border-top: 1px solid #f5f5f5;
}
.filter-sorting .special label {
  margin-right: 20px;
}
.filter-sorting .special input[type=checkbox].check {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  vertical-align: -3px;
  border: 1px solid #bbb;
  box-sizing: content-box;
  border-radius: 3px;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}
.filter-sorting .special input[type=checkbox].check::before {
  position: absolute;
  display: block;
  content: '';
  left: 50%;
  top: 50%;
  width: 6px;
  height: 3px;
  margin-left: -4px;
  margin-top: -4px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  box-sizing: content-box;
  opacity: 0;
  transform: scale(0.6) rotateZ(-45deg);
  transition: all 0.3s ease;
}
.filter-sorting .special input[type=checkbox].check:checked {
  background-color: #00a0e9;
  border-color: #00a0e9;
}
.filter-sorting .special input[type=checkbox].check:checked::before {
  opacity: 1;
  transform: scale(1) rotateZ(-45deg);
}
.filter-sorting .special .check-box .check {
  width: 16px;
  height: 16px;
  margin-top: 3px;
}

.order-table {
  padding: 20px;
}
.order-table .table {
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
  border-collapse: collapse;
  border-spacing: 0;
}
.order-table .table th {
  background-color: #f8f8f8;
}
.order-table .table th,
.order-table .table td {
  padding: 10px;
  line-height: 20px;
  word-wrap: break-word;
  border: none;
  text-align: center;
}
.order-table .table tr:nth-child(even) {
  background-color: #fafafa;
}
.order-table .table tr:hover {
  background-color: #f5fbff;
}
.order-table .od-product {
  display: flex;
}
.order-table .od-product .pic {
  width: 50px;
  height: 40px;
  margin-right: 10px;
  flex-shrink: 0;
}
.order-table .od-product .tt {
  display: block;
  height: 40px;
  line-height: 20px;
  text-align: left;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.order-table .od-date span {
  display: block;
  line-height: 16px;
  font-size: 12px;
  color: #bbb;
}
.order-table .od-price {
  font-size: 18px;
  font-family: Arial;
  font-weight: bold;
  color: #f80;
}
.order-table .od-operate > * {
  white-space: nowrap;
}
.order-table .od-operate a {
  display: block;
  line-height: 20px;
  font-size: 12px;
}
.order-module {
  padding: 10px 20px;
  margin-bottom: 20px;
  background: #fff;
}
.order-module .mt {
  position: relative;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  border-bottom: 1px solid #f5f5f5;
}
.order-module .mt::before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  width: 3px;
  height: 16px;
  margin-top: -7px;
  background: #00a0e9;
}
.order-module .mt strong {
  font-size: 18px;
  color: #333;
}
.order-module .mc {
  padding: 20px 0;
}
.order-module .mc .text-field {
  margin-bottom: 10px;
}
.order-module .mc .text-field > .info {
  margin-right: 20px;
}
.order-module .mc .text-field:last-child {
  margin-bottom: 0;
}
.order-module .mc .text-field .person-row {
  position: relative;
  padding-left: 60px;
  border-bottom: 1px dashed #eee;
}
.order-module .mc .text-field .person-row:last-child {
  border-bottom: none;
}
.order-module .mc .text-field .person-row .num {
  position: absolute;
  left: 0;
  font-size: 12px;
  color: #6bf;
}
.order-empty .w1200 {
  height: 100%;
}
.order-empty-cont {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.order-empty-cont .icon {
  display: inline-block;
}
.order-empty-cont a {
  color: #07c;
  text-decoration: underline;
}
.orderDetail .step {
  padding: 40px;
  display: flex;
}
.orderDetail .step-item {
  position: relative;
  height: 40px;
  text-align: center;
  flex: 1;
}
.orderDetail .step-item::before,
.orderDetail .step-item::after {
  position: absolute;
  bottom: 0;
  content: '';
  width: 50%;
  height: 1px;
  background: #eee;
}
.orderDetail .step-item::before {
  left: 0;
}
.orderDetail .step-item::after {
  right: 0;
}
.orderDetail .step-item:first-child::before {
  display: none;
}
.orderDetail .step-item:last-child::after {
  display: none;
}
.orderDetail .step-item span {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 10px;
}
.orderDetail .step-item .dot {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  width: 7px;
  height: 7px;
  margin-left: -8px;
  margin-bottom: -8px;
  border-radius: 50%;
  border: 5px solid #fff;
  background: #ddd;
  box-sizing: content-box;
}
.orderDetail .step-item.on::before,
.orderDetail .step-item.on::after {
  background: #00a0e9;
}
.orderDetail .step-item.on span {
  color: #fff;
  border-radius: 3px;
  background: #00a0e9;
}
.orderDetail .step-item.on .dot {
  background: #00a0e9;
  border-color: #cdeaff;
}
.orderDetail .order-state {
  padding: 20px;
  display: -webkit-flex;
  display: flex;
}
.orderDetail .order-state .icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-right: 10px;
  text-align: center;
}
.orderDetail .order-state-info {
  width: 100%;
  line-height: 20px;
}
.orderDetail .order-state-info b {
  font-size: 18px;
}
.orderDetail .order-state-info p {
  font-size: 12px;
  color: #aaa;
}
.orderDetail .order-state.cancel {
  background: #fff7f7;
}
.orderDetail .order-state.cancel .icon svg {
  fill: #f23030;
}
.orderDetail .order-state.cancel .order-state-info b {
  color: #f23030;
}
.orderDetail .product-info {
  padding: 20px;
  margin: 20px 0;
  border: 1px dashed #eee;
}
.orderDetail .product-info .product-box {
  padding: 10px;
  margin-bottom: 20px;
  background: #f8f8f8;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.orderDetail .product-info .product-box .pic {
  width: 60px;
  height: 40px;
  margin-right: 10px;
  overflow: hidden;
}
.orderDetail .product-info .product-box .pic img {
  object-fit: cover;
}
.orderDetail .product-info .product-box .title {
  display: block;
  width: 100%;
  max-height: 40px;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
}
.orderDetail .product-info .product-box .title:hover {
  color: #00a0e9;
}
.orderDetail .product-info .product-box .buy-btn {
  display: block;
  width: 90px;
  height: 30px;
  line-height: 30px;
  margin: 4px 0;
  text-align: center;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 3px;
  box-sizing: content-box;
  cursor: pointer;
}
.orderDetail .product-info .product-box .buy-btn:hover {
  color: #00a0e9;
  border-color: #00a0e9;
}
.orderDetail .product-info .record {
  display: flex;
  flex-wrap: wrap;
}
.orderDetail .product-info .record-line {
  width: 50%;
  padding: 5px 0;
  line-height: 20px;
  display: flex;
}
.orderDetail .product-info .record-line .dt {
  width: 80px;
  flex-shrink: 0;
  color: #999;
}
.orderDetail .settle-accounts-line {
  padding: 5px 0;
  line-height: 20px;
  text-align: right;
  color: #999;
}
.orderDetail .settle-accounts-line .sa-price {
  display: inline-block;
  width: 120px;
  font-weight: bold;
  color: #333;
}
.orderDetail .settle-accounts-line .sa-price.total {
  font-size: 20px;
  color: #f80;
}
.orderDetail .submit-btn {
  display: inline-block;
  width: 160px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 18px;
  background: #00a0e9;
  border-radius: 4px;
  border: none;
}
.orderDetail .table th,
.orderDetail .table td {
  text-align: center;
  border: none;
}
.orderDetail .person-row {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 5px 0;
  line-height: 20px;
}
.orderDetail .person-row-info {
  -webkit-flex: 1;
  flex: 1;
  min-width: 300px;
  display: flex;
}
.orderDetail .person-row-info .dt {
  color: #aaa;
}
.orderDetail .person-row-info .tag {
  display: inline-block;
  vertical-align: middle;
  height: 18px;
  line-height: 18px;
  padding: 0 4px;
  margin-left: 10px;
  font-size: 12px;
  color: #00a0e9;
  background-color: #edf8ff;
  border-radius: 2px;
}
.orderDetail .room-item {
  padding: 10px 20px;
  margin-bottom: 10px;
  display: -webkit-flex;
  display: flex;
  border: 1px dashed #eee;
}
.orderDetail .room-item .num {
  width: 100px;
  padding: 5px 0;
  font-weight: bold;
  color: #999;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.orderDetail .room-item .info {
  -webkit-flex: 1;
  flex: 1;
}
.orderDetail .room-item:last-child {
  margin-bottom: 0;
}
.orderDetail .prop-explain {
  position: relative;
  z-index: 5;
  display: inline-block;
}
.orderDetail .prop-explain .icon {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-left: 5px;
  margin-top: 2px;
}
.orderDetail .prop-explain-box {
  display: none;
  position: absolute;
  right: -10px;
  top: 25px;
  transform: translateY(calc(-50% + 10px));
}
.orderDetail .prop-explain-box::before {
  position: absolute;
  top: 0;
  right: 14px;
  content: '';
  width: 0;
  height: 0;
  margin-top: -10px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
}
.orderDetail .prop-explain .cont {
  min-width: 60px;
  max-height: 300px;
  padding: 6px 8px;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  overflow-y: auto;
  scrollbar-color: rgba(255, 255, 255, 0.15) #eee;
  box-sizing: content-box;
}
.orderDetail .prop-explain .cont::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
}
.orderDetail .prop-explain .cont::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.4) !important;
}
.orderDetail .prop-explain .cont pre {
  margin: 0;
  white-space: pre-wrap;
}
.orderDetail .prop-explain:hover .prop-explain-box {
  display: block;
}

.personal-info .user-face {
  padding: 0 50px;
  margin-bottom: 40px;
  overflow: hidden;
}
.personal-info .user-face .face-img {
  float: left;
  position: relative;
  display: block;
  width: 100px;
  height: 100px;
  margin-right: 20px;
  border-radius: 50%;
  overflow: hidden;
  background: #eee url("/static/assets/img/user-bg.jpg");
  background-size: 100%;
}
.personal-info .user-face .face-img p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20px;
  line-height: 16px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.3);
}
.personal-info .user-face .info-inner {
  float: left;
  padding-top: 20px;
}
.personal-info .user-face .info-inner .name {
  line-height: 30px;
  font-size: 22px;
  color: #333;
}
.personal-info .user-face .info-inner .whole {
  height: 20px;
  line-height: 20px;
  margin-top: 10px;
  font-size: 12px;
}
.personal-info .user-face .info-inner .whole .out {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  width: 200px;
  height: 14px;
  line-height: 14px;
  margin-left: 10px;
  margin-top: 4px;
  color: #fff;
  text-align: center;
  background: #ddd;
}
.personal-info .user-face .info-inner .whole .in {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  height: 14px;
  background: #f90;
}
.safe-sett {
  padding: 20px;
}
.safe-sett-top {
  margin: 0 20px;
  padding: 10px 20px;
  line-height: 20px;
  text-align: center;
  color: #a66321;
  background: #fff9f2;
  border: 1px solid #ffd9b2;
}
.safe-sett-top > * {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px;
}
.safe-sett-top .safe-val {
  position: relative;
  width: 100px;
  height: 10px;
  margin-top: 5px;
  background: #ddd;
}
.safe-sett-top .safe-val .rate {
  position: absolute;
  left: 0;
  top: 0;
  height: 10px;
  background: #21d282;
}
.safe-sett-top b {
  color: #21d282;
}
.safe-sett-item {
  padding: 30px 20px;
  line-height: 20px;
  border-bottom: 1px dashed #eee;
  overflow: hidden;
}
.safe-sett-item:last-child {
  border-bottom: none;
}
.safe-sett-item div {
  float: left;
}
.safe-sett-item .safe-state {
  width: 20px;
  height: 20px;
  background: url("/static/assets/img/right-wrong.png");
}
.safe-sett-item .safe-state.yes {
  background-position: -20px 0;
}
.safe-sett-item .safe-name {
  width: 100px;
  margin: 0 20px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.safe-sett-item .safe-notes {
  width: 600px;
  color: #aaa;
  overflow: hidden;
}
.safe-sett-item .safe-operate {
  float: right;
}
.safe-sett-item .safe-operate a {
  color: #06c;
}
.safe-sett-level span {
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 14px;
  line-height: 14px;
  margin-right: 5px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background: #ddd;
}
.safe-sett-level span:nth-child(1).on {
  background: #ff4040;
}
.safe-sett-level span:nth-child(2).on {
  background: #ff9900;
}
.safe-sett-level span:nth-child(3).on {
  background: #21d282;
}
.upload-avatar {
  padding: 0 20px 20px;
}
.upload-avatar .take-note {
  line-height: 20px;
  font-size: 12px;
  color: #999;
}
.upload-avatar .upload-btn {
  position: relative;
  margin: 20px 0;
}
.upload-avatar .upload-btn .upload-file {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
}
.upload-avatar .handle-img {
  height: 200px;
  padding: 50px;
  margin-bottom: 20px;
  border: 1px dashed #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
}
.upload-avatar .handle-img .img-box {
  margin: 0 40px;
  text-align: center;
}
.upload-avatar .handle-img .img-box .big,
.upload-avatar .handle-img .img-box .medium,
.upload-avatar .handle-img .img-box .small {
  border: 1px solid #eee;
  background: #eee url("/static/assets/img/user-bg.jpg");
  background-size: 100%;
  overflow: hidden;
}
.upload-avatar .handle-img .img-box .big img,
.upload-avatar .handle-img .img-box .medium img,
.upload-avatar .handle-img .img-box .small img {
  object-fit: cover;
}
.upload-avatar .handle-img .img-box .big {
  width: 200px;
  height: 200px;
}
.upload-avatar .handle-img .img-box .medium {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.upload-avatar .handle-img .img-box .small {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.upload-avatar .handle-img .img-box p {
  font-size: 12px;
  color: #aaa;
}

.help {
  min-height: calc(100vh - 363px);
}
.help-header {
  position: relative;
  width: 100%;
  height: 200px;
}
.help-header-bd {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 200px;
  background: rgba(0, 0, 0, 0.4);
}
.help-header-tt {
  height: 30px;
  line-height: 30px;
  margin-top: 40px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}
.help-header-search {
  position: relative;
  width: 700px;
  height: 50px;
  margin: 10px auto;
  border-radius: 25px;
  background: #fff;
  box-shadow: 0 2px 15px -5px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.help-header-search::before {
  position: absolute;
  left: 570px;
  top: 15px;
  content: '';
  width: 1px;
  height: 20px;
  background: #e0e0e0;
}
.help-header-search input {
  float: left;
  width: 570px;
  height: 50px;
  padding: 10px 20px;
  line-height: 30px;
  font-size: 15px;
  box-sizing: border-box;
  border: none;
  outline: none;
}
.help-header-search button {
  float: left;
  width: 120px;
  height: 50px;
  padding-right: 10px;
  text-align: center;
  color: #09e;
  font-size: 18px;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
}
.help-header-search i {
  margin-right: 10px;
}
.help-header-keyword {
  width: 660px;
  margin: 0 auto;
}
.help-header-keyword a {
  display: inline-block;
  margin-right: 10px;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.help-wrap {
  padding-top: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.help-side {
  width: 200px;
  margin-right: 20px;
  margin-bottom: 20px;
  background: #fff;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.help-menu-tt {
  position: relative;
  padding: 20px 0;
  text-align: center;
}
.help-menu-tt::before {
  position: absolute;
  left: 10%;
  top: 50%;
  content: '';
  width: 80%;
  height: 1px;
  background: #e0e0e0;
}
.help-menu-tt strong {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 15px;
  font-size: 20px;
  color: #aaa;
  background: #fff;
}
.help-menu-item {
  position: relative;
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 5px 20px;
  font-size: 15px;
  color: #444;
  border-bottom: 1px solid #f5f5f5;
  box-sizing: content-box;
}
.help-menu-item::before {
  position: absolute;
  right: 20px;
  top: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  box-sizing: content-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.help-menu-item:hover {
  color: #00a0e9;
}
.help-menu-item.on {
  font-weight: bold;
  color: #09e;
  background: #f7fcff;
  border-left: 2px solid #09e;
}
.help-menu-item.on::before {
  display: none;
}
.help-menu-item.on::after {
  position: absolute;
  right: 14px;
  top: 50%;
  content: '';
  width: 0;
  height: 0;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #09e;
}
.help-cont {
  -webkit-flex: 1;
  flex: 1;
  min-height: 300px;
  margin-bottom: 20px;
  background: #fff;
  overflow: hidden;
}
.help-cont .latest-item {
  display: block;
  padding: 10px 0;
  border-bottom: 1px dashed #eee;
}
.help-cont .latest-item .title {
  display: -webkit-flex;
  display: flex;
}
.help-cont .latest-item .tt {
  -webkit-flex: 1;
  flex: 1;
  line-height: 20px;
  font-size: 16px;
}
.help-cont .latest-item .date {
  display: inline-block;
  margin-left: 40px;
  font-size: 12px;
  color: #bbb;
}
.help-cont .latest-item .desc {
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
  overflow: hidden;
}
.help-cont .latest-item:hover .tt {
  color: #00a0e9;
}
.help-module .mt {
  padding: 10px 20px;
  line-height: 30px;
  background: #fafafa;
}
.help-module .mt strong {
  font-size: 20px;
  color: #333;
}
.help-module .mc {
  padding: 10px 20px;
}
.help-hot-qa .qa-item {
  position: relative;
  display: block;
  padding: 10px 0 10px 20px;
  line-height: 20px;
  border-bottom: 1px dashed #eee;
}
.help-hot-qa .qa-item:last-child {
  margin-bottom: 0;
}
.help-hot-qa .qa-item-tt {
  font-size: 15px;
  font-weight: bold;
}
.help-hot-qa .qa-item-tt i {
  color: #f80 !important;
}
.help-hot-qa .qa-item-desc {
  margin-top: 5px;
  font-size: 12px;
  color: #999;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.help-hot-qa .qa-item-desc i {
  color: #09e !important;
}
.help-hot-qa .qa-item i {
  position: absolute;
  left: 0;
  font-size: 14px;
  font-weight: normal;
}
.help-hot-qa .qa-item:hover .qa-item-tt {
  color: #09e;
}
.help-detail {
  min-height: 300px;
  padding: 20px;
  padding-bottom: 40px;
  position: relative;
}
.help-detail img {
  max-width: 100%;
}
.help-detail-tt {
  text-align: center;
  line-height: 30px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #eee;
  font-size: 22px;
  color: #333;
}
.help-detail-cont {
  padding: 20px;
}
.help-detail-cont p {
  padding: 5px 0;
  line-height: 20px;
}
.help-detail-ft {
  width: 100%;
  position: absolute;
  bottom: 20px;
  line-height: 24px;
  text-align: center;
}
.help-detail-ft .tt {
  font-weight: bold;
}
.help-detail-ft .btn {
  display: inline-block;
  width: 90px;
  height: 24px;
  line-height: 23px;
  margin: 0 5px;
  text-align: center;
  font-size: 12px;
  border-radius: 3px;
  cursor: pointer;
}
.help-detail-ft .btn:last-of-type .iconfont {
  display: inline-block;
  transform: rotateX(180deg);
}
.help-detail-ft .btn.useful {
  color: #fff;
  background: #09e;
}
.help-detail-ft .btn.useless {
  color: #09e;
  background: #e0f5ff;
}
.help .key-search-hd {
  line-height: 20px;
  padding: 10px 20px;
  border-bottom: 1px solid #eee;
}
.help .key-search-hd b {
  color: #f23030;
}
.help .key-search-bd {
  padding: 10px;
}
.help .key-search-item {
  display: block;
  padding: 10px;
  line-height: 20px;
}
.help .key-search-item .item-tt {
  color: #07c;
  font-size: 15px;
  font-weight: bold;
}
.help .key-search-item .item-tt:visited {
  color: #730099;
}
.help .key-search-item .item-desc {
  font-size: 12px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.help .key-search-item:nth-child(even) {
  background: #fafafa;
}

.pc-wrap input::-webkit-input-placeholder,
.pc-wrap textarea::-webkit-input-placeholder {
  color: #bbb;
}
.pc-wrap input::-moz-input-placeholder,
.pc-wrap textarea::-moz-input-placeholder {
  color: #bbb;
}
.pc-wrap input::placeholder,
.pc-wrap textarea::placeholder {
  color: #bbb;
}
.pc-wrap input,
.pc-wrap select,
.pc-wrap button,
.pc-wrap textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}
.pc-wrap input[type=checkbox] {
  -moz-appearance: checkbox;
  -webkit-appearance: checkbox;
  appearance: checkbox;
}
.pc-wrap input[type=radio] {
  -moz-appearance: radio;
  -webkit-appearance: radio;
  appearance: radio;
}
.pc-wrap input[type=checkbox],
.pc-wrap input[type=radio] {
  position: relative;
  display: inline-block;
  vertical-align: -2px;
  margin-right: 5px;
  background-color: #fff;
  box-sizing: border-box;
  overflow: hidden;
  outline: none;
  cursor: pointer;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.pc-wrap input[type=checkbox]::before,
.pc-wrap input[type=radio]::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.pc-wrap input[type=checkbox]:disabled,
.pc-wrap input[type=radio]:disabled {
  cursor: no-drop;
  background: #eee;
  border-color: #ccc;
}
.pc-wrap input[type=checkbox].check {
  width: 14px;
  height: 14px;
  border: 1px solid #bbb;
  border-radius: 2px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.pc-wrap input[type=checkbox].check.big {
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  border-radius: 3px;
}
.pc-wrap input[type=checkbox].check.bigger {
  width: 18px;
  height: 18px;
  vertical-align: -4px;
  border-radius: 3px;
}
.pc-wrap input[type=checkbox].check.bigger::before {
  width: 8px;
  height: 4px;
  margin-left: -5px;
  margin-top: -5px;
}
.pc-wrap input[type=checkbox].check.bdr-no {
  border-radius: 0;
}
.pc-wrap input[type=checkbox].check.round {
  border-radius: 50%;
}
.pc-wrap input[type=checkbox].check::before {
  box-sizing: content-box;
  width: 6px;
  height: 3px;
  margin-left: -4px;
  margin-top: -4px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  opacity: 0;
  -moz-transform: scale(0.5) rotateZ(-45deg);
  -webkit-transform: scale(0.5) rotateZ(-45deg);
  transform: scale(0.5) rotateZ(-45deg);
}
.pc-wrap input[type=checkbox].check:checked {
  background-color: var(--input-theme-color, #08f);
  border-color: var(--input-theme-color, #08f);
}
.pc-wrap input[type=checkbox].check:checked::before {
  opacity: 1;
  -moz-transform: scale(1) rotateZ(-45deg);
  -webkit-transform: scale(1) rotateZ(-45deg);
  transform: scale(1) rotateZ(-45deg);
}
.pc-wrap input[type=checkbox].check + span {
  display: inline-block;
  vertical-align: top;
}
.pc-wrap input[type=checkbox].switch {
  width: 40px;
  height: 20px;
  border-radius: 10px;
  background: #eee;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.pc-wrap input[type=checkbox].switch::before {
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.pc-wrap input[type=checkbox].switch:checked {
  background: var(--input-theme-color, #08f);
}
.pc-wrap input[type=checkbox].switch:checked::before {
  left: 20px;
  border-color: var(--input-theme-color, #08f);
}
.pc-wrap input[type=checkbox].switch:disabled::before {
  background: #f8f8f8;
}
.pc-wrap input[type=radio].radio {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #bbb;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.pc-wrap input[type=radio].radio.big {
  width: 16px;
  height: 16px;
  vertical-align: -3px;
}
.pc-wrap input[type=radio].radio.bigger {
  width: 18px;
  height: 18px;
  vertical-align: -4px;
}
.pc-wrap input[type=radio].radio.bigger::before {
  width: 8px;
  height: 8px;
  margin-left: -4px;
  margin-top: -4px;
}
.pc-wrap input[type=radio].radio::before {
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -3px;
  background: #fff;
  border-radius: 50%;
  opacity: 0;
  -moz-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.pc-wrap input[type=radio].radio:checked {
  background-color: var(--input-theme-color, #08f);
  border-color: var(--input-theme-color, #08f);
}
.pc-wrap input[type=radio].radio:checked::before {
  opacity: 1;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.pc-wrap input[type=radio].radio.turn.big::before {
  width: 8px;
  height: 8px;
  margin-left: -4px;
  margin-top: -4px;
}
.pc-wrap input[type=radio].radio.turn.bigger::before {
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-top: -5px;
}
.pc-wrap input[type=radio].radio.turn:checked {
  background: #fff;
  border-color: var(--input-theme-color, #08f);
}
.pc-wrap input[type=radio].radio.turn:checked::before {
  background-color: var(--input-theme-color, #08f);
}
.pc-wrap input[type=radio].radio + span {
  display: inline-block;
  vertical-align: top;
}
.pc-wrap .text-check {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.pc-wrap .text-check span {
  position: relative;
  display: inline-block;
  height: 22px;
  line-height: 20px;
  padding: 0 8px;
  font-size: 12px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 2px;
  cursor: pointer;
  overflow: hidden;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pc-wrap .text-check span::before {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  content: '';
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent var(--input-theme-color, #08f) var(--input-theme-color, #08f) transparent;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pc-wrap .text-check span::after {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  content: '';
  width: 4px;
  height: 2px;
  margin-bottom: 2px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  opacity: 0;
  -moz-transform: scale(0.5) rotateZ(-45deg);
  -webkit-transform: scale(0.5) rotateZ(-45deg);
  transform: scale(0.5) rotateZ(-45deg);
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pc-wrap .text-check input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.pc-wrap .text-check input:checked + span {
  color: var(--input-theme-color, #08f);
  border-color: var(--input-theme-color, #08f);
}
.pc-wrap .text-check input:checked + span::before {
  display: block;
}
.pc-wrap .text-check input:checked + span::after {
  opacity: 1;
  -moz-transform: scale(1) rotateZ(-45deg);
  -webkit-transform: scale(1) rotateZ(-45deg);
  transform: scale(1) rotateZ(-45deg);
}
.pc-wrap .text-check input:disabled + span {
  color: #999;
  background-color: #eee;
  border-color: #ccc;
}
.pc-wrap .text-check.bg input:checked + span {
  color: #fff;
  background-color: var(--input-theme-color, #08f);
  border-color: var(--input-theme-color, #08f);
}
.pc-wrap .text-check.bg input:checked + span::before,
.pc-wrap .text-check.bg input:checked + span::after {
  display: none;
}
.pc-wrap .text-check.medium span {
  height: 26px;
  line-height: 24px;
  padding: 0 10px;
  border-radius: 3px;
}
.pc-wrap .text-check.medium span::before {
  border-width: 6px;
}
.pc-wrap .text-check.medium span::after {
  margin-right: 1px;
  margin-bottom: 3px;
}
.pc-wrap .text-check.big span {
  height: 30px;
  line-height: 28px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 4px;
}
.pc-wrap .text-check.big span::before {
  border-width: 8px;
}
.pc-wrap .text-check.big span::after {
  width: 6px;
  height: 3px;
  margin-right: 2px;
  margin-bottom: 4px;
}
.pc-wrap .text-check.bigger span {
  height: 36px;
  line-height: 34px;
  padding: 0 15px;
  border-radius: 4px;
}
.pc-wrap .text-check.bigger span::before {
  border-width: 9px;
}
.pc-wrap .text-check.bigger span::after {
  width: 6px;
  height: 3px;
  margin-right: 2px;
  margin-bottom: 5px;
}
.pc-wrap .text-check.bdr-no span {
  border-radius: 0;
}
.pc-wrap .u-txt {
  display: block;
  width: 100%;
  height: 36px;
  line-height: 26px;
  padding: 4px 10px;
  font-size: 14px;
  color: #555;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #fff;
  box-sizing: border-box;
  outline: none;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.pc-wrap .u-txt.small {
  height: 26px;
  line-height: 20px;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 0;
}
.pc-wrap .u-txt.medium {
  height: 30px;
  line-height: 20px;
  padding: 4px 10px;
  font-size: 12px;
}
.pc-wrap .u-txt.big {
  height: 40px;
  padding: 6px 10px;
}
.pc-wrap .u-txt.bdr {
  border-radius: 0;
}
.pc-wrap .u-txt:focus {
  border-color: #999;
}
.pc-wrap .u-btn {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 4px;
  outline: none;
  border: none;
  cursor: pointer;
  overflow: hidden;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.pc-wrap .u-btn.bdr {
  border-radius: 15px;
}
.pc-wrap .u-btn.bdr-no {
  border-radius: 0;
}
.pc-wrap .u-btn.btn-full {
  display: block;
  width: 100%;
}
.pc-wrap .u-btn.btn-white {
  border: 1px solid #bbb;
  background: #fff;
}
.pc-wrap .u-btn.btn-small {
  height: 20px;
  line-height: 20px;
  padding: 0 8px;
  font-size: 12px;
  border-radius: 2px;
}
.pc-wrap .u-btn.btn-small.bdr {
  border-radius: 10px;
}
.pc-wrap .u-btn.btn-small.bdr-no {
  border-radius: 0;
}
.pc-wrap .u-btn.btn-medium {
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  font-size: 12px;
  border-radius: 3px;
}
.pc-wrap .u-btn.btn-medium.bdr {
  border-radius: 13px;
}
.pc-wrap .u-btn.btn-medium.bdr-no {
  border-radius: 0;
}
.pc-wrap .u-btn.btn-big {
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 5px;
}
.pc-wrap .u-btn.btn-big.bdr {
  border-radius: 18px;
}
.pc-wrap .u-btn.btn-big.bdr-no {
  border-radius: 0;
}
.pc-wrap .u-btn.btn-bigger {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  font-size: 16px;
  border-radius: 5px;
}
.pc-wrap .u-btn.btn-bigger.bdr {
  border-radius: 20px;
}
.pc-wrap .u-btn.btn-bigger.bdr-no {
  border-radius: 0;
}
.pc-wrap .u-btn.btn-max {
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  font-size: 18px;
  border-radius: 6px;
}
.pc-wrap .u-btn.btn-max.bdr {
  border-radius: 25px;
}
.pc-wrap .u-btn.btn-max.bdr-no {
  border-radius: 0;
}
.pc-wrap .u-btn.min-vw {
  min-width: 120px;
}
.pc-wrap .u-btn.disable {
  cursor: no-drop;
  color: #aaa;
  background: #eee;
}
.pc-wrap .u-btn.disable::before {
  display: none;
}
.pc-wrap .u-btn::before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}
.pc-wrap .u-btn:hover::before {
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.pc-wrap .select {
  position: relative;
  z-index: 1;
}
.pc-wrap .select::before {
  position: absolute;
  top: 50%;
  right: 20px;
  content: '';
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pc-wrap table {
  border-collapse: collapse;
  border-spacing: 0;
}
.pc-wrap .table {
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
}
.pc-wrap .table th,
.pc-wrap .table td {
  padding: 5px 10px;
  line-height: 20px;
  word-wrap: break-word;
  border: 1px solid #eee;
  box-sizing: border-box;
}
.pc-wrap .table th {
  background-color: #f8f8f8;
}
.pc-wrap .table.bd-no th,
.pc-wrap .table.bd-no td {
  border: none;
}
.pc-wrap .table .bdb-tr tr {
  border-bottom: 1px dotted #eee;
}
.pc-wrap .table .bdb-tr td {
  padding: 10px;
}
.pc-wrap .m-form .form-row {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}
.pc-wrap .m-form .form-row::before,
.pc-wrap .m-form .form-row::after {
  content: '';
  display: table;
}
.pc-wrap .m-form .form-row::after {
  clear: both;
}
.pc-wrap .m-form .form-row.tips {
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
}
.pc-wrap .m-form .form-dt {
  line-height: 20px;
  text-align: right;
}
.pc-wrap .m-form .form-dt em {
  margin-right: 5px;
  color: #ff4040;
}
.pc-wrap .m-form .form-dd > div:first-child {
  padding-left: 0;
}
.pc-wrap .m-form .form-dd .inner {
  padding-top: 8px;
  line-height: 20px;
}
.pc-wrap .m-form .iput-error {
  border-color: #ff6459;
}

.asset-stats {
  height: 100px;
  overflow: hidden;
  display: flex;
}
.asset-stats .help-tip {
  display: inline-block;
  margin-right: 20px;
  margin-top: 40px;
  height: 20px;
  line-height: 20px;
  color: #06c;
}
.asset-stats-report {
  margin-left: 20px;
  margin-top: 35px;
}
.asset-stats-report .total {
  line-height: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #333;
}
.asset-stats-report .total .num {
  margin: 0 5px;
  color: #f80;
}
.asset-stats-report .report-ft {
  padding-top: 10px;
  line-height: 20px;
  font-size: 12px;
}
.asset-stats-count {
  height: 40px;
  padding: 30px 20px;
  margin-left: 20px;
  margin-right: auto;
  display: flex;
  box-sizing: content-box;
}
.asset-stats-count .count-item {
  width: 100px;
  height: 40px;
  line-height: 20px;
  text-align: center;
  border-left: 1px solid #f5f5f5;
}
.asset-stats-count .count-item p {
  margin-bottom: 6px;
  line-height: 14px;
  font-size: 12px;
  color: #aaa;
}
.asset-stats-count .count-item span {
  font-size: 18px;
  font-family: Arial;
  color: #000;
}
.asset-stats-count .count-item:first-child {
  border-left: none;
}
.asset-record {
  padding: 20px;
}
.asset-record .table {
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
}
.asset-record .table th,
.asset-record .table td {
  padding: 5px 10px;
  line-height: 20px;
  word-wrap: break-word;
  border: 1px solid #eee;
  box-sizing: border-box;
}
.asset-record .table th {
  background-color: #f8f8f8;
}
.asset-record .table.bd-no th,
.asset-record .table.bd-no td {
  border: none;
}
.asset-record .table .bdb-tr tr {
  border-bottom: 1px dotted #eee;
}
.asset-record .table .bdb-tr td {
  padding: 10px;
}
.asset-record .num {
  font-size: 16px;
  font-family: Arial;
  font-weight: bold;
}
.asset-coupon .asset-stats-report {
  margin-right: auto;
}
.asset-coupon-list {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
}
.asset-coupon-list .coupon-item {
  position: relative;
  width: 300px;
  margin: 10px;
  background: #f5f5f5;
  overflow: hidden;
}
.asset-coupon-list .coupon-item::before,
.asset-coupon-list .coupon-item::after {
  position: absolute;
  top: 0;
  z-index: 2;
  content: '';
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #fff;
  border-radius: 50%;
}
.asset-coupon-list .coupon-item::before {
  left: -10px;
}
.asset-coupon-list .coupon-item::after {
  right: -10px;
}
.asset-coupon-list .coupon-item .coupon-quota {
  position: relative;
  padding: 20px 0 10px;
  text-align: center;
  color: #fff;
  background: #99ddff;
  overflow: hidden;
}
.asset-coupon-list .coupon-item .coupon-quota::before {
  position: absolute;
  left: 0;
  bottom: -4px;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 8px dotted #f5f5f5;
}
.asset-coupon-list .coupon-item .cq-price {
  line-height: 30px;
  font-size: 18px;
  font-family: Arial;
}
.asset-coupon-list .coupon-item .cq-price b {
  font-size: 30px;
}
.asset-coupon-list .coupon-item .cq-limit {
  font-size: 12px;
}
.asset-coupon-list .coupon-item .cq-date {
  margin-top: 20px;
  line-height: 20px;
  font-size: 12px;
}
.asset-coupon-list .coupon-item .coupon-des {
  padding: 10px;
}
.asset-coupon-list .coupon-item dl {
  line-height: 20px;
  font-size: 12px;
  display: flex;
}
.asset-coupon-list .coupon-item dt {
  width: 60px;
  color: #999;
  flex-shrink: 0;
}
.asset-coupon-list .coupon-item .coupon-btn {
  display: block;
  width: 120px;
  height: 32px;
  line-height: 32px;
  margin: 10px auto 40px;
  text-align: center;
  color: #0af;
  border: 1px solid #0af;
  border-radius: 18px;
  transition: all 0.3s;
}
.asset-coupon-list .coupon-item .coupon-btn:hover {
  color: #fff;
  background: #0af;
}
.asset-coupon-list .coupon-item .coupon-btn.used {
  color: rgba(0, 170, 255, 0.5);
  border-color: rgba(0, 170, 255, 0.3);
}
.asset-coupon-list .coupon-item .coupon-btn.used:hover {
  color: #0af;
  background: none;
}
.asset-coupon-list .coupon-item .coupon-btn.disable {
  color: #aaa;
  border-color: #ccc;
}
.asset-coupon-list .coupon-item .coupon-btn.disable:hover {
  color: #aaa;
  background: none;
}
.asset-coupon-list .coupon-item .look-rules {
  position: absolute;
  left: 50%;
  bottom: 10px;
  width: 80px;
  margin-left: -40px;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
}

.memberIndex .mem-head .head-left {
  float: left;
  width: 470px;
  padding: 30px 0 30px 30px;
  overflow: hidden;
}
.memberIndex .mem-head .head-right {
  float: left;
  width: 480px;
}
.memberIndex .mem-head .mem-face {
  float: left;
  display: block;
  width: 100px;
  height: 100px;
  margin-right: 20px;
  border-radius: 50%;
  overflow: hidden;
  background: url("/static/assets/img/user-bg.jpg");
  background-size: 100%;
}
.memberIndex .mem-head .mem-info {
  padding-top: 10px;
  margin-left: 120px;
}
.memberIndex .mem-head .mem-info .nickname {
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
}
.memberIndex .mem-head .mem-info .rank {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  margin-top: 10px;
  width: 38px;
  height: 13px;
}
.memberIndex .mem-head .mem-info .rank.r1 {
  background: url("/static/assets/img/rank.gif");
}
.memberIndex .mem-head .mem-info .tip {
  line-height: 20px;
  color: #aaa;
}
.memberIndex .mem-head .mem-info .actions {
  margin-top: 10px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
}
.memberIndex .mem-head .mem-info .actions-item {
  display: inline-block;
  margin-right: 20px;
  color: #aaa;
}
.memberIndex .mem-head .mem-info .actions-item .leve {
  color: #555;
}
.memberIndex .mem-head .mem-info .actions a {
  color: #0073e6;
}
.memberIndex .mem-head .mem-stat {
  height: 120px;
  margin: 20px 0;
  padding: 0 20px;
  border-left: 1px dashed #eee;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.memberIndex .mem-head .mem-stat-item {
  display: block;
  padding: 17px 0;
  width: 20%;
  text-align: center;
}
.memberIndex .mem-head .mem-stat-item .icon {
  width: 40px;
  height: 40px;
  margin: 0 auto 6px;
  border-radius: 50%;
  background-color: #f1faff;
}
.memberIndex .mem-head .mem-stat-item .stat-type {
  line-height: 20px;
}
.memberIndex .mem-head .mem-stat-item .number {
  line-height: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #f80;
}
.memberIndex .mem-head .mem-stat-item:nth-child(1) .icon {
  background-position: 0 -120px;
}
.memberIndex .mem-head .mem-stat-item:nth-child(2) .icon {
  background-position: 0 -160px;
}
.memberIndex .mem-head .mem-stat-item:nth-child(3) .icon {
  background-position: 0 -200px;
}
.memberIndex .mem-head .mem-stat-item:nth-child(4) .icon {
  background-position: 0 -240px;
}
.memberIndex .mem-head .mem-stat-item:nth-child(5) .icon {
  background-position: 0 -280px;
}
.memberIndex .mem-head .mem-stat-item:hover {
  background-color: #fbfbfb;
}
.memberIndex .mem-order-cont {
  padding: 0 20px;
  overflow: hidden;
}
.memberIndex .mem-order-cont .order-item {
  height: 60px;
  margin-bottom: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.memberIndex .mem-order-cont .order-item .pic {
  width: 90px;
  height: 60px;
  margin-right: 10px;
  flex-shrink: 0;
  overflow: hidden;
}
.memberIndex .mem-order-cont .order-item .pic img {
  object-fit: cover;
}
.memberIndex .mem-order-cont .order-item .tt {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
}
.memberIndex .mem-order-cont .order-item .price,
.memberIndex .mem-order-cont .order-item .state,
.memberIndex .mem-order-cont .order-item .date,
.memberIndex .mem-order-cont .order-item .operate {
  width: 120px;
  text-align: center;
  flex-shrink: 0;
}
.memberIndex .mem-order-cont .order-item .operate .del {
  color: #f23030;
  cursor: pointer;
}
.memberIndex .mem-order-cont .order-item .price {
  font-size: 18px;
  font-weight: bold;
  font-family: Arial;
  color: #f80;
}
.memberIndex .mem-order-cont .order-item .date {
  padding: 14px 0;
}
.memberIndex .mem-order-cont .order-item .date span {
  display: block;
  line-height: 18px;
  font-size: 12px;
  color: #aaa;
}
.memberIndex .mem-order-cont .order-item .operate a {
  display: block;
  line-height: 20px;
}
.memberIndex .mem-like-list {
  padding: 0 10px 20px;
  overflow: hidden;
}
.memberIndex .mem-like-list .item {
  float: left;
  display: block;
  width: 172px;
  margin: 0 10px;
}
.memberIndex .mem-like-list .item .pic {
  width: 172px;
  height: 120px;
  overflow: hidden;
}
.memberIndex .mem-like-list .item .pic img {
  object-fit: cover;
}
.memberIndex .mem-like-list .item .title {
  max-height: 40px;
  line-height: 20px;
  padding-top: 5px;
  font-size: 12px;
  overflow: hidden;
  box-sizing: content-box;
}
.memberIndex .mem-like-list .item .price {
  display: inline-block;
  margin-top: 5px;
  color: #f80;
  font-size: 18px;
}

.product-property {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
  overflow: hidden;
}
.product-booking {
  display: flex;
  padding: 16px;
  margin-bottom: 20px;
  background: #fff;
  border: 2px solid #ff9900;
}
.product-booking.sold-out {
  border-color: #ffcdd2;
}
.prop-left {
  float: left;
  width: 500px;
}
.gallery {
  width: 500px;
  overflow: hidden;
}
.gallery-top {
  position: relative;
  width: 500px;
  height: 340px;
  margin-bottom: 10px;
  overflow: hidden;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 50%;
}
.gallery-top .sw-bd {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}
.gallery-top .sw-bd .sw-item {
  position: relative;
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
}
.gallery-top .sw-bd .sw-item img {
  width: 100%;
}
.gallery-bottom {
  position: relative;
  width: 500px;
  height: 75px;
  overflow: hidden;
}
.gallery-bottom .bd {
  position: relative;
  width: 464px;
  margin: 0 18px;
  overflow: hidden;
}
.gallery-bottom .sw-bd {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}
.gallery-bottom .sw-bd .sw-item {
  position: relative;
  width: 110px;
  height: 75px;
  margin: 0 3px;
  flex-shrink: 0;
  overflow: hidden;
  cursor: pointer;
  background: #f0f0f0 url(/static/assets/img/img-bg.jpg) center center no-repeat;
  background-size: 60%;
}
.gallery-bottom .sw-bd .sw-item.on::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 110px;
  height: 75px;
  border: 2px solid #ff9900;
  box-sizing: border-box;
}
.gallery-bottom .prev,
.gallery-bottom .next {
  position: absolute;
  top: 50%;
  width: 14px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  outline: none;
}
.gallery-bottom .prev {
  left: 0;
  background-position: -300px 0;
}
.gallery-bottom .prev:hover {
  background-position: -314px 0;
}
.gallery-bottom .next {
  right: 0;
  background-position: -342px 0;
}
.gallery-bottom .next:hover {
  background-position: -328px 0;
}
.prop-right {
  float: left;
  width: 640px;
  margin-left: 20px;
}
.prop-right h3 {
  height: 40px;
  line-height: 30px;
  padding: 0 20px;
  margin-bottom: 10px;
  font-size: 18px;
  color: #333;
  border-bottom: 1px dashed #ddd;
}
.prop-right .item-title {
  max-height: 100px;
  line-height: 25px;
  font-size: 20px;
  color: #333;
  font-weight: bold;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.prop-right .item-subtitle {
  padding: 5px 0;
  line-height: 20px;
  font-size: 16px;
  color: #aaa;
}
.prop-right .item-price {
  position: relative;
  margin: 10px 0;
  padding: 10px 0;
  background: #fff6e5;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.prop-right .item-price .price-items {
  min-width: 300px;
}
.prop-right .item-price .pirce-line {
  line-height: 30px;
}
.prop-right .item-price .price {
  color: #ff7000;
}
.prop-right .item-price .price b {
  font-size: 26px;
}
.prop-right .item-price .count-info {
  position: absolute;
  right: 0;
}
.prop-right .item-price .count-info .count-item {
  display: inline-block;
  vertical-align: top;
  height: 36px;
  padding: 2px 20px;
  text-align: center;
  line-height: 18px;
  font-size: 12px;
  border-left: 1px solid #eee;
  box-sizing: content-box;
}
.prop-right .item-price .count-info .count-item span {
  color: #00a0e9;
}
.prop-right .item-price .count-info .count-item p {
  color: #aaa;
}
.prop-right .item-price .count-info .count-item:first-child {
  border-left: none;
}
.prop-right .item-price .count-info .count-item:first-child span {
  color: #ff9900;
  font-size: 16px;
  font-weight: bold;
}
.prop-right .desc-line {
  padding: 5px 20px;
  line-height: 20px;
  display: flex;
}
.prop-right .desc-line .desc-title {
  float: left;
  width: 70px;
  margin-right: 5px;
  color: #aaa;
  flex-shrink: 0;
}
.prop-right .item-promote {
  display: flex;
}
.prop-right .item-promote .tags {
  flex: 1;
  height: 20px;
  font-size: 0;
  overflow: hidden;
}
.prop-right .item-promote .tags span {
  display: inline-block;
  vertical-align: top;
  height: 16px;
  line-height: 16px;
  padding: 0 5px;
  margin: 2px 5px 2px 0;
  font-size: 12px;
  color: #fff;
  border-radius: 3px;
}
.prop-right .item-promote .tags span:nth-child(1) {
  background: #99ccff;
}
.prop-right .item-promote .tags span:nth-child(2) {
  background: #ffc68c;
}
.prop-right .item-promote .tags span:nth-child(3) {
  background: #91cc85;
}
.prop-right .item-promote .tags span:nth-child(4) {
  background: #8ae6e6;
}
.prop-right .item-promote .tags span:nth-child(5) {
  background: #ff99cc;
}
.prop-right .item-promote .tags span:nth-child(6) {
  background: #ff9a9a;
}
.prop-right .item-promote .tags span:nth-child(7) {
  background: #bb99ff;
}
.prop-right .item-promote .tags span:nth-child(8) {
  background: #e5c373;
}
.prop-right .desc-items {
  padding: 10px 0;
  margin-bottom: 10px;
  overflow: hidden;
}
.prop-right .desc-items .desc-line {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.prop-right .item-select .desc-title {
  line-height: 30px;
}
.prop-right .item-select .option {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 5px;
  cursor: pointer;
}
.prop-right .item-select .option .op-text {
  position: relative;
  display: block;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  border: 1px solid #ddd;
}
.prop-right .item-select .option .op-text:hover {
  margin: -1px;
  color: #ff7000;
  border: 2px solid #ff7000;
}
.prop-right .item-select .option.on .op-text {
  margin: -1px;
  color: #ff7000;
  border: 2px solid #ff7000;
}
.prop-right .item-select .option.on .op-text::before {
  position: absolute;
  right: 0;
  bottom: 0;
  content: '';
  width: 12px;
  height: 12px;
  background: url("/static/assets/img/icons.png");
  background-position: -380px 0;
}
.prop-right .item-select .option.disable .op-text {
  color: #aaa;
  border: 1px dashed #ddd;
  background: #fafafa;
}
.prop-right .item-select .option.disable:hover {
  cursor: no-drop;
}
.prop-right .item-select .option.disable:hover .op-text {
  margin: 0;
}
.prop-right .item-date {
  position: relative;
  overflow: inherit;
}
.prop-right .item-date .desc-title {
  line-height: 30px;
}
.prop-right .item-date .date-option {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 200px;
  height: 30px;
}
.prop-right .item-date .date-tip {
  display: inline-block;
  line-height: 20px;
  padding-top: 5px;
  margin-left: 10px;
}
.prop-right .item-date .date-txt {
  display: block;
  width: 100%;
  height: 30px;
  line-height: 20px;
  padding: 4px 10px;
  font-size: 12px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  background: #fff;
  outline: none;
  cursor: default;
}
.prop-right .item-date .icons {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 14px;
  height: 14px;
  background-position: -360px -20px;
}
.prop-right .item-date .small-calendar {
  display: none;
  left: 95px;
  top: 35px;
}
.prop-right .item-tourist .desc-title {
  line-height: 30px;
}
.prop-right .item-tourist .tourist-item {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  line-height: 30px;
  margin-right: 40px;
}
.prop-right .item-tourist .tourist-item .number-btn {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 28px;
  height: 28px;
  cursor: pointer;
  border: 1px solid #ddd;
  box-sizing: content-box;
}
.prop-right .item-tourist .tourist-item .number-btn-minus::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 12px;
  height: 2px;
  margin-left: -6px;
  margin-top: -1px;
  background: #555;
}
.prop-right .item-tourist .tourist-item .number-btn-add::before,
.prop-right .item-tourist .tourist-item .number-btn-add::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  background: #555;
}
.prop-right .item-tourist .tourist-item .number-btn-add::before {
  width: 12px;
  height: 2px;
  margin-left: -6px;
  margin-top: -1px;
}
.prop-right .item-tourist .tourist-item .number-btn-add::after {
  width: 2px;
  height: 12px;
  margin-left: -1px;
  margin-top: -6px;
}
.prop-right .item-tourist .tourist-item .number-btn.disable {
  cursor: no-drop;
}
.prop-right .item-tourist .tourist-item .number-btn.disable::before,
.prop-right .item-tourist .tourist-item .number-btn.disable::after {
  background: #ccc;
}
.prop-right .item-tourist .tourist-item .number-input {
  display: inline-block;
  vertical-align: top;
  width: 50px;
  height: 20px;
  line-height: 20px;
  padding: 4px 0 ;
  text-align: center;
  border: none;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  outline: none;
  box-sizing: content-box;
}
.prop-right .item-tourist .tourist-item .tourist-type {
  margin-left: 10px;
  color: #aaa;
}
.prop-right .item-buttons {
  padding: 20px 0 20px 100px;
}
.prop-right .item-buttons .btn {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 160px;
  height: 40px;
  line-height: 40px;
  margin-right: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  outline: none;
  border: none;
}
.prop-right .item-buttons .btn-buy {
  color: #fff;
  background: #ff8000;
  transition: background 0.3s;
}
.prop-right .item-buttons .btn-buy:hover {
  background: #ff6600;
}
.prop-right .item-buttons .btn-code {
  line-height: 38px;
  color: #ff8000;
  box-sizing: border-box;
  border: 1px solid #ff8000;
}
.prop-right .item-buttons .btn-code .icons {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  margin-top: 11px;
  margin-left: 5px;
  background-position: -380px -20px;
}
.prop-right .item-buttons .btn-code:hover .code-img {
  display: block;
}
.prop-right .item-buttons .code-img {
  display: none;
  position: absolute;
  left: -1px;
  top: 39px;
  z-index: 5;
  width: 160px;
  padding-top: 5px;
  text-align: center;
  border: 1px solid #ddd;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.prop-right .item-buttons .code-img p {
  line-height: 20px;
  font-size: 12px;
  color: #555;
}
.prop-right .item-share {
  flex-shrink: 0;
  margin-top: 20px;
  line-height: 22px;
  text-align: right;
}
.prop-right .item-share > span {
  font-size: 12px;
  color: #aaa;
}
.prop-right .item-share > a {
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  padding: 4px;
  margin-left: 10px;
  border-radius: 50%;
  box-sizing: content-box;
}
.prop-right .item-share > a .icons {
  display: block;
  width: 14px;
  height: 14px;
}
.prop-right .item-share > a.share-qq {
  background: #199fff;
}
.prop-right .item-share > a.share-qq .icons {
  background-position: -130px 0;
}
.prop-right .item-share > a.share-kj {
  background: #ffa825;
}
.prop-right .item-share > a.share-kj .icons {
  background-position: -144px 0;
}
.prop-right .item-share > a.share-wb {
  background: #f24949;
}
.prop-right .item-share > a.share-wb .icons {
  background-position: -158px 0;
}
.prop-right .item-share > a.share-db {
  background: #269939;
}
.prop-right .item-share > a.share-db .icons {
  background-position: -172px 0;
}
.prop-right .item-share > a.share-tb {
  background: #4080ff;
}
.prop-right .item-share > a.share-tb .icons {
  background-position: -186px 0;
}
.prop-right .item-room {
  margin-bottom: 20px;
  line-height: 30px;
}
.prop-right .item-room .room-item {
  height: 30px;
  margin-bottom: 10px;
}
.prop-right .item-room .room-text {
  display: inline-block;
  width: 50px;
  margin-right: 5px;
}
.prop-right .item-room .room-select {
  position: relative;
  display: inline-block;
  min-width: 70px;
  height: 30px;
  padding: 0 5px;
  margin-right: 5px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  outline: none;
}
.prop-right .item-room .del-btn {
  margin-left: 5px;
  color: #00a0e9;
  cursor: pointer;
}
.prop-right .item-room .deploy-room {
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
}
.prop-right .item-room .deploy-room .check {
  position: relative;
  display: inline-block;
  vertical-align: -2px;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  border: 1px solid #bbb;
  border-radius: 2px;
  background-color: #fff;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}
.prop-right .item-room .deploy-room .check::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 6px;
  height: 3px;
  margin-left: -4px;
  margin-top: -4px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  box-sizing: content-box;
  opacity: 0;
  transform: scale(0.5) rotateZ(-45deg);
  transition: all 0.3s;
}
.prop-right .item-room .deploy-room .check:checked {
  background-color: #00a0e9;
  border-color: #00a0e9;
}
.prop-right .item-room .deploy-room .check:checked::before {
  opacity: 1;
  transform: scale(1) rotateZ(-45deg);
}
.prop-right .item-room .deploy-help {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin: 5px 10px;
}
.prop-right .item-room .deploy-help .icons {
  width: 20px;
  height: 20px;
  background-position: -328px -120px;
  cursor: pointer;
}
.prop-right .item-room .deploy-help:hover .prompt-box {
  display: block;
}
.prop-right .item-room .prompt-box {
  display: none;
  position: absolute;
  top: 20px;
  left: 50%;
  z-index: 10;
  width: 300px;
  margin-left: -150px;
  border: 1px solid #eee;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.prop-right .item-room .prompt-box .prompt-tt {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  border-bottom: 1px solid #eee;
}
.prop-right .item-room .prompt-box .prompt-tt strong {
  font-size: 16px;
}
.prop-right .item-room .prompt-box .prompt-cont {
  padding: 5px 10px;
  line-height: 20px;
  font-size: 12px;
}
.prop-right .item-room .prompt-box .prompt-cont .item {
  padding: 5px 0;
}
.prop-right .item-room .room-add-btn {
  height: 30px;
  line-height: 28px;
  padding: 0 10px;
  color: #00a0e9;
  border: 1px solid #ddd;
  background: #fff;
  outline: none;
  cursor: pointer;
}
.prop-right .item-room .room-add-btn .icon {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 12px;
  height: 12px;
  margin-top: 7px;
  margin-right: 5px;
}
.prop-right .item-room .room-add-btn .icon::before,
.prop-right .item-room .room-add-btn .icon::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  background: #00a0e9;
}
.prop-right .item-room .room-add-btn .icon::before {
  width: 10px;
  height: 2px;
  margin-left: -5px;
  margin-top: -1px;
}
.prop-right .item-room .room-add-btn .icon::after {
  width: 2px;
  height: 10px;
  margin-left: -1px;
  margin-top: -5px;
}
.prop-right .item-total .total-price {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  font-size: 20px;
  color: #ff7000;
}
.prop-right .item-total .total-text {
  display: inline-block;
  vertical-align: top;
}
.prop-right .item-total .total-text span {
  color: #00a0e9;
}
.promote-content {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
  border-top: 1px dashed #eee;
  display: flex;
}
.promote-content-side {
  position: relative;
  margin-right: 24px;
}
.promote-content-side::after {
  position: absolute;
  left: 50%;
  top: 0;
  content: '';
  width: 0;
  height: 100%;
  margin-left: -2px;
  border-left: 4px dashed #f7f9fa;
}
.promote-content-side .label {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 80px;
  height: 80px;
  padding: 10px 18px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  background-color: #00a0e9;
  overflow: hidden;
}
.promote-content-side .label::after {
  position: absolute;
  right: -12px;
  bottom: -12px;
  content: '';
  width: 24px;
  height: 24px;
  background-color: #fff;
  transform: rotate(45deg);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
}
.promote-content-inner {
  position: relative;
  flex: 1;
  padding: 12px 48px;
}
.promote-content-inner::before,
.promote-content-inner::after {
  position: absolute;
  content: '';
  width: 36px;
  height: 36px;
  background: url("/static/assets/img/mark.png") no-repeat;
  background-size: 100%;
  opacity: 0.5;
}
.promote-content-inner::before {
  left: 0;
  top: 0;
}
.promote-content-inner::after {
  right: 0;
  bottom: 0;
  transform: rotate(180deg);
}
.promote-content .line {
  position: relative;
  padding: 3px 0 3px 20px;
  line-height: 20px;
}
.promote-content .line::before {
  position: absolute;
  left: 0;
  top: 4px;
  content: '';
  width: 16px;
  height: 16px;
  background: url("/static/assets/img/promote.svg") no-repeat center center;
  background-size: 100% 100%;
}
.promote-content .line:nth-child(even) {
  background-color: #fafafa;
}
.out-stock {
  position: relative;
  padding: 10px 0;
  text-align: center;
}
.out-stock .calendar-body {
  border-top: 1px solid #eee;
}
.out-stock .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  margin-top: -50px;
}
.out-stock .tip {
  margin-bottom: 20px;
  color: #ff4c4c;
}
.out-stock .tip-tt {
  line-height: 25px;
  font-size: 20px;
  font-weight: bold;
}
.fill-in-info .desc-line .ant-form-item {
  position: relative;
  margin-bottom: 0;
}
.fill-in-info .desc-line .ant-form-item .ant-form-item-control.has-error input {
  border: 1px rgba(255, 76, 76, 0.9) solid !important;
}
.fill-in-info .desc-line .ant-form-item .ant-form-item-control.has-error .ant-form-explain {
  display: block;
}
.fill-in-info .desc-line .ant-form-item .ant-form-explain {
  display: none;
  position: absolute;
  left: 0;
  bottom: -22px;
  z-index: 4;
  padding: 1px 5px;
  line-height: 15px;
  font-size: 12px;
  color: #fff;
  background: rgba(255, 76, 76, 0.9);
  border-radius: 2px;
}
.fill-in-info .desc-line .ant-form-item .ant-form-explain::before {
  position: absolute;
  left: 8px;
  top: -6px;
  content: '';
  width: 0;
  height: 0;
  border-width: 3px;
  border-style: solid;
  border-color: transparent transparent rgba(255, 76, 76, 0.9) transparent;
}
.fill-in-info .desc-line .desc-title {
  width: 100px;
  padding-top: 7px;
  text-align: right;
  color: #555;
}
.fill-in-info .desc-line .light {
  margin-right: 5px;
  color: #ff4c4c;
}
.fill-in-info .desc-line .in-txt {
  display: inline-block;
  vertical-align: top;
  width: 200px;
  height: 34px;
  line-height: 20px;
  padding: 4px 10px;
  font-size: 12px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  background-color: #fff;
  outline: none;
}
.fill-in-info .desc-line .in-txt:focus {
  border-color: #00a0e9;
}
.fill-in-info .desc-line select.in-txt {
  width: 95px;
  margin-right: 10px;
}
.fill-in-info .desc-line .phone-select {
  position: relative;
  width: 80px;
  margin-right: 10px;
}
.fill-in-info .desc-line .phone-select-value {
  height: 34px;
  line-height: 24px;
  padding: 4px 10px;
  font-size: 12px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.fill-in-info .desc-line .phone-select-value.pl {
  color: #CCC;
}
.fill-in-info .desc-line .phone-select::before {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 2;
  content: '';
  width: 6px;
  height: 6px;
  margin-top: -5px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-sizing: content-box;
}
.fill-in-info .desc-line .phone-select .in-txt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.fill-in-info .desc-line .txt-code {
  display: inline-block;
  margin-left: 10px;
}
.fill-in-submit {
  display: block;
  width: 160px;
  height: 40px;
  line-height: 40px;
  margin-left: 125px;
  margin-top: 20px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background: #00a0e9;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.calendar .tabs-month {
  height: 40px;
  border: 1px solid #eee;
}
.calendar .tabs-month .month {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  line-height: 40px;
  font-size: 12px;
  cursor: pointer;
}
.calendar .tabs-month .month.on {
  color: #00a0e9;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 2px solid #00a0e9;
}
.calendar-body {
  width: 100%;
  overflow: hidden;
}
.calendar-body .date-inner {
  margin-top: -1px;
  border: 1px solid #eee;
  overflow: hidden;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.calendar-body .date-inner .grid {
  float: left;
  width: 14.2858%;
  margin: -1px;
  text-align: center;
  border: 1px solid #eee;
  background: #fff;
  box-sizing: content-box;
}
.calendar-body .weekdays .grid {
  height: 30px;
  line-height: 30px;
  color: #aaa;
}
.calendar-body .days .grid {
  position: relative;
  padding: 5px 0;
  height: 36px;
  line-height: 18px;
  cursor: pointer;
  box-sizing: content-box;
}
.calendar-body .days .grid p {
  font-size: 12px;
  color: #ff9900;
}
.calendar-body .days .grid i {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 14px;
  line-height: 14px;
  padding: 0 2px;
  font-size: 12px;
  color: #fff;
  background: #ff6f26;
}
.calendar-body .days .grid.disable {
  color: #ccc;
  cursor: no-drop;
  background: #fafafa;
}
.calendar-body .days .grid.disable:hover {
  color: #ccc;
  background: #fafafa;
}
.calendar-body .days .grid.on,
.calendar-body .days .grid.on:hover {
  color: #fff;
  background: #ff9900;
}
.calendar-body .days .grid.on p,
.calendar-body .days .grid.on:hover p {
  color: #fff;
}
.calendar-body .days .grid:hover {
  color: #ff9900;
  background: #fff6e5;
}
.calendar-room {
  border: 1px solid #eee;
  border-top: none;
}
.calendar-room .default {
  height: 100px;
  line-height: 100px;
  text-align: center;
}
.calendar-room .room-info h3 {
  line-height: 20px;
  padding: 10px 0;
  text-align: center;
  font-size: 14px;
}
.calendar-room .room-info .room-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 5px 0;
  border-top: 1px dashed #eee;
}
.calendar-room .room-info .item {
  width: 33.3333%;
  padding: 5px 10px;
  line-height: 20px;
  box-sizing: border-box;
  text-align: center;
  font-size: 12px;
}
.calendar-room .room-info .item .icons {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: top;
}
.calendar-room .room-info .item .icons.single {
  background-position: -320px -180px;
}
.calendar-room .room-info .item .icons.double {
  background-position: -340px -180px;
}
.calendar-room .room-info .item .icons.children {
  background-position: -360px -180px;
}
.calendar-room .room-info .item .icons.wing {
  background-position: -380px -180px;
}
.calendar-room .room-info .item .name {
  padding-top: 4px;
  line-height: 16px;
}
.calendar-room .room-info .item p {
  line-height: 16px;
  color: #ff9900;
}
.calendar-room .room-info .item del {
  color: #bbb;
}
.small-calendar {
  position: absolute;
  z-index: 10;
  padding: 10px 30px;
  font-size: 12px;
  border: 1px solid #ddd;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.small-calendar .close {
  position: absolute;
  right: 10px;
  top: 12px;
  width: 14px;
  height: 14px;
  cursor: pointer;
}
.small-calendar .close::before,
.small-calendar .close::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 14px;
  height: 2px;
  margin-left: -7px;
  margin-top: -1px;
  background: #ddd;
}
.small-calendar .close::before {
  transform: rotate(45deg);
}
.small-calendar .close::after {
  transform: rotate(-45deg);
}
.small-calendar .close:hover::before,
.small-calendar .close:hover::after {
  background: #00a0e9;
}
.small-calendar .prev-month,
.small-calendar .next-month {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 10px;
  margin-top: 5px;
  border-left: 2px solid #ddd;
  border-top: 2px solid #ddd;
  box-sizing: content-box;
  cursor: pointer;
}
.small-calendar .prev-month:hover,
.small-calendar .next-month:hover {
  border-color: #00a0e9;
}
.small-calendar .prev-month {
  left: 12px;
  transform: rotate(-45deg);
}
.small-calendar .next-month {
  right: 12px;
  transform: rotate(135deg);
}
.small-calendar .date-box {
  width: 200px;
  text-align: center;
}
.small-calendar .date-box .weekdays {
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #333;
  overflow: hidden;
}
.small-calendar .date-box .grid {
  float: left;
  width: 14.2857%;
}
.small-calendar .date-box .days {
  overflow: hidden;
}
.small-calendar .date-box .days .grid {
  height: 25px;
  line-height: 25px;
  font-family: Arial;
  cursor: pointer;
}
.small-calendar .date-box .days .grid:hover {
  color: #ff9900;
  background: #fff6e5;
}
.small-calendar .date-box .days .grid.on,
.small-calendar .date-box .days .grid.on:hover {
  color: #fff;
  background: #ff9900;
}
.small-calendar .date-box .days .grid.disable {
  color: #ccc;
  cursor: no-drop;
}
.small-calendar .date-box .days .grid.disable:hover {
  color: #ccc;
  background: none;
}
.small-calendar .date-box .hd {
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #333;
}
.small-calendar .date-box .date-table {
  width: 100%;
}
.small-calendar .date-box .date-table th {
  color: #aaa;
}
.small-calendar .date-box .date-table td {
  line-height: 25px;
  font-family: Arial;
  cursor: pointer;
}
.small-calendar .date-box .date-table td:hover {
  color: #ff9900;
  background: #fff6e5;
}
.small-calendar .date-box .date-table .on,
.small-calendar .date-box .date-table .on:hover {
  color: #fff;
  background: #ff9900;
}
.small-calendar .date-box .date-table .disable {
  color: #ccc;
  cursor: no-drop;
}
.small-calendar .date-box .date-table .disable:hover {
  color: #ccc;
  background: none;
}
.detail-summary {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 20px;
  background: #fff;
}
.detail-summary-l,
.detail-summary-r {
  width: 50%;
  padding: 20px;
  box-sizing: border-box;
}
.detail-summary-md {
  margin-bottom: 20px;
}
.detail-summary-md:last-child {
  margin-bottom: 0;
}
.detail-summary-md .md-tt {
  line-height: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #00a0e9;
}
.detail-summary-md .tips-row {
  line-height: 20px;
  font-size: 12px;
  color: #999;
}
.detail-summary-md .tips-row .must {
  color: #ff4c4c;
  margin-right: 5px;
}
.detail-summary-md .passing-city {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.detail-summary-md .passing-city-item {
  position: relative;
  height: 24px;
  line-height: 22px;
  padding: 0 10px;
  margin-right: 20px;
  margin-bottom: 10px;
  font-size: 12px;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.detail-summary-md .passing-city-item b {
  margin-right: 5px;
  color: #00a0e9;
}
.detail-summary-md .passing-city-item::before,
.detail-summary-md .passing-city-item::after {
  position: absolute;
  top: -1px;
  right: -25px;
  content: '';
  width: 0;
  height: 0;
  border-width: 12px;
  border-style: solid;
}
.detail-summary-md .passing-city-item::before {
  border-color: transparent transparent transparent #e5e5e5;
}
.detail-summary-md .passing-city-item::after {
  right: -24px;
  border-color: transparent transparent transparent #fff;
}
.detail-summary-md .route-map {
  height: 360px;
  background: #f5f5f5;
}
.detail-summary-md .warm-tips {
  line-height: 20px;
  font-size: 12px;
}
.detail-summary-md .warm-tips p {
  padding: 5px 0;
}
.detail-summary-md .scenic-spots {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  max-height: 290px;
  overflow-y: auto;
}
.detail-summary-md .scenic-spots-item {
  width: 170px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  cursor: pointer;
}
.detail-summary-md .scenic-spots-item .pic {
  width: 170px;
  height: 120px;
  overflow: hidden;
}
.detail-summary-md .scenic-spots-item .pic img {
  object-fit: cover;
}
.detail-summary-md .scenic-spots-item .tt {
  line-height: 20px;
  font-size: 12px;
}
.detail-tab {
  width: 1200px;
  height: 40px;
  background: #333c40;
}
.detail-tab.tabFixed {
  position: fixed;
  top: 0;
  z-index: 10;
}
.detail-tab-list {
  padding-left: 20px;
  padding-top: 5px;
  overflow: hidden;
}
.detail-tab-list .tab-item {
  display: inline-block;
  vertical-align: top;
  height: 35px;
  line-height: 32px;
  padding: 0 15px;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
}
.detail-tab-list .tab-item.on {
  color: #00a0e9;
  font-weight: bold;
  background: #fff;
}
.detail-module {
  padding: 0 20px 20px;
  margin-bottom: 20px;
  background: #fff;
}
.detail-module.one {
  padding: 20px;
}
.detail-module .module-tt {
  position: relative;
  height: 40px;
  margin-bottom: 20px;
}
.detail-module .module-tt strong {
  position: relative;
  z-index: 1;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  font-size: 18px;
  color: #fff;
  background: #00a0e9;
  border-right: 10px solid #fff;
}
.detail-module .module-tt::before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px dashed #e5e5e5;
}
.detail-module .module-tt-icon {
  height: 30px;
  line-height: 20px;
  border-bottom: 1px solid #f5f5f5;
  overflow: hidden;
}
.detail-module .module-tt-icon .icon {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.detail-module .module-tt-icon strong {
  font-size: 18px;
  color: #333;
}
.detail-module .module-content {
  position: relative;
  line-height: 25px;
}
.detail-module .module-content-title {
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  padding-left: 10px;
  border-left: 2px solid #00a0e9;
  background: #f5f5f5;
}
.detail-module .module-content-title-bg {
  height: 30px;
  line-height: 30px;
  background: #f5f5f5;
}
.detail-module .module-content-title-bg strong {
  position: relative;
  display: inline-block;
  padding: 0 50px 0 20px;
  color: #fff;
  background: #00a0e9;
}
.detail-module .module-content-title-bg strong::before {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 0;
  height: 0;
  border-width: 15px;
  border-style: solid;
  border-color: transparent #f5f5f5 transparent transparent;
}
.detail-module .module-content-inner {
  padding: 10px 0 15px;
}
.detail-module .module-content-inner a {
  color: inherit;
}
.detail-module .module-content-inner table {
  width: 100%;
  border-collapse: collapse;
}
.detail-module .module-content-inner table tr:first-child {
  background: #fafafa;
}
.detail-module .module-content-inner table td {
  padding: 0 8px;
  border: 1px solid #eee;
}
.detail-module .optional {
  padding: 10px 0;
}
.detail-module .optional-tt {
  font-size: 15px;
  font-weight: bold;
  color: #333;
}
.detail-module .optional-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border-left: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
  overflow: hidden;
}
.detail-module .optional-item {
  width: 50%;
  padding: 10px 20px;
  box-sizing: border-box;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.detail-module .optional-item:last-child {
  width: 100%;
  -webkit-flex: 1;
  flex: 1;
}
.detail-module .optional-item-tt {
  display: -webkit-flex;
  display: flex;
  line-height: 20px;
}
.detail-module .optional-item-tt .tt {
  max-width: 200px;
  margin-right: 20px;
  color: #09e;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.detail-module .optional-item-tt .sub {
  font-size: 12px;
}
.detail-module .optional-item-tt .sub span {
  margin-right: 20px;
}
.detail-module .optional-item-tt .sub em {
  color: #f80;
}
.detail-module .optional-item-desc {
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
}
.trip-detail {
  position: relative;
  margin-left: 120px;
  padding-left: 40px;
  border-left: 3px solid #eee;
}
.trip-detail-nav {
  position: absolute;
  left: 0;
  z-index: 5;
  width: 75px;
  border-right: 2px solid #f5f5f5;
  box-sizing: content-box;
}
.trip-detail-nav.navFixed {
  position: fixed;
  top: 60px;
  left: auto;
}
.trip-detail-nav .trip-nav-item {
  position: relative;
  width: 60px;
  height: 24px;
  line-height: 24px;
  margin: 10px 10px 10px 0;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
  background: #e5e5e5;
  border-radius: 3px;
}
.trip-detail-nav .trip-nav-item .dot {
  position: absolute;
  top: 50%;
  right: -20px;
  display: block;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-radius: 50%;
  background: #ddd;
}
.trip-detail-nav .trip-nav-item.on {
  color: #fff;
  background: #00a0e9;
}
.trip-detail-nav .trip-nav-item.on .dot {
  background: #00a0e9;
  box-shadow: 0 0 0 5px rgba(0, 160, 233, 0.2);
}
.trip-detail-item {
  padding-bottom: 30px;
}
.trip-detail-item .trip-head {
  position: relative;
  line-height: 30px;
  padding-top: 5px;
  padding-right: 30px;
  border-bottom: 1px solid #eee;
  box-sizing: content-box;
}
.trip-detail-item .trip-head strong {
  font-size: 20px;
  color: #333;
}
.trip-detail-item .trip-head .icon {
  position: absolute;
  left: -64px;
  top: 0px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  font-family: Arial;
  background: #00a0e9;
  border-radius: 50%;
}
.trip-detail-item .flodBtn {
  position: absolute;
  right: 0;
  cursor: pointer;
  color: #00a0e9;
}
.trip-detail-item.on .trip-module {
  display: block;
}
.trip-detail-item .trip-module {
  display: none;
  padding: 20px 0;
  border-bottom: 1px dashed #eee;
}
.trip-detail-item .trip-module-title {
  position: relative;
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
  font-size: 16px;
}
.trip-detail-item .trip-module-title .icons {
  position: absolute;
  left: -53px;
  top: 3px;
  display: block;
  width: 23px;
  height: 23px;
  background-color: #00a0e9;
  border-radius: 50%;
}
.trip-detail-item .trip-module-title .icons.ic-xcgk {
  background-position: 0 -120px;
}
.trip-detail-item .trip-module-title .icons.ic-jdhd {
  background-position: -23px -120px;
}
.trip-detail-item .trip-module-title .icons.ic-zfxm {
  background-position: -46px -120px;
}
.trip-detail-item .trip-module-title .icons.ic-zs {
  background-position: -69px -120px;
}
.trip-detail-item .trip-module-title .icons.ic-cy {
  background-position: -92px -120px;
}
.trip-detail-item .trip-module-title .icons.ic-rtdd {
  background-position: -115px -120px;
  background-color: #ff4c4c;
}
.trip-detail-item .trip-module-title .icons.ic-ltdd {
  background-position: -172px -120px;
}
.trip-detail-item .trip-module-title .icons.ic-nxts {
  background-position: -195px -120px;
}
.trip-detail-item .trip-module-title .icons.ic-jtcx {
  background-position: -218px -120px;
}
.trip-detail .detail-table {
  width: 100%;
  border: 1px solid #ddd;
  border-collapse: collapse;
  border-spacing: 0;
}
.trip-detail .detail-table th,
.trip-detail .detail-table td {
  padding: 10px;
  line-height: 20px;
  text-align: left;
  border: 1px solid #e9edf2;
}
.trip-detail .detail-table th {
  color: #333;
  background: #f5f7fa;
}
.trip-detail .detail-table td > span > .coordinPic {
  display: none;
}
.trip-detail .detail-table .coordinPic {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url('/static/assets/img/coordin.png') no-repeat center center / 20px;
}
.trip-detail .today-trip {
  position: relative;
  padding-left: 20px;
  margin-left: 50px;
  border-left: 1px dashed #eee;
}
.trip-detail .today-trip::before {
  position: absolute;
  left: 0;
  top: 21px;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  margin-left: -6px;
  border-width: 6px;
  border-style: solid;
  border-color: #b1e5ff transparent transparent transparent;
}
.trip-detail .today-trip::after {
  position: absolute;
  left: 0;
  top: 21px;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.trip-detail .today-trip:last-child {
  border-left: none;
}
.trip-detail .today-trip:last-child::before,
.trip-detail .today-trip:last-child::after {
  display: none;
}
.trip-detail .today-trip-tt {
  position: absolute;
  left: -51px;
  display: block;
  width: 80px;
  height: 20px;
  line-height: 20px;
  padding: 0 10px;
  text-align: center;
  font-size: 12px;
  color: #00a0e9;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #fff;
  border: 1px solid #b1e5ff;
  border-radius: 3px;
  overflow: hidden;
  box-sizing: content-box;
}
.trip-detail .today-trip-cont {
  padding: 0 0 14px 40px;
  line-height: 22px;
  overflow: hidden;
}
.trip-detail .today-trip-cont pre {
  width: 100%;
  margin: 0;
  font-family: inherit;
  white-space: pre-wrap;
}
.trip-detail .scenic-activity {
  max-height: 260px;
  overflow-x: hidden;
  overflow-y: auto;
}
.trip-detail .scenic-activity-item {
  position: relative;
  z-index: 1;
  height: 120px;
  margin-top: 20px;
  cursor: pointer;
  display: flex;
}
.trip-detail .scenic-activity-item:first-child {
  margin-top: 0;
}
.trip-detail .scenic-activity-item .pic {
  width: 180px;
  height: 120px;
  margin-right: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
.trip-detail .scenic-activity-item .pic img {
  object-fit: cover;
}
.trip-detail .scenic-activity-item .info {
  flex: 1;
  overflow: hidden;
}
.trip-detail .scenic-activity-item .tt {
  line-height: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #00a0e9;
}
.trip-detail .scenic-activity-item .desc {
  height: 90px;
  line-height: 23px;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.trip-detail .scenic-activity-item:hover::before {
  position: absolute;
  z-index: -1;
  left: -5px;
  top: -5px;
  content: '';
  width: calc(100% + 10px);
  height: 130px;
  background: #f2fbff;
}
.product-notice {
  padding: 30px 40px;
  margin-bottom: 20px;
  border: 1px solid #ff9900;
  background: #fff9f2;
}
.product-notice strong {
  font-size: 18px;
  color: #333;
}
.product-notice .notice-info {
  margin-top: 10px;
}
.product-notice .notice-info p {
  padding: 2px 0;
}
.product-notice .notice-info * {
  background: none !important;
}
.buy-process {
  padding: 30px 0 50px;
  text-align: center;
}
.buy-process-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100px;
  padding: 0 40px;
  box-sizing: content-box;
}
.buy-process-item .icons {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
}
.buy-process-item p {
  padding-top: 10px;
  margin-bottom: 0;
}
.buy-process-item:nth-child(1) .icons {
  background-position: 0 -143px;
}
.buy-process-item:nth-child(2) .icons {
  background-position: -50px -143px;
}
.buy-process-item:nth-child(3) .icons {
  background-position: -100px -143px;
}
.buy-process-item:nth-child(4) .icons {
  background-position: -150px -143px;
}
.buy-process-item:nth-child(5) .icons {
  background-position: -200px -143px;
}
.buy-process-item::before,
.buy-process-item::after {
  position: absolute;
  top: 20px;
  right: -4px;
  content: '';
}
.buy-process-item::before {
  width: 12px;
  height: 8px;
  background: #40bfff;
}
.buy-process-item::after {
  right: -18px;
  width: 0;
  height: 0;
  margin-top: -4px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent transparent #40bfff;
}
.buy-process-item:last-child::before,
.buy-process-item:last-child::after {
  display: none;
}
.route-layer {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
}
.route-popup {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1000px;
  height: 500px;
  margin-left: -500px;
  margin-top: -250px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.route-popup .close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.route-popup .close::before,
.route-popup .close::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 20px;
  height: 2px;
  margin-left: -10px;
  margin-top: -1px;
  background: #ddd;
}
.route-popup .close::before {
  transform: rotate(45deg);
}
.route-popup .close::after {
  transform: rotate(-45deg);
}
.route-popup .close:hover::before,
.route-popup .close:hover::after {
  background: #00a0e9;
}
.route-popup-title {
  padding: 10px 0;
  line-height: 30px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #333;
}
.route-popup-content {
  padding: 5px 20px 20px;
  overflow: hidden;
}
.route-popup-content .gallery {
  float: left;
}
.route-popup-content .content-wrap {
  float: left;
  width: 440px;
  height: 425px;
  margin-left: 20px;
  overflow-x: hidden;
  overflow-y: auto;
}
.route-popup-content .content-wrap p {
  padding: 2px 0;
  text-indent: 2em;
}
.product-qr-code {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: 620px;
  padding: 10px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 12px rgba(180, 178, 178, 0.19);
  transform: translateY(-50%);
}
.product-qr-code .pic {
  width: 110px;
  height: 110px;
  padding: 8px;
  margin: 0 auto;
  background: linear-gradient(303deg, #596CF3, #B6F5FC);
  border-radius: 6px;
  box-sizing: border-box;
}
.product-qr-code .pic img {
  border-radius: 3px;
}
.product-qr-code .txt {
  padding-top: 4px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  color: #999;
}

.order-page .header {
  height: 100px;
  overflow: hidden;
}
.order-page .header .logo {
  float: left;
  width: 300px;
  height: 100px;
  text-align: center;
  font-size: 0;
  text-align: left;
}
.order-page .header .logo::before {
  content: '';
  visibility: hidden;
  line-height: 100px;
}
.order-page .header .logo img {
  vertical-align: middle;
}
.order-content {
  min-height: calc(100vh - 140px);
  padding-top: 20px;
  background: #f5f5f5;
  overflow: hidden;
  box-sizing: border-box;
}
.order-step {
  height: 40px;
  margin-bottom: 20px;
  overflow: hidden;
  display: flex;
}
.order-step-item {
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #ccc;
}
.order-step-item .icon {
  position: relative;
  display: none;
  vertical-align: top;
  width: 18px;
  height: 18px;
  margin-top: 11px;
  margin-right: 5px;
  border-radius: 50%;
  background: #fff;
}
.order-step-item .icon::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 9px;
  height: 5px;
  margin-left: -6px;
  margin-top: -5px;
  border-left: 2px solid #00a0e9;
  border-bottom: 2px solid #00a0e9;
  box-sizing: content-box;
  transform: rotate(-45deg);
}
.order-step-item::before,
.order-step-item::after {
  position: absolute;
  top: -2px;
  right: -42px;
  content: '';
  width: 0;
  height: 0;
  border-width: 22px;
  border-style: solid;
}
.order-step-item::before {
  z-index: 2;
  right: -40px;
  border-color: transparent transparent transparent #ccc;
}
.order-step-item::after {
  z-index: 1;
  border-color: transparent transparent transparent #fff;
}
.order-step-item:last-child::before,
.order-step-item:last-child::after {
  display: none;
}
.order-step-item.on {
  background: #00a0e9;
}
.order-step-item.on .icon {
  display: inline-block;
}
.order-step-item.on::before {
  border-color: transparent transparent transparent #00a0e9;
}
.trip-order-wrap {
  padding-bottom: 70px;
}
.trip-order-wrap .module {
  margin-bottom: 20px;
  background: #fff;
  box-sizing: border-box;
  border: 2px solid #eee;
}
.order-detail {
  width: 360px;
  flex-shrink: 0;
  margin-left: 840px;
}
.order-detail.fixed {
  position: fixed;
  top: 0;
}
.order-detail-tt {
  line-height: 30px;
  padding: 15px 20px;
  background: repeating-linear-gradient(135deg, transparent, transparent 2px, #f5f5f5 3px, transparent 4px);
  overflow: hidden;
  box-sizing: content-box;
}
.order-detail-tt strong {
  font-size: 18px;
  color: #333;
}
.order-detail-tt span {
  float: right;
}
.order-detail-module {
  padding: 20px 0;
  margin: 0 20px;
  border-bottom: 1px dashed #eee;
}
.order-detail-module .route-info {
  display: block;
  height: 70px;
  margin-bottom: 20px;
  overflow: hidden;
}
.order-detail-module .route-info .pic {
  float: left;
  width: 100px;
  height: 70px;
  margin-right: 10px;
  overflow: hidden;
}
.order-detail-module .route-info .title {
  height: 70px;
  line-height: 23px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.order-detail-module .route-info:hover .title {
  color: #00a0e9;
}
.order-detail-module .prop-group:first-child {
  margin-bottom: 20px;
}
.order-detail-module .prop-group .prop-tt {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.order-detail-module .prop-group .bed {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: 0 2px;
  background: url("/static/assets/img/bed.png");
}
.order-detail-module .goback {
  color: #00a0e9;
  text-decoration: underline;
}
.order-detail .price {
  float: right;
}
.order-detail .order-price {
  padding: 20px;
  line-height: 30px;
}
.order-detail .order-price strong {
  font-size: 16px;
  color: #333;
}
.order-detail .order-price .price {
  font-size: 20px;
  font-weight: bold;
  color: #f80;
}
.order-write {
  width: 820px;
  float: left;
}
.order-write .module {
  padding: 20px;
}
.order-write-form {
  padding: 20px 0;
}
.order-write-form.show .form-row-dd {
  padding-left: 10px;
  color: #111;
}
.order-write-form .form-tt {
  height: 20px;
  line-height: 20px;
  margin-bottom: 20px;
}
.order-write-form .form-tt strong {
  font-size: 20px;
  color: #333;
}
.order-write-form .form-tt > i {
  margin: 0 5px;
  color: red;
}
.order-write-form .form-tt > span {
  margin-left: 5px;
  font-size: 16px;
}
.order-write-form .form-row {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
.order-write-form .form-row-dt {
  width: 120px;
  text-align: right;
}
.order-write-form .form-row-dd {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.order-write-form .form-row-dd .ant-form-item {
  width: 100%;
  margin-bottom: 0;
}
.order-write-form .form-row-dd .ant-form-explain {
  position: absolute;
  z-index: 5;
  line-height: 16px;
  font-size: 12px;
  color: #ff4c4c;
}
.order-write-form .flex-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.order-write-form .flex-wrap .form-row {
  width: 50%;
  margin-bottom: 14px;
}
.order-write-form .flex-wrap.col-3 {
  width: 100%;
  justify-content: space-between;
}
.order-write-form .flex-wrap.col-3 .form-row {
  width: 30%;
}
.order-write-form .align-left .form-row-dt {
  text-align: left;
}
.order-write-form .align-left .form-row-dt .required {
  margin-left: -2px;
}
.order-write-form .vertical .form-row {
  flex-direction: column;
  align-items: initial;
}
.order-write-form .vertical .form-row-dt {
  text-align: left;
}
.order-write-form .select {
  position: relative;
  width: 100%;
  height: 50px;
}
.order-write-form .select::before {
  position: absolute;
  right: 20px;
  top: 50%;
  z-index: 10;
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  margin-top: -8px;
  border-right: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  box-sizing: content-box;
  transform: rotate(45deg);
}
.order-write-form .select.sm {
  height: 32px;
}
.order-write-form .select.sm::before {
  right: 10px;
  width: 6px;
  height: 6px;
  margin-top: -4px;
}
.order-write-form .select.sm .u-txt {
  padding-right: 24px;
}
.order-write-form .u-txt {
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.order-write-form .u-txt:focus {
  border-color: #00a0e9;
}
.order-write-form .u-txt.sm {
  padding: 0 12px;
  height: 32px;
  line-height: 32px;
}
.order-write-form .has-error .u-txt {
  border-color: #ff4c4c;
}
.order-write-form .u-btn {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  padding: 0 20px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  border: none;
  outline: none;
  background: #09e;
  border-radius: 3px;
}
.order-write-form .u-btn.orange {
  background: #f80;
}
.order-write-form .u-btn.default {
  color: #666;
  border: 1px solid #ddd;
  background: #fff;
}
.order-write-form .field {
  padding: 10px 20px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
}
.order-write-form .field legend {
  font-size: 15px;
  font-weight: bold;
}
.order-write-form .field .form-row-dt {
  width: 100px;
  font-size: 12px;
}
.order-write-form .field .u-txt {
  max-width: 400px;
}
.order-write-form .coupon-trigger {
  position: relative;
  z-index: 5;
  display: inline-block;
  margin-left: 20px;
}
.order-write-form .coupon-trigger-tt {
  position: relative;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0 22px 0 12px;
  font-size: 12px;
  color: #f60;
  border: 1px dashed #f80;
  border-radius: 3px;
  cursor: pointer;
  box-sizing: content-box;
}
.order-write-form .coupon-trigger-tt::before {
  position: absolute;
  left: -1px;
  top: -1px;
  z-index: 1;
  content: '';
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-left: 6px solid #f80;
  border-right: 6px solid transparent;
  border-bottom: 13px solid transparent;
}
.order-write-form .coupon-trigger-tt::after {
  position: absolute;
  top: 50%;
  right: 8px;
  content: '';
  width: 5px;
  height: 5px;
  margin-top: -3px;
  border-right: 1px solid #f80;
  border-bottom: 1px solid #f80;
  box-sizing: content-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.order-write-form .coupon-trigger-tt.arrow-r::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.order-write-form .coupon-trigger-tips {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
  margin-left: 10px;
  line-height: 20px;
  font-size: 12px;
  color: #f80;
  background: #fff5eb;
}
.order-write-form .coupon-trigger-bd {
  display: none;
  position: absolute;
  left: 0;
  top: 35px;
  width: 400px;
  padding: 10px;
  border: 1px solid #f80;
  background: #fff;
}
.order-write-form .coupon-trigger-bd::before,
.order-write-form .coupon-trigger-bd::after {
  position: absolute;
  left: 36px;
  top: -12px;
  content: '';
  width: 0;
  height: 0;
  margin-left: -6px;
  border-style: solid;
}
.order-write-form .coupon-trigger-bd::before {
  border-width: 6px;
  border-color: transparent transparent #f80 transparent;
}
.order-write-form .coupon-trigger-bd::after {
  top: -10px;
  left: 37px;
  border-width: 5px;
  border-color: transparent transparent #fff transparent;
}
.order-write-form .coupon-trigger-bd .close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.order-write-form .coupon-trigger-bd .close::before,
.order-write-form .coupon-trigger-bd .close::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 14px;
  height: 1px;
  margin-left: -7px;
  margin-top: -1px;
  background: #ccc;
}
.order-write-form .coupon-trigger-bd .close::before {
  transform: rotate(45deg);
}
.order-write-form .coupon-trigger-bd .close::after {
  transform: rotate(-45deg);
}
.order-write-form .coupon-trigger-bd .close:hover::before,
.order-write-form .coupon-trigger-bd .close:hover::after {
  background: #f60;
}
.order-write-form .coupon-trigger-bd .hd {
  height: 20px;
  line-height: 20px;
  padding-bottom: 5px;
  font-size: 12px;
  border-bottom: 1px solid #eee;
}
.order-write-form .coupon-trigger-bd .hd em {
  margin: 0 2px;
  color: #f80;
}
.order-write-form .coupon-list {
  padding-top: 10px;
  max-height: 410px;
  overflow-y: auto;
}
.order-write-form .coupon-list-item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 5px 0;
}
.order-write-form .coupon-list-item .amount {
  position: relative;
  width: 40px;
  height: 28px;
  line-height: 28px;
  padding: 0 20px 0 10px;
  color: #fff;
  font-weight: bold;
  font-family: Arial;
  background: #f80;
  border: 1px dashed #fff;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  box-sizing: content-box;
}
.order-write-form .coupon-list-item .amount::before,
.order-write-form .coupon-list-item .amount::after {
  position: absolute;
  top: -1px;
  right: 5px;
  content: '';
  width: 6px;
  height: 3px;
  background: #fff;
  border-radius: 0 0 6px 6px;
}
.order-write-form .coupon-list-item .amount::after {
  top: auto;
  bottom: -1px;
  border-radius: 6px 6px 0 0;
}
.order-write-form .coupon-list-item .line {
  position: absolute;
  top: 0;
  right: 8px;
  width: 1px;
  height: 28px;
  border-right: 1px dashed rgba(255, 255, 255, 0.5);
}
.order-write-form .coupon-list-item .info {
  padding: 0 15px;
  font-size: 12px;
  -webkit-flex: 1;
  flex: 1;
}
.order-write-form .coupon-list-item .info-tt,
.order-write-form .coupon-list-item .info-desc {
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.order-write-form .coupon-list-item .info-desc {
  color: #aaa;
}
.order-write-form .coupon-list-item .btn {
  width: 60px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  box-sizing: content-box;
}
.order-write-form .coupon-list-item .btn.disable {
  cursor: default;
  color: #bbb;
  border-color: transparent;
}
.order-write-form .coupon-info {
  padding: 10px 20px;
  border: 1px solid #eee;
}
.order-write-form .coupon-item {
  padding: 10px 0;
  line-height: 20px;
}
.order-write-form .coupon-item .check {
  display: inline-block;
  vertical-align: -1px;
  margin-right: 10px;
}
.order-write-form .coupon-item .tt {
  color: #333;
}
.order-write-form .coupon-item .light {
  color: #07c;
}
.order-write-form .coupon-item .tips {
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  margin-left: 10px;
  line-height: 20px;
  font-size: 12px;
  color: #f80;
  background: #fff5eb;
}
.order-write-form .coupon-item .explain {
  padding-left: 23px;
  margin-top: 5px;
  font-size: 12px;
  line-height: 20px;
  color: #aaa;
}
.order-write-form .coupon-item.coupon-code-group .item-tt {
  display: inline-block;
  vertical-align: top;
  padding-top: 6px;
}
.order-write-form .coupon-item.coupon-code-group .tips {
  margin-top: 7px;
}
.order-write-form .coupon-item .coupon-code {
  display: inline-block;
  vertical-align: middle;
}
.order-write-form .coupon-item .coupon-code .code-txt {
  display: inline-block;
  vertical-align: top;
  width: 200px;
  height: 32px;
  padding: 0 10px;
  line-height: 32px;
  font-size: 12px;
  border: 1px solid #ddd;
  box-sizing: content-box;
  border-right: none;
  outline: none;
}
.order-write-form .coupon-item .coupon-code-use {
  display: inline-block;
  vertical-align: middle;
}
.order-write-form .coupon-item .coupon-code-use .code-btn {
  vertical-align: middle;
}
.order-write-form .coupon-item .code-btn {
  display: inline-block;
  vertical-align: top;
  height: 34px;
  padding: 0 20px;
  font-size: 14px;
  color: #fff;
  background: #f80;
  border: none;
  outline: none;
  cursor: pointer;
}
.order-write-form .remar-txt {
  width: 100%;
  height: 60px;
  padding: 0 10px;
  line-height: 20px;
  resize: none;
  border: 1px solid #ddd;
  box-sizing: border-box;
  outline: none;
}
.order-write-form .remar-txt:focus {
  border-color: #00a0e9;
}
.order-write-form .write-case {
  position: relative;
  float: right;
  font-size: 14px;
  color: #07c;
  cursor: pointer;
}
.order-write-form .write-case-box {
  display: none;
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 10;
  width: 400px;
  padding: 5px;
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.order-write-form .write-case:hover .write-case-box {
  display: block;
}
.order-write .sub-select {
  padding: 15px 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.order-write .sub-select-box {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #eee;
}
.order-write .sub-select-box:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.order-write .sub-select-item {
  padding: 5px 0;
  line-height: 20px;
}
.order-write .sub-select-item .check {
  display: inline-block;
  vertical-align: -2px;
  margin-right: 10px;
}
.order-write .sub-select-item .tt-info {
  font-weight: bold;
  color: #333;
}
.order-write .sub-select-item .price-info {
  margin-left: 10px;
}
.order-write .sub-select-item .price-info span {
  color: #00a0e9;
}
.order-write .user-write-top,
.order-write .user-write-bottom {
  display: flex;
  justify-content: space-between;
}
.order-write .user-write-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.order-write .user-write-row .user-write-item {
  width: calc(50% - 20px);
}
.order-write .user-write-txt {
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #333;
  border: none;
  border-bottom: 1px solid #ddd;
  outline: none;
  transition: all 0.3s;
}
.order-write .user-write-txt:focus {
  background-color: #fafafa;
  border-color: #00a0e9;
}
.order-write .user-write-code {
  flex-shrink: 0;
  margin-left: 10px;
  width: 86px;
  height: 30px;
  cursor: pointer;
}
.order-write .user-write-code > img {
  width: 100%;
  height: 100%;
}
.order-write .user-write-item {
  position: relative;
  margin-bottom: 16px;
}
.order-write .user-write-item-tt {
  line-height: 20px;
  font-size: 12px;
}
.order-write .user-write-item-tt .required {
  margin: 0 3px;
}
.order-write .user-write-item-td {
  display: flex;
}
.order-write .user-write-item-td .phone-select {
  position: relative;
  width: 100px;
  margin-right: 10px;
}
.order-write .user-write-item-td .phone-select-value {
  line-height: 30px;
  padding-right: 24px;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
}
.order-write .user-write-item-td .phone-select-value.pl {
  color: #CCC;
}
.order-write .user-write-item-td .phone-select::before {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 2;
  content: '';
  width: 6px;
  height: 6px;
  margin-top: -5px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-sizing: content-box;
}
.order-write .user-write-item-td .phone-select .user-write-txt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.order-write .user-write-item.error {
  border-color: #ff4c4c;
}
.order-write .user-write-item.error .user-write-item-tt {
  color: #ff4c4c;
}
.order-write .user-write-top {
  margin-bottom: 10px;
}
.order-write .user-write-top .user-write-item {
  flex: 1;
  margin-left: 24px;
}
.order-write .user-write-top .user-write-item:first-child {
  margin-left: 0;
}
.order-write .user-write-bottom .user-write-item {
  flex: 1;
  margin-left: 24px;
}
.order-write .user-write-bottom .user-write-item:first-child {
  margin-left: 0;
}
.order-write .user-write-tips {
  position: absolute;
  left: 0;
  bottom: -26px;
  z-index: 2;
  display: inline-block;
  padding: 2px 5px;
  line-height: 16px;
  font-size: 12px;
  color: #fff;
  background: rgba(255, 76, 76, 0.9);
  border-radius: 2px;
}
.order-write .user-write-tips::before {
  position: absolute;
  left: 8px;
  top: -8px;
  content: '';
  width: 0;
  height: 0;
  border-width: 4px;
  border-style: solid;
  border-color: transparent transparent rgba(255, 76, 76, 0.9) transparent;
}
.order-write .user-write .req-btn {
  display: inline-block;
  white-space: nowrap;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  margin-left: 10px;
  text-align: center;
  font-size: 12px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  cursor: pointer;
}
.order-write .user-write .req-btn:hover {
  border-color: #ccc;
  background: #fafafa;
}
.order-write .user-write .req-btn.disable,
.order-write .user-write .req-btn.disable:hover {
  color: #bbb;
  background: #f5f5f5;
  border-color: #ddd;
  cursor: no-drop;
}
.order-write .user-write .tips {
  font-size: 12px;
  color: #aaa;
  position: absolute;
  top: 100%;
}
.order-write .fill-in-group {
  margin-bottom: 10px;
  display: flex;
}
.order-write .fill-in-group .u-txt {
  width: 300px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
}
.order-write .fill-in-group .fill-in-tt {
  width: 180px;
  line-height: 40px;
  padding-right: 10px;
  text-align: right;
  flex-shrink: 0;
}
.order-write .fill-in-group .fill-in-tt i {
  margin: 0 5px;
  color: red;
}
.order-write .fill-in-group .error .u-txt {
  border-color: #ff4c4c;
}
.order-write .fill-in-group .fill-in-tips {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 2px 5px;
  margin-left: 10px;
  line-height: 16px;
  font-size: 12px;
  color: #fff;
  background: rgba(255, 76, 76, 0.9);
  border-radius: 2px;
}
.order-write .fill-in-group .fill-in-tips::before {
  position: absolute;
  left: -8px;
  top: 50%;
  content: '';
  width: 0;
  height: 0;
  margin-top: -4px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent rgba(255, 76, 76, 0.9) transparent transparent;
}
.order-write .fill-in-group:last-child {
  margin-bottom: 0;
}
.order-write .tourist-info {
  position: relative;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px dashed #eee;
}
.order-write .tourist-info .tourist-num {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  line-height: 16px;
  font-size: 12px;
  text-align: center;
}
.order-write .tourist-info .tourist-num .tp {
  color: #999;
  background: #f5f5f5;
}
.order-write .tourist-info .tourist-num .bt {
  color: #fff;
  background: #00a0e9;
}
.order-write .tourist-info .clear-btn {
  position: absolute;
  right: 10px;
  color: #07c;
  cursor: pointer;
}
.order-write .tourist-info .select {
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 40px;
  margin-right: 5px;
}
.order-write .tourist-info .select::before {
  right: 10px;
}
.order-write .tourist-info .select .u-txt {
  width: 100%;
}
.order-write .tourist-tabs {
  border-bottom: 1px solid #00a0e9;
}
.order-write .tourist-tabs .tabs-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 40px;
  line-height: 40px;
  margin-right: 10px;
  text-align: center;
  font-size: 18px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-top: 2px solid #eee;
  cursor: pointer;
  box-sizing: content-box;
}
.order-write .tourist-tabs .tabs-item.on {
  color: #00a0e9;
  font-weight: bold;
  border-color: #00a0e9;
}
.order-write .tourist-tabs .tabs-item.on::before {
  position: absolute;
  left: 0;
  bottom: -1px;
  content: '';
  width: 100%;
  height: 1px;
  background: #fff;
}
.order-write .tourist-content {
  padding: 10px 0;
  border-top: none;
}
.order-write .tourist-content .user-write {
  padding: 10px 0;
}
.order-write .tourist-content .user-write-title {
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  overflow: hidden;
}
.order-write .tourist-content .user-write-title strong {
  font-size: 16px;
}
.order-write .tourist-content .user-write-title span {
  position: relative;
  float: right;
  cursor: pointer;
}
.order-write .tourist-content .user-write-title .light {
  color: #07c;
}
.order-write .tourist-item {
  display: none;
  width: 100%;
}
.order-write .tourist-item.cur {
  display: block;
}
.order-write .settle-accounts {
  padding: 10px 20px;
  border: 1px solid #eee;
}
.order-write .settle-accounts-line {
  padding: 5px 0;
  line-height: 20px;
  text-align: right;
  color: #999;
}
.order-write .settle-accounts-line .sa-price {
  display: inline-block;
  width: 120px;
  font-weight: bold;
  color: #333;
}
.order-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 100;
  width: 100%;
  height: 50px;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  box-sizing: content-box;
}
.order-footer .set-agree {
  float: left;
  height: 20px;
  line-height: 20px;
  margin-top: 15px;
  font-size: 16px;
}
.order-footer .set-agree .set-check {
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}
.order-footer .set-agree .set-check input {
  vertical-align: -1px;
}
.order-footer .set-agree a {
  color: #00a0e9;
}
.order-footer .order-submit {
  float: right;
}
.order-footer .order-submit-price {
  display: inline-block;
  vertical-align: top;
  line-height: 30px;
  margin-top: 10px;
  margin-right: 20px;
}
.order-footer .order-submit-price b {
  margin-left: 10px;
  font-size: 26px;
  color: #f80;
}
.order-footer .order-submit-btn {
  display: inline-block;
  width: 200px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  background: #f80;
  border-radius: 4px;
  cursor: pointer;
  border: none;
  outline: none;
}
.order-empty {
  height: calc(100vh - 140px);
  min-height: 500px;
  background: #f5f5f5;
  padding: 40px 0;
  box-sizing: border-box;
}
.order-empty .w1200 {
  height: 100%;
}
.order-empty-cont {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.order-empty-cont .icon {
  display: inline-block;
}
.order-empty-cont a {
  color: #07c;
  text-decoration: underline;
}
.order-timing {
  width: 100%;
  line-height: 30px;
  padding: 5px 0;
  margin-bottom: 20px;
  text-align: center;
  color: #ff9141;
  background: #fffaf2;
  border: 1px solid #ffd9b2;
  box-sizing: border-box;
}
.order-timing b {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px;
  font-size: 18px;
  color: #f70;
}
.order-pay-wrap .module {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
}
.order-pay-wrap .order-info {
  display: flex;
  background: #fafafa;
}
.order-pay-wrap .order-info-left {
  display: flex;
  align-items: center;
  flex: 1;
  padding: 20px;
  border-right: 1px dashed #eee;
  box-sizing: border-box;
  overflow: hidden;
}
.order-pay-wrap .order-info-left .pic {
  width: 80px;
  height: 80px;
  margin-right: 14px;
  overflow: hidden;
}
.order-pay-wrap .order-info-left .pic img {
  object-fit: cover;
}
.order-pay-wrap .order-info-left .tt {
  height: 20px;
  line-height: 20px;
  margin-bottom: 4px;
  font-size: 16px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.order-pay-wrap .order-info-left .des {
  line-height: 20px;
}
.order-pay-wrap .order-info-left .des span {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  font-size: 12px;
  color: #aaa;
}
.order-pay-wrap .order-info-right {
  position: relative;
  min-width: 300px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  flex-shrink: 0;
}
.order-pay-wrap .order-info-right::before,
.order-pay-wrap .order-info-right::after {
  position: absolute;
  left: -6px;
  z-index: 2;
  content: '';
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
}
.order-pay-wrap .order-info-right::before {
  top: -6px;
}
.order-pay-wrap .order-info-right::after {
  bottom: -6px;
}
.order-pay-wrap .order-info-right > div {
  width: 100%;
  font-size: 12px;
  text-align: right;
}
.order-pay-wrap .order-info-right .pay-price {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.order-pay-wrap .order-info-right .pay-price b {
  font-size: 24px;
  color: #f80;
}
.order-pay-wrap .pay-tabs {
  height: 40px;
  padding: 0 20px;
}
.order-pay-wrap .pay-tabs .tabs-item {
  display: inline-block;
  vertical-align: top;
  height: 40px;
  line-height: 30px;
  padding: 0 10px;
  margin-right: 20px;
  font-size: 20px;
  color: #999;
  cursor: pointer;
}
.order-pay-wrap .pay-tabs .tabs-item.on {
  font-weight: bold;
  color: #00a0e9;
  border-bottom: 3px solid #00a0e9;
}
.order-pay-wrap .pay-content {
  min-height: 300px;
}
.order-pay-wrap .pay-content-wrap {
  padding: 20px;
}
.order-pay-wrap .pay-content-wrap .pay-content {
  display: none;
}
.order-pay-wrap .pay-content-wrap .pay-content:first-child {
  display: block;
}
.order-pay-wrap .pay-method {
  padding: 20px 0;
}
.order-pay-wrap .pay-method .mt {
  line-height: 20px;
  margin-bottom: 10px;
  overflow: hidden;
}
.order-pay-wrap .pay-method .mt strong {
  font-size: 18px;
  color: #333;
}
.order-pay-wrap .pay-method .mt span {
  margin-left: 20px;
  color: #aaa;
}
.order-pay-wrap .pay-method-tabs {
  height: 30px;
  line-height: 30px;
}
.order-pay-wrap .pay-method-tabs .tabs-item {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #999;
  cursor: pointer;
}
.order-pay-wrap .pay-method-tabs .tabs-item.on {
  color: #333;
}
.order-pay-wrap .pay-method-tabs .notes {
  color: #aaa;
}
.order-pay-wrap .pay-method-wrap {
  padding: 10px 0;
}
.order-pay-wrap .pay-method-wrap .pay-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 200px;
  height: 50px;
  margin-right: 20px;
  border: 1px solid #e0e0e0;
  box-sizing: content-box;
  border-radius: 3px;
  cursor: pointer;
  overflow: hidden;
}
.order-pay-wrap .pay-method-wrap .pay-item .icon {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin-left: 15px;
  margin-top: 15px;
  margin-right: 10px;
}
.order-pay-wrap .pay-method-wrap .pay-item .icon img {
  display: block;
}
.order-pay-wrap .pay-method-wrap .pay-item .name {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  line-height: 20px;
  margin-top: 15px;
}
.order-pay-wrap .pay-method-wrap .pay-item:hover {
  border-color: #00a0e9;
  box-shadow: 0 0 10px rgba(0, 160, 233, 0.2);
}
.order-pay-wrap .pay-method-wrap .pay-item.on {
  border-color: #00a0e9;
  box-shadow: 0 0 10px rgba(0, 160, 233, 0.2);
}
.order-pay-wrap .pay-method-wrap .pay-item.on::before,
.order-pay-wrap .pay-method-wrap .pay-item.on::after {
  position: absolute;
  right: 0;
  bottom: 0;
  content: '';
}
.order-pay-wrap .pay-method-wrap .pay-item.on::before {
  width: 14px;
  height: 14px;
  background: #00a0e9;
  border-radius: 3px 0 0 0;
}
.order-pay-wrap .pay-method-wrap .pay-item.on::after {
  right: 2px;
  bottom: 5px;
  width: 8px;
  height: 4px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
}
.order-pay-wrap .pay-method .pay-method-list {
  display: none;
}
.order-pay-wrap .pay-method .pay-method-list:first-child {
  display: block;
}
.order-pay-wrap .pay-btn {
  display: block;
  width: 300px;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: #f80;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  outline: none;
  box-shadow: 0 5px 15px rgba(255, 170, 0, 0.3);
}
.order-pay-wrap .payment-popup {
  min-width: 400px;
  padding: 20px;
  text-align: center;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.order-pay-wrap .payment-popup h4 {
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
}
.order-pay-wrap .payment-popup p {
  line-height: 18px;
  font-size: 12px;
}
.order-pay-wrap .payment-popup .ft-btn {
  margin-top: 30px;
  text-align: center;
}
.order-pay-wrap .payment-popup .ft-btn .ft-btn-item {
  display: inline-block;
  width: 100px;
  height: 30px;
  line-height: 30px;
  margin: 0 10px;
  border-radius: 3px;
  background: #eee;
}
.order-pay-wrap .payment-popup .ft-btn .ft-btn-item.success {
  color: #fff;
  background: #f80;
}
.pay-method-box {
  display: flex;
  align-items: flex-start;
}
.pay-method-box-l {
  flex: 1;
  overflow: hidden;
}
.pay-method-box-l > .module {
  min-height: 570px;
}
.pay-method-box-side {
  width: 300px;
  margin-left: 20px;
  margin-bottom: 20px;
  background: #FAFAFA;
  box-shadow: 0 1px 12px rgba(180, 178, 178, 0.19);
}
.pay-method-box-side .hd-tt {
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  background-color: #353b51;
}
.pay-method-box-side .inner {
  padding: 10px;
}
.pay-method-box-side .mode {
  margin-bottom: 20px;
}
.pay-method-box-side .mode-tt {
  line-height: 20px;
  padding: 2px 0;
  margin-left: 16px;
  margin-bottom: 10px;
  font-size: 18px;
  color: #999;
}
.pay-method-box-side .mode-list {
  display: flex;
}
.pay-method-box-side .mode-list .item {
  margin-left: 10px;
}
.pay-method-box-side .mode-list .item:first-child {
  margin-left: 0;
}
.pay-method-box-side .contact {
  padding: 20px 0;
  text-align: center;
  border-top: 1px solid #eee;
}
.pay-method-box-side .contact .text {
  line-height: 20px;
  padding: 2px 0;
  font-size: 18px;
  color: #999;
}
.pay-method-box-side .contact .tt {
  line-height: 20px;
  padding: 4px 0;
  margin-top: 20px;
  font-size: 20px;
  color: #666;
}
.pay-method-box-side .contact .tt-large {
  line-height: 40px;
  margin-top: 5px;
  font-size: 36px;
  font-weight: bolder;
  color: #999;
}
.pay-method-box-side .contact .phone {
  position: relative;
  width: 140px;
  margin: 0 auto 20px;
  padding-left: 24px;
  color: #00a0e9;
  line-height: 20px;
  text-align: left;
  font-size: 16px;
}
.pay-method-box-side .contact .phone::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 20px;
  height: 20px;
  background: url(/static/assets/img/pay-mode-t.png) left center no-repeat;
}
.order-success {
  padding: 20px 100px;
  margin-bottom: 20px;
  background: #fff;
}
.order-success-wrap {
  padding: 20px;
  text-align: center;
}
.order-success-wrap .success-icon {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 50%;
  background: #00a0e9;
  box-shadow: 0 10px 10px rgba(0, 160, 233, 0.2);
}
.order-success-wrap .success-icon::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 40px;
  height: 20px;
  margin-left: -22px;
  margin-top: -18px;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
  box-sizing: content-box;
  transform: rotate(-45deg);
}
.order-success-wrap .success-tips {
  padding-top: 10px;
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #00a0e9;
}
.order-success-wrap .success-tips b {
  color: #ff8800;
}
.order-success-wrap .pay-amount {
  padding: 10px 0;
  line-height: 30px;
  font-size: 26px;
  font-weight: bold;
  color: #f80;
}
.order-success-wrap .notes {
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
}
.order-success .pull-button {
  margin-bottom: 20px;
  text-align: center;
}
.order-success .pull-button a {
  display: inline-block;
  width: 100px;
  height: 36px;
  line-height: 36px;
  margin: 0 10px;
  color: #00a0e9;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 4px;
}
.order-success .pull-button a:first-child {
  color: #fff;
  background: #00a0e9;
  border-color: #00a0e9;
}
.order-success-record {
  padding: 20px;
  margin-bottom: 20px;
  background: #f8f8f8;
  display: flex;
}
.order-success-record .pic {
  width: 150px;
  height: 66px;
  margin-right: 20px;
}
.order-success-record .pic img {
  width: 100%;
  height: 100%;
}
.order-success-record .order-notes {
  width: 100%;
  overflow: hidden;
}
.order-success-record .notes-line {
  line-height: 20px;
  padding: 5px 0;
}
.order-success-record .notes-line .tt {
  display: inline-block;
  width: 90px;
  color: #bbb;
}
.order-success-record .notes-line .td {
  color: #888;
}
.order-success-record .flex-wrap .notes-line {
  width: 25%;
}
.order-success-record .flex-wrap .notes-line .tt {
  width: auto;
}
.order-success-record .qrcode {
  width: 200px;
  text-align: center;
  flex-shrink: 0;
}
.order-success .safety-tips {
  padding: 5px 20px;
  font-size: 12px;
  background: #fffaf2;
  border: 1px solid #ffd9b2;
  box-sizing: border-box;
}
.order-success .safety-tips-title {
  font-size: 14px;
  font-weight: bold;
  color: #ff9141;
}
.order-success .safety-tips .light {
  color: red;
}
.order-over {
  padding: 20px 100px;
  margin-bottom: 20px;
  background: #fff;
}
.order-over-wrap {
  padding: 20px;
  text-align: center;
}
.order-over-wrap .over-icon {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 50%;
  background: #ff4c4c;
  box-shadow: 0 10px 10px rgba(255, 76, 76, 0.2);
}
.order-over-wrap .over-icon::before,
.order-over-wrap .over-icon::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 4px;
  height: 40px;
  background-color: #FFF;
  transform-origin: center center;
}
.order-over-wrap .over-icon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.order-over-wrap .over-icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.order-over-wrap .over-tips {
  padding-top: 10px;
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #ff4c4c;
}
.order-over-wrap .over-tips b {
  color: #ff8800;
}
.order-over-wrap .pay-amount {
  padding: 10px 0;
  line-height: 30px;
  font-size: 26px;
  font-weight: bold;
  color: #f80;
}
.order-over-wrap .notes {
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
}
.order-over .pull-button {
  margin-bottom: 20px;
  text-align: center;
}
.order-over .pull-button a {
  display: inline-block;
  width: 100px;
  height: 36px;
  line-height: 36px;
  margin: 0 10px;
  color: #00a0e9;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 4px;
}
.order-over .pull-button a:first-child {
  color: #fff;
  background: #00a0e9;
  border-color: #00a0e9;
}
.order-over-record {
  padding: 20px;
  margin-bottom: 20px;
  background: #f8f8f8;
  display: flex;
}
.order-over-record .pic {
  width: 150px;
  height: 66px;
  margin-right: 20px;
}
.order-over-record .pic img {
  width: 100%;
  height: 100%;
}
.order-over-record .order-notes {
  width: 100%;
  overflow: hidden;
}
.order-over-record .notes-line {
  line-height: 20px;
  padding: 5px 0;
}
.order-over-record .notes-line .tt {
  display: inline-block;
  width: 90px;
  color: #bbb;
}
.order-over-record .notes-line .td {
  color: #888;
}
.order-over-record .flex-wrap .notes-line {
  width: 25%;
}
.order-over-record .flex-wrap .notes-line .tt {
  width: auto;
}
.order-over-record .qrcode {
  width: 200px;
  text-align: center;
  flex-shrink: 0;
}
.order-over .safety-tips {
  padding: 5px 20px;
  font-size: 12px;
  background: #fffaf2;
  border: 1px solid #ffd9b2;
  box-sizing: border-box;
}
.order-over .safety-tips-title {
  font-size: 14px;
  font-weight: bold;
  color: #ff9141;
}
.order-over .safety-tips .light {
  color: red;
}
.order-fail-wrap {
  padding: 20px;
  text-align: center;
}
.order-fail-wrap .fail-icon {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 50%;
  background: #ff4c4c;
  box-shadow: 0 10px 10px rgba(255, 76, 76, 0.2);
}
.order-fail-wrap .fail-icon::before,
.order-fail-wrap .fail-icon::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 4px;
  height: 40px;
  margin-top: -20px;
  margin-left: -2px;
  background-color: #fff;
}
.order-fail-wrap .fail-icon::before {
  transform: rotate(-45deg);
}
.order-fail-wrap .fail-icon::after {
  transform: rotate(45deg);
}
.order-fail-wrap .fail-tips {
  padding-top: 10px;
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #ff4c4c;
}
.order-fail-wrap .notes {
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
}
.guess-like {
  margin-bottom: 20px;
  background: #fff;
}
.guess-like-title {
  position: relative;
  padding: 10px;
  line-height: 30px;
  text-align: center;
}
.guess-like-title strong {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  font-size: 16px;
  background: #fff;
}
.guess-like-title::before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 200px;
  height: 1px;
  margin-left: -100px;
  background: #eee;
}
.guess-like-list {
  padding: 0 10px 20px;
  overflow: hidden;
}
.guess-like-list .item {
  float: left;
  display: block;
  width: 216px;
  margin: 0 10px;
}
.guess-like-list .item .pic {
  width: 216px;
  height: 140px;
  overflow: hidden;
}
.guess-like-list .item .pic img {
  object-fit: cover;
}
.guess-like-list .item .title {
  max-height: 40px;
  line-height: 20px;
  padding-top: 5px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.guess-like-list .item .price {
  display: inline-block;
  margin-top: 5px;
  color: #f80;
  font-size: 18px;
}
#alipaysubmit button {
  display: block;
  width: 300px;
  height: 45px;
  line-height: 45px;
  color: #fff;
  font-size: 16px;
  background: #1677ff url(/static/assets/img/alipay.svg) center center no-repeat;
  border-radius: 4px;
  cursor: pointer;
  border: none;
  outline: none;
}
#alipaysubmit button:hover {
  background-color: #3086ff;
}
.visa-popup {
  display: inline-block;
  position: relative;
}
.visa-popup:hover .tips {
  display: block;
}
.visa-popup .tips {
  display: none;
  position: absolute;
  z-index: 5;
  left: 50%;
  top: calc(100% + 6px);
  width: 320px;
  transform: translateX(-50%);
  font-size: 12px;
  background: #fff;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
  border-radius: 4px;
  padding: 8px 12px;
}
.visa-popup .tips::before {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}
.visa-popup .tips-icon {
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  margin: 0 5px;
}
.visa-popup .tips-icon svg {
  fill: #00a0e9;
}
.visa-popup .tips-txt {
  max-height: 400px;
  overflow-y: auto;
  line-height: 18px;
  color: #999;
}

.booking {
  min-height: 100%;
}
.booking .opt-text {
  line-height: 20px;
  cursor: pointer;
}
.booking .opt-text input {
  vertical-align: -1px;
  margin-right: 5px;
}
.booking .opt-text span {
  margin-left: 0 !important;
  color: #666 !important;
}
.booking-head {
  height: 100px;
  overflow: hidden;
}
.booking-head .logo {
  float: left;
  width: 300px;
  height: 100px;
  text-align: left;
  font-size: 0;
}
.booking-head .logo::before {
  content: '';
  visibility: hidden;
  line-height: 100px;
}
.booking-head .logo img {
  vertical-align: middle;
}
.booking-head .head-right {
  float: right;
  height: 30px;
  line-height: 30px;
  margin-top: 35px;
}
.booking-head .head-right a {
  display: inline-block;
  margin-left: 20px;
  font-size: 12px;
}
.booking-head .head-right a:hover {
  color: #00a0e9;
}
.booking-head .head-right .login {
  margin-left: 12px;
  font-size: 14px;
  color: #00a0e9;
}
.booking-head .head-right button {
  display: inline-block;
  height: 32px;
  padding: 0 12px;
  margin-left: 5px;
  color: #fff;
  background-color: #00a0e9;
  border-radius: 4px;
  transition: all 0.3s;
  cursor: pointer;
  border: none;
  outline: none;
}
.booking-cont {
  padding-top: 20px;
  background: #f5f5f5;
  overflow: hidden;
}
.booking-cont-wrap {
  overflow: hidden;
}
.booking-cont-info {
  float: left;
  width: 880px;
}
.booking-cont-side {
  float: left;
  width: 260px;
  margin-left: 20px;
}
.booking-cont-side.fixed {
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: 300px;
}
.booking-step {
  height: 30px;
  margin-bottom: 20px;
  overflow: hidden;
  display: flex;
}
.booking-step-item {
  position: relative;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: #ccc;
}
.booking-step-item .icon {
  position: relative;
  display: none;
  vertical-align: top;
  width: 14px;
  height: 14px;
  margin-top: 7px;
  margin-right: 5px;
  border-radius: 50%;
  border: 1px solid #fff;
  box-sizing: content-box;
}
.booking-step-item .icon::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 7px;
  height: 4px;
  margin-left: -4px;
  margin-top: -4px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  box-sizing: content-box;
  transform: rotate(-45deg);
}
.booking-step-item::before,
.booking-step-item::after {
  position: absolute;
  top: -2px;
  right: -32px;
  content: '';
  width: 0;
  height: 0;
  border-width: 17px;
  border-style: solid;
}
.booking-step-item::before {
  z-index: 2;
  right: -30px;
  border-color: transparent transparent transparent #ccc;
}
.booking-step-item::after {
  z-index: 1;
  border-color: transparent transparent transparent #fff;
}
.booking-step-item:last-child::before,
.booking-step-item:last-child::after {
  display: none;
}
.booking-step-item.on {
  background: #00a0e9;
}
.booking-step-item.on .icon {
  display: inline-block;
}
.booking-step-item.on::before {
  border-color: transparent transparent transparent #00a0e9;
}
.booking-module {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
  box-sizing: content-box;
}
.booking-module .mt {
  line-height: 20px;
  overflow: hidden;
}
.booking-module .mt strong {
  font-size: 18px;
  color: #333;
}
.booking-module .mt span {
  margin-left: 20px;
  color: #aaa;
}
.booking-module .tt-large {
  margin-bottom: 20px;
  line-height: 30px;
  font-size: 24px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.booking-flex-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.booking-flex-wrap .booking-form-row {
  width: 50%;
}
.booking-form-row {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 20px;
}
.booking-form-row .booking-form-row {
  margin-bottom: 0;
}
.booking-form-dt {
  width: 100px;
  text-align: right;
}
.booking-form-dt .must {
  color: #ff4c4c;
  margin-right: 5px;
}
.booking-form-dd {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
  flex: 1;
  -webkit-align-items: center;
  align-items: center;
}
.booking-form-dd .tips {
  margin-left: 10px;
}
.booking-form-dd .opt-text {
  margin-right: 20px;
}
.booking-form .input-code {
  margin-left: 10px;
  width: 120px;
  height: 30px;
  cursor: pointer;
}
.booking-form .input-code > img {
  width: 100%;
  height: 100%;
}
.booking-form .input-txt {
  width: 200px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 14px;
  border: 1px solid #ddd;
  border-radius: 0;
  box-sizing: border-box;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.booking-form .input-txt:focus {
  border-color: #aaa;
}
.booking-form textarea.input-txt {
  width: 100%;
  height: auto;
  resize: none;
}
.booking-form .select {
  position: relative;
}
.booking-form .select .input-txt {
  width: 100%;
  padding-right: 24px;
  background-color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.booking-form .select::before {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 2;
  content: '';
  width: 6px;
  height: 6px;
  margin-top: -5px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-sizing: content-box;
}
.booking-form .phone-select {
  position: relative;
}
.booking-form .phone-select-value {
  line-height: 28px;
  padding: 0 10px;
  padding-right: 24px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.booking-form .phone-select-value.pl {
  color: #CCC;
}
.booking-form .phone-select .input-txt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.booking-form .num-btn {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 28px;
  height: 28px;
  cursor: pointer;
  border: 1px solid #ddd;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  box-sizing: content-box;
}
.booking-form .num-btn.minus {
  border-right: none;
}
.booking-form .num-btn.minus::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 12px;
  height: 2px;
  margin-left: -6px;
  margin-top: -1px;
  background: #555;
}
.booking-form .num-btn.add {
  border-left: none;
}
.booking-form .num-btn.add::before,
.booking-form .num-btn.add::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  background: #555;
}
.booking-form .num-btn.add::before {
  width: 12px;
  height: 2px;
  margin-left: -6px;
  margin-top: -1px;
}
.booking-form .num-btn.add::after {
  width: 2px;
  height: 12px;
  margin-left: -1px;
  margin-top: -6px;
}
.booking-form .num-btn.disable {
  cursor: no-drop;
}
.booking-form .num-btn.disable::before,
.booking-form .num-btn.disable::after {
  background: #ccc;
}
.booking-form .tips {
  font-size: 12px;
  color: #aaa;
}
.booking-form .req-btn {
  display: inline-block;
  width: 100px;
  height: 30px;
  line-height: 28px;
  margin-left: 10px;
  text-align: center;
  font-size: 12px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  cursor: pointer;
}
.booking-form .req-btn:hover {
  border-color: #ccc;
  background: #fafafa;
}
.booking-form .req-btn.disable,
.booking-form .req-btn.disable:hover {
  color: #bbb;
  background: #f5f5f5;
  border-color: #ddd;
  cursor: no-drop;
}
.booking-form .date-picker.error {
  border: none !important;
}
.booking-form .error input.input-txt {
  border-color: #ff4c4c;
}
.booking-form .error .tips {
  color: #ff4c4c;
}
.booking-form .date-option {
  position: relative;
}
.booking-applicant-item {
  position: relative;
  padding: 20px;
  border-top: 1px dashed #eee;
  display: -webkit-flex;
  display: flex;
}
.booking-applicant-item:first-child {
  border-top: none;
}
.booking-applicant-item .num {
  width: 60px;
  color: #aaa;
  font-size: 12px;
}
.booking-applicant-item .booking-form-row:last-child {
  margin-bottom: 0;
}
.booking-applicant-item .del-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 12px;
  color: #ff4c4c;
  cursor: pointer;
}
.booking-contact-info {
  padding-left: 80px;
  padding-top: 20px;
}
.booking-add-btn {
  display: block;
  width: 120px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 16px;
  color: #09e;
  background: #fff;
  border: 1px solid #09e;
  outline: none;
  border-radius: 4px;
  cursor: pointer;
  box-sizing: content-box;
}
.booking-add-btn:hover {
  background: rgba(0, 153, 238, 0.05);
}
.booking-submit-btn {
  display: block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto 20px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  background: #f80;
  border-radius: 5px;
  cursor: pointer;
  outline: none;
}
.booking-submit-btn:hover {
  color: #fff;
  background: #f70;
}
.booking .agreement {
  margin-top: 20px;
  max-height: 300px;
  font-size: 12px;
  overflow-y: auto;
}
.booking-inventory {
  padding: 10px 15px;
  margin: 10px 0;
  background: #f8f8f8;
}
.booking-inventory dl {
  line-height: 20px;
  font-size: 12px;
  display: -webkit-flex;
  display: flex;
}
.booking-inventory dt {
  -webkit-flex: 1;
  flex: 1;
  color: #aaa;
}
.booking-inventory dd span {
  color: #f80;
}
.booking-inventory dd em {
  color: #666;
}
.booking-total {
  text-align: right;
}
.booking-total b {
  font-size: 24px;
  font-family: Arial;
  color: #f80;
}
.booking-footer {
  padding: 10px 0;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  color: #999;
}
.input-autoComplete {
  position: relative;
}
.input-autoComplete-list {
  display: none;
  position: absolute;
  z-index: 10;
  width: 200px;
  background: #ffff;
  border: 1px solid #eee;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.input-autoComplete-item {
  padding: 5px 10px;
  line-height: 20px;
  cursor: pointer;
}
.input-autoComplete-item:hover {
  background: rgba(0, 153, 238, 0.1);
}
.write-example {
  position: relative;
}
.write-example-label {
  display: inline-block;
  color: #aaa;
  cursor: default;
  border-bottom: 1px dashed #ddd;
}
.write-example-box {
  display: none;
  position: absolute;
  left: 0;
  top: 20px;
  z-index: 5;
  width: 410px;
  padding: 20px;
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.write-example-head {
  margin-bottom: 10px;
  font-size: 12px;
}
.write-example-head strong {
  font-size: 16px;
}
.write-example-tab {
  height: 24px;
}
.write-example-tab-item {
  display: inline-block;
  vertical-align: top;
  height: 24px;
  line-height: 24px;
  padding: 0 20px;
  border: 1px solid #eee;
  border-bottom: none;
  font-size: 12px;
  box-sizing: border-box;
  background: #fff;
  cursor: pointer;
}
.write-example-tab-item.on {
  border-color: #09e;
  border-top-width: 2px;
  height: 25px;
  font-weight: bold;
}
.write-example-tab-cont {
  width: 400px;
  padding: 4px;
  border: 1px solid #09e;
}
.write-example-tab-cont > div {
  display: none;
}
.write-example-tab-cont > div:first-child {
  display: block;
}
.write-example:hover .write-example-box {
  display: block;
}

.pc-login .lg-header {
  height: 100px;
  overflow: hidden;
}
.pc-login .lg-header .logo {
  float: left;
  width: 300px;
  height: 100px;
  text-align: center;
  font-size: 0;
  text-align: left;
}
.pc-login .lg-header .logo::before {
  content: '';
  visibility: hidden;
  line-height: 100px;
}
.pc-login .lg-header .logo img {
  vertical-align: middle;
}
.pc-login .lg-header .lg-entry {
  float: right;
  height: 30px;
  line-height: 30px;
  margin-top: 35px;
}
.pc-login .lg-header .lg-entry a {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  color: #00a0e9;
  border: 1px solid #00a0e9;
  box-sizing: content-box;
  border-radius: 3px;
}
.pc-login .lg-header .lg-entry .reg {
  margin-right: 10px;
  color: #555;
  border: none;
}
.pc-login .lg-footer {
  padding: 20px 0;
  text-align: center;
  font-size: 12px;
}
.pc-login .lg-footer .ft-nav {
  margin-bottom: 5px;
}
.pc-login .lg-footer .ft-nav a {
  display: inline-block;
  vertical-align: top;
  height: 16px;
  line-height: 16px;
  padding: 0 10px;
  border-left: 1px solid #eee;
}
.pc-login .lg-footer .ft-nav a:first-child {
  border-left: none;
}
.pc-login .lg-footer .copyright {
  line-height: 20px;
  color: #aaa;
}
.login-banner {
  position: relative;
  width: 100%;
  height: 520px;
  overflow: hidden;
}
.login-banner .bn-wrap {
  position: absolute;
  width: 100%;
  height: 520px;
}
.login-banner .bn-wrap .bn-item {
  width: 100%;
  text-align: center;
}
.login-banner .bn-wrap .bn-item img {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  object-fit: cover;
}
.lg-icon {
  background: url("/static/assets/img/login-icon.png");
}
.lg-icon.ipt-user {
  background-position: 0 0;
}
.lg-icon.ipt-pas {
  background-position: 0 -20px;
}
.lg-icon.ipt-code {
  background-position: 0 -40px;
}
.lg-icon.ipt-phone {
  background-position: 0 -60px;
}
.lg-icon.ipt-email {
  background-position: 0 -80px;
}
.login-wrap {
  position: absolute;
  left: 50%;
  top: 50px;
  width: 380px;
  min-height: 360px;
  margin-left: 220px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.login-wrap .login-other {
  position: absolute;
  z-index: 5;
  left: 0;
  bottom: 20px;
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
}
.login-wrap .login-other-item {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
}
.login-wrap .login-other-item:hover {
  color: #00a0e9;
}
.login-wrap .login-other-item .lg-icon {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-right: 4px;
}
.login-wrap .login-other-item .lg-icon.lg-qq {
  background-position: 0 -114px;
}
.login-wrap .login-other-item .lg-icon.lg-wx {
  background-position: 0 -130px;
}
.login-wrap .login-other-item .lg-icon.lg-wb {
  background-position: 0 -146px;
}
.login-wrap .login-other-item .lg-icon.lg-zfb {
  background-position: 0 -162px;
}
.login-tabs {
  height: 30px;
  padding: 20px 20px 0;
  text-align: center;
  box-sizing: content-box;
}
.login-tabs span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 20px;
  line-height: 20px;
  padding: 0 20px;
  font-size: 16px;
  color: #666;
  cursor: pointer;
  border-left: 1px solid #f0f0f0;
}
.login-tabs span:first-child {
  border-left: none;
}
.login-tabs span.on {
  color: #00a0e9;
  font-weight: bold;
}
.login-tabs span.on::before {
  position: absolute;
  left: 50%;
  bottom: -10px;
  content: '';
  width: 40px;
  height: 2px;
  margin-left: -20px;
  background: #00a0e9;
}
.login-content {
  width: 300px;
  margin: 0 40px;
  overflow: hidden;
}
.login-content .sw-bd {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}
.login-content .sw-item {
  position: relative;
  width: 100%;
  flex-shrink: 0;
}
.login-content .swiper-slide-active {
  z-index: 1;
}
.login-form {
  position: relative;
  width: 100%;
  background: #fff;
}
.login-form-tips {
  position: absolute;
  top: 10px;
  width: 100%;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
}
.login-form-tips .tips-item {
  color: #ff4040;
  background: #fff2f2;
}
.login-form-tips .tips-item.yes {
  color: #47cc74;
  background: #f0fcf4;
}
.login-form-tips .tips-item.yes .icon {
  background-position: -28px -100px;
}
.login-form-tips .icon {
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  margin: 4px 5px 4px 10px;
  background-position: 0 -100px;
}
.login-form-wrap {
  padding-top: 40px;
}
.login-form-wrap .ipt-div {
  position: relative;
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  background: #fff;
  display: flex;
}
.login-form-wrap .ipt-div.active {
  border-color: #00a0e9;
}
.login-form-wrap .ipt-div.active .ipt-user {
  background-position: -20px 0;
}
.login-form-wrap .ipt-div.active .ipt-pas {
  background-position: -20px -20px;
}
.login-form-wrap .ipt-div.active .ipt-code {
  background-position: -20px -40px;
}
.login-form-wrap .ipt-div.active .ipt-phone {
  background-position: -20px -60px;
}
.login-form-wrap .ipt-div.active .ipt-email {
  background-position: -20px -80px;
}
.login-form-wrap .ipt-div-icon {
  width: 20px;
  height: 20px;
  margin: 9px 10px;
  flex-shrink: 0;
}
.login-form-wrap .ipt-div-txt {
  display: block;
  width: 100%;
  height: 20px;
  line-height: 20px;
  padding: 9px 0;
  border: none;
  outline: none;
  box-sizing: content-box;
}
.login-form-wrap .ipt-div-clear {
  display: none;
  position: absolute;
  top: 12px;
  right: 10px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  background-position: -14px -100px;
}
.login-form-wrap .ipt-div-code,
.login-form-wrap .ipt-div-btn {
  width: 120px;
  height: 38px;
  flex-shrink: 0;
  cursor: pointer;
}
.login-form-wrap .ipt-div-btn {
  line-height: 38px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  background: #00a0e9;
}
.login-form-wrap .ipt-div-btn.disable {
  background: #ccc;
}
.login-form-wrap .ipt-div .select {
  width: 120px;
  position: relative;
}
.login-form-wrap .ipt-div .select-value {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.login-form-wrap .ipt-div .select-value::before {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 2;
  content: '';
  width: 6px;
  height: 6px;
  margin-top: -5px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-sizing: content-box;
}
.login-form-wrap .ipt-div .select select {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.login-form-line {
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  overflow: hidden;
}
.login-form-line .login-set {
  display: inline-block;
  vertical-align: top;
}
.login-form-line .set-check {
  display: inline-block;
  vertical-align: -2px;
  margin-right: 5px;
}
.login-form-line .reg {
  float: right;
  color: #00a0e9;
}
.login-form-line p {
  text-align: center;
  font-size: 12px;
  color: #aaa;
}
.login-form-line p a {
  color: #999;
  border-bottom: 1px dotted #ddd;
}
.login-form-line p a:hover {
  color: #555;
}
.login-form-line.has-read {
  font-size: 12px;
}
.login-form-line.has-read a {
  color: #00a0e9;
}
.login-form-line > a {
  margin-left: 10px;
}
.login-form-btn {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background: #ff8800;
  border-radius: 3px;
  border: none;
  outline: none;
  cursor: pointer;
}
.reg-wrap {
  padding-top: 40px;
}
.reg-step {
  width: 100%;
  text-align: center;
  border-top: 2px solid #f0f0f0;
}
.reg-step-item {
  position: relative;
  top: -2px;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  width: 260px;
  border-top: 2px solid #f0f0f0;
}
.reg-step-item span {
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-left: -12px;
  margin-top: -13px;
  font-size: 16px;
  font-weight: bold;
  font-family: Arial;
  color: #fff;
  background: #ccc;
  border-radius: 50%;
}
.reg-step-item p {
  padding-top: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #999;
}
.reg-step-item:last-child span {
  font-size: 0;
}
.reg-step-item:last-child span::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 10px;
  height: 6px;
  margin-left: -6px;
  margin-top: -6px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  box-sizing: content-box;
  transform: rotate(-45deg);
}
.reg-step-item.on {
  border-color: #00a0e9;
}
.reg-step-item.on span {
  background: #00a0e9;
}
.reg-step-item.on p {
  color: #00a0e9;
}
.reg-form {
  min-height: 320px;
  padding-top: 40px;
}
.reg-form-content {
  width: 300px;
  margin: 0 auto;
}
.reg-form-content .sw-bd {
  position: relative;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}
.reg-form-content .sw-item {
  position: relative;
  width: 100%;
  flex-shrink: 0;
}
.reg-form-content .swiper-slide-active {
  z-index: 1;
}
.reg-form .has-read {
  margin-bottom: 0;
}
.reg-form .reg-btn {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background: #00a0e9;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  outline: none;
}
.reg-success {
  text-align: center;
}
.reg-success .success-icon {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 50%;
  background: #00a0e9;
  box-shadow: 0 10px 10px rgba(0, 160, 233, 0.2);
}
.reg-success .success-icon::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 40px;
  height: 20px;
  margin-left: -22px;
  margin-top: -18px;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
  box-sizing: content-box;
  transform: rotate(-45deg);
}
.reg-success .success-tips {
  padding-top: 10px;
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #00a0e9;
}
.reg-success .success-tips b {
  color: #ff8800;
}
.reg-success .pull-in {
  padding: 20px 0;
  line-height: 20px;
  font-size: 12px;
}
.reg-success .pull-in p {
  color: #aaa;
}
.reg-success .pull-in a {
  margin: 0 10px;
  color: #00a0e9;
}
.popup-login .close-btn {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.popup-login .close-btn::before,
.popup-login .close-btn::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 16px;
  height: 2px;
  margin-left: -8px;
  margin-top: -1px;
  background: #ddd;
}
.popup-login .close-btn::before {
  transform: rotate(45deg);
}
.popup-login .close-btn::after {
  transform: rotate(-45deg);
}
.popup-login .close-btn:hover {
  background: #f5f5f5;
}
.popup-login .login-wrap {
  top: 50%;
  min-height: 380px;
  margin-left: -190px;
  margin-top: -210px;
}

.validatorWrap {
  position: relative;
  display: block;
  width: 100%;
}
.validatorWrap .errorMsg {
  display: none;
  position: absolute;
  left: 0;
  bottom: -22px;
  z-index: 4;
  padding: 1px 5px;
  line-height: 15px;
  font-size: 12px;
  color: #fff;
  background: rgba(255, 76, 76, 0.9);
  border-radius: 2px;
}
.validatorWrap .errorMsg::before {
  position: absolute;
  left: 8px;
  top: -6px;
  content: '';
  width: 0;
  height: 0;
  border-width: 3px;
  border-style: solid;
  border-color: transparent transparent rgba(255, 76, 76, 0.9) transparent;
}
.validatorWrap ._invalid {
  border: 1px rgba(255, 76, 76, 0.9) solid !important;
  box-sizing: border-box;
}
.validatorWrap ._invalid + .errorMsg {
  display: inline-block;
}

.f-fl {
  float: left;
}
.f-fr {
  float: right;
}
.f-oh {
  overflow: hidden;
}
.f-db {
  display: block;
}
.f-dn {
  display: none;
}
.f-dib {
  display: inline-block;
  vertical-align: top;
}
.f-tal {
  text-align: left;
}
.f-tac {
  text-align: center;
}
.f-tar {
  text-align: right;
}
.f-cp {
  cursor: pointer;
}
.f-toe {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.f-clamp {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.f-line {
  height: 20px;
  line-height: 20px;
}
.f-clr:before,
.f-clr:after {
  content: "";
  display: table;
}
.f-clr:after {
  clear: both;
}
.f-flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.f-fs12 {
  font-size: 12px;
}
.f-fs14 {
  font-size: 14px;
}
.f-fs16 {
  font-size: 16px;
}
.f-fs18 {
  font-size: 18px;
}
.f-fs20 {
  font-size: 20px;
}
.f-fs22 {
  font-size: 22px;
}
.f-fs24 {
  font-size: 24px;
}
.f-fs30 {
  font-size: 30px;
}
.s-000 {
  color: #000;
}
.s-111 {
  color: #111;
}
.s-222 {
  color: #222;
}
.s-333 {
  color: #333;
}
.s-444 {
  color: #444;
}
.s-555 {
  color: #555;
}
.s-666 {
  color: #666;
}
.s-777 {
  color: #777;
}
.s-888 {
  color: #888;
}
.s-999 {
  color: #999;
}
.s-aaa {
  color: #aaa;
}
.s-bbb {
  color: #bbb;
}
.s-ccc {
  color: #ccc;
}
.s-ddd {
  color: #ddd;
}
.s-fff {
  color: #fff;
}
.s-blue {
  color: #0073e6;
}
.s-blue-1 {
  color: #38f;
}
.s-blue-2 {
  color: #1a9fff;
}
.s-blue-3 {
  color: #06c;
}
.s-blue-light {
  color: #9cf;
}
.s-cyan {
  color: #00a6a6;
}
.s-cyan-1 {
  color: #24b39b;
}
.s-cyan-2 {
  color: #33b3cc;
}
.s-cyan-light {
  color: #8ae6e6;
}
.s-green {
  color: #1f9933;
}
.s-green-1 {
  color: #1f995c;
}
.s-green-2 {
  color: #48a619;
}
.s-green-light {
  color: #91cc85;
}
.s-yellow {
  color: #ffd400;
}
.s-yellow-1 {
  color: #ffed26;
}
.s-yellow-2 {
  color: #ff0;
}
.s-yellow-light {
  color: #fff480;
}
.s-orange {
  color: #f70;
}
.s-orange-1 {
  color: #ff9500;
}
.s-orange-2 {
  color: #fa0;
}
.s-orange-light {
  color: #ffc68c;
}
.s-red {
  color: #e52817;
}
.s-red-1 {
  color: #f23030;
}
.s-red-2 {
  color: #ff4040;
}
.s-red-light {
  color: #ff9a9a;
}
.s-pink {
  color: #e62263;
}
.s-pink-1 {
  color: #f23071;
}
.s-pink-2 {
  color: #ff4d6a;
}
.s-pink-light {
  color: #f9c;
}
.s-purple {
  color: #7130f2;
}
.s-purple-1 {
  color: #9130f2;
}
.s-purple-2 {
  color: #b3f;
}
.s-purple-light {
  color: #b9f;
}
.s-bgff {
  background: #fff;
}
.s-bgf5 {
  background: #f5f5f5;
}
.s-bgee {
  background: #eee;
}
.s-bgdd {
  background: #ddd;
}
.s-bgcc {
  background: #ccc;
}
.s-bgbb {
  background: #bbb;
}
.s-bgaa {
  background: #aaa;
}
.s-bg66 {
  background: #666;
}
.s-bg33 {
  background: #333;
}
.s-bg-blue {
  background: #0073e6;
}
.s-bg-blue-1 {
  background: #38f;
}
.s-bg-blue-2 {
  background: #39f;
}
.s-bg-blue-light {
  background: #9cf;
}
.s-bg-blue-light-1 {
  background: #cceaff;
}
.s-bg-blue-light-2 {
  background: #edf8ff;
}
.s-bg-cyan {
  background: #00a6a6;
}
.s-bg-cyan-1 {
  background: #24b39b;
}
.s-bg-cyan-2 {
  background: #33b3cc;
}
.s-bg-cyan-light {
  background: #8ae6e6;
}
.s-bg-cyan-light-1 {
  background: #c2f2f2;
}
.s-bg-cyan-light-2 {
  background: #edfafa;
}
.s-bg-green {
  background: #1f9933;
}
.s-bg-green-1 {
  background: #1f995c;
}
.s-bg-green-2 {
  background: #48a619;
}
.s-bg-green-light {
  background: #91cc85;
}
.s-bg-green-light-1 {
  background: #c3ebbc;
}
.s-bg-green-light-2 {
  background: #effaed;
}
.s-bg-yellow {
  background: #ffd400;
}
.s-bg-yellow-1 {
  background: #ffed26;
}
.s-bg-yellow-2 {
  background: #ff0;
}
.s-bg-yellow-light {
  background: #fff480;
}
.s-bg-yellow-light-1 {
  background: #ff9;
}
.s-bg-yellow-light-2 {
  background: #ffffe5;
}
.s-bg-orange {
  background: #f70;
}
.s-bg-orange-1 {
  background: #ff9500;
}
.s-bg-orange-2 {
  background: #fa0;
}
.s-bg-orange-light {
  background: #ffc68c;
}
.s-bg-orange-light-1 {
  background: #ffe7c4;
}
.s-bg-orange-light-2 {
  background: #fff8eb;
}
.s-bg-red {
  background: #e52817;
}
.s-bg-red-1 {
  background: #f23030;
}
.s-bg-red-2 {
  background: #ff4040;
}
.s-bg-red-light {
  background: #ff9a9a;
}
.s-bg-red-light-1 {
  background: #ffcbcb;
}
.s-bg-red-light-2 {
  background: #fff2f2;
}
.s-bg-pink {
  background: #e62263;
}
.s-bg-pink-1 {
  background: #f23071;
}
.s-bg-pink-2 {
  background: #ff4d6a;
}
.s-bg-pink-light {
  background: #f9c;
}
.s-bg-pink-light-1 {
  background: #ffcce5;
}
.s-bg-pink-light-2 {
  background: #fff2fb;
}
.s-bg-purple {
  background: #7130f2;
}
.s-bg-purple-1 {
  background: #9130f2;
}
.s-bg-purple-2 {
  background: #b3f;
}
.s-bg-purple-light {
  background: #b9f;
}
.s-bg-purple-light-1 {
  background: #dcf;
}
.s-bg-purple-light-2 {
  background: #f6f2ff;
}
.f-mg0 {
  margin: 0;
}
.f-mg5 {
  margin: 5px;
}
.f-mg10 {
  margin: 10px;
}
.f-mg15 {
  margin: 15px;
}
.f-mg20 {
  margin: 20px;
}
.f-mg25 {
  margin: 25px;
}
.f-mg30 {
  margin: 30px;
}
.f-mg40 {
  margin: 40px;
}
.f-mg50 {
  margin: 50px;
}
.f-ml0 {
  margin-left: 0;
}
.f-ml5 {
  margin-left: 5px;
}
.f-ml10 {
  margin-left: 10px;
}
.f-ml15 {
  margin-left: 15px;
}
.f-ml20 {
  margin-left: 20px;
}
.f-ml25 {
  margin-left: 25px;
}
.f-ml30 {
  margin-left: 30px;
}
.f-ml40 {
  margin-left: 40px;
}
.f-ml50 {
  margin-left: 50px;
}
.f-mt0 {
  margin-top: 0;
}
.f-mt5 {
  margin-top: 5px;
}
.f-mt10 {
  margin-top: 10px;
}
.f-mt15 {
  margin-top: 15px;
}
.f-mt20 {
  margin-top: 20px;
}
.f-mt25 {
  margin-top: 25px;
}
.f-mt30 {
  margin-top: 30px;
}
.f-mt40 {
  margin-top: 40px;
}
.f-mt50 {
  margin-top: 50px;
}
.f-mr0 {
  margin-right: 0;
}
.f-mr5 {
  margin-right: 5px;
}
.f-mr10 {
  margin-right: 10px;
}
.f-mr15 {
  margin-right: 15px;
}
.f-mr20 {
  margin-right: 20px;
}
.f-mr25 {
  margin-right: 25px;
}
.f-mr30 {
  margin-right: 30px;
}
.f-mr40 {
  margin-right: 40px;
}
.f-mr50 {
  margin-right: 50px;
}
.f-mb0 {
  margin-bottom: 0;
}
.f-mb5 {
  margin-bottom: 5px;
}
.f-mb10 {
  margin-bottom: 10px;
}
.f-mb15 {
  margin-bottom: 15px;
}
.f-mb20 {
  margin-bottom: 20px;
}
.f-mb25 {
  margin-bottom: 25px;
}
.f-mb30 {
  margin-bottom: 30px;
}
.f-mb40 {
  margin-bottom: 40px;
}
.f-mb50 {
  margin-bottom: 50px;
}
.f-mlr5 {
  margin-left: 5px;
  margin-right: 5px;
}
.f-mlr10 {
  margin-left: 10px;
  margin-right: 10px;
}
.f-mlr20 {
  margin-left: 20px;
  margin-right: 20px;
}
.f-mlr30 {
  margin-left: 30px;
  margin-right: 30px;
}
.f-mlr40 {
  margin-left: 40px;
  margin-right: 40px;
}
.f-mlr50 {
  margin-left: 50px;
  margin-right: 50px;
}
.f-mtb5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.f-mtb10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.f-mtb20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.f-mtb30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.f-mtb40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.f-mtb50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.f-pd0 {
  padding: 0;
}
.f-pd5 {
  padding: 5px;
}
.f-pd10 {
  padding: 10px;
}
.f-pd15 {
  padding: 15px;
}
.f-pd20 {
  padding: 20px;
}
.f-pd25 {
  padding: 25px;
}
.f-pd30 {
  padding: 30px;
}
.f-pd40 {
  padding: 40px;
}
.f-pd50 {
  padding: 50px;
}
.f-pl0 {
  padding-left: 0;
}
.f-pl5 {
  padding-left: 5px;
}
.f-pl10 {
  padding-left: 10px;
}
.f-pl15 {
  padding-left: 15px;
}
.f-pl20 {
  padding-left: 20px;
}
.f-pl25 {
  padding-left: 25px;
}
.f-pl30 {
  padding-left: 30px;
}
.f-pl40 {
  padding-left: 40px;
}
.f-pl50 {
  padding-left: 50px;
}
.f-pt0 {
  padding-top: 0;
}
.f-pt5 {
  padding-top: 5px;
}
.f-pt10 {
  padding-top: 10px;
}
.f-pt15 {
  padding-top: 15px;
}
.f-pt20 {
  padding-top: 20px;
}
.f-pt25 {
  padding-top: 25px;
}
.f-pt30 {
  padding-top: 30px;
}
.f-pt40 {
  padding-top: 40px;
}
.f-pt50 {
  padding-top: 50px;
}
.f-pr0 {
  padding-right: 0;
}
.f-pr5 {
  padding-right: 5px;
}
.f-pr10 {
  padding-right: 10px;
}
.f-pr15 {
  padding-right: 15px;
}
.f-pr20 {
  padding-right: 20px;
}
.f-pr25 {
  padding-right: 25px;
}
.f-pr30 {
  padding-right: 30px;
}
.f-pr40 {
  padding-right: 40px;
}
.f-pr50 {
  padding-right: 50px;
}
.f-pb0 {
  padding-bottom: 0;
}
.f-pb5 {
  padding-bottom: 5px;
}
.f-pb10 {
  padding-bottom: 10px;
}
.f-pb15 {
  padding-bottom: 15px;
}
.f-pb20 {
  padding-bottom: 20px;
}
.f-pb25 {
  padding-bottom: 25px;
}
.f-pb30 {
  padding-bottom: 30px;
}
.f-pb40 {
  padding-bottom: 40px;
}
.f-pb50 {
  padding-bottom: 50px;
}
.f-plr5 {
  padding-left: 5px;
  padding-right: 5px;
}
.f-plr10 {
  padding-left: 10px;
  padding-right: 10px;
}
.f-plr20 {
  padding-left: 20px;
  padding-right: 20px;
}
.f-plr30 {
  padding-left: 30px;
  padding-right: 30px;
}
.f-plr40 {
  padding-left: 40px;
  padding-right: 40px;
}
.f-plr50 {
  padding-left: 50px;
  padding-right: 50px;
}
.f-ptb5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.f-ptb10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.f-ptb20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.f-ptb30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.f-ptb40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.f-ptb50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.f-bdr0 {
  border-radius: 0;
}
.f-bdr2 {
  border-radius: 2px;
}
.f-bdr3 {
  border-radius: 3px;
}
.f-bdr4 {
  border-radius: 4px;
}
.f-bdr5 {
  border-radius: 5px;
}
.f-bdr6 {
  border-radius: 6px;
}
.f-bdr8 {
  border-radius: 8px;
}
.f-bdr10 {
  border-radius: 10px;
}
.f-bdr15 {
  border-radius: 15px;
}
.f-bdr50 {
  border-radius: 50%;
}
.col-12 {
  width: 100%;
}
.col-11 {
  width: 91.66666667%;
}
.col-10 {
  width: 83.33333333%;
}
.col-9 {
  width: 75%;
}
.col-8 {
  width: 66.66666667%;
}
.col-7 {
  width: 58.33333333%;
}
.col-6 {
  width: 50%;
}
.col-5 {
  width: 41.66666667%;
}
.col-4 {
  width: 33.33333333%;
}
.col-3 {
  width: 25%;
}
.col-2 {
  width: 16.66666667%;
}
.col-1 {
  width: 8.33333333%;
}

.htAlert-layer {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.htAlert-dialog {
  position: relative;
  left: 50%;
  z-index: 100;
  min-width: 300px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  transform: translateX(-50%);
}
.htAlert-title {
  line-height: 30px;
  padding: 5px 16px;
}
.htAlert-title strong {
  font-size: 16px;
  color: #111;
}
.htAlert-close {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
}
.htAlert-close::before,
.htAlert-close::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 1px;
  height: 18px;
  margin-top: -9px;
  background-color: #aaa;
  transform-origin: center center;
}
.htAlert-close::before {
  transform: rotate(45deg);
}
.htAlert-close::after {
  transform: rotate(-45deg);
}
.htAlert-close:hover::before,
.htAlert-close:hover::after {
  background-color: #444;
}
.htAlert-content {
  padding: 16px;
  text-align: center;
}
.htAlert-content .icon {
  position: relative;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #00a0e9;
  box-shadow: 1px 6px 16px rgba(0, 160, 233, 0.2);
}
.htAlert-content .icon::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 18px;
  height: 30px;
  margin-left: -9px;
  margin-top: -18px;
  border-right: 4px solid #fff;
  border-bottom: 4px solid #fff;
  transform: rotate(45deg);
}
.htAlert-content .msg {
  padding-top: 5px;
  line-height: 25px;
  font-size: 16px;
  font-weight: bold;
  color: #00a0e9;
}
.htAlert-content .desc {
  line-height: 20px;
  color: #bbb;
}
.htAlert-content.error .icon {
  background-color: #ff4c4c;
  box-shadow: 1px 6px 16px rgba(255, 76, 76, 0.2);
}
.htAlert-content.error .icon::before,
.htAlert-content.error .icon::after {
  width: 4px;
  height: 32px;
  margin-left: -2px;
  margin-top: -16px;
  background-color: #fff;
}
.htAlert-content.error .icon::before {
  transform: rotate(45deg);
}
.htAlert-content.error .icon::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  transform: rotate(-45deg);
}
.htAlert-content.error .msg {
  color: #111;
}
.htAlert-footer {
  padding: 12px 16px;
  text-align: center;
}
.htAlert-footer button {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
  height: 30px;
  line-height: 28px;
  padding: 0 20px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  border-radius: 15px;
  cursor: pointer;
  outline: none;
  transition: all 0.3s;
}
.htAlert-footer button:hover {
  background-color: #f8f8f8;
  border-color: #bbb;
}
.htAlert-footer button.major {
  color: #fff;
  background-color: #00a0e9;
  border-color: #00a0e9;
}
.htAlert-footer button.major:hover {
  background-color: #008ed0;
  border-color: #008ed0;
}

.pc-payment-tt {
  line-height: 30px;
  margin-bottom: 10px;
  font-size: 18px;
  color: #333;
}
.pc-payment-wrap {
  display: flex;
  margin-bottom: 20px;
}
.pc-payment-left {
  flex: 1;
  padding: 20px;
  background-color: #fff;
  overflow: hidden;
}
.pc-payment-left .radio-txt .item {
  margin-right: 14px;
  cursor: pointer;
}
.pc-payment-left .radio-txt .txt {
  padding-left: 5px;
}
.pc-payment-left .u-txt {
  display: block;
  width: 100%;
  height: 36px;
  line-height: 26px;
  padding: 4px 10px;
  font-size: 14px;
  color: #555;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #fff;
  box-sizing: border-box;
  outline: none;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}
.pc-payment-left .u-txt:focus {
  border-color: #999;
}
.pc-payment-left .form-row {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  margin-bottom: 10px;
  align-items: baseline;
}
.pc-payment-left .form-row-dt {
  width: 120px;
  text-align: right;
}
.pc-payment-left .form-row-dt .required {
  color: #FF0028;
}
.pc-payment-left .form-row-dd {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.pc-payment-left .form-row-dd .ant-form-item {
  margin-bottom: 0 !important;
}
.pc-payment-left .form-row-dd .ant-form-explain {
  position: absolute;
  z-index: 5;
  line-height: 16px;
  font-size: 12px;
  color: #FF0028;
}
.pc-payment-left .form-look .form-row {
  margin-bottom: 0 !important;
}
.pc-payment-left .form-look .form-row-dt {
  width: auto;
  color: #aaa;
}
.pc-payment-left .checkShow {
  position: absolute;
  left: 60%;
  top: 0;
}
.pc-payment-left .checkShow .check-tt {
  font-size: 12px;
  line-height: 24px;
  color: #00A0E9;
  cursor: pointer;
}
.pc-payment-left .checkShow:hover .check-box {
  display: block;
}
.pc-payment-left .checkShow .check-box {
  display: none;
  z-index: 999;
  position: absolute;
  left: 0;
  top: 24px;
  transform: translateX(-50%);
  padding: 20px;
  background: #FFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  height: 446px;
  box-sizing: content-box;
}
.pc-payment-left .check-img {
  width: 500px;
}
.pc-payment-left .check-img img {
  width: 100%;
  object-fit: cover;
  display: block;
}
.pc-payment-left .pay-btn {
  width: 200px;
}
.pc-payment-right {
  width: 385px;
  margin-left: 24px;
}
.pc-payment-right-md {
  padding: 20px;
  margin-bottom: 20px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 12px rgba(180, 178, 178, 0.19);
  border-radius: 6px;
}
.pc-payment-right-md:last-child {
  margin-bottom: 0;
}
.pc-payment-right .productInfo {
  display: flex;
  margin-bottom: 20px;
}
.pc-payment-right .productInfo .pic {
  width: 100px;
  height: 90px;
  margin-right: 10px;
  border-radius: 6px;
  overflow: hidden;
}
.pc-payment-right .productInfo .pic img {
  object-fit: cover;
}
.pc-payment-right .productInfo .info {
  flex: 1;
  overflow: hidden;
}
.pc-payment-right .productInfo .tt {
  display: block;
  height: 40px;
  line-height: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.pc-payment-right .productInfo .des {
  line-height: 18px;
  font-size: 12px;
  color: #999;
}
.pc-payment-right .productInfo:hover .tt {
  color: #00A0E9;
}
.pc-payment-right .panel {
  margin-bottom: 20px;
}
.pc-payment-right .panel-tt {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.pc-payment-right .panel > span {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  line-height: 20px;
  font-size: 12px;
  color: #999;
}
.pc-payment-right .service-item {
  margin-bottom: 5px;
  font-size: 12px;
}
.pc-payment-right .service-item-row {
  color: #999;
}
.pc-payment-right .service-item-row .price-info > span {
  margin: 0 1px;
  font-weight: bold;
  color: #111;
}
.pc-payment-right .paySubtotal-row {
  line-height: 20px;
  display: flex;
  justify-content: space-between;
}
.pc-payment-right .paySubtotal-row span {
  font-size: 12px;
  color: #999;
}
.pc-payment-right .paySubtotal-row b {
  color: #333;
}
.pc-payment-right .pay-price {
  line-height: 30px;
  padding-top: 12px;
  margin-top: 10px;
  border-top: 1px solid #f5f5f5;
}
.pc-payment-right .pay-price span {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.pc-payment-right .pay-price b {
  font-size: 24px;
  color: #ff9900;
}
.pc-payment-right .contact {
  text-align: center;
}
.pc-payment-right .contact-tt {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.pc-payment-right .contact .desc {
  color: #999;
}
.pc-payment-right .contact .tt {
  margin-top: 10px;
  color: #666;
}
.pc-payment-right .contact .txt {
  color: #999;
}
.pc-payment-right .contact .phone {
  width: 180px;
  margin: 8px auto 0;
  padding: 8px 0;
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  background: url(/static/assets/img/phone-t.png) 28px 11px no-repeat;
}
.pc-payment-right .contact .phone-row {
  padding-left: 20px;
  width: 130px;
  margin: 0 auto;
  line-height: 20px;
  text-align: left;
  box-sizing: border-box;
}
.pc-payment-mode {
  margin-bottom: 20px;
}
.pc-payment-mode:last-child {
  margin-bottom: 0;
}
.pc-payment-mode-mt {
  position: relative;
  height: 56px;
  padding: 12px 20px;
  margin-bottom: 14px;
  line-height: 30px;
  border-radius: 6px;
  border: 1px solid #666666;
  box-sizing: border-box;
  cursor: pointer;
}
.pc-payment-mode-mt .icon {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 22px;
  margin-top: 4px;
  margin-right: 20px;
  border-radius: 4px;
  border: 1px solid #D4D4D4;
}
.pc-payment-mode-mt .icon i {
  display: block;
  width: 14px;
  height: 14px;
  margin: 3px auto;
  background: url(/static/assets/img/payment-icon.png) no-repeat;
  transition: background-position 0.3s;
}
.pc-payment-mode-mt .icon.three i {
  background-position: 0 0;
}
.pc-payment-mode-mt .icon.card i {
  background-position: -14px 0;
}
.pc-payment-mode-mt .icon.pay i {
  background-position: -28px 0;
}
.pc-payment-mode-mt .icon.online i {
  background-position: -42px 0;
}
.pc-payment-mode-mt strong {
  font-size: 16px;
  color: #333;
}
.pc-payment-mode-mt .suggest {
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 8px;
  margin-top: -13px;
  color: #fff;
  border-radius: 8px 8px 8px 0;
  background: linear-gradient(to right, #b6f5fc, #596cf3);
}
.pc-payment-mode-mc {
  display: none;
  padding: 12px 20px;
  border-radius: 6px;
  border: 1px solid #D4D4D4;
}
.pc-payment-mode.active .pc-payment-mode-mt {
  box-shadow: 0 0 2px 2px rgba(0, 160, 233, 0.1);
  border-color: #00A0E9;
}
.pc-payment-mode.active .pc-payment-mode-mt .icon {
  border-color: rgba(0, 160, 233, 0.4);
}
.pc-payment-mode.active .pc-payment-mode-mt .icon.three i {
  background-position: 0 -14px;
}
.pc-payment-mode.active .pc-payment-mode-mt .icon.card i {
  background-position: -14px -14px;
}
.pc-payment-mode.active .pc-payment-mode-mt .icon.pay i {
  background-position: -28px -14px;
}
.pc-payment-mode.active .pc-payment-mode-mt .icon.online i {
  background-position: -42px -14px;
}
.pc-payment-mode.active .pc-payment-mode-mt strong {
  color: #00A0E9;
}
.pc-payment-mode.active .pc-payment-mode-mc {
  display: block;
}
.pc-payment-mode .offline-mode {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #ccc;
}
.pc-payment-mode .offline-mode:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
}
.pc-payment-mode .offline-mode-tt {
  line-height: 20px;
  padding: 2px 0;
  margin-bottom: 16px;
  font-size: 18px;
  color: #999;
  text-align: center;
  position: relative;
}
.pc-payment-mode .offline-mode-list {
  display: flex;
}
.pc-payment-mode .offline-mode-list .item {
  margin-left: 10px;
}
.pc-payment-mode .offline-mode-list .item:first-child {
  margin-left: 0;
}
.pc-payment-mode .offline-mode-list-r .form-row .form-row-dt {
  width: 110px;
  text-align: right;
}
.pc-payment-mode .form-row {
  margin-bottom: 16px;
  align-items: center;
}

.date-picker input {
  cursor: pointer;
  background-image: url(/static/assets/img/calendar.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-origin: content-box;
}
.calendar-box {
  position: absolute;
  left: 0;
  top: 30px;
  z-index: 10;
  border: 1px solid #ddd;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.calendar-head {
  position: relative;
  padding: 10px;
  border-bottom: 1px solid #eee;
}
.calendar-head-tt {
  line-height: 20px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.calendar-head .prev-month,
.calendar-head .next-month {
  position: absolute;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-left: 2px solid #ddd;
  border-top: 2px solid #ddd;
  cursor: pointer;
  box-sizing: content-box;
}
.calendar-head .prev-month:hover,
.calendar-head .next-month:hover {
  border-color: #00a0e9;
}
.calendar-head .prev-month {
  left: 15px;
  transform: rotate(-45deg);
}
.calendar-head .next-month {
  right: 15px;
  transform: rotate(135deg);
}
.calendar-body .weekday {
  display: -webkit-flex;
  display: flex;
}
.calendar-body .weekday .cell {
  font-weight: bold;
  color: #999;
}
.calendar-body .cell {
  line-height: 20px;
  text-align: center;
}
.calendar-days {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.calendar-days .cell {
  cursor: pointer;
}
.calendar-days .cell.disable {
  color: #bbb;
}
.calendar-days .cell.today {
  color: #00a0e9;
  font-weight: bold;
  background: rgba(0, 160, 233, 0.1) !important;
}
.calendar-days .cell:not(.disable):hover {
  background: rgba(0, 160, 233, 0.1) !important;
}
.calendar-days .cell.on,
.calendar-days .cell.on:hover {
  color: #fff !important;
  background: #00a0e9 !important;
}
.calendar-small {
  width: 230px;
  font-size: 12px;
  box-sizing: content-box;
}
.calendar-small .calendar-head {
  padding: 5px 10px;
}
.calendar-small .calendar-head-tt {
  font-size: 14px;
}
.calendar-small .calendar-body {
  padding: 10px;
  box-sizing: border-box;
}
.calendar-small .calendar-body .cell {
  width: 26px;
  height: 20px;
  margin: 0 2px;
}
.calendar-small .calendar-days .cell {
  height: 26px;
  line-height: 26px;
  margin: 2px;
}
.calendar-small .calendar-days .cell.today {
  border-radius: 50%;
}
.calendar-small .calendar-days .cell.on,
.calendar-small .calendar-days .cell.on:hover {
  border-radius: 50%;
}
.calendar-medium {
  width: 500px;
  box-sizing: content-box;
}
.calendar-medium .calendar-head-tt {
  font-size: 16px;
}
.calendar-medium .calendar-body .cell {
  width: 14.285%;
  border: 1px solid #eee;
  margin: -1px;
  background: #fff;
  box-sizing: content-box;
}
.calendar-medium .calendar-body .weekday .cell {
  padding: 5px 0;
  background: #fafafa;
}
.calendar-medium .calendar-days .cell {
  height: 40px;
  padding: 5px 0;
  box-sizing: content-box;
}
.calendar-medium .calendar-days .cell p {
  margin: 0;
  font-size: 12px;
  color: #f80;
}
.calendar-medium .calendar-days .cell.on p,
.calendar-medium .calendar-days .cell.on:hover p {
  color: #fff;
}

#container-message {
  text-align: center;
  width: 100%;
  position: fixed;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000000;
}
#container-message .container-message-info {
  max-width: 500px;
  word-wrap: break-word;
  font-size: 14px;
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.appr-img {
  display: flex;
  flex-wrap: wrap;
}
.appr-img-item {
  position: relative;
  padding: 5px 0;
  margin-right: 10px;
}
.appr-img-item .del-btn {
  position: absolute;
  top: -3px;
  right: -8px;
  width: 16px;
  height: 16px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  cursor: pointer;
}
.appr-img-item .del-btn::before,
.appr-img-item .del-btn::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 10px;
  height: 2px;
  margin-left: -5px;
  margin-top: -1px;
  background: #ddd;
}
.appr-img-item .del-btn::before {
  transform: rotate(45deg);
}
.appr-img-item .del-btn::after {
  transform: rotate(-45deg);
}
.appr-img-item .pic {
  width: 60px;
  height: 60px;
  overflow: hidden;
}
.appr-img-item .pic img {
  object-fit: cover;
}
.appr-img-item .add-img {
  width: 60px;
  height: 60px;
  text-align: center;
  background: #f0f0f0;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.appr-img-item .add-img .upload-input {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.appr-img-item .add-img .add-icon {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 10px auto 0;
  cursor: pointer;
}
.appr-img-item .add-img .add-icon::before,
.appr-img-item .add-img .add-icon::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 20px;
  height: 2px;
  margin-left: -10px;
  margin-top: -1px;
  background: #ccc;
}
.appr-img-item .add-img .add-icon::before {
  transform: rotate(90deg);
}
.appr-img-item .add-img span {
  color: #aaa;
  font-size: 12px;
  cursor: pointer;
}
.appr-img-item .add-tips {
  height: 20px;
  line-height: 20px;
  padding: 20px 0;
  font-size: 12px;
  box-sizing: content-box;
}
.appr-img-item .add-tips b {
  color: #f80;
}

.ora {
  color: #ff9900;
}
.airfare-tips {
  display: flex;
  align-items: center;
  padding: 8px 20px;
  line-height: 20px;
  background: #FFFAF2;
  border-color: #FFFAF2;
}
.airfare-tips i {
  margin-right: 10px;
  font-size: 14px;
}
.airfare-tips .icon {
  margin-right: 20px;
}
.airfare-tips .icon svg {
  fill: #ff9900;
}
.airfare-tips .bd {
  flex: 1;
  overflow: hidden;
}
.airfare-tips .tt {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
}
.airfare-list {
  padding: 20px 20px 0;
  margin: 20px 0;
  background-color: #fff;
}
.airfare-list-head {
  display: flex;
  line-height: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.airfare-list-head .cell {
  flex: 1;
  padding: 0 10px;
  color: #999;
}
.airfare-list-wrap .cell {
  position: relative;
  flex: 1;
  padding: 0 10px;
}
.airfare-list-wrap .item {
  display: flex;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #f5f5f5;
}
.airfare-list-wrap .item:last-child {
  border-bottom: none;
}
.airfare-list-wrap .item .place {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.airfare-list-wrap .item .arrow {
  position: absolute;
  top: 50%;
  right: 40px;
  display: block;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
}
.airfare-list-wrap .item .arrow.single {
  background: url(/static/assets/img/single-arrow.png) no-repeat;
}
.airfare-list-wrap .item .arrow.double {
  background: url(/static/assets/img/double-arrow.png) no-repeat;
}
.airfare-list-wrap .item .tag {
  vertical-align: top;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  color: #00a0e9;
  background-color: rgba(0, 160, 233, 0.1);
}
.airfare-list-wrap .item .tag.green {
  color: #00C777;
  background-color: rgba(0, 199, 119, 0.1);
}
.airfare-list-wrap .item .tag.yellow {
  color: #FFCC0C;
  background-color: rgba(255, 204, 12, 0.1);
}
.airfare-list-wrap .item .price {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  color: #FF9E0C;
  font-size: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.airfare-list-wrap .item .price i {
  font-size: 14px;
}
.airfare-list-wrap .item .book-btn {
  flex-shrink: 0;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  margin-left: 20px;
  padding: 0 12px;
  color: #fff;
  background-color: #FF9E0C;
  border-radius: 2px;
}

.maskLayer {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.65);
  outline: none;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.popup {
  position: relative;
  width: 800px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.popup-head {
  height: 30px;
  line-height: 30px;
  padding: 10px 20px;
  border-bottom: 1px solid #f5f5f5;
  overflow: hidden;
  box-sizing: content-box;
}
.popup-head-tt {
  float: left;
  font-size: 20px;
  color: #333;
}
.popup-head .close-btn {
  float: right;
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  margin-right: -5px;
  cursor: pointer;
}
.popup-head .close-btn::before,
.popup-head .close-btn::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 20px;
  height: 2px;
  margin-left: -10px;
  margin-top: -1px;
  background: #ddd;
}
.popup-head .close-btn::before {
  transform: rotate(45deg);
}
.popup-head .close-btn::after {
  transform: rotate(-45deg);
}
.popup-head .close-btn:hover::before,
.popup-head .close-btn:hover::after {
  background: #aaa;
}
.popup-close-btn {
  position: absolute;
  top: 0;
  right: -30px;
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
}
.popup-close-btn::before,
.popup-close-btn::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 16px;
  height: 2px;
  margin-left: -8px;
  margin-top: -1px;
  background: #fff;
}
.popup-close-btn::before {
  transform: rotate(45deg);
}
.popup-close-btn::after {
  transform: rotate(-45deg);
}
.popup-close-btn:hover {
  background: rgba(0, 0, 0, 0.8);
}
.popup-cont {
  height: auto;
  max-height: 600px;
  padding: 0 50px;
  overflow-y: auto;
}
.popup-cont p {
  line-height: 25px;
  font-size: 16px;
  text-align: center;
}
.popup-foot {
  padding: 20px 0;
  text-align: center;
  font-size: 0;
}
.popup-foot-btn {
  display: inline-block;
  width: 100px;
  height: 32px;
  line-height: 32px;
  margin: 0 10px;
  font-size: 14px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
}
.popup-foot-btn.primary {
  color: #fff;
  background: #09e;
  border-color: #09e;
}
.preview-screen {
  width: 80% !important;
  height: 80% !important;
}
.preview-screen .popup-cont {
  height: calc(100% - 50px) !important;
  max-height: initial;
  padding: 0 !important;
}
.preview-screen iframe {
  display: block;
  width: 100%;
  height: calc(100vh - 239px);
}
.preview-screen .imgBox {
  width: 100%;
  padding: 20px;
  max-height: calc(100vh - 239px);
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  overflow-y: auto;
}
.preview-screen .imgBox img {
  max-width: 100%;
  max-height: 100%;
}
.preview-screen-1000 {
  width: 1000px;
  height: 60% !important;
}
.preview-screen-1000 .popup-cont {
  height: calc(100% - 50px) !important;
  max-height: initial;
  padding: 0 !important;
}

.upload-file-wrap {
  width: 100%;
  max-width: 600px;
}
.upload-file-show {
  dipslay: -webkit-flex;
  display: flex;
  padding: 2px 0;
  line-height: 20px;
  cursor: default;
}
.upload-file-show .show-item {
  display: flex;
  overflow: hidden;
}
.upload-file-show .file-name {
  width: 100%;
  flex: 1;
  color: #09e;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.upload-file-show .file-name .icon {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-right: 5px;
}
.upload-file-show .file-suffix {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  color: #09e;
}
.upload-file-show .action {
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
  color: #999;
}
.upload-file-show .action .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  fill: #ccc;
}
.upload-file-show .action:hover {
  color: #09e;
}
.upload-file-show .action:hover .icon {
  fill: #09e;
}
.upload-file-show > div:hover {
  background: #f8f8f8;
}

.usable-coupon {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
}
.usable-coupon-item {
  display: flex;
  position: relative;
  width: calc(50% - 40px);
  margin: 20px;
  overflow: hidden;
}
.usable-coupon-item .quota {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  width: 100px;
  text-align: center;
  color: #fff;
  background: #00a0e9;
  border-radius: 8px 0 0 8px;
  overflow: hidden;
  border-right: 1px dashed #fff;
}
.usable-coupon-item .quota::before {
  position: absolute;
  left: -4px;
  top: 8px;
  content: '';
  width: 0;
  height: calc(100% - 16px);
  border-left: 8px dotted #fff;
}
.usable-coupon-item .quota-num {
  width: 100%;
  line-height: 40px;
  font-size: 16px;
  font-family: Arial;
}
.usable-coupon-item .quota-num b {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
  font-size: 24px;
}
.usable-coupon-item .quota-condition {
  width: 100%;
  line-height: 20px;
  font-size: 12px;
}
.usable-coupon-item .info {
  display: flex;
  flex: 1;
  position: relative;
  padding: 9px 10px;
  border: 1px solid #e5e5e5;
  border-left: none;
  border-radius: 0 8px 8px;
}
.usable-coupon-item .info::before,
.usable-coupon-item .info::after {
  position: absolute;
  left: -6px;
  z-index: 2;
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #e5e5e5;
  box-sizing: content-box;
}
.usable-coupon-item .info::before {
  top: -5px;
}
.usable-coupon-item .info::after {
  bottom: -5px;
}
.usable-coupon-item .info-l {
  flex: 1;
  line-height: 20px;
  overflow: hidden;
}
.usable-coupon-item .info-l .tt {
  height: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
}
.usable-coupon-item .info-l .expire {
  font-size: 12px;
  color: #aaa;
}
.usable-coupon-item .info-l .type {
  font-size: 12px;
}
.usable-coupon-item .info-r {
  display: flex;
  align-items: center;
  align-content: center;
  margin-left: 10px;
}
.usable-coupon-item .info-r .btn {
  width: 70px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 12px;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  cursor: pointer;
}
.usable-coupon-item .info-r .btn:hover {
  color: #00a0e9;
}
.usable-coupon-item:nth-child(1n) .quota {
  background: #59c8ff;
}
.usable-coupon-item:nth-child(2n) .quota {
  background: #ffb259;
}
.usable-coupon-item:nth-child(3n) .quota {
  background: #ff6666;
}
.usable-coupon-item:nth-child(4n) .quota {
  background: #52cc7a;
}
.usable-coupon-item:nth-child(5n) .quota {
  background: #668cff;
}
.usable-coupon-item.on .info {
  background-color: #f2faff;
}
.usable-coupon-item.on .info-l .tt {
  color: #00a0e9;
}
.usable-coupon-item.on .info-r .btn {
  color: #fff;
  border-color: #00a0e9;
  background: #00a0e9;
}
.usable-coupon-item.dis .info-r .btn {
  color: #fff;
  border-color: #d9d9d9;
  background: #d9d9d9;
}

.jq-datepicker {
  position: relative;
  width: 100%;
}
.jq-datepicker .icon {
  position: absolute;
  top: 9px;
  right: 10px;
  display: block;
  width: 12px;
  height: 12px;
  line-height: 12px;
}
.ui-datepicker .ui-icon {
  text-align: center;
  text-indent: initial !important;
}
.date-picker {
  width: 100%;
}
.date-picker > input {
  cursor: default;
  background-image: url("/static/assets/img/calendar.png");
  background-position: center right;
  background-repeat: no-repeat;
  border: none;
  outline: none;
}
.date-picker.error {
  border: 1px rgba(255, 76, 76, 0.9) solid !important;
  box-sizing: border-box;
}
.date-picker.error ._invalid {
  border: none;
}
.date-picker.error + .errorMsg {
  display: inline-block;
}
.ui-datepicker-trigger {
  width: 16px;
  height: 16px;
}

.collectOpt {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  line-height: 20px;
  font-size: 13px;
  color: #aaa;
  cursor: pointer;
}
.collectOpt i {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-right: 4px;
  text-align: center;
  font-size: 14px;
}
.collectOpt.on,
.collectOpt:hover {
  color: #666;
}
.collectOpt.on i,
.collectOpt:hover i {
  color: #ffb259;
}

.goTop {
  display: none;
  position: fixed;
  left: 50%;
  bottom: 50px;
  z-index: 99;
  width: 58px;
  height: 50px;
  padding: 4px 0;
  margin-left: 650px;
  text-align: center;
  background: #fff;
  border: 1px solid #f0f0f0;
  cursor: pointer;
  box-sizing: content-box;
  transition: border 0.3s;
}
.goTop .icon {
  display: inline-block;
  vertical-align: top;
  margin-top: 6px;
  fill: #aaa;
}
.goTop .tt {
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
}
.goTop:hover {
  border-color: #ddd;
}

.problem-section-tt .right {
  float: right;
  font-size: 12px;
  color: #999;
}
.problem-section-tt .right span {
  color: #09e;
  cursor: pointer;
}
.problem-section-wrap {
  padding: 10px;
}
.problem-section-item {
  padding: 10px;
}
.problem-section-item-tt,
.problem-section-item-desc {
  position: relative;
  padding-left: 26px;
}
.problem-section-item .icon {
  position: absolute;
  left: 0;
  top: 0;
}
.problem-section-item-tt {
  height: 20px;
  line-height: 20px;
  margin-bottom: 5px;
  font-weight: bold;
}
.problem-section-item-desc {
  line-height: 18px;
  font-size: 12px;
  color: #999;
}
.problem-section-item-desc .icon {
  top: 1px;
}
.problem-section-put {
  padding: 20px 80px;
  background: #f8f8f8;
}
.problem-section-put .fillIn-head {
  display: flex;
  margin-bottom: 10px;
}
.problem-section-put .fillIn-head .fillIn-line {
  margin-right: 40px;
}
.problem-section-put .fillIn-line {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.problem-section-put .fillIn-line .must {
  color: #ff4c4c;
}
.problem-section-put .fillIn-line .ant-form-item {
  margin-bottom: 0;
}
.problem-section-put .fillIn-line .ant-form-explain {
  color: #ff4c4c;
}
.problem-section-put .fillIn-line .has-error .u-txt {
  border-color: #ff4c4c;
}
.problem-section-put .fillIn-line-dd {
  flex: 1;
}
.problem-section-put .fillIn-line .u-txt {
  width: 100%;
  height: 32px;
  padding: 7px 10px;
  line-height: 24px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  outline: none;
  box-sizing: border-box;
}
.problem-section-put .fillIn-line .u-txt:focus {
  border-color: #aaa;
}
.problem-section-put .fillIn-line-btn {
  padding-left: 70px;
}
.problem-section-put .fillIn-line-btn-item {
  width: 120px;
  height: 32px;
  margin-right: 10px;
  color: #fff;
  background: #ccc;
  border: none;
  border-radius: 2px;
  cursor: pointer;
}
.problem-section-put .fillIn-line-btn-item.primary {
  background: #09e;
}
.problem-section-put .fillIn-line-btn-item:hover {
  opacity: 0.85;
}

.special-recommend-wrap {
  padding-top: 20px;
  margin-right: -20px;
  overflow: hidden;
}
.special-recommend-item {
  float: left;
  width: 216px;
  margin-right: 20px;
}
.special-recommend-item .pic {
  width: 216px;
  height: 140px;
  overflow: hidden;
}
.special-recommend-item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.special-recommend-item .tt {
  padding-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.special-recommend-item .line {
  line-height: 20px;
  font-size: 12px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.special-recommend-item .set-out {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #999;
}
.special-recommend-item .price {
  margin-left: 20px;
  flex-shrink: 0;
  font-size: 14px;
  font-family: Arial;
  color: #ff7000;
}
.special-recommend-item .price em {
  font-size: 12px;
}
.special-recommend-item:hover .pic {
  opacity: 0.85;
}
.special-recommend-item:hover .tt {
  color: #00a0e9;
}

.paging {
  height: 40px;
  padding: 20px 0;
  text-align: center;
  font-size: 0;
  box-sizing: content-box;
}
.paging .pag,
.paging .change-btn {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  margin: 0 2px;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #eee;
  background: #fff;
  cursor: pointer;
  box-sizing: content-box;
  transition: all 0.3s;
}
.paging a.pag:hover,
.paging a.pag.on {
  color: #fff;
  border-color: #00a0e9;
  background: #00a0e9;
}
.paging a.change-btn:hover {
  color: #fff;
  border-color: #00a0e9;
  background: #00a0e9;
}
.paging span.pag:hover,
.paging span.pag.on {
  color: #fff;
  border-color: #00a0e9;
  background: #00a0e9;
}
.paging span.pag.dot:hover {
  color: #555;
  cursor: default;
  background: #fff;
  border-color: #eee;
}
.paging .change-btn {
  width: 70px;
}
.paging .change-btn:hover {
  color: #00a0e9;
  border-color: #00a0e9;
}
.paging .jump-pag {
  display: inline-block;
  margin: 0 10px;
  font-size: 14px;
}
.paging .jump-pag input[type=text] {
  width: 36px;
  height: 36px;
  line-height: 36px;
  padding: 0 5px;
  margin: 0 4px;
  text-align: center;
  font-size: 14px;
  color: #555;
  border-radius: 3px;
  border: 1px solid #eee;
  box-sizing: content-box;
  outline: none;
}
.paging .jump-pag input[type=text]:focus {
  border-color: #00a0e9;
}
.paging .jump-pag .change-btn {
  margin-left: 10px;
  width: 50px;
}

.comment-section {
  padding: 20px;
  background: #fff;
}
.comment-head-tt {
  height: 30px;
  line-height: 20px;
  border-bottom: 1px solid #f5f5f5;
}
.comment-head-tt .icons {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-position: -150px -120px;
}
.comment-head-tt strong {
  font-size: 18px;
  color: #333;
}
.comment-head-wrap {
  padding: 20px 0;
  display: flex;
  align-items: center;
}
.comment-head-wrap .summary {
  width: 200px;
  text-align: center;
  flex-shrink: 0;
  font-size: 30px;
  font-weight: bold;
}
.comment-head-wrap .grade {
  flex: 1;
  display: flex;
}
.comment-head-wrap .grade-item {
  display: flex;
  align-items: center;
  margin-right: 50px;
}
.comment-head-wrap .grade-item .label {
  margin-right: 30px;
  color: #aaa;
}
.comment-head-wrap .percent {
  padding: 0 30px;
  margin-right: 30px;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  flex-shrink: 0;
}
.comment-head-wrap .percent .tt {
  font-weight: bold;
  font-size: 16px;
  padding-left: 3px;
}
.comment-head-wrap .percent .dd {
  display: flex;
}
.comment-head-wrap .percent .star-grage {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background: url(/static/assets/img/star.png) no-repeat center center;
  background-size: 100% 100%;
  user-select: none;
}
.comment-head-wrap .percent .star-grage.on {
  background: url(/static/assets/img/star-on.png) no-repeat center center;
  background-size: 100% 100%;
}
.comment-head-wrap .tags-item {
  display: inline-block;
  vertical-align: top;
  height: 18px;
  line-height: 18px;
  padding: 0 10px;
  margin-right: 10px;
  margin-bottom: 5px;
  font-size: 12px;
  color: #f80;
  border: 1px solid #f80;
  border-radius: 2px;
  box-sizing: content-box;
}
.comment-score {
  display: flex;
  align-items: center;
  padding: 20px 0;
}
.comment-score .summary {
  width: 200px;
  text-align: center;
  flex-shrink: 0;
  border-right: 1px solid #f0f0f0;
}
.comment-score .summary-number {
  line-height: 50px;
  font-size: 42px;
  font-family: Arial;
  font-weight: bold;
  color: #f80;
}
.comment-score .summary-text {
  line-height: 20px;
  font-size: 18px;
  color: #333;
}
.comment-score .score-desc-wrap {
  flex: 1;
}
.comment-score .score-single {
  display: flex;
}
.comment-score .score-item {
  width: 25%;
  line-height: 20px;
  padding: 0 20px;
  box-sizing: border-box;
  display: flex;
}
.comment-score .score-item .label {
  font-size: 12px;
  color: #999;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.comment-score .score-item .num {
  font-size: 16px;
  font-weight: bold;
  font-family: Arial;
  color: #f80;
}
.comment-score .score-item .chart {
  position: relative;
  width: 100%;
  height: 6px;
  margin: 7px 10px;
  background: #ddd;
  border-radius: 3px;
  overflow: hidden;
}
.comment-score .score-item .chart-value {
  position: absolute;
  left: 0;
  top: 0;
  height: 6px;
  background: #f80;
}
.comment-score .score-tag {
  padding-left: 20px;
  padding-top: 10px;
}
.comment-score .score-tag-item {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  padding: 0 8px;
  margin-right: 5px;
  font-size: 12px;
  color: #09e;
  border-radius: 4px;
  background: rgba(0, 119, 238, 0.08);
}
.comment-content-tabs {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  background: #f5f5f5;
}
.comment-content-tabs .tabs-item {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  cursor: pointer;
}
.comment-content-tabs input[type=radio] {
  position: relative;
  display: inline-block;
  vertical-align: -3px;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 50%;
  overflow: hidden;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.comment-content-tabs input[type=radio]::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-top: -5px;
  background: #08f;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
.comment-content-tabs input[type=radio]:checked {
  border-color: #08f;
}
.comment-content-tabs input[type=radio]:checked::before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.comment-content-tabs input[type=radio]:checked + span {
  color: #08f;
}
.comment-card {
  padding: 20px 0;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
}
.comment-card .user {
  width: 200px;
  text-align: center;
  flex-shrink: 0;
}
.comment-card .user-face {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  background: url("/static/assets/img/user-bg.jpg");
  background-size: 100%;
}
.comment-card .user-face img {
  display: block;
  width: 100%;
  height: 100%;
}
.comment-card .user-grade {
  display: inline-block;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  padding: 0 5px;
  background: rgba(255, 204, 12, 0.2);
  border-radius: 16px;
}
.comment-card .cont {
  flex: 1;
}
.comment-card .cont-tags {
  margin-bottom: 10px;
}
.comment-card .cont-tags-item {
  display: inline-block;
  vertical-align: top;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  margin-right: 5px;
  font-size: 12px;
  color: #999;
  background: #eee;
  border-radius: 2px;
}
.comment-card .cont-tags-item:first-child {
  color: #f80;
}
.comment-card .cont-text {
  margin-bottom: 10px;
  line-height: 20px;
}
.comment-card .cont-img {
  overflow: hidden;
}
.comment-card .cont-img-item {
  float: left;
  width: 80px;
  height: 80px;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  overflow: hidden;
}
.comment-card .cont-img-item img,
.comment-card .cont-img-item video {
  display: block;
  width: 80px;
  height: 80px;
  object-fit: cover;
}
.comment-card .cont-ft {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}
.comment-card .cont-ft .times {
  font-size: 12px;
  color: #bbb;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #BBB;
}
.comment-card .cont-ft .times:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.comment-card .cont-feedback {
  padding: 10px 15px;
  margin-top: 10px;
  background: #f5f8fa;
  border-radius: 4px;
}
.comment-card .cont-feedback-text {
  line-height: 20px;
  color: #456373;
}
.comment-card .cont-feedback-time {
  text-align: right;
  font-size: 12px;
  color: #ccc;
}

.orderAppr {
  min-height: calc(100vh - 363px);
}
.orderAppr .appr-module {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
}
.orderAppr .appr-target {
  padding: 20px;
  margin-bottom: 20px;
  border: 1px dashed #e5e5e5;
  box-shadow: 0 0 0 4px #fafafa;
}
.orderAppr .product-info {
  display: flex;
}
.orderAppr .product-info .info {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.orderAppr .product-info .info-wrap {
  flex: 1;
}
.orderAppr .product-info .pic {
  width: 100px;
  height: 70px;
  margin-right: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
.orderAppr .product-info .pic img {
  object-fit: cover;
}
.orderAppr .product-info .title {
  height: 25px;
  line-height: 25px;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.orderAppr .product-info .des {
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
}
.orderAppr .product-info .time-line {
  line-height: 20px;
  font-size: 12px;
  color: #aaa;
}
.orderAppr .product-info .time-line span {
  color: #0af;
}
.orderAppr .product-info .price {
  width: 200px;
  font-size: 24px;
  color: #f80;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.orderAppr .record {
  width: 100%;
  margin: 20px 0;
  display: flex;
  flex-wrap: wrap;
}
.orderAppr .record-line {
  flex-shrink: 0;
  width: 33.333333%;
  line-height: 20px;
  font-size: 12px;
  display: flex;
}
.orderAppr .record-line .dt {
  width: 80px;
  flex-shrink: 0;
  color: #999;
}
.orderAppr .record.col-2 {
  margin: 10px 0 ;
}
.orderAppr .record.col-2 .record-line {
  width: 50%;
}
.orderAppr .appr-compile {
  margin-bottom: 20px;
  display: flex;
}
.orderAppr .appr-main {
  width: 800px;
}
.orderAppr .appr-grage {
  padding: 20px 100px;
  display: flex;
}
.orderAppr .appr-grage-item {
  text-align: center;
  cursor: pointer;
  flex: 1;
}
.orderAppr .appr-grage-item .icon {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  background: url("/static/assets/img/appr.jpg");
}
.orderAppr .appr-grage-item .good {
  background-position: 0 -60px;
}
.orderAppr .appr-grage-item .well {
  background-position: -60px -60px;
}
.orderAppr .appr-grage-item .not {
  background-position: -120px -60px;
}
.orderAppr .appr-grage-item span {
  display: block;
  line-height: 20px;
  padding-top: 5px;
}
.orderAppr .appr-grage-item.on .good {
  background-position: 0 0;
}
.orderAppr .appr-grage-item.on .well {
  background-position: -60px 0;
}
.orderAppr .appr-grage-item.on .not {
  background-position: -120px 0;
}
.orderAppr .appr-grage-item.on span {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.orderAppr .appr-cont {
  margin-bottom: 15px;
  border: 1px solid #eee;
}
.orderAppr .appr-cont-txt {
  display: block;
  width: 100%;
  height: 80px;
  padding: 10px;
  line-height: 20px;
  border: none;
  box-sizing: border-box;
  resize: none;
  outline: none;
}
.orderAppr .appr-cont-tip {
  height: 20px;
  line-height: 20px;
  padding: 5px 10px;
  text-align: right;
  background: #f5f5f5;
  box-sizing: content-box;
}
.orderAppr .appr-cont-tip b {
  color: #f80;
}
.orderAppr .appr-img {
  display: flex;
  flex-wrap: wrap;
}
.orderAppr .appr-img-item {
  position: relative;
  padding: 5px 0;
  margin-right: 10px;
}
.orderAppr .appr-img-item .del-btn {
  position: absolute;
  top: -3px;
  right: -8px;
  width: 16px;
  height: 16px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  cursor: pointer;
}
.orderAppr .appr-img-item .del-btn::before,
.orderAppr .appr-img-item .del-btn::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 10px;
  height: 2px;
  margin-left: -5px;
  margin-top: -1px;
  background: #ddd;
}
.orderAppr .appr-img-item .del-btn::before {
  transform: rotate(45deg);
}
.orderAppr .appr-img-item .del-btn::after {
  transform: rotate(-45deg);
}
.orderAppr .appr-img-item .pic {
  width: 60px;
  height: 60px;
  overflow: hidden;
}
.orderAppr .appr-img-item .pic img {
  object-fit: cover;
}
.orderAppr .appr-img-item .add-img {
  width: 60px;
  height: 60px;
  text-align: center;
  background: #f0f0f0;
  overflow: hidden;
  cursor: pointer;
}
.orderAppr .appr-img-item .add-img .add-icon {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 10px auto 0;
}
.orderAppr .appr-img-item .add-img .add-icon::before,
.orderAppr .appr-img-item .add-img .add-icon::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 20px;
  height: 2px;
  margin-left: -10px;
  margin-top: -1px;
  background: #ccc;
}
.orderAppr .appr-img-item .add-img .add-icon::before {
  transform: rotate(90deg);
}
.orderAppr .appr-img-item .add-img span {
  color: #aaa;
  font-size: 12px;
}
.orderAppr .appr-img-item .add-tips {
  height: 20px;
  line-height: 20px;
  padding: 20px 0;
  font-size: 12px;
  box-sizing: content-box;
}
.orderAppr .appr-img-item .add-tips b {
  color: #f80;
}
.orderAppr .appr-sub {
  width: 300px;
  padding: 20px;
  margin-left: 20px;
  background: #fafafa;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  box-sizing: content-box;
}
.orderAppr .appr-sub-item {
  display: flex;
  line-height: 32px;
  padding: 10px 0;
}
.orderAppr .appr-sub-item .tt {
  width: 80px;
  color: #999;
}
.orderAppr .appr-sub-item .tag-grage {
  display: inline-block;
  vertical-align: top;
  width: 60px;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  text-align: center;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
}
.orderAppr .appr-sub-item .tag-grage.on {
  color: #fff;
  background: #0af;
  border-color: #0af;
}
.orderAppr .appr-sub-item .star-td {
  display: flex;
  align-items: center;
}
.orderAppr .appr-sub-item .star-grage {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background: url(/static/assets/img/star.png) no-repeat center center;
  background-size: 100% 100%;
  cursor: pointer;
  user-select: none;
}
.orderAppr .appr-sub-item .star-grage.on,
.orderAppr .appr-sub-item .star-grage.hover,
.orderAppr .appr-sub-item .star-grage:hover {
  background: url(/static/assets/img/star-on.png) no-repeat center center;
  background-size: 100% 100%;
}
.orderAppr .appr-merit .tags-item {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0 15px;
  margin-right: 10px;
  font-size: 12px;
  border: 1px solid #e5e5e5;
  border-radius: 13px;
  cursor: pointer;
}
.orderAppr .appr-merit .tags-item.on {
  color: #fff;
  background: #0af;
  border-color: #0af;
}
.orderAppr .appr-submit {
  padding-top: 40px;
  line-height: 40px;
  text-align: center;
}
.orderAppr .appr-submit .u-btn {
  width: 160px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  font-size: 16px;
  border-radius: 5px;
  color: #fff;
  background: #0af;
  border: none;
}
.orderAppr .comment-card {
  flex: 1;
  padding: 20px 0;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
}
.orderAppr .comment-card .user {
  width: 120px;
  text-align: center;
  flex-shrink: 0;
}
.orderAppr .comment-card .user-face {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  background: url("/static/assets/img/user-bg.jpg");
  background-size: 100%;
}
.orderAppr .comment-card .user-face img {
  display: block;
  width: 100%;
  height: 100%;
}
.orderAppr .comment-card .user-grade {
  display: inline-block;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  padding: 0 5px;
  background: rgba(255, 204, 12, 0.2);
  border-radius: 16px;
}
.orderAppr .comment-card .cont {
  flex: 1;
}
.orderAppr .comment-card .cont-tags {
  margin-bottom: 10px;
}
.orderAppr .comment-card .cont-tags-item {
  display: inline-block;
  vertical-align: top;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  margin-right: 5px;
  font-size: 12px;
  color: #999;
  background: #eee;
  border-radius: 2px;
}
.orderAppr .comment-card .cont-tags-item:first-child {
  color: #f80;
}
.orderAppr .comment-card .cont-text {
  margin-bottom: 10px;
  line-height: 20px;
}
.orderAppr .comment-card .cont-img {
  overflow: hidden;
}
.orderAppr .comment-card .cont-img-item {
  float: left;
  width: 80px;
  height: 80px;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  overflow: hidden;
}
.orderAppr .comment-card .cont-img-item img,
.orderAppr .comment-card .cont-img-item video {
  display: block;
  width: 80px;
  height: 80px;
  object-fit: cover;
  background: #eee;
}
.orderAppr .comment-card .cont-ft {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}
.orderAppr .comment-card .cont-ft .times {
  font-size: 12px;
  color: #bbb;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #BBB;
}
.orderAppr .comment-card .cont-ft .times:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.orderAppr .comment-card .cont-feedback {
  padding: 10px 15px;
  margin-top: 10px;
  background: #f5f8fa;
  border-radius: 4px;
}
.orderAppr .comment-card .cont-feedback-text {
  line-height: 20px;
  color: #456373;
}
.orderAppr .comment-card .cont-feedback-time {
  text-align: right;
  font-size: 12px;
  color: #ccc;
}

.wiki {
  min-height: calc(100vh - 363px);
}
.wiki-wrap {
  margin: 20px 0;
  background: #fff;
}
.wiki-tab {
  height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid #f5f5f5;
}
.wiki-tab-item {
  display: inline-block;
  margin-right: 40px;
  line-height: 50px;
  font-size: 18px;
  color: #333;
}
.wiki-tab-item.on {
  line-height: 48px;
  font-size: 20px;
  font-weight: bold;
  color: #09e;
  border-bottom: 3px solid #09e;
}
.wiki-tab-cont {
  display: none;
}
.wiki-tab-cont:first-child {
  display: block;
}
.wiki-list-item {
  display: -webkit-flex;
  display: flex;
  padding: 20px;
  border-bottom: 1px dashed #eee;
}
.wiki-list-item .pic {
  width: 210px;
  height: 140px;
  margin-right: 20px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  overflow: hidden;
}
.wiki-list-item .pic img {
  object-fit: cover;
}
.wiki-list-item .info {
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.wiki-list-item .title {
  line-height: 30px;
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.wiki-list-item .desc {
  height: 50px;
  margin: 10px 0 20px;
  line-height: 25px;
  color: #aaa;
  display: -webkit-box;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wiki-list-item .time {
  display: inline-block;
  line-height: 30px;
  color: #bbb;
}
.wiki-list-item .time i {
  margin-right: 10px;
  font-size: 14px;
  color: #ccc;
}
.wiki-list-item:hover {
  background-color: #fafafa;
}
.wiki-list-item:hover .title {
  color: #09e;
}

.time-limit .mt {
  margin-bottom: 10px;
  text-align: center;
}
.time-limit .mt strong {
  display: inline-block;
  vertical-align: top;
  line-height: 40px;
  font-size: 36px;
  color: #00a0e9;
}
.time-limit .mt span {
  display: inline-block;
  line-height: 40px;
  margin-left: 20px;
  font-size: 36px;
  color: #333;
}
.time-limit .time-list {
  min-height: 480px;
  margin-right: -30px;
}
.time-limit .item {
  float: left;
  position: relative;
  display: block;
  width: 380px;
  margin-top: 30px;
  margin-right: 30px;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: all 0.3s;
}
.time-limit .item .discount {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 80px;
  height: 80px;
  padding: 15px 10px 5px;
  line-height: 30px;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  font-family: Arial;
  text-transform: uppercase;
  color: #fff;
  border-radius: 40px 40px 40px 0;
  background: #ff6600;
  box-sizing: border-box;
}
.time-limit .item .discount span {
  display: block;
  font-size: 30px;
}
.time-limit .item .pic {
  width: 380px;
  height: 260px;
  border-radius: 6px;
  overflow: hidden;
}
.time-limit .item .pic img {
  object-fit: cover;
}
.time-limit .item .info {
  padding: 16px;
}
.time-limit .item .title {
  height: 50px;
  line-height: 25px;
  margin-bottom: 20px;
  font-size: 18px;
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.time-limit .item .ft-info {
  position: relative;
  height: 50px;
  overflow: hidden;
}
.time-limit .item .clock {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 34px;
  height: 42px;
  background: url(/static/assets/img/flashSale-clock.png) no-repeat;
}
.time-limit .item .clock-arrow {
  position: absolute;
  left: 50%;
  top: 12px;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-radius: 50%;
  overflow: hidden;
}
.time-limit .item .clock-arrow-l,
.time-limit .item .clock-arrow-r {
  position: absolute;
  top: 0;
  width: 12px;
  height: 24px;
  overflow: hidden;
}
.time-limit .item .clock-arrow-l::before,
.time-limit .item .clock-arrow-r::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  height: 100%;
  background-color: #ffcc0c;
}
.time-limit .item .clock-arrow-l {
  left: 0;
}
.time-limit .item .clock-arrow-l::before {
  transform-origin: right center;
  transform: rotate(-180deg);
  animation: clock-run-l 6s linear infinite;
}
.time-limit .item .clock-arrow-r {
  right: 0;
}
.time-limit .item .clock-arrow-r::before {
  transform-origin: left center;
  transform: rotate(-180deg);
  animation: clock-run-r 6s linear infinite;
}
.time-limit .item .count-down {
  position: relative;
  float: left;
  display: flex;
}
.time-limit .item .count-down-end {
  line-height: 50px;
  font-size: 16px;
}
.time-limit .item .count-down-end b {
  color: #e60012;
}
.time-limit .item .count-down-bar {
  position: relative;
  width: 170px;
  height: 20px;
  margin-top: 18px;
  margin-left: 20px;
  background-color: rgba(255, 158, 12, 0.5);
  border-radius: 10px;
}
.time-limit .item .count-down-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  background: linear-gradient(308deg, #FD7717, #F4DE6F);
  border-radius: 10px;
  overflow: hidden;
}
.time-limit .item .count-down-progress::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  height: 20px;
  background: url(/static/assets/img/flashSale-bar.png) no-repeat;
  opacity: 0.1;
}
.time-limit .item .count-down-time {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 10px;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
}
.time-limit .item .price-info {
  float: right;
  text-align: right;
}
.time-limit .item .price-info .price {
  display: block;
  height: 30px;
  line-height: 30px;
  color: #ff9900;
  font-size: 24px;
}
.time-limit .item .price-info .price em {
  font-size: 14px;
}
.time-limit .item .price-info .arrow {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin: 3px 0 3px 5px;
  background: #ff9900;
  border-radius: 50%;
}
.time-limit .item .price-info .arrow::before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  width: 8px;
  height: 8px;
  margin-left: -6px;
  margin-top: -5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  box-sizing: content-box;
  transform: rotate(45deg);
}
.time-limit .item .price-info .cost-price {
  display: block;
  height: 20px;
  line-height: 20px;
  color: #aaa;
}
.time-limit .item:nth-child(3n) {
  margin-right: 0;
}
.time-limit .item:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.time-limit .item:hover .title {
  color: #00a0e9;
}
@keyframes clock-run-l {
  0%,
  25% {
    transform: rotate(-180deg);
  }
  50%,
  75% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes clock-run-r {
  0% {
    transform: rotate(-180deg);
  }
  25%,
  50% {
    transform: rotate(0deg);
  }
  75%,
  100% {
    transform: rotate(180deg);
  }
}