@charset "UTF-8";
/*弹性盒子模型*/
.flex {
  display: flex; }

.flex-ac {
  align-items: center; }

.flex-ae {
  align-items: flex-end; }

.flex-jc {
  justify-content: center; }

.flex-g1 {
  flex: 1;
  flex-grow: 1; }

.flex-g2 {
  flex: 2;
  flex-grow: 2; }

.flex-g3 {
  flex: 3;
  flex-grow: 3; }

.flex-g4 {
  flex: 4;
  flex-grow: 4; }

.flex-g5 {
  flex: 5;
  flex-grow: 5; }

.flex-g6 {
  flex: 6;
  flex-grow: 6; }

.flex-g7 {
  flex: 7;
  flex-grow: 7; }

.flex-g8 {
  flex: 8;
  flex-grow: 8; }

.flex-g9 {
  flex: 9;
  flex-grow: 9; }

.flex-g10 {
  flex: 10;
  flex-grow: 10; }

.flex-g11 {
  flex: 11;
  flex-grow: 11; }

.flex-g12 {
  flex: 12;
  flex-grow: 12; }

.flex-jc-sb {
  justify-content: space-between; }

.flex-fww {
  flex-wrap: wrap; }

.flex-sh0 {
  flex-shrink: 0; }

.flex-dr {
  flex-direction: row; }

.flex-dc {
  flex-direction: column; }

.flex-ww {
  flex-wrap: wrap; }

.flex-wn {
  flex-wrap: nowrap; }

.cs-p {
  cursor: pointer; }

.h-100p {
  height: 100%; }

.lh-2 {
  line-height: 2; }

.po-r {
  position: relative; }

/*边距*/
.pd-a2 {
  padding: 2px; }

.pd-lr2 {
  padding-left: 2px;
  padding-right: 2px; }

.pd-tb2 {
  padding-top: 2px;
  padding-bottom: 2px; }

.pd-t2 {
  padding-top: 2px; }

.pd-b2 {
  padding-bottom: 2px; }

.pd-l2 {
  padding-left: 2px; }

.pd-r2 {
  padding-right: 2px; }

.mg-a2 {
  margin: 2px; }

.mg-lr2 {
  margin-left: 2px;
  margin-right: 2px; }

.mg-tb2 {
  margin-top: 2px;
  margin-bottom: 2px; }

.mg-t2 {
  margin-top: 2px; }

.mg-b2 {
  margin-bottom: 2px; }

.mg-l2 {
  margin-left: 2px; }

.mg-r2 {
  margin-right: 2px; }

.pd-a5 {
  padding: 5px; }

.pd-lr5 {
  padding-left: 5px;
  padding-right: 5px; }

.pd-tb5 {
  padding-top: 5px;
  padding-bottom: 5px; }

.pd-t5 {
  padding-top: 5px; }

.pd-b5 {
  padding-bottom: 5px; }

.pd-l5 {
  padding-left: 5px; }

.pd-r5 {
  padding-right: 5px; }

.mg-a5 {
  margin: 5px; }

.mg-lr5 {
  margin-left: 5px;
  margin-right: 5px; }

.mg-tb5 {
  margin-top: 5px;
  margin-bottom: 5px; }

.mg-t5 {
  margin-top: 5px; }

.mg-b5 {
  margin-bottom: 5px; }

.mg-l5 {
  margin-left: 5px; }

.mg-r5 {
  margin-right: 5px; }

.pd-a10 {
  padding: 10px; }

.pd-lr10 {
  padding-left: 10px;
  padding-right: 10px; }

.pd-tb10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.pd-t10 {
  padding-top: 10px; }

.pd-b10 {
  padding-bottom: 10px; }

.pd-l10 {
  padding-left: 10px; }

.pd-r10 {
  padding-right: 10px; }

.mg-a10 {
  margin: 10px; }

.mg-lr10 {
  margin-left: 10px;
  margin-right: 10px; }

.mg-tb10 {
  margin-top: 10px;
  margin-bottom: 10px; }

.mg-t10 {
  margin-top: 10px; }

