//================common begin=================
* {
  margin: 0;
  padding: 0;
}

a:hover {
  text-decoration: none;
}

.blank_s {
  height: 8px;
}

.blank_m {
  height: 16px;
}

.blank_l {
  height: 26px;
}

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

.bdd {
  border: dashed 1px #ccc !important;
}

.bdd_t {
  border-top: dashed 1px #ccc !important;
}

.bdd_l {
  border-left: dashed 1px #ccc !important;
}

.bdd_r {
  border-right: dashed 1px #ccc !important;
}

.bdd_t {
  border-top: dashed 1px #ccc !important;
}

.bds_b {
  border-bottom: solid 1px #ccc !important;
}

.bds_t {
  border-top: solid 1px #ccc !important;
}

.bds_l {
  border-left: solid 1px #ccc !important;
}

.bds_r {
  border-right: solid 1px #ccc !important;
}

.bdd_b {
  border-bottom: dashed 1px #ccc !important;
}

.bdn {
  border: none !important;
}

.bdn_b {
  border-bottom: none !important;
}

.bdn_t {
  border-top: none !important;
}

.bdn_l {
  border-left: none !important;
}

.bg_white {
  background: #fff !important;
}

.bg_f5 {
  background: #F5F5F5 !important;
}


.bg_ff {
  background: #fff !important;
}

.bg_none {
  background: none !important;
}

.main_bg {
  background-color: #F7F7F7;
}

.cursor {
  cursor: pointer;
}

.cursor_none {
  cursor: default !important;
}

.dis_blk {
  display: block !important;
}

.dis_none {
  display: none !important;
}

.dis_inline {
  display: inline !important;
}

.dis_inb {
  display: inline-block !important;
}

.clear_both {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: "\20";
  display: block;
  height: 0;
  clear: both;
}

.fl {
  float: left !important;
}

.fwb {
  font-weight: bold;
}

.white {
  color: #fff !important;
}

.red {
  color: #ff0000 !important;
}

.black {
  color: #000 !important;
}

.grey {
  color: grey !important;
}

.blue {
  color: blue !important;
}

.light-blue {
  color: #009CEB !important;
}

.bgc_grey {
  background: #ccc;
}



.fr {
  float: right !important;
}


.ma0 {
  margin: 0 auto !important;
  ;
}

@for $i from 0 through 100 {
  .height#{$i*10} {
    height: #{$i*10}rpx !important;
  }
}

@for $i from 12 through 100 {
  .fs#{$i} {
    font-size: $i*1rpx !important;
  }
}

@for $i from 1 through 150 {
  .h#{$i*10} {
    height: #{$i*10}rpx !important;
  }
}

@for $i from 0 through 40 {
  .m#{$i*5} {
    margin: #{$i*5}rpx !important;
  }
}

@for $i from 0 through 40 {
  .mb#{$i*5} {
    margin-bottom: #{$i*5}rpx !important;
  }
}

@for $i from 0 through 40 {
  .mt#{$i*5} {
    margin-top: #{$i*5}rpx !important
  }
}

@for $i from 0 through 40 {
  .ml#{$i*5} {
    margin-left: #{$i*5}rpx !important;
  }
}

@for $i from 0 through 40 {
  .mr#{$i*5} {
    margin-right: #{$i*5}rpx !important;
  }
}


@for $i from 0 through 24 {
  .p#{$i*5} {
    padding: #{$i*5}rpx !important;
  }
}

@for $i from 0 through 40 {
  .pl#{$i*5} {
    padding-left: #{$i*5}rpx !important;
  }
}

@for $i from 0 through 40 {
  .pr#{$i*5} {
    padding-right: #{$i*5}rpx !important;
  }
}

@for $i from 0 through 40 {
  .pb#{$i*5} {
    padding-bottom: #{$i*5}rpx !important;
  }
}

@for $i from 0 through 40 {
  .pt#{$i*5} {
    padding-top: #{$i*5}rpx !important;
  }
}

@for $i from 1 through 100 {
  .pct#{$i} {
    width: $i*1% !important
  }
}

@for $i from 0 through 80 {
  .w#{$i*20} {
    width: #{$i*20}rpx !important;
  }
}

.nowrap {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  /*兼容opera*/
  text-overflow: ellipsis;
  /*这就是省略号喽*/
  overflow: hidden;
  /*设置超过的隐藏*/
  white-space: nowrap;
  /*设置不折行*/
}

.pos_r {
  position: relative;
}

.pos_a {
  position: absolute;
}

.pos_f {
  position: fixed;
}

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

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

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

.error_info {
  font-size: 24rpx;
  color: #999999;
  text-align: center;
  padding: 32rpx;
  width: 100%;
  box-sizing: border-box;
}

.number_text_color {
  color: #52AAFF;
}

.text_link {
  color: #10AEFF;
}