@charset 'UTF-8';
.box-center {
  width: 1200px;
  margin-right: auto;
  margin-left: auto
}
@media (max-width:1200px) {
  .box-center {
    width: 990px;
    margin: 0 auto
  }
  .respon {
    display: none
  }
}
.fl {
  float: left
}
.fr {
  float: right
}
.mr0 {
  margin-right: 0
}
.mr10 {
  margin-right: 10px
}
.mr30 {
  margin-right: 30px
}
.mb10 {
  margin-bottom: 10px
}
.mb20 {
  margin-bottom: 20px
}
.mb30 {
  margin-bottom: 30px
}
.mb35 {
  margin-bottom: 35px
}
.mb40 {
  margin-bottom: 40px
}
.mb45 {
  margin-bottom: 45px
}
.mb50 {
  margin-bottom: 50px
}
.mb60 {
  margin-bottom: 60px
}
.hidden {
  display: none
}
.cf {
  zoom: 1
}
.cf:after,
.cf:before {
  display: table;
  content: ''
}
.cf:after {
  clear: both
}
.dib-wrap {
  font-size: 0
}
.dib-wrap a,
.dib-wrap span {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  word-spacing: normal
}
.dib-box a,
.dib-box span {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  word-spacing: normal
}
.red-btn {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #fff;
  border-color: #bf2c24;
  background: #bf2c24
}
.red-btn:hover {
  color: #fff;
  border-color: #ed4259;
  background: #ed4259
}
.red-btn.disabled {
  cursor: default;
  color: #fff;
  border-color: #a6a6a6;
  background: #a6a6a6
}
.red-btn .la-ball-spin-clockwise {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px
}
.blue-btn {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #3f5a93;
  border-color: #3f5a93
}
.blue-btn:hover {
  color: #2972cc;
  border-color: #2972cc;
  background: #f0f5ff
}
.blue-btn.disabled {
  cursor: default;
  color: #a6a6a6;
  border-color: #a6a6a6;
  background: 0 0
}
.blue-btn .la-ball-spin-clockwise {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px
}
.blue-btn .la-ball-spin-clockwise i {
  background-color: #3f5a93
}
.in-shelf {
  cursor: default;
  color: #a6a6a6;
  border-color: #a6a6a6
}
.in-shelf:hover {
  color: #a6a6a6;
  border-color: #a6a6a6;
  background: 0 0
}
.grey-btn {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #1a1a1a;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  border-color: rgba(0,0,0,.2);
  background: #fbfbfb;
  background: rgba(255,255,255,.5)
}
.grey-btn:hover {
  color: #1a1a1a
}
.grey-btn.disabled {
  cursor: default;
  color: #a6a6a6;
  border-color: #a6a6a6;
  background: 0 0
}
.red-radius-btn {
  font: 14px/34px PingFangSC-Regular,'-apple-system',Simsun;
  position: relative;
  z-index: 1;
  display: block;
  width: 140px;
  height: 34px;
  margin: 20px auto 3px;
  text-align: center;
  color: #fff;
  border-radius: 20px;
  background-color: #bf2c24
}
.red-radius-btn .iconfont {
  font-size: 16px;
  display: inline-block;
  min-width: 16px;
  margin: -3px 5px 0 0;
  vertical-align: middle;
  color: #fff;
  -webkit-text-stroke-width: 0
}
.red-radius-btn:hover {
  color: #fff;
  background: #ed4259
}
.red-radius-btn.disabled {
  cursor: default;
  background-color: #a6a6a6
}
.red-radius-btn .la-ball-spin-clockwise {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -6px
}
:root .blue-btn.btn-loading,
:root .red-btn.btn-loading,
:root .red-radius-btn.btn-loading {
  cursor: default;
  text-indent: -9999em
}
:root .red-btn.btn-loading:hover,
:root .red-radius-btn.btn-loading:hover {
  background: #bf2c24
}
:root .blue-btn.btn-loading:hover {
  background: 0 0
}