/* 开始全局通用样式 */
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-center {
  margin-left: auto !important;
  margin-right: auto !important;
}

.float-li-left li {
  float: left !important;
}

.float-li-right li {
  float: right !important;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-justify {
  text-align: justify !important;
  text-justify: distribute-all-lines !important;
  text-align-last: justify !important;
}

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

.width-100 {
  width: 100% !important;
}

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

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

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

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

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

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

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

.text-26 {
  font-size: 26px !important;
}

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

.text-30 {
  font-size: 30px !important;
}

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

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

.text-black {
  color: #000 !important;
}

.text-red {
  color: #c33 !important;
}

.text-green {
  color: #1DB864 !important;
}

.text-white {
  color: #fff !important;
}

.text-yellow {
  color: #FFC500 !important;
}

.text-strong {
  font-weight: 700 !important;
}

.bg-frey {
  background-color: #f1f2f7 !important;
}

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

.margin {
  margin: 10px !important;
}

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

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

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

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

.margin-30 {
  margin: 30px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.margin-lr-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

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

.margin-l-20 {
  margin-left: 20px !important;
}

.margin-r-20 {
  margin-right: 20px !important;
}

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

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

.margin-lr-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.margin-tb-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.margin-l-30 {
  margin-left: 30px !important;
}

.margin-r-30 {
  margin-right: 30px !important;
}

.margin-t-30 {
  margin-top: 30px !important;
}

.margin-b-30 {
  margin-bottom: 30px !important;
}

.padding {
  padding: 10px !important;
}

.padding-2 {
  padding: 2px !important;
}

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

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

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

.padding-30 {
  padding: 30px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.padding-lr-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.padding-tb-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.padding-l-30 {
  padding-left: 30px !important;
}

.padding-r-30 {
  padding-right: 30px !important;
}

.padding-t-30 {
  padding-top: 30px !important;
}

.padding-b-30 {
  padding-bottom: 30px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.border-lr {
  border-left: #ebebeb 1px solid !important;
  border-right: #ebebeb 1px solid !important;
}

.border-tb {
  border-top: #ebebeb 1px solid !important;
  border-bottom: #ebebeb 1px solid !important;
}

.border-l {
  border-left: #ebebeb 1px solid !important;
}

.border-r {
  border-right: #ebebeb 1px solid !important;
}

.border-t {
  border-top: #ebebeb 1px solid !important;
}

.border-b {
  border-bottom: #bdbdbd 1px solid !important;
}

.no-padding {
  padding: 0px !important;
}

.no-padding-lr {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.no-padding-tb {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

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

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

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

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

.no-margin {
  margin: 0px !important;
}

.no-margin-lr {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.no-margin-tb {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

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

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

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

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

.no-border {
  border: none !important;
}

.no-border-lr {
  border: none !important;
}

.no-border-tb {
  border: none !important;
}

.no-border-l {
  border-left: none !important;
}

.no-border-r {
  border-right: none !important;
}

.no-border-t {
  border-top: none !important;
}

.no-border-b {
  border-bottom: none !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.clear {
  clear: both !important;
}