button,
input,
select {
  border: 0;
  outline: 0;
  font-family: Microsoft Yahei
}

button:-webkit-autofill,
input:-webkit-autofill,
select:-webkit-autofill {
  background: none !important
}

.clearfix:after,
.container:after {
  clear: both
}

.clearfix:after,
.clearfix:before {
  display: table;
  content: " "
}

.pull-left {
  float: left !important
}

.pull-right {
  float: right !important
}

.show {
  display: block !important
}

.hide {
  display: none !important
}

.container {
  width: 1200px;
  margin: 0 auto
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

.text-justify {
  text-align: justify
}

.fs12 {
  font-size: 12px !important
}

.fs14 {
  font-size: 14px !important
}

.fs16 {
  font-size: 16px !important
}

.fs18 {
  font-size: 18px !important
}

.mgt10 {
  margin-top: 10px !important
}

.mgb10 {
  margin-bottom: 10px !important
}

.mgb20 {
  margin-bottom: 20px !important
}

.line-24 {
  line-height: 24px !important
}

.bg-gray {
  background: #f8f8f8
}

.bg-white {
  background: #fff
}

.color-danger {
  color: #fb5555 !important
}

.color-success {
  color: #18c385
}

.color-warning {
  color: #e6a23c
}

.color-main {
  color: #3c7ee5
}

.color-gray {
  color: #9b9b9b
}
.c999{
  color: #999;
}
.text-gray {
  color: #9b9b9b !important
}

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

.el-table .danger-row {
  background: rgba(251, 85, 85, .1)
}

.el-table .success-row {
  background: rgba(24, 195, 133, .1)
}

.whole-wrapper .iconfont {
  display: inline-block
}

.whole-wrapper .icon,
.whole-wrapper .iconfont {
  vertical-align: middle
}

.header .icon ,.whole-wrapper .icon{
  width: 1em;
  height: 1em;
  fill: currentColor;
  overflow: hidden
}

.div-circle {
  border-radius: 50%
}

.btn {
  display: inline-block;
  background: #fff;
  text-align: center;
  cursor: pointer
}

.btn-orange {
  background: #fc6530;
  color: #fff
}

.btn-orange:hover {
  background: #f45017;
  color: #fff
}

.btn-orange.plain {
  background-color: #fff;
  border: 1px solid #fc6530;
  color: #fc6530
}

.btn-orange.plain:hover {
  background: #fc6530;
  color: #fff
}

.btn-blue {
  background: #3c7ee5;
  color: #fff
}

.btn-blue:hover {
  background: #2c70db;
  color: #fff
}

.btn-blue.plain {
  background-color: #fff;
  border: 1px solid #3c7ee5;
  color: #3c7ee5
}

.btn-blue.plain:hover {
  background: #3c7ee5;
  color: #fff
}

.btn-white {
  background: #fff;
  color: #1b1b1b
}

.btn-white:hover {
  background: #fc6530;
  color: #fff
}

.btn-gray {
  background: #9b9b9b;
  color: #fff
}

.btn-gray:hover {
  background: #e0e3e8;
  color: #fff
}

.btn-gray.plain {
  background-color: #fff;
  border: 1px solid #9b9b9b;
  color: #9b9b9b
}

.btn-gray.plain:hover {
  background: #9b9b9b;
  color: #fff
}

.btn-red {
  background: #fb5555;
  color: #fff
}

.btn-red:hover {
  background: #f64242;
  color: #fff
}

.btn-red.plain {
  background-color: #fff;
  border: 1px solid #fb5555;
  color: #fb5555
}

.btn-red.plain:hover {
  background: #fb5555;
  color: #fff
}

.btn-radius {
  width: 130px;
  height: 30px;
  line-height: 28px;
  background: #fff;
  border: 1px solid #fc6530;
  border-radius: 30px;
  color: #fc6530;
  transition: all .3s
}

.btn-radius:hover {
  background: #fc6530;
  color: #fff
}

.submit-btn {
  width: 140px;
  height: 40px
}

.text-underline,
.text-underline:hover {
  text-decoration: underline
}

a.orange {
  transition: all .3s
}

a.orange:hover {
  text-decoration: underline
}

.bg-green {
  background: #18c385 !important
}

.bg-orange {
  background: #fc6530 !important
}

.orange {
  color: #fc6530 !important
}

.blue {
  color: #3c7ee5 !important
}

.yellow {
  color: #ffcf00 !important
}

.gray-blue {
  color: #9da0a6 !important
}


[v-cloak] {
  display: none;
}