.mg-b10 {
  margin-bottom: 10px; }

.mg-l10 {
  margin-left: 10px; }

.mg-r10 {
  margin-right: 10px; }

.pd-a15 {
  padding: 15px; }

.pd-lr15 {
  padding-left: 15px;
  padding-right: 15px; }

.pd-tb15 {
  padding-top: 15px;
  padding-bottom: 15px; }

.pd-t15 {
  padding-top: 15px; }

.pd-b15 {
  padding-bottom: 15px; }

.pd-l15 {
  padding-left: 15px; }

.pd-r15 {
  padding-right: 15px; }

.mg-a15 {
  margin: 15px; }

.mg-lr15 {
  margin-left: 15px;
  margin-right: 15px; }

.mg-tb15 {
  margin-top: 15px;
  margin-bottom: 15px; }

.mg-t15 {
  margin-top: 15px; }

.mg-b15 {
  margin-bottom: 15px; }

.mg-l15 {
  margin-left: 15px; }

.mg-r15 {
  margin-right: 15px; }

.pd-a20 {
  padding: 20px; }

.pd-lr20 {
  padding-left: 20px;
  padding-right: 20px; }

.pd-tb20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.pd-t20 {
  padding-top: 20px; }

.pd-b20 {
  padding-bottom: 20px; }

.pd-l20 {
  padding-left: 20px; }

.pd-r20 {
  padding-right: 20px; }

.mg-a20 {
  margin: 20px; }

.mg-lr20 {
  margin-left: 20px;
  margin-right: 20px; }

.mg-tb20 {
  margin-top: 20px;
  margin-bottom: 20px; }

.mg-t20 {
  margin-top: 20px; }

.mg-b20 {
  margin-bottom: 20px; }

.mg-l20 {
  margin-left: 20px; }

.mg-r20 {
  margin-right: 20px; }

.pd-a30 {
  padding: 30px; }

.pd-lr30 {
  padding-left: 30px;
  padding-right: 30px; }

.pd-tb30 {
  padding-top: 30px;
  padding-bottom: 30px; }

.pd-t30 {
  padding-top: 30px; }

.pd-b30 {
  padding-bottom: 30px; }

.pd-l30 {
  padding-left: 30px; }

.pd-r30 {
  padding-right: 30px; }

.mg-a30 {
  margin: 30px; }

.mg-lr30 {
  margin-left: 30px;
  margin-right: 30px; }

.mg-tb30 {
  margin-top: 30px;
  margin-bottom: 30px; }

.mg-t30 {
  margin-top: 30px; }

.mg-b30 {
  margin-bottom: 30px; }

.mg-l30 {
  margin-left: 30px; }

.mg-r30 {
  margin-right: 30px; }

.pd-a40 {
  padding: 40px; }

.pd-lr40 {
  padding-left: 40px;
  padding-right: 40px; }

.pd-tb40 {
  padding-top: 40px;
  padding-bottom: 40px; }

.pd-t40 {
  padding-top: 40px; }

.pd-b40 {
  padding-bottom: 40px; }

.pd-l40 {
  padding-left: 40px; }

.pd-r40 {
  padding-right: 40px; }

.mg-a40 {
  margin: 40px; }

.mg-lr40 {
  margin-left: 40px;
  margin-right: 40px; }

.mg-tb40 {
  margin-top: 40px;
  margin-bottom: 40px; }

.mg-t40 {
  margin-top: 40px; }

.mg-b40 {
  margin-bottom: 40px; }

.mg-l40 {
  margin-left: 40px; }

.mg-r40 {
  margin-right: 40px; }

.pd-a50 {
  padding: 50px; }

.pd-lr50 {
  padding-left: 50px;
  padding-right: 50px; }

.pd-tb50 {
  padding-top: 50px;
  padding-bottom: 50px; }

.pd-t50 {
  padding-top: 50px; }

.pd-b50 {
  padding-bottom: 50px; }

.pd-l50 {
  padding-left: 50px; }

.pd-r50 {
  padding-right: 50px; }

.mg-a50 {
  margin: 50px; }

