/* 
  flex 布局  https://blog.csdn.net/ThroughWeb/article/details/88797354  

*/

* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
}

.ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.li {
}

.a {
  text-decoration: none;
}

.ah0:hover {
  background-color: #000;
  color: white;
}

.flex {
  display: flex;
}

.f1 {
  flex: 1;
}
.fdr {
  flex-direction: row;
}
.fdrr {
  flex-direction: row-reverse;
}
.fdc {
  flex-direction: column;
}
.fdcr {
  flex-direction: column-reverse;
}

.fww {
  flex-wrap: wrap;
}
.fwwr {
  flex-wrap: wrap-reverse;
}
.fwn {
  flex-wrap: nowrap;
}

.row {
  flex-direction: row;
}

.column {
  flex-direction: column;
}

.jcfs {
  justify-content: flex-start;
}

.jcfe {
  justify-content: flex-end;
}

.jcc {
  justify-content: center;
}

.jcsa {
  justify-content: space-around;
}

.jcsb {
  justify-content: space-between;
}

.flexrow {
  display: flex;
  flex-direction: row;
  /*排列方式按列横向*/
  align-items: flex-start;
  /*各内部元素中间对齐*/
  flex-wrap: wrap;
  /*一行满了是否换行*/
  justify-content: space-around;
  /*排列间隔箭头展开*/
}

.aib {
  /*  baseline: 项目的第一行文字的基线对齐。*/
  align-items: baseline;
}

.ais {
  /*stretch（默认值）：如果项目未设置高度或设为auto，将占满整个容器的高度*/
  align-items: stretch;
}

.aic {
  align-items: center;
  /*各内部元素中间对齐*/
}

.aifs {
  align-items: flex-start;
}

.aife {
  align-items: flex-end;
  /*各元素往底部对齐*/
}

.acfs {
  /* flex-start：与交叉轴的起点对齐。 */
  align-content: flex-start;
}

.ace {
  /* 与交叉轴的终点对齐。 */
  align-content: flex-end;
}
.acc {
  /* 与交叉轴的中点对齐 */
  align-content: center;
}
.acfs {
  /* 与交叉轴两端对齐，轴线之间的间隔平均分布 */
  align-content: space-between;
}
.acsa {
  /* 每根轴线两侧的间隔都相等。所以，轴线之间的间隔比轴线与边框的间隔大一倍。 */
  align-content: space-around;
}
.acs {
  /* 轴线占满整个交叉轴。*/
  align-content: stretch;
}
.h100 {
  height: 100%;
}

.rig5 {
  right: 5%;
}
.rig9 {
  right: 9%;
}

.rig20 {
  right: 20px;
}

.hei60 {
  height: 60px;
}
.wei60 {
  width: 60px;
}
.warp {
  flex-wrap: wrap;
}

.nowarp {
  flex-wrap: nowrap;
}

.posa {
  position: absolute;
}

.posf {
  position: fixed;
}

.posr {
  position: relative;
}

.bot5 {
  bottom: 5%;
}

.bot9 {
  bottom: 9%;
}

.bot20 {
  bottom: 20px;
}

.bgf {
  background-color: #fff;
  color: #000;
}

.bge {
  background-color: #eee;
}

.bgd {
  background-color: #ddd;
}

.bgb {
  background-color: #bbb;
}

.bga {
  background-color: #aaa;
}

.bg9 {
  background-color: #999;
}

.bg7 {
  background-color: #777;
}

.bg5 {
  background-color: #555;
}

.bg3 {
  background-color: #333;
}

.bgf {
  background-color: #fff;
  color: #000;
}

.bgf00 {
  background-color: #f00;
}

.bg0f0 {
  background-color: #0f0;
}

.bg00f {
  background-color: #00f;
}

.bg0 {
  background-color: #000;
  color: #fff;
}

.cf {
  color: #fff;
}

.cc {
  color: #ccc;
}

.c9 {
  color: #999;
}

.c6 {
  color: #666;
}

