.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }
.relative {position: relative;}
.pointer {cursor: pointer;}
.hidden {display:none!important;}
.w_auto {width: auto!important;}
.bold {font-weight: bold;}
.border-bottom {border-bottom: 1px solid #e5e5e5;}
p, h4 {margin:0;}
li{list-style:none;}
ul{padding:0;margin:0;}
.fl {float:left;}
.fr {float:right;}

.hide_line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hide_line_2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

*.cl_black {color: #222d32;}
*.cl_blue {color: #3c8dbc;}
*.cl_333 {color: #333;}
*.cl_666 {color: #666;}
*.cl_999 {color: #999;}
*.cl_fff {color: #fff;}

.f12 {font-size: 12px;}
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f24 {font-size: 24px;}

.mb0 {margin-bottom: 0!important;}
*.mb10 {margin-bottom: 10px;}
*.mb20 {margin-bottom: 20px;}
*.p0 {padding: 0;}
*.p20 {padding: 20px;}
*.pt10 {padding-top: 10px;}
*.pt20 {padding-top: 20px;}
*.pb10 {padding-bottom: 10px;}
*.pb20 {padding-bottom: 20px;}
*.pl10 {padding-left: 10px;}
*.pl20 {padding-left: 20px;}
*.pr10 {padding-right: 10px;}
*.pr20 {padding-right: 20px;}

/* 表单 */
input::placeholder {color: #999;}
select, input {background: transparent;}
[class*=-vm-label] {
  line-height: 20px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.checkbox-vm, .radio-vm {display: none;}
.checkbox-vm-label .checkbox-vm-icon, .radio-vm-label .radio-vm-icon {
  position: relative;
  top: 3px;
  display: inline-block;
  width: 18px;
  height: 17px;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-sizing: border-box;
}
.checkbox-vm:checked + .checkbox-vm-icon {
  border-color: #528cb7;
  background: #528cb7 url(../img/xintai_icon.png) 0 -40px;
}
.radio-vm-label .radio-vm-icon {
  height: 18px;
  border-radius: 50%;
}
.radio-vm:checked + .radio-vm-icon {
  border-color: #3c8dbc;
}
.radio-vm:checked + .radio-vm-icon:before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 3px;
  left: 3px;
  background: #3c8dbc;
  border-radius: 50%;
}
/* 按钮 */
.bgb_btn {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: none;
  border-radius: 5px;
  background: #488FE1;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  outline: none;
  user-select: none;
}
.bgb_btn:focus {
  border: none;
}
.bgb_btn.disabled {
  background: #ccc!important;
  color: #fff!important;
  border-color: #ccc!important;
  pointer-events: none;
}
.gray_btn {background: #cbcbcb;}
.bgb_btn:hover {opacity: .8;color:#fff;}
.bgb_btn:active {opacity: .9;}

/* 常用 */
.w1200 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.b-page-title {
  font-weight: bold;
  font-size: 24px;
  color: #222d32;
  height: 58px;
  line-height: 58px;
  padding-left: 3px;
  border-bottom: 1px solid #ecf0f5;
}