.mg-lr50 {
  margin-left: 50px;
  margin-right: 50px; }

.mg-tb50 {
  margin-top: 50px;
  margin-bottom: 50px; }

.mg-t50 {
  margin-top: 50px; }

.mg-b50 {
  margin-bottom: 50px; }

.mg-l50 {
  margin-left: 50px; }

.mg-r50 {
  margin-right: 50px; }

.pd-a100 {
  padding: 100px; }

.pd-lr100 {
  padding-left: 100px;
  padding-right: 100px; }

.pd-tb100 {
  padding-top: 100px;
  padding-bottom: 100px; }

.pd-t100 {
  padding-top: 100px; }

.pd-b100 {
  padding-bottom: 100px; }

.pd-l100 {
  padding-left: 100px; }

.pd-r100 {
  padding-right: 100px; }

.mg-a100 {
  margin: 100px; }

.mg-lr100 {
  margin-left: 100px;
  margin-right: 100px; }

.mg-tb100 {
  margin-top: 100px;
  margin-bottom: 100px; }

.mg-t100 {
  margin-top: 100px; }

.mg-b100 {
  margin-bottom: 100px; }

.mg-l100 {
  margin-left: 100px; }

.mg-r100 {
  margin-right: 100px; }

.ta-l {
  text-align: left; }

.ta-c {
  text-align: center; }

.ta-r {
  text-align: right; }

.b-1 {
  border-width: 1px;
  border-style: solid; }

.b-l1 {
  border-left-width: 1px;
  border-left-style: solid; }

.b-r1 {
  border-right-width: 1px;
  border-right-style: solid; }

.b-t1 {
  border-top-width: 1px;
  border-top-style: solid; }

.b-b1 {
  border-bottom-width: 1px;
  border-bottom-style: solid; }

.b-2 {
  border-width: 2px;
  border-style: solid; }

.b-l2 {
  border-left-width: 2px;
  border-left-style: solid; }

.b-r2 {
  border-right-width: 2px;
  border-right-style: solid; }

.b-t2 {
  border-top-width: 2px;
  border-top-style: solid; }

.b-b2 {
  border-bottom-width: 2px;
  border-bottom-style: solid; }

.b-4 {
  border-width: 4px;
  border-style: solid; }

.b-l4 {
  border-left-width: 4px;
  border-left-style: solid; }

.b-r4 {
  border-right-width: 4px;
  border-right-style: solid; }

.b-t4 {
  border-top-width: 4px;
  border-top-style: solid; }

.b-b4 {
  border-bottom-width: 4px;
  border-bottom-style: solid; }

.b-5 {
  border-width: 5px;
  border-style: solid; }

.b-l5 {
  border-left-width: 5px;
  border-left-style: solid; }

.b-r5 {
  border-right-width: 5px;
  border-right-style: solid; }

.b-t5 {
  border-top-width: 5px;
  border-top-style: solid; }

.b-b5 {
  border-bottom-width: 5px;
  border-bottom-style: solid; }

.b-10 {
  border-width: 10px;
  border-style: solid; }

.b-l10 {
  border-left-width: 10px;
  border-left-style: solid; }

.b-r10 {
  border-right-width: 10px;
  border-right-style: solid; }

.b-t10 {
  border-top-width: 10px;
  border-top-style: solid; }

.b-b10 {
  border-bottom-width: 10px;
  border-bottom-style: solid; }

.b-20 {
  border-width: 20px;
  border-style: solid; }

.b-l20 {
  border-left-width: 20px;
  border-left-style: solid; }

.b-r20 {
  border-right-width: 20px;
  border-right-style: solid; }

.b-t20 {
  border-top-width: 20px;
  border-top-style: solid; }

.b-b20 {
  border-bottom-width: 20px;
  border-bottom-style: solid; }

/*字体大小*/
.fs-10 {
  font-size: 10px; }

.fs-10-important {
  font-size: 10px !important; }

.fs-12 {
  font-size: 12px; }

.fs-12-important {
  font-size: 12px !important; }

.fs-14 {
  font-size: 14px; }

