/* 全局变量 */
.f12{font-size: 12px;font-size: 1.2rem}
.f14{font-size: 14px;font-size: 1.4rem}
.f16{font-size: 16px;font-size: 1.6rem}
.f18{font-size: 18px;font-size: 1.8rem}
.f20{font-size: 20px;font-size: 2rem}
.f24{font-size: 24px;font-size: 2.4rem}
.bg_global{background-color: #ebebeb}
.bg_green{background-color: 4b9e5f}
.bg_white{background-color: #fff}
.bc_global{border:solid 0 #ebebeb}
.gray3{color:#333}
.gray6{color:#666}
.gray8{color:#888}
.gray9{color:#999}
.grayb{color:#bbb}
.white{color: #fff}
.green{color:#4b9e5f}
.red{color:red}

img{width:100%}
img.loading{width:20px;height:20px;vertical-align: middle;}
.hot_block{display: block;position: absolute; top: 0; left: 0; z-index: 999; width: 100%; height: 100%;}
.clearfix {zoom:1}
.clearfix:after {content:"";display:block;height:0;font-size:0;clear:both}
.center{text-align: center}
/* 颜色 */
.bg_global{background-color: #ebebeb}

/* 列表 */
table th{width:15%}
table .super-short{width:5%}
table .short{width:8%}
table .long{width:25%}
table .super-long{width:35%}
/* 顶部返回与刷新 */
.topBar>*{
	display: inline-block;
	vertical-align: sub;
}
.topBar .btn{
	padding: 5px 10px;
    font-size: 14px;
    border: solid 1px;
    border-radius: 5px;
    margin-right: 10px;
    vertical-align: middle;
}
/* 底部导航 */
#paginator{width: 100%; text-align: center}
.total{margin-top: 10px}
/* 搜索框 */
form.search{
	text-align: center;
}
form.search .navbar-form{
	margin:20px 0;
	text-align:center;
}
form.search .btn_add{margin: 0 10px 0 80px}
form.search .form-group>*{float:left;margin:0 5px}
form.search .total span{ color:red}
/*覆盖bootstrap样式*/
a:focus,a:hover{cursor: pointer;text-decoration: none;}
ul{list-style: none;padding-inline-start: 0px;}
p{margin:0}
.modal-dialog-centered{top: 50%;transform: translateY(-50%) !important;}
/* loading动画  */
.loading:after {
  content:"";
  display:inline-block;
  border: 1px solid #f3f3f3;
  border-radius: 50%;
  border-top: 2px solid #4b9e5f;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  vertical-align: middle;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* 兼容手机端 */
@media (max-width: 960px) {
	form.search .form-group>*{margin:0 0 5px 0}
	.video_home .content{width:100% !important}
}