.block{display: block !important; }
.inline{display: inline;}
.clearfix{zoom:1;clear:both;display:inline-block;}
.clearfix{display:block;}
.clearfix:after{content:".";height:0;display:block;clear:both;visibility:hidden;font-size:0;}
.rel{position: relative;}
.fl{float: left !important;}
.fr{float:right !important;}


.tc{text-align: center;}
.tr{text-align: right;}
.tl{text-align: left;}

.ptb30{padding:30px 0;}
.ptb40{padding:10px 0;}
.mt15{margin-top: 15px; }
.mt25{margin-top:25px !important;}
.mtb25{margin-top:25px !important;margin-bottom:60px !important;}
.mb25{margin-bottom:25px !important;}
.mb40{margin-bottom: 40px !important;}
.ml-20{margin-left: -20px;}
.bggrey/* {background: #f3f3f3; */position: relative;}
.bggrey.wb .warp{position: relative;z-index: 1;}
.bggrey.wb:after{content: "";height: 40%;width: 100%;background: #fff;position: absolute;bottom: 0;z-index: 0;}
.bgwrite{background: #fff !important;}
.nav_brank{color: #999;font-weight: 500;font-size: 14px;}
.nav_brank i{padding-right: 6px;}
.nav_brank a{color:#999;font-size: 14px;}
.nav_brank span{}
.nav_brank em{color: #193b57;}

.mo_btn{display:inline-block;height: 36px;line-height: 36px;background: #cb1c1d;color: #fff;border-radius: 5px;border:none;padding:0 20px;cursor: pointer;transition: .3s;overflow: hidden; white-space:nowrap;}
.mo_btn:hover{background-color: #b31819;color:#fff;}
.mo_btn-cancel{background-color: #a7a7a7;}
.mo_btn-cancel:hover{background-color: #6c6c6c;}
.mo_btn-group{padding:20px 0;clear: both;}
.mo_btn.stoke{background:none;color:#cb1c1d; border:1px solid #cb1c1d;}
.mo_btn label{display: block;}
.mo_btn input[type="file"]{display: none;}
a.mo_btn{font-size: 14px;}

.form-control {
  display: block;
  width: 100%;
  padding: 8px 15px;
  line-height: 1.5em;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius:5px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  outline: 0;
  transition: background .5s;
  min-width: 1000px;
  overflow: auto;
  overflow-y:scroll;
}
.modal.col-1{
  max-width: 83px;
}
.modal.col-2{
  max-width: 166px;
}
.modal.col-3{
  max-width: 250px;
}
.modal.col-4{
  max-width: 333px;
}
.modal.col-5{
  max-width: 416px;
}
.modal.col-6{
  max-width: 500px;
}
.modal.col-7{
  max-width: 583px;
}
.modal.col-8{
  max-width: 666px;
}
.modal.col-9{
  max-width: 750px;
}
.modal.col-10{
  max-width: 833px;
}
.modal.col-11{
  max-width: 916px;
}
.modal.col-12{
  max-width:1000px;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin:-20% auto 20px;
  background-color: #fff;
  border-radius: 8px;
  padding:10px 20px 20px;
}

.modal-header {}
.modal-header b{font-size: 18px;}
.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.modal.show {
  display: block;
  background-color: rgba(0,0,0,.6)
}
.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-header .modal-close {
  position: absolute;right:15px;top:10px;display: block;
  background: url("../images/icon_close.png") no-repeat center;
  width:32px;
  height: 32px;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  padding-bottom: 10px;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 8px;
  border-top-right-radius:8px;
}

.modal-body {
  position: relative;
  padding-top:20px;
}

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 20px;
  border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
  margin-left: 5px;
}

.modal-footer > :not(:last-child) {
  margin-right: 5px;
}


.btn{display:inline-block;height: 36px;line-height: 36px;background: #cb1c1d;color: #fff;border-radius: 5px;border:none;padding:0 20px;cursor: pointer;transition: .3s;overflow: hidden; white-space:nowrap;}
.btn:hover{background-color: #b31819;color:#fff;}
.btn-cancel{background-color: #a7a7a7;}
.btn-cancel:hover{background-color: #6c6c6c;}
.btn-group{padding:20px 0;clear: both;}
.btn.stoke{background:none;color:#cb1c1d; border:1px solid #cb1c1d;}
.btn label{display: block;}
.btn input[type="file"]{display: none;}
a.btn{font-size: 14px;}


.tipbox{position: fixed;z-index: 2000;left: 0;top:0;right: 0;bottom:0;background: rgba(0,0,0,.6);}
.tipbox .info{background:#fff;border-radius: 5px;position: relative;margin:-50% auto 0;min-height:200px;width:400px;padding-bottom: 20px;}
.tipbox .info p{padding:70px 20px 20px;text-align: center;}
.tipbox .info p span{position: relative;padding-left: 55px;display:inline-block;min-height:45px;line-height:1.8em;font-size: 16px;background: url("/resource/home/images/icon_14.png") no-repeat left center;padding-top: 8px;}
.tipbox .info .close{position: absolute;right:10px;top:10px;display: block;width:40px;height: 40px;background: url('/resource/home/images/icon_close.png') no-repeat center;}
.tipbox .btns button{margin:0 5px;}