/**
 * CSS格式化
 */
html{min-height: 100%;}
body{font-family:"微软雅黑",arial;font-size: 14px; color: #333;}
body{
	overflow-x: hidden;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td{margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
button, input, select, textarea{ font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;outline:none}
img{margin:0;border:0; border:none; padding:0;}
address, cite, dfn, em, var{font-style: normal; }
code, kbd, pre, samp, tt{font-family: "Courier New", Courier, monospace; }
small {font-size:12px;} 	/* 小于 12px 的中文很难阅读，让 small 正常化 */
ul, ol{list-style: none; }
legend{color: #000; }
fieldset, img{border: none;}
button, input, select, textarea{font-size: 100%;appearance: none;-webkit-appearance: none;-moz-appearance: none;}	/* 注：optgroup 无法扶正 */
table{border-collapse: collapse; border-spacing: 0;}	/* 重置表格元素 */
hr{border: none; height: 1px;}	/* 重置 hr */
/* 公共类 */
/* 清理浮动 */
.clear{clear:both!important; height:0!important; font-size:0!important; line-height:0!important; width:100%!important; float:none!important;}

/* 重置文本格式元素 */
a{text-decoration:none; color:inherit;}
* {
	outline: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
hr{
  box-sizing: content-box;
  height: 0;
  margin: 7px 0;
  border: 0;
  border-top: 1px solid #ddd;
}

@font-face {
  font-family: 'aljkt';
  src: url('../font/aljkt.ttf');
}

/* 浮动居中 */
.cl{clear:both;}
.fl{float:left;}
.fr{float:right;}

/* 间距填充 10 像素*/
.ov{overflow:hidden;}
.ma{margin:0 auto;}
/* 块控制 */
.show{display:block;}
.hide{display:none;}
.noshow{visibility:hidden;}
.ishow{visibility:visible;}
.inshow{display:inline-block;}

/* 定位 */
.pa{position:absolute;}
.pr{position:relative;}
.pf{position:fixed;}
.ps{position:static;}


.f12{
	font-size: 12px;
}
.f13{
	font-size: 13px;
}
.f14{
	font-size: 14px;
}
.f15{
	font-size: 15px;
}
.f16{
	font-size: 16px;
}
.f17{
	font-size: 17px;
}
.f18{
	font-size: 18px;
}
.f19{
	font-size: 19px;
}
.f20{
	font-size: 20px;
}
.f21{
	font-size:21px;
}
.f22{
	font-size: 22px;
}
.f23{
	font-size: 23px;
}
.f24{
	font-size: 24px;
}
.f25{
	font-size: 25px;
}

.mt5{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px;
}
.mt20{
	margin-top: 20px;
}
.mt30{
	margin-top: 30px;
}
.mt40{
	margin-top: 40px;
}
.mt50{
	margin-top: 50px;
}
.mt60{
	margin-top: 60px;
}
.mt70{
	margin-top: 70px;
}
.mt80{
	margin-top: 80px;
}
.mt90{
	margin-top: 90px;
}
.mr10{
	margin-right: 10px;
}
.mr20{
	margin-right: 2px;
}
.mr30{
	margin-right: 30px;
}
.mr40{
	margin-right: 40px;
}
.mr50{
	margin-right: 50px;
}
.mr60{
	margin-right: 60px;
}
.mr70{
	margin-right: 70px;
}

.ml10{
	margin-left: 10px;
}
.ml20{
	margin-left: 20px;
}
.ml30{
	margin-left: 30px;
}
.ml40{
	margin-left: 40px;
}
.ml50{
	margin-left: 50px;
}
.pd10{
	padding: 10px;
}
.pdlr25{
	padding-left: 25px;
	padding-right: 25px;
}
.pdb25{
	padding-bottom:25px;
}
.pd20{
	padding: 20px;
}
.pd25{
	padding: 25px;
}
.pd30{
	padding: 30px;
}

.pd40{
	padding: 40px;
}
.pd50{
	padding: 50px;
}
.pdb10{
	padding-bottom: 10px;
}
.pdb20{
	padding-bottom: 20px;
}
.pdb30{
	padding-bottom: 30px;
}
.pdb40{
	padding-bottom: 40px;
}
.pdb50{
	padding-bottom: 50px;
}

.main_width{
	width: 1300px;
	margin: 0 auto;
}
.wid1000{
	width: 1000px;
}
.text_center{
	text-align: center;
}
.text_right{
	text-align: right;
}
.inline_block{
	display: inline-block;
}
.block{
	display: block;
}
.wid100{
	width: 100%;
	display: block;
}
.wid25{
	width: 25%;
}
.wid33{
	width: 33%;
}

.c_fff{
	color: #fff;
}
.bg_fff{
	background-color: #FFFFFF;
}
.bg_ccc{
	background-color: #CCCCCC;
}
.bg_eee{
	background-color: #EEEEEE;
}
.bg_f5{
	background-color: #F5F5F5;
}
.bg_blue{
	background-color: #eef9ff;
}
.gary_bg{
	background-color: #fefefe;
}
.line60{
	line-height: 60px;
}
.c_666{
	color: #666;
}
.c_999{
	color: #999;
}
.main_bg{
	background-color: #45b2ff;
}
.main_color{
	color: #45b2ff;
}
.main_color_hover:hover{
	color: #45b2ff;
}
.small_color{
	color: #ffe306;
}
.yellow_color{
	color: #ff6600;
}
.yellow_bg{
	background-color: #ff6600;
}
.c_red{
	color: #e11414;
}
.red_bg{
	background-color: #e11414;
}
.bbb_bg{
	background-color: #b1b1b3;
}
.border{
	border: 1px solid #ddd;
}
.border_bom{
	border-bottom: 1px solid #f3f3f3;
}
.transition{
	transition: all 0.3s;
	-webkit-transition:all 0.3s;
}
.bold{
	font-weight: bold;
}
.ellipsis{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.ellipsis2{
	max-height: 2.9em;
	line-height: 1.5em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.ellipsis3{
	max-height: 4.4em;
	line-height: 1.5em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}


.middle{
	-webkit-justify-content: center;
	justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: flex;
	overflow: hidden;
}

.main_linear_left{
	background: -webkit-linear-gradient(left top, #34ccfe, #23B8FF); 
  background: -o-linear-gradient(bottom right, #34ccfe, #23B8FF); 
  background: -moz-linear-gradient(bottom right, #34ccfe, #23B8FF); 
  background: linear-gradient(to bottom right, #34ccfe,#23B8FF);
}
.gary_linear_left{
	background: -webkit-linear-gradient(left top, #d4d4d4, #cccccc); 
  background: -o-linear-gradient(bottom right, #d4d4d4, #cccccc); 
  background: -moz-linear-gradient(bottom right, #d4d4d4, #cccccc); 
  background: linear-gradient(to bottom right, #d4d4d4, #cccccc);
}

[v-cloak]{
	display: none;
}

/*滚动条美化*/
.scroll::-webkit-scrollbar {/*滚动条宽度*/
 	width: 8px;
 	height: 8px;
}
 .scroll::-webkit-scrollbar-track {/*滚动条凹槽的颜色，还可以设置边框属性*/
 background-color:#0e2244;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius:8px;
}
 .scroll::-webkit-scrollbar-thumb {/*滚动条的设置*/
 background-color:#13356c;
 -webkit-border-radius:8px;
 -moz-border-radius: 8px;
 border-radius:8px;
}
.radius10{
	border-radius: 10px;
}
.radius20{
	border-radius: 20px;
}
.box_shadow{
	box-shadow: 0 0 5px #ccc;
}

.content-html{
	font-size: 20px;
	line-height: 1.8em;
	font-family: '微软雅黑' !important;
}
.content-html img,.content-html video{
	max-width: 100%;
}
.content-html *{
	font-family: '微软雅黑' !important;
	font-size: 20px !important;
}

.hover-scale{
	transition: all 0.3s;
}
.hover-scale:hover{
	transform: scale(1.05);
}

.channel-title{
	color: #45b2ff;
	font-weight: bold;
	text-align: center;
	font-size: 24px;
}

.list-more-btn-box{
	text-align: right;
	margin-top: 30px;
}
.list-more-btn-box .list-more-btn{
	display: inline-block;
	background-color: #45b2ff;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	border-radius: 30px;
}
.list-more-btn-box .list-more-btn a{
	display: block;
	padding: 10px 20px;
	
}
.list-more-btn-box .list-more-btn:hover{
	background-color: #45b2ff40;
	color: #45b2ff;
}
.common-btn{
	height: 60px;
	line-height: 60px;
	font-size: 24px;
	padding: 0 20px;
	color: #fff;
	box-sizing: border-box;
	min-width: 140px;
	text-align: center;
	border-radius: 60px;
	background-color: #45b2ff;
	transition: all 0.3s;
	cursor: pointer;
}
.common-btn:hover{
	background-color: #45b2ff60;
	color: #45b2ff;
}