.c3 {
  color: #333;
}

.c0 {
  color: #000;
}

.ofh {
  overflow: hidden;
}

.ha {
  height: auto;
}

.h10 {
  height: 10%;
}

.h20 {
  height: 20%;
}

.h30 {
  height: 30%;
}

.h40 {
  height: 40%;
}

.h50 {
  height: 50%;
}

.h60 {
  height: 60%;
}

.h70 {
  height: 70%;
}

.h80 {
  height: 80%;
}

.h90 {
  height: 90%;
}

.h5 {
  height: 5%;
}

.h15 {
  height: 15%;
}

.h25 {
  height: 25%;
}

.h35 {
  height: 35%;
}

.h45 {
  height: 45%;
}

.h55 {
  height: 55%;
}

.h65 {
  height: 65%;
}

.h75 {
  height: 75%;
}

.h85 {
  height: 85%;
}

.h95 {
  height: 95%;
}

.h100 {
  height: 100%;
}

.w5 {
  width: 5%;
}

.w10 {
  width: 10%;
}

.w15 {
  width: 15%;
}

.w20 {
  width: 20%;
}

.w25 {
  width: 25%;
}

.w30 {
  width: 30%;
}

.w35 {
  width: 35%;
}

.w40 {
  width: 40%;
}

.w45 {
  width: 45%;
}

.w50 {
  width: 50%;
}

.w55 {
  width: 55%;
}

.w60 {
  width: 60%;
}

.w65 {
  width: 65%;
}

.w70 {
  width: 70%;
}

.w75 {
  width: 75%;
}

.w80 {
  width: 80%;
}

.w85 {
  width: 85%;
}

.w90 {
  width: 90%;
}

.w95 {
  width: 95%;
}

.w100 {
  width: 100%;
}

.p0 {
  padding: 0;
}

.p1 {
  padding: 1%;
}

.p2 {
  padding: 2%;
}

.p3 {
  padding: 3%;
}

.p4 {
  padding: 4%;
}

.p5 {
  padding: 5px;
}

.p10 {
  padding: 10px;
}

.p15 {
  padding: 15px;
}

.p20 {
  padding: 20px;
}

.p25 {
  padding: 25px;
}

.p30 {
  padding: 30px;
}

.p35 {
  padding: 35px;
}

.p40 {
  padding: 40px;
}

.ma {
  margin: auto;
}