.fs-14-important {
  font-size: 14px !important; }

.fs-16 {
  font-size: 16px; }

.fs-16-important {
  font-size: 16px !important; }

.fs-18 {
  font-size: 18px; }

.fs-18-important {
  font-size: 18px !important; }

.fs-20 {
  font-size: 20px; }

.fs-20-important {
  font-size: 20px !important; }

.fs-24 {
  font-size: 24px; }

.fs-24-important {
  font-size: 24px !important; }

.fs-28 {
  font-size: 28px; }

.fs-28-important {
  font-size: 28px !important; }

.fs-32 {
  font-size: 32px; }

.fs-32-important {
  font-size: 32px !important; }

.fs-36 {
  font-size: 36px; }

.fs-36-important {
  font-size: 36px !important; }

.fs-40 {
  font-size: 40px; }

.fs-40-important {
  font-size: 40px !important; }

.fs-48 {
  font-size: 48px; }

.fs-48-important {
  font-size: 48px !important; }

.fs-60 {
  font-size: 60px; }

.fs-60-important {
  font-size: 60px !important; }

.fs-80 {
  font-size: 80px; }

.fs-80-important {
  font-size: 80px !important; }

.fs-100 {
  font-size: 100px; }

.fs-100-important {
  font-size: 100px !important; }

.fw-b {
  font-weight: bold; }

