@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-grow: 1; }

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

.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%; }

.clearB {
  clear: both; }

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

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

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

/*边距*/
.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; }

.pd-a150 {
  padding: 150px; }

.pd-lr150 {
  padding-left: 150px;
  padding-right: 150px; }

.pd-tb150 {
  padding-top: 150px;
  padding-bottom: 150px; }

.pd-t150 {
  padding-top: 150px; }

.pd-b150 {
  padding-bottom: 150px; }

.pd-l150 {
  padding-left: 150px; }

.pd-r150 {
  padding-right: 150px; }

.mg-a150 {
  margin: 150px; }

.mg-lr150 {
  margin-left: 150px;
  margin-right: 150px; }

.mg-tb150 {
  margin-top: 150px;
  margin-bottom: 150px; }

.mg-t150 {
  margin-top: 150px; }

.mg-b150 {
  margin-bottom: 150px; }

.mg-l150 {
  margin-left: 150px; }

.mg-r150 {
  margin-right: 150px; }

.pd-a200 {
  padding: 200px; }

.pd-lr200 {
  padding-left: 200px;
  padding-right: 200px; }

.pd-tb200 {
  padding-top: 200px;
  padding-bottom: 200px; }

.pd-t200 {
  padding-top: 200px; }

.pd-b200 {
  padding-bottom: 200px; }

.pd-l200 {
  padding-left: 200px; }

.pd-r200 {
  padding-right: 200px; }

.mg-a200 {
  margin: 200px; }

.mg-lr200 {
  margin-left: 200px;
  margin-right: 200px; }

.mg-tb200 {
  margin-top: 200px;
  margin-bottom: 200px; }

.mg-t200 {
  margin-top: 200px; }

.mg-b200 {
  margin-bottom: 200px; }

.mg-l200 {
  margin-left: 200px; }

.mg-r200 {
  margin-right: 200px; }

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

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

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

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

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

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

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

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

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

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

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

.c-f00 {
  color: #f00; }

.c-20252c {
  color: #20252c; }

.c-333 {
  color: #333; }

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

.c-dcdcdc {
  color: #dcdcdc; }

.c-b12c17 {
  color: #b12c17; }

.c-ff7b11 {
  color: #ff7b11; }

.c-b7b7b7 {
  color: #b7b7b7; }

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

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

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

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

.bgc-20252c {
  background-color: #20252c; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-100p {
  width: 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; }

.detail-left-btn {
  border: 1px solid #080808;
  color: #080808;
  height: 40px;
  line-height: 38px;
  background: transparent;
  padding: 0 10px;
  font-size: 14px;
  border-radius: 3px;
  margin: 0 14px 14px;
  outline: none;
  cursor: pointer;
  min-width: 120px;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out; }
  .detail-left-btn:hover {
    background: #080808;
    color: #fff !important; }

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