html,
body {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol;
  /*font-size:100%;*/
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

div.page {
  min-height: 100%;
  overflow: visible;
  background: #FFFFFF;
}

.scrollx {
  overflow-x: auto;
}

.scrolly {
  overflow-y: auto;
}

.scroll::-webkit-scrollbar {
  width: 10px;
}

.scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.scroll::-webkit-scrollbar-thumb {
  background: #888;
}

.scroll::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.box {
  position: relative;
  overflow: hidden;
}

.box:after {
  position: absolute;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.73) 22%, rgba(255, 255, 255, 0.73) 23%, rgba(255, 255, 255, 1) 91%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(22%, rgba(255, 255, 255, 0.73)), color-stop(23%, rgba(255, 255, 255, 0.73)), color-stop(91%, rgba(255, 255, 255, 1)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.73) 22%, rgba(255, 255, 255, 0.73) 23%, rgba(255, 255, 255, 1) 91%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.73) 22%, rgba(255, 255, 255, 0.73) 23%, rgba(255, 255, 255, 1) 91%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.73) 22%, rgba(255, 255, 255, 0.73) 23%, rgba(255, 255, 255, 1) 91%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.73) 22%, rgba(255, 255, 255, 0.73) 23%, rgba(255, 255, 255, 1) 91%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  height: 25px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  content: '';
}

.shadow {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.shadow:hover {
  box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.3);
}

.inline {
  display: inline;
}

.intable {
  display: inline-table;
}