/*字体颜色*/
.c-fff {
  color: #fff; }

.c-f00 {
  color: #f00; }

.c-333 {
  color: #333; }

.c-666 {
  color: #666; }

.c-999 {
  color: #999; }

.c-a8a8a8 {
  color: #a8a8a8; }

.c-f0f0f0 {
  color: #f0f0f0; }

.c-f8f8f8 {
  color: #f8f8f8; }

.c-009688 {
  color: #009688; }

.c-5fb878 {
  color: #5fb878; }

.c-393d49 {
  color: #393d49; }

.c-1e9fff {
  color: #1e9fff; }

.c-ffb800 {
  color: #ffb800; }

.c-ff5722 {
  color: #ff5722; }

.c-01aaed {
  color: #01aaed; }

.c-2f4056 {
  color: #2f4056; }

.c-2581ff {
  color: #2581ff; }

.c-d13118 {
  color: #d13118; }

/*边框颜色*/
.bc-fff {
  border-color: #fff; }

.bc-f00 {
  border-color: #f00; }

.bc-333 {
  border-color: #333; }

.bc-666 {
  border-color: #666; }

.bc-999 {
  border-color: #999; }

.bc-a8a8a8 {
  border-color: #a8a8a8; }

.bc-f0f0f0 {
  border-color: #f0f0f0; }

.bc-f8f8f8 {
  border-color: #f8f8f8; }

.bc-009688 {
  border-color: #009688; }

.bc-5fb878 {
  border-color: #5fb878; }

.bc-393d49 {
  border-color: #393d49; }

.bc-1e9fff {
  border-color: #1e9fff; }

.bc-ffb800 {
  border-color: #ffb800; }

.bc-ff5722 {
  border-color: #ff5722; }

.bc-01aaed {
  border-color: #01aaed; }

.bc-2f4056 {
  border-color: #2f4056; }

.bc-2581ff {
  border-color: #2581ff; }

.bc-d13118 {
  border-color: #d13118; }

/*背景色*/
.bgc-fff {
  background-color: #fff; }

.b-fff {
  border: 1px solid #fff; }

.bgc-f00 {
  background-color: #f00; }

.b-f00 {
  border: 1px solid #f00; }

.bgc-333 {
  background-color: #333; }

.b-333 {
  border: 1px solid #333; }

.bgc-666 {
  background-color: #666; }

.b-666 {
  border: 1px solid #666; }

.bgc-999 {
  background-color: #999; }

.b-999 {
  border: 1px solid #999; }

.bgc-a8a8a8 {
  background-color: #a8a8a8; }

.b-a8a8a8 {
  border: 1px solid #a8a8a8; }

.bgc-f0f0f0 {
  background-color: #f0f0f0; }

.b-f0f0f0 {
  border: 1px solid #f0f0f0; }

.bgc-f8f8f8 {
  background-color: #f8f8f8; }

.b-f8f8f8 {
  border: 1px solid #f8f8f8; }

.bgc-009688 {
  background-color: #009688; }

.b-009688 {
  border: 1px solid #009688; }

.bgc-5fb878 {
  background-color: #5fb878; }

.b-5fb878 {
  border: 1px solid #5fb878; }

.bgc-393d49 {
  background-color: #393d49; }

.b-393d49 {
  border: 1px solid #393d49; }

.bgc-1e9fff {
  background-color: #1e9fff; }

.b-1e9fff {
  border: 1px solid #1e9fff; }

.bgc-ffb800 {
  background-color: #ffb800; }

.b-ffb800 {
  border: 1px solid #ffb800; }

.bgc-ff5722 {
  background-color: #ff5722; }

.b-ff5722 {
  border: 1px solid #ff5722; }

.bgc-01aaed {
  background-color: #01aaed; }

.b-01aaed {
  border: 1px solid #01aaed; }

.bgc-2f4056 {
  background-color: #2f4056; }

.b-2f4056 {
  border: 1px solid #2f4056; }

.bgc-2581ff {
  background-color: #2581ff; }

.b-2581ff {
  border: 1px solid #2581ff; }

.bgc-d13118 {
  background-color: #d13118; }

.b-d13118 {
  border: 1px solid #d13118; }

/*宽度*/
.w-10p {
  width: 10%; }

.op-10 {
  opacity: 10%; }

.w-20p {
  width: 20%; }

.op-20 {
  opacity: 20%; }

.w-25p {
  width: 25%; }

.op-25 {
  opacity: 25%; }

.w-30p {
  width: 30%; }

.op-30 {
  opacity: 30%; }

.w-40p {
  width: 40%; }

.op-40 {
  opacity: 40%; }

.w-50p {
  width: 50%; }

.op-50 {
  opacity: 50%; }

.w-60p {
  width: 60%; }

.op-60 {
  opacity: 60%; }

.w-70p {
  width: 70%; }

.op-70 {
  opacity: 70%; }

.w-80p {
  width: 80%; }

.op-80 {
  opacity: 80%; }

.w-90p {
  width: 90%; }

.op-90 {
  opacity: 90%; }

.w-100p {
  width: 100%; }

.op-100 {
  opacity: 100%; }

.w-10 {
  width: 10px; }

.w-20 {
  width: 20px; }

.w-30 {
  width: 30px; }

.w-40 {
  width: 40px; }

.w-50 {
  width: 50px; }

.w-60 {
  width: 60px; }

.w-70 {
  width: 70px; }

.w-80 {
  width: 80px; }

.w-90 {
  width: 90px; }

.w-100 {
  width: 100px; }

.w-120 {
  width: 120px; }

.w-150 {
  width: 150px; }

.w-200 {
  width: 200px; }

/*高度*/
.h-2 {
  height: 2px; }

.h-4 {
  height: 4px; }

.h-5 {
  height: 5px; }

.h-10 {
  height: 10px; }

.h-20 {
  height: 20px; }

.h-30 {
  height: 30px; }

.h-40 {
  height: 40px; }

.h-50 {
  height: 50px; }

.h-60 {
  height: 60px; }

.h-80 {
  height: 80px; }

.h-100 {
  height: 100px; }

.h-200 {
  height: 200px; }

/*圆角*/
.br-2 {
  border-radius: 2px; }

.br-4 {
  border-radius: 4px; }

.br-5 {
  border-radius: 5px; }

.br-10 {
  border-radius: 10px; }

.br-20 {
  border-radius: 20px; }

.br-50 {
  border-radius: 50px; }

.br-100 {
  border-radius: 100px; }

.sino-a:link, .sino-a:visited, .sino-a:active {
  color: #999;
  text-decoration: none; }
.sino-a:hover {
  color: #999;
  text-decoration: none; }

.clearB:after {
  content: "";
  display: block;
  clear: both; }

.ds-n {
  display: none; }

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