.m0 {
  margin: 0;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.tal {
  text-align: left;
}

.dspb {
  display: block;
}

.dspib {
  display: inline-block;
}

.dspi {
  display: inline;
}

.del {
  text-decoration: line-through #f00;
}

.l5 {
  margin-left: 5%;
}

.l10 {
  margin-left: 10%;
}

.l20 {
  margin-left: 20%;
}

.l30 {
  margin-left: 30%;
}

.l40 {
  margin-left: 40%;
}

.l40 {
  margin-left: 40%;
}

.l50 {
  margin-left: 50%;
}

.l60 {
  margin-left: 60%;
}

.l70 {
  margin-left: 70%;
}

.l100 {
  margin-left: 100px;
}

.r10 {
  margin-right: 10%;
}

.r20 {
  margin-right: 20%;
}

.r30 {
  margin-right: 30%;
}

.r50 {
  margin-right: 50px;
}

.r100 {
  margin-right: 100px;
}

.r400 {
  margin-right: 400px;
}

.r500 {
  margin-right: 500px;
}

.t10 {
  margin-top: 10px;
}

.be {
  border: 1px solid #eee;
}

.mb10 {
  margin-bottom: 10px;
}

.bbe {
  border-bottom: 1px solid #eee;
}

.fs17 {
  font-size: 17px;
}

.fs18 {
  font-size: 18px;
}

.fs19 {
  font-size: 19.1px;
}

.fs20 {
  font-size: 20px;
}

.fs21 {
  font-size: 21px;
}

.fs22 {
  font-size: 22px;
}

.fs23 {
  font-size: 23px;
}

.fs24 {
  font-size: 24px;
}

.fs25 {
  font-size: 25px;
}

.fs26 {
  font-size: 26px;
}

.fs27 {
  font-size: 27px;
}

.fs28 {
  font-size: 28px;
}

.fs29 {
  font-size: 29px;
}

.fs30 {
  font-size: 30px;
}

.fs31 {
  font-size: 31px;
}

.fs32 {
  font-size: 32px;
}

.fs34 {
  font-size: 34px;
}

.fs36 {
  font-size: 36px;
}

.fw500 {
  font-weight: 500px;
}

.fw600 {
  font-weight: 600;
}

.fw700 {
  font-weight: 700;
}

.center {
  text-align: center;
  margin: 10px auto;
}

.mb5 {
  margin-bottom: 5rx;
}

.mb10 {
  margin-bottom: 10rx;
}

.mb20 {
  margin-bottom: 20px;
}

.map {
  width: 100%;
  height: 700px;
}

.green {
  color: green;
}

.pl5 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl19 {
  padding-left: 19.1px;
}

.pl38 {
  padding-left: 38.2px;
}

.wid64 {
  width: 64px;
}

.wid128 {
  width: 128px;
}

.hei64 {
  height: 64px;
}

.zfx60 {
  width: 60px;
  height: 60px;
}

.w30 {
  width: 30%;
}

.w65 {
  width: 65%;
}

.w150 {
  width: 150px;
}

.w110 {
  width: 110px;
}

.w200 {
  width: 200px;
}

.w450 {
  width: 450px;
}

.w500 {
  width: 500px;
}

.w550 {
  width: 550px;
}

.w575 {
  width: 575px;
}

.w600 {
  width: 600px;
}

.ml30 {
  margin-left: 30px;
}

.mr30 {
  margin-right: 30px;
}

.mr20 {
  margin-right: 20px;
}

.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.center {
  text-align: center;
  margin: 0 auto;
}

.br5 {
  border-radius: 5%;
}

.br10 {
  border-radius: 10%;
}

.br15 {
  border-radius: 15%;
}

.br35 {
  border-radius: 35%;
}

.br50 {
  border-radius: 50%;
}

.br60 {
  border-radius: 60px;
}

.bsb {
  box-sizing: border-box;
}

.ofh {
  overflow: hidden;
}

.ofs {
  overflow: scroll;
}

.bd1 {
  border: 1px solid #111;
}

.bs5 {
  box-shadow: 5px;
}

.h105 {
  height: 105px;
}

.h110 {
  height: 110px;
}

.h115 {
  height: 115px;
}

.h120 {
  height: 120px;
}

.h125 {
  height: 125px;
}

.h130 {
  height: 130px;
}

.h135 {
  height: 135px;
}

.h140 {
  height: 140px;
}

.h145 {
  height: 145px;
}

.h150 {
  height: 150px;
}

.h155 {
  height: 155px;
}

.h160 {
  height: 160px;
}

.h165 {
  height: 165px;
}

.h170 {
  height: 170px;
}

.h175 {
  height: 175px;
}

.h180 {
  height: 180px;
}

.h185 {
  height: 185px;
}

.h195 {
  height: 195px;
}

.h200 {
  height: 200px;
}

.h205 {
  height: 205px;
}

.h210 {
  height: 210px;
}

.h220 {
  height: 220px;
}

.h225 {
  height: 225px;
}

.h230 {
  height: 230px;
}

.h235 {
  height: 235px;
}

.h240 {
  height: 240px;
}

.h245 {
  height: 245px;
}

.h250 {
  height: 250px;
}

.h255 {
  height: 255px;
}

.h260 {
  height: 260px;
}

.h265 {
  height: 265px;
}

.h300 {
  height: 300px;
}

.h305 {
  height: 305px;
}

.h310 {
  height: 310px;
}

.h315 {
  height: 315px;
}

.h320 {
  height: 320px;
}

.h325 {
  height: 325px;
}

.h330 {
  height: 330px;
}

.h335 {
  height: 335px;
}

.h340 {
  height: 340px;
}

.h345 {
  height: 345px;
}

.h350 {
  height: 350px;
}

.h365 {
  height: 365px;
}

.h400 {
  height: 400px;
}

.h500 {
  height: 500px;
}

.h600 {
  height: 600px;
}

.h900 {
  height: 900px;
}

.feichu {
  position: relative;
  left: 3000px;
  top: 10000px;
}

/*提示块组件样式*/

.tishikuai {
  padding: 10px;
}

.tishikuai text {
  font-size: 32px;
}

.tishikuai:first-child {
  text-indent: 64px;
}

.lh30 {
  line-height: 30px;
}

.lh40 {
  line-height: 40px;
}

.lh50 {
  line-height: 50px;
}

.lh60 {
  line-height: 60px;
}

.lh100 {
  line-height: 100px;
}

.lh150 {
  line-height: 150px;
}

.lh200 {
  line-height: 200px;
}

.vat {
  vertical-align: top;
}

.vam {
  vertical-align: middle;
}

.vab {
  vertical-align: bottom;
}

/*字体间距*/

.ls1 {
  letter-spacing: 0.01rem;
}

.ls2 {
  letter-spacing: 0.02rem;
}

.ls3 {
  letter-spacing: 0.03rem;
}

.ls4 {
  letter-spacing: 0.04rem;
}

.ls5 {
  letter-spacing: 0.05rem;
}

/*背景属性*/

.bg1 {
  background-color: #111;
}

.bge {
  background-color: #eee;
}

.bg2 {
  background-color: #222;
}

.bgff0 {
  background-color: #ff0;
}

.bgf00 {
  background-color: #f00;
}

.bg000 {
  background-color: #000;
}

.bg00f {
  background-color: #00f;
}

.bg0f0 {
  background-color: #0f0;
}

.bg0ff {
  background-color: #0ff;
}

.bge04319 {
  background-color: #e04319;
}

.bglan {
  background-color: #3f91d2;
  color: #fff;
}

/*颜色*/

.chui {
  color: #949aa3;
}

.c0ff {
  color: #0ff;
}

.cf00 {
  color: #f00;
}

.ceee {
  color: #eee;
}

.cff0 {
  color: #ff0;
}

.cfff {
  color: #fff;
}

.c000 {
  color: #000;
}

.c0f0 {
  color: #0f0;
}

.c00f {
  color: #00f;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.ml40 {
  margin-left: 40px;
}

.ml40 {
  margin-left: 40px;
}

.ml50 {
  margin-left: 50px;
}

.ml60 {
  margin-left: 60px;
}

.ml70 {
  margin-left: 70px;
}

.ml100 {
  margin-left: 100px;
}

.t10 {
  margin-top: 10px;
}

.b10 {
  margin-bottom: 10px;
}

/*字体样式*/

.ff {
  font-family: Georgia;
}

.ff1 {
  font-family: "Microsoft YaHei";
}

.ff2 {
  font-family: "MicrosoftJhengHei";
}

.ff3 {
  font-family: 华文细黑;
}

.ff4 {
  font-family: STHeiti;
}

.ff5 {
  font-family: MingLiu;
}

.ff6 {
  font-family: sans-serif;
}

.ff7 {
  font-family: Cursive;
}

.ff8 {
  font-family: Monospace;
}

.ff9 {
  font-family: Serif;
}

.ff10 {
  font-family: "Times New Roman";
}

.ff11 {
  font-family: Times;
}

.ff12 {
  font-family: MingLiu;
}

.ff13 {
  font-family: Helvetica;
}

.ff14 {
  font-family: Arial;
}

.ff15 {
  font-family: "黑体";
}

.ff16 {
  font-family: "宋体";
}

.ff17 {
  font-family: Tahoma;
}

.ff18 {
  font-family: Verdana;
}

.ff19 {
  font-family: Times;
}

.ff20 {
  font-family: "Times New Roman";
}

.ff21 {
  font-family: "Trebuchet MS";
}

.ff22 {
  font-family: "汉正光标";
}

/*字体间距以根元素字体大小缩放*/

.mls10 {
  letter-spacing: 0.1rem;
}

.mls15 {
  letter-spacing: 0.15rem;
}

.mls20 {
  letter-spacing: 0.2rem;
}

.mls30 {
  letter-spacing: 0.3rem;
}

.fs34 {
  font-size: 34px;
}

.fs36 {
  font-size: 36px;
}

.fs38 {
  font-size: 38.2px;
}

.fs40 {
  font-size: 40px;
}

.fs42 {
  font-size: 42px;
}

.fs44 {
  font-size: 44px;
}

.fs46 {
  font-size: 46px;
}

.fs48 {
  font-size: 48px;
}

.fs50 {
  font-size: 50px;
}

.fs52 {
  font-size: 52px;
}

.fs54 {
  font-size: 54px;
}

.fs56 {
  font-size: 56px;
}

.fs58 {
  font-size: 58px;
}

.fs60 {
  font-size: 60px;
}

.fs70 {
  font-size: 70px;
}

.fs76 {
  font-size: 76px;
}

.fs80 {
  font-size: 80px;
}

.fs90 {
  font-size: 90px;
}

.fs100 {
  font-size: 100px;
}

.fs110 {
  font-size: 110px;
}

.fs120 {
  font-size: 120px;
}

.fw500 {
  font-weight: 500px;
}

.fw600 {
  font-weight: 600;
}

.fw700 {
  font-weight: 700;
}

.fw800 {
  font-weight: 800;
}

.fw900 {
  font-weight: 900;
}

.center {
  text-align: center;
  margin: 0 auto;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mt70 {
  margin-top: 70px;
}

.mt80 {
  margin-top: 80px;
}

.mt90 {
  margin-top: 90px;
}

.mt100 {
  margin-top: 100px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.map {
  width: 100%;
  height: 700px;
}

.green {
  color: green;
}

.left {
  text-align: left;
}

.mright {
  text-align: right;
}

.pr10 {
  padding-right: 10px;
}

.pr19 {
  padding-right: 19.1px;
}

.pr20 {
  padding-right: 20px;
}

.pr30 {
  padding-right: 30px;
}

.pr100 {
  padding-right: 100px;
}

.pr150 {
  padding-right: 150px;
}

.pr200 {
  padding-right: 200px;
}

.pl5 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl25 {
  padding-left: 25px;
}

.pl30 {
  padding-left: 30px;
}

.pl35 {
  padding-left: 35px;
}

.pl40 {
  padding-left: 40px;
}

.pl45 {
  padding-left: 45px;
}

.pl50 {
  padding-left: 50px;
}

.pl60 {
  padding-left: 60px;
}

.pl100 {
  padding-left: 100px;
}

.pl150 {
  padding-left: 150px;
}

.pl200 {
  padding-left: 200px;
}

.p55 {
  padding-left: 55px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pt60 {
  padding-top: 60px;
}

.pt70 {
  padding-top: 70px;
}

.pt80 {
  padding-top: 80px;
}

.pt90 {
  padding-top: 90px;
}

.pt100 {
  padding-top: 100px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb60 {
  padding-bottom: 60px;
}

.pb70 {
  padding-bottom: 70px;
}

.pb80 {
  padding-bottom: 80px;
}

.pb90 {
  padding-bottom: 90px;
}

.pb100 {
  padding-bottom: 100px;
}

.width64 {
  width: 64px;
}

.width128 {
  width: 128px;
}

.height64 {
  height: 64px;
}

.m5 {
  margin: 5px;
}

.m10 {
  margin: 10px;
}

.m20 {
  margin: 20px;
}

.m30 {
  margin: 30px;
}

.m40 {
  margin: 40px;
}

/*右边距离*/

.mr30 {
  margin-right: 30px;
}

.mr20 {
  margin-right: 20px;
}

.mr10 {
  margin-right: 10px;
}

.mr20 {
  margin-right: 20px;
}

.mr30 {
  margin-right: 30px;
}

.mr50 {
  margin-right: 50px;
}

.mr100 {
  margin-right: 100px;
}

.mr400 {
  margin-right: 400px;
}

.mr500 {
  margin-right: 500px;
}

.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.br60 {
  border-radius: 60px;
}

.bde {
  border: 1px solid #eee;
}

.bs5 {
  box-shadow: 5px;
}

/*自定义样式*/

.z5 {
  z-index: 5;
}
.z15 {
  z-index: 15;
}

/*自定义位移样式*/

.weiyi1 {
  position: relative;
  top: -105px;
}

.weiyi2 {
  position: relative;
  top: -237px;
  left: 3px;
  border-radius: 0 35px;
  /*background-color: #0f0;*/
  width: 70px;
  height: 35px;
  font-size: 28px;
  color: #fff;
  text-align: center;
  line-height: 35px;
  background-color: #3bb371;
  /*padding: 1px 1px;*/
  letter-spacing: 0.2rem;
}

.weiyi3 {
  position: relative;
  top: -35px;
  overflow: hidden;
}

.weiyi4 {
  position: relative;
  top: -60px;
}

.weiyi5 {
  position: relative;
  z-index: 2;
  font-size: 64px;
  font-weight: 200;
  line-height: 74px;
  width: 148px;
  height: 74px;
  text-align: center;
  color: #fff;
  background-color: #3cb373;
  border-radius: 0 74px;
}

.weiyi6 {
  position: relative;
  top: -74px;
}

.weiyi7 {
  position: fixed;
  bottom: 0;
  height: 100px;
  z-index: 3;
}

.weiyi8 {
  text-align: center;
  z-index: 2;
  position: relative;
  top: -163px;
  left: -229px;
  font-size: 25px;
  color: #fff;
  font-weight: 400;
  display: inline-block;
  width: 50px;
  border-radius: 0 25px 0 25px;
  background-color: #3cb373;
}

/*隐藏超出*/

.ofh {
  overflow: hidden;
}

/*浮动样式*/

.fl_l {
  float: left;
}

.fl_r {
  float: right;
}

/*特殊图片样式*/

.img1 {
  width: 72px;
  height: 72px;
}

.img2 {
  width: 82px;
  height: 82px;
}

.img3 {
  width: 123px;
  height: 123px;
}

.img58 {
  width: 58px;
  height: 58px;
}

.img64 {
  width: 64px;
  height: 64px;
}

.img81 {
  width: 81px;
  height: 81px;
}

.img128 {
  width: 128px;
  height: 128px;
}

.img150 {
  width: 150px;
  height: 150px;
}

.img155 {
  width: 155px;
  height: 155px;
}

.link {
  color: #00f;
  display: inline-block;
  border-bottom: 1px solid #370;
}

/*垂直位置*/

.vat {
  vertical-align: top;
}

.vam {
  vertical-align: middle;
}

.vab {
  vertical-align: bottom;
}

/*字体间距*/

.ls1 {
  letter-spacing: 0.01rem;
}

.ls2 {
  letter-spacing: 0.02rem;
}

.ls3 {
  letter-spacing: 0.03rem;
}

.ls4 {
  letter-spacing: 0.04rem;
}

.ls5 {
  letter-spacing: 0.05rem;
}

.ls6 {
  letter-spacing: 0.06rem;
}

.ls7 {
  letter-spacing: 0.07rem;
}

.ls8 {
  letter-spacing: 0.08rem;
}

.ls9 {
  letter-spacing: 0.09rem;
}

.ls10 {
  letter-spacing: 0.1rem;
}

.br15 {
  border-radius: 15px;
}

.lh38 {
  line-height: 38px;
}

.lh70 {
  line-height: 70px;
}

.lh80 {
  line-height: 80px;
}

.lh90 {
  line-height: 90px;
}

.cb {
  clear: both;
}

/*边框属性*/

.bre {
  border-right: 1px solid #eee;
}

.bte {
  border-top: 1px solid #eee;
}

.btf2 {
  border-top: 1px solid #f2f2f2;
}

/*边框*/

.bte {
  border-top: 1px solid #eee;
}

.bbe {
  border-bottom: solid 1px #eee;
}

.bbd {
  border-bottom: 1px solid #ddd;
}

.bbc {
  border-bottom: 1px solid #ccc;
}

.bbb {
  border-bottom: 1px solid #bbb;
}

.bre {
  border-right: 1px solid #eee;
}

.ble {
  border-left: 1px solid #eee;
}

.bb-e {
  border-bottom: 1px dashed #eee;
}

.bbb {
  border-bottom: 1px solid #bbb;
}

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

.bb8 {
  border-bottom: 1px solid #888;
}

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

.bb00f {
  border-bottom: 1px solid #00f;
}

/*背景属性*/

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

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

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

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

.bgw {
  background-color: #ff5722;
}

.bw {
  border: 1px solid #ff5722;
}

.bggreen {
  background-color: #4caf50;
}

.bgblue {
  background-color: #008cba;
}

.bgred {
  background-color: #f44336;
}

.bggray {
  background-color: #e7e7e7;
}

.bgray {
  border: 1px solid #e7e7e7;
}

.bgblack {
  background-color: #555;
  color: #fff;
}

.bge7 {
  background-color: #e7e7e7;
}

.bgf2 {
  background-color: #f2f2f2;
}

.bg8 {
  background-color: #888;
}

.bg9 {
  background-color: #999;
}

.bgff0 {
  background-color: #ff0;
}

.bgf00 {
  background-color: #f00;
}

.bg0 {
  background-color: #000;
}

.bg00f {
  background-color: #00f;
}

.bg0f0 {
  background-color: #0f0;
}

.bg0ff {
  background-color: #0ff;
}

.bge04319 {
  background-color: #e04319;
}

/*颜色*/

/*颜色*/

.green {
  color: #4caf50;
}

.blue {
  color: #008cba;
}

.red {
  color: #f44336;
}

.gray {
  color: #e7e7e7;
  background-color: #555;
}

.black {
  color: #555;
  background-color: #fff;
}

.ct1 {
  color: #ec7d7d;
}

.cl {
  color: #01aaed;
}

.cw {
  color: #ff5722;
}

.cdanger {
  color: #d9534f;
}

.cwarning {
  color: #f0ad4e;
}

.c0 {
  color: #000;
}

.c1 {
  color: #111;
}

.c2 {
  color: #222;
}

.c3 {
  color: #333;
}

.c4 {
  color: #444;
}

.c5 {
  color: #555;
}

.c6 {
  color: #666;
}

.c7 {
  color: #777;
}

.c8 {
  color: #888;
}

.c9 {
  color: #999;
}

.ca {
  color: #aaa;
}

.cb {
  color: #bbb;
}

.cc {
  color: #ccc;
}

.cd {
  color: #ddd;
}

.ce {
  color: #eee;
}

.cf {
  color: #fff;
}

.c0ff {
  color: #0ff;
}

.cf00 {
  color: #f00;
}

.cff0 {
  color: #ff0;
}

.c0f0 {
  color: #0f0;
}

.c00f {
  color: #00f;
}

.bsb {
  box-sizing: border-box;
}

.bsc {
  box-sizing: content-box;
}


@media screen and (max-width: 750px) {
		.xsdn {
			display: none;
		}
	}
	
	@media screen and (min-width:751px) and (max-width:1500px) {
		.smdn {
			display: none;
		}
	}
	
	@media screen and (min-width:1501px) and (max-width:1875px) {
		.mddn {
			display: none;
		}
	}
	
	@media screen and (min-width:1876px) and (max-width:2251px) {
		.lgdn {
			display: none;
		}
	}