.inblock {
  display: inline-block;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

.block {
  display: block;
}

.none {
  display: none;
}

.abs,
.absolute {
  position: absolute;
}

.rel,
.relative {
  position: relative;
}

.fix,
.fixed {
  position: fixed;
}

.sta,
.static {
  position: static;
}

.hover {
  transition: opacity 0.5s;
  opacity: 0.7;
}

.hover:hover {
  opacity: 1.0;
}

.m0 {
  margin: 0 !important;
}

.p0 {
  padding: 0 !important;
}

.m1 {
  margin: 1px !important;
}

.p1 {
  padding: 1px !important;
}

.p2 {
  padding: 2px !important;
}

.p3 {
  padding: 3px !important;
}

.p4 {
  padding: 4px !important;
}

.p5 {
  padding: 5px !important;
}

.m5 {
  margin: 5px !important;
}

.p5 {
  padding: 5px !important;
}

.m10 {
  margin: 10px !important;
}

.p10 {
  padding: 10px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.ml2 {
  margin-left: 2px !important;
}

.mr2 {
  margin-right: 2px !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.m10 {
  margin: 10px !important;
}

.m15 {
  margin: 15px !important;
}

.m20 {
  margin: 20px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pl1 {
  padding-left: 1px !important;
}

.pr1 {
  padding-right: 1px !important;
}

.pt1 {
  padding-top: 1px !important;
}

.pb1 {
  padding-bottom: 1px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.p10 {
  padding: 10px !important;
}

.p15 {
  padding: 15px !important;
}

.p20 {
  padding: 20px !important;
}

.b0 {
  border-width: 0px !important;
}

.b1 {
  border: 1px solid #EDEDED !important;
}

.bl0 {
  border-left-width: 0px !important;
}

.br0 {
  border-right-width: 0px !important;
}

.bt0 {
  border-top-width: 0px !important;
}

.bb0 {
  border-bottom-width: 0px !important;
}

.bl1 {
  border-left: 1px solid #EDEDED !important;
}

.br1 {
  border-right: 1px solid #EDEDED !important;
}

.bt1 {
  border-top: 1px solid #EDEDED !important;
}

.bb1 {
  border-bottom: 1px solid #EDEDED !important;
}

.b {
  font-weight: bold;
}

.u {
  text-decoration: underline;
}

.d {
  text-decoration: line-through;
}

.i {
  font-style: italic;
}

.n {
  font-family: georgia;
}

.t {
  font-family: 'Microsoft Yahei';
}

.ub {
  font-weight: normal;
}

.uu {
  text-decoration: none;
}

.ud {
  text-decoration: none;
}

.ui {
  font-style: normal;
}

.tt {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
  white-space: nowrap;
}

.tc {
  text-align: center;
}

.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.f0 {
  font-size: 0px;
}

.m {
  font-size: 100%
}

.l {
  font-size: 110%;
}

.xl {
  font-size: 120%;
}

.xxl {
  font-size: 130%;
}

.xxxl {
  font-size: 150%;
}

.s {
  font-size: 90%;
}

.xs {
  font-size: 80%;
}

.xxs {
  font-size: 70%;
}

.xxxs {
  font-size: 70%;
}

.l5 {
  line-height: 50px;
}

.l45 {
  line-height: 45px;
}

.l4 {
  line-height: 40px;
}

.l35 {
  line-height: 35px;
}

.l3 {
  line-height: 30px;
}

.l25 {
  line-height: 25px;
}

.l2 {
  line-height: 20px;
}

.l15 {
  line-height: 15px;
}

.l1 {
  line-height: 10px;
}

.l0 {
  line-height: 0px;
}

.r0 {
  border-radius: 0px;
}

.r4 {
  border-radius: 4px;
}

.r10 {
  border-radius: 10px;
}

.rl0 {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rr0 {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.rt0 {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.rb0 {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.r20 {
  border-radius: 20px;
}

.red {
  color: red !important;
}

.blue {
  color: blue !important;
}

.black {
  color: black !important;
}

.white {
  color: white !important;
}

.gray {
  color: gray !important;
}

.green {
  color: green !important;
}

.claaa {
  color: #aaa !important;
}

.clbbb {
  color: #bbb !important;
}

.clccc {
  color: #ccc !important;
}

.clddd {
  color: #dddd !important;
}

.cleee {
  color: #eee !important;
}

.clfff {
  color: #fff !important;
}

.cl333 {
  color: #333 !important;
}

.cl666 {
  color: #666 !important;
}

.cl999 {
  color: #999 !important;
}

.clred {
  color: red !important;
}

.bgaaa {
  background-color: #aaa !important;
}

.bgbbb {
  background-color: #bbb !important;
}

.bgccc {
  background-color: #ccc !important;
}

.bgddd {
  background-color: #ddd !important;
}

.bgeee {
  background-color: #eee !important;
}

.bgfff {
  background-color: #fff !important;
}

.bg333 {
  background-color: #333 !important;
}

.bg666 {
  background-color: #666 !important;
}

.bg999 {
  background-color: #999 !important;
}

.bgred {
  background-color: red !important;
}

.breathing {
  animation: breathingframes 2s infinite ease forwards;
  -moz-animation: breathingframes 2s infinite ease forwards;
  -webkit-animation: breathingframes 2s infinite ease forwards;
  -o-animation: breathingframes 2s infinite ease forwards;
}

@keyframes breathingframes {
  0% {
    opacity: 0.7;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.7;
  }
}

@-moz-keyframes breathingframes {
  0% {
    opacity: 0.7;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.7;
  }
}

@-webkit-keyframes breathingframes {
  0% {
    opacity: 0.7;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.7;
  }
}

@-o-keyframes breathingframes {
  0% {
    opacity: 0.7;
  }
  50% {
    opacity: 1.0;
  }
  100% {
    opacity: 0.7;
  }
}

div.card-columns {
  column-count: 1;
  counter-reset: item-counter;
}

div.card-columns>div.card {
  break-inside: avoid;
  box-sizing: border-box;
}

@media screen and (min-width: 400px) {
  div.card-columns {
    column-count: 1;
  }
}

@media screen and (min-width: 800px) {
  div.card-columns {
    column-count: 2;
  }
}

@media screen and (min-width: 1024px) {
  div.card-columns {
    column-count: 3;
  }
}

@media screen and (min-width: 1400px) {
  div.card-columns {
    column-count: 4;
  }
}

@media screen and (min-width: 1900px) {
  div.card-columns {
    column-count: 5;
  }
}

.wauto {
  min-width: auto;
  width: auto;
}

.wheight {
  min-height: auto;
  height: auto;
}