/* article */
@import url("button.css");
@import url("page.css");
@import url("home.css");
/* @import url("kuozhan.css"); */
@import url("sweetalert.css");
/* arcitle end */
body { font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; }
.pull-left { float: left; }
.pull-right { float: right; }
.ml5{ margin-left: 5px;}
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ml30{ margin-left: 30px;}
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.pl5{ padding-left: 5px;}
.pl10{ padding-left: 10px;}
.pl20{ padding-left: 20px;}
.pl30{ padding-left: 30px;}
.pt5{ padding-top: 5px;}
.pt10{ padding-top: 10px;}
.pt20{ padding-top: 20px;}
.pt30{ padding-top: 30px;}
.f10 { font-size: 1.0rem !important; }
p { margin: 5px 0px; }
.overh { overflow: hidden; }
h4.gengxin_h4 { font-size: 1.0rem; font-weight: bold; }
.baodian_logo a{ color: #EEE; }
.baodian_logo a:hover{ text-decoration: none; }
.app-main__outer { max-width: 1400px; margin: 0 auto; }
.fixed-sidebar .app-main .app-main__outer { padding-left: 0px; }
.closed-sidebar.fixed-sidebar .app-main__outer { padding-left: 0px; }
.app-main .app-main__inner {padding:30px 15px 0px; }
.app-page-title { margin: 0px 0px 30px; }
.app-header__logo { width: 80px; } 
.baodian_logo {  font-size: 24px; color: #EEE; font-weight: bold; padding: 0 20px; height: 60px; line-height: 60px; }
.card-header { height: 3.2rem; }
.card-header, .card-title { font-size: 1.0rem; color: #111; }
.app-sidebar.sidebar-text-light .app-sidebar__heading::before {
    background: rgba(255,255,255,0.1) !important;
}
.vertical-nav-menu i.metismenu-state-icon, .vertical-nav-menu i.metismenu-icon { font-size: 1.3rem; }
.closed-sidebar .app-sidebar { width: 10px; min-width: 10px; }
.lngbt { height: 60px;  }
.lngbt a{  }
.lngbt i { font-size: 1.8rem; line-height: 60px; }
.lngbtimg { display: inline-block;  margin: 0px; padding: 0px; position: relative;top: -8px; }
.lngbtimg img { width: 30px; height: 30px;  }
.vertical-nav-menu li a { transition: none; }

.app-theme-white .app-page-title {
    background-color: #FFF;
	color: #111;
}
.app-page-title { padding: 20px 30px; }
.app-page-title h1.page-title-wrapper {  }
h1.page-title-wrapper { font-size: 2.0rem; text-align: center;  }
.article_sinfo { color: #666; border-top: #EEE 1px solid; margin-top: 10px; padding-top: 10px; }
.sinfo_l { float: left; }
.sinfo_r { float: right;}
.border-t-none { border-top: none !important; }

.badge-sm {
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px 8px;
    min-width: 19px;
}

.upmain_tit { overflow: hidden; }
.upmain_tit h4 { float: left; }
.upmain_tit_time { float: right; }

.tools_link span.li_class_bt { display: inline-block; width: 60px; }
.tools_link a{ display: inline-block; margin: 0 10px; }
.tools_link li { height: auto !important; }
.r_desc { color: #666; font-size: 0.8rem; font-weight: normal;  }

.sider_lhl { display: inline-block; }
.sider_lhr { display: inline-block; height: 2.4rem;margin-left: 10px;  }
.vertical-nav-menu li a.sider_lhr_i {  display: inline-block; margin-top: 8px;  line-height: 25px; height: 25px; width: 40px;  text-align: center; font-size: 12px !important; color: rgba(255,255,255,0.7);  padding: 0px !important; text-align: center; }

.cursor_p { cursor: pointer; }
.text_c { text-align: center; }
.home_qcode_pic { max-width: 100%; }

/* image card */
.imgs_box {  margin: 20px -15px; }
.imgs_box a.imgs_box_li { width: 100%; display: inline-block; background-color: #FFF; border-radius: 8px; overflow: hidden; padding-bottom: 10px; text-decoration: none;   }
.imgs_box .imgs_box_li:hover { background-color: #EEE; }
.img_box_li_img { width: 100%; height: 95px; overflow: hidden; }
.img_box_li_img img { width: 100%; }
.imgs_box_li h3 { font-size: 14px; color: #333; text-align: center; height: 25px; line-height:25px; margin: 10px 0px 0px 0px; padding: 0px; }
.imgs_box_li p { height: 25px; line-height: 25px; color: #a1a1a1; font-size: 0.8rem; text-align: center; padding: 0px; margin: 0px; }
/* preloader */
#vue-loader{position: absolute;left: 50%;right: 50%; top:50%; margin-left: -100px; margin-top: -100px;  z-index:9999991 ;}
.theme-loader-in{height:200px;width:200px;/* background-color:#fff; */z-index:999999; margin: 0 auto; overflow: hidden;}
.theme-loader-in .ball-scale{height:50px;width:50px; margin: 70px auto;}
.theme-loader-in .ball-scale .contain{height:100%;width:100%}.theme-loader .ball-scale .contain .ring{display:none}
.theme-loader-in .ball-scale .contain .ring:first-child{display:block;height:100%;width:100%;border-radius:50%;padding:10px;border:3px solid transparent;border-left-color:#01a9ac;border-right-color:#01a9ac;-webkit-animation:round-rotate 1.5s ease-in-out infinite;animation:round-rotate 1.5s ease-in-out infinite}
.theme-loader-in .ball-scale .contain .ring:first-child .frame{height:100%;width:100%;border-radius:50%;border:3px solid transparent;border-left-color:#0ac282;border-right-color:#0ac282;-webkit-animation:round-rotate 1.5s ease-in-out infinite;animation:round-rotate 1.5s ease-in-out infinite}

.theme-loader{height:100%;width:100%;background-color:#fff;position:fixed;z-index:999999;top:0}.theme-loader .ball-scale{left:50%;top:50%;position:absolute;height:50px;width:50px;margin:-25px 0 0 -25px}.theme-loader .ball-scale .contain{height:100%;width:100%}.theme-loader .ball-scale .contain .ring{display:none}.theme-loader .ball-scale .contain .ring:first-child{display:block;height:100%;width:100%;border-radius:50%;padding:10px;border:3px solid transparent;border-left-color:#01a9ac;border-right-color:#01a9ac;-webkit-animation:round-rotate 1.5s ease-in-out infinite;animation:round-rotate 1.5s ease-in-out infinite}.theme-loader .ball-scale .contain .ring:first-child .frame{height:100%;width:100%;border-radius:50%;border:3px solid transparent;border-left-color:#0ac282;border-right-color:#0ac282;-webkit-animation:round-rotate 1.5s ease-in-out infinite;animation:round-rotate 1.5s ease-in-out infinite}
@-webkit-keyframes round-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes round-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}



/* 分页 */
/* .pagebox { text-align: center; }
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:0}
.pagination > li{display:inline}
.pagination > li > a,.pagination > li > span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#3ac47d;background-color:#ffffff;border:1px solid #3ac47d;margin:0px 2px; border-radius: .25rem; font-weight: bold; margin-bottom: 5px;}
.pagination > li:first-child > a,.pagination > li:first-child > span{margin-left:0;}
.pagination > li:last-child > a,.pagination > li:last-child > span{}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus{z-index:3;color:#3ac47d;background-color:#eeeeee;border-color:#3ac47d}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{z-index:2;color:#ffffff;background-color:#3ac47d;border-color:#3ac47d;cursor:default}
.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus{color:#777777;background-color:#ffffff;border-color:#3ac47d;cursor:not-allowed}
.pagination-lg > li > a,.pagination-lg > li > span{padding:10px 16px;font-size:18px;line-height:1.3333333}
.pagination-lg > li:first-child > a,.pagination-lg > li:first-child > span{}
.pagination-lg > li:last-child > a,.pagination-lg > li:last-child > span{}
.pagination-sm > li > a,.pagination-sm > li > span{padding:5px 10px;font-size:12px;line-height:1.5}
.pagination-sm > li:first-child > a,.pagination-sm > li:first-child > span{}
.pagination-sm > li:last-child > a,.pagination-sm > li:last-child > span{}
.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}
.pager li{display:inline}
.pager li > a,.pager li > span{display:inline-block;padding:5px 14px;background-color:#ffffff;border:1px solid #3ac47d;border-radius:15px}
.pager li > a:hover,.pager li > a:focus{text-decoration:none;background-color:#eeeeee}
.pager .next > a,.pager .next > span{float:right}
.pager .previous > a,.pager .previous > span{float:left}
.pager .disabled > a,.pager .disabled > a:hover,.pager .disabled > a:focus,.pager .disabled > span{color:#777777;background-color:#ffffff;cursor:not-allowed}
.pagination > li > span.laypage-curr {
    background-color: #3ac47d;
	color: #FFF;
    font-size: 14px;
}
.pagination li:last-child a {} */

.list_li_p { margin: 0px; padding: 10px 15px 20px; }
.list_li_p li { list-style: none; height: 35px; line-height: 35px; overflow: hidden; border-bottom: 1px solid #EEE; }
.list_li_p li a { font-size: .8rem; }
.list_li_p .li_class_bt { display: inline-block;  }
.list_li_p .li_r_badges { display: inline-block; float: right; margin-top: 5px; }

.list_li_img_hot {}
.list_li_img_hot .list_li_img_li {}
.list_li_img_hot .list_li_img_li img{ width: 100%; } 

.tbui-bannerlist{margin-left:-15px;margin-right:0px;margin-bottom:15px; padding: 0 5px 0 0px;}
.tbui-bannerlist_xz { padding-left: 15px !important; padding-right: 15px !important; }
.tbui-bannerlist a:hover,.tbui-bannerlist a:focus{color:#ffdb8d}
.tbui-bannerlist-contentholder{position:absolute;padding:16px;top:0;bottom:0;left:0;right:0;overflow:hidden}
.tbui-bannerlist-link{position:absolute;display:block;left:0;right:0;top:0;bottom:0}
.tbui-bannerlist-link a{z-index:5;display:block;left:16px;right:0;top:16px;bottom:0;position:absolute;padding:8px;border:1px solid #403150;border:1px solid rgba(255,255,255,0.2); }
.tbui-bannerlist-link a:hover{border-color:#e39b00}
.tbui-bannerlist-textarea{z-index:1;bottom:0;left:16px;right:0;padding:25px 6px 6px;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(90%,rgba(0,0,0,.8)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 90%)}
.tbui-bannerlist-contentholder .tbui-bannerlist-image,.tbui-bannerlist-overlay,.tbui-bannerlist-contentholder .tbui-bannerlist-textarea{position:absolute}
.tbui-bannerlist-title{text-align:left;z-index:3;font-size:14px}
.tbui-bannerlist-title a{color:#f3e3ba;font-size:12px}
.tbui-bannerlist-contentholder .tbui-bannerlist-image,.tbui-bannerlist-overlay,.tbui-bannerlist-contentholder .tbui-bannerlist-textarea{position:absolute}
.tbui-bannerlist-contentholder .tbui-bannerlist-image{display:block;width:100%;overflow:hidden}
.tbui-bannerlist-contentholder .tbui-bannerlist-image>a{display:block;width:100%;height:100%}
.tbui-bannerlist-item .tbui-bannerlist-image img{margin:0;width:100%;height:100%;object-fit:cover;object-position:center}
.tbui-bannerlist-item::before{content:" ";display:block;padding-top:52%}

/* 分页END */
/* 自动目录 */
.auto_mulu { position: fixed; top: 300px; width: 200px; height: auto; background-color: #FFF; margin-left: -210px; display:none; }
.auto_mulu a { display: block; text-align: left; color:#212529 !important; }
.auto_mulu a.this{ color:#0E97EE !important;}
.mulu_tit { padding-left: 10px; color: orange; }
/*下拉框****************************************************************************/

.baodian_nav { height: 60px; line-height: 60px; }
.yyui_menu1 { height:60px; line-height:60px; font-size:15px; margin-left: 0px; padding-left: 0px; }
 
.yyui_menu1 li { float:left; position:relative; list-style: none; } /*这一级是导航*/
.yyui_menu1 li a { display:block; text-decoration:none; padding:0px 20px;  color: #EEE; line-height: 60px; }
.yyui_menu1 li:hover {  background:#666; }
.yyui_menu1 li a.more:after{content:" »"; float: right;}
.yyui_menu1 ul.one{ margin: 0px; padding: 0px; }
.yyui_menu1 ul.one li{ float: none; }
.yyui_menu1 ul.one li:hover { background-color: #EEE; }
.yyui_menu1 ul.one li a{ line-height: 35px; width: 100%; height: 35px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.yyui_menu1 ul.two{ margin: 0px; padding: 0px; }
.yyui_menu1 ul.two li{ float: none; }
.yyui_menu1 ul.two li a{ line-height: 35px; width: 100%; height: 35px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.yyui_menu1 ul.three{ margin: 0px; padding: 0px; }
.yyui_menu1 ul.three li{ float: none; }
.yyui_menu1 ul.three li a{ line-height: 35px; width: 100%; height: 35px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
 
.yyui_menu1 li ul { position:absolute; float:left; width:150px; border:1px solid #D2D2D2; display:none; background-color:#FFFfff; z-index:9999;} /*这是第二级菜单*/
.yyui_menu1 li ul a { width:110px;text-decoration:none; color:#333333;}
.yyui_menu1 li ul a:hover { background:#f2f2f2;}
 
.yyui_menu1 li ul ul{ top:0;left:148px;} /*从第三级菜单开始,所有的子级菜单都相对偏移*/

.a_none {  }
.app-page-title .page-title-heading { font-size: 2.5rem; }
.card-header-title { font-size: 1.0rem; }
.zhedie_h { cursor: pointer;-moz-user-select: none; /*火狐*/
-webkit-user-select: none; /*webkit浏览器*/
-ms-user-select: none; /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none; }
.selectm_li { border-bottom: 1px solid #EEE; margin-bottom: 8px; padding-bottom: 5px; }

.table th{  }
.select_boxp .card-body{ padding-bottom: 0px; }
.select_searchbox {margin-bottom: 20px; margin-top: 10px; }
.select_searchbox .search-wrapper.active{ width: 100%; }
.select_searchbox .search-wrapper.active .input-holder { width: 70%; margin: 0 auto; }

.app-footer {
    height: auto;
	text-align: center;
}
.app-footer .app-footer__inner{
	height: auto;
	padding: 20px 0;
}
.app-footer p { display: block; width: 100%; font-size: 12px; color: #666; line-height: 23px; }
/* 下拉结束 */
@media screen and (max-width: 1600px) {
	

	 .closed-sidebar .app-sidebar {
	     transition: all .3s ease;
	     width: 10px;
	     min-width: 10px;
	     flex: 0 0 80px;
	     z-index: 13;
	 }
	 .app-header .app-header__content .app-header-left{
		 width: 100%;
	 }
	 .search-wrapper.active {
	     width: 100%;
	 }
	 .search-wrapper.active .input-holder {
	     width: 100%;
	 }
     .app-header .app-header__content .app-header-right{ display: none; }
	 .leftNav-item { margin-left: 0px; right: 10px; }
	 .auto_mulu{ display: none; }
	
}	

@media screen and (max-width: 991.98px) {

	 .baodian_logo {  display: flex; order: 2; }
	 .baodian_nav { display: none; }
	 h1.page-title-wrapper { font-size: 1.3rem; line-height: 30px; }
	 .pull-left { float: none; overflow: hidden; }
	 .pull-right { float: none;overflow: hidden; }
	 .app-page-title { padding: 10px; }
	 .article_sinfo span { display: inline-block; max-width: 110px; overflow: hidden; text-overflow:ellipsis;white-space: nowrap; }
	 .sinfo_l .ml20 { margin-left: 5px;  }
	 .article_sinfo span.a_times { display: none;  }
	 .article_sinfo span.a_source {  }
	 .article_sinfo span.a_writer {}
	 .article_sinfo span.a_views {  }
	 .app-main .app-main__inner > .row {
	     margin: 0 -15px;
	 }
	 .leftNav-item { display: none; }
	 .pd-nav {  display: none; }
	 .pd-list { width: 100%; }
	 .tool-item { width: 20%; }

}	

@media screen and (max-width: 400px) {
    .tool-item { width: 33%; }
}	

@media screen and (max-width: 1400px) {
     
}

/* right bt */
.leftNav-item {
	position: fixed;
	top: 50%;
	z-index: 999999;
	right: 100px;
}
.leftNav-item ul{
	margin: 0;
	padding: 0;
}
.leftNav-item ul li {
	width: 60px;
	height: 60px;
	font-size: 20px;
	border-radius: 5px;
	background: #fff;
	color: #fff;
	text-align: center;
	margin: 5px 0;
	cursor: pointer;
	position: relative;
	transition: .5s;
	/* box-shadow: 0 2px 5px rgba(0,0,0,0.8); */
	list-style: none;
}
.leftNav-item ul li:hover{
	background-color: #007BFF;
	color: #FFF;
}
.leftNav-item ul li:hover i{
	color: #FFF;
}
.leftNav-item ul i:hover{
    color: #FFF;
}
.leftNav-item ul li i {
	color: #666;
	line-height: 60px;
	font-size:26px;
}

.leftNav-item ul li .rota {
	display: block;
	position: absolute;
	border-radius: 5px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	-webkit-transform-origin: -50% 50%;
	transform-origin: -50% 50%;
	-webkit-transform: rotate3d(0,0,1,90deg);
	transform: rotate3d(0,0,1,90deg);
	-webkit-transition: -webkit-transform .3s ease-in;
	transition: transform .3s ease-in;
	opacity: 0;
	filter: alpha(opacity=0);
	background: #1B8BF5;
	color: #fff;
	text-align: center;
	line-height: 60px;
	font-size: 12px;
	text-decoration: none;
	padding: 2px 3px;
	box-sizing: border-box;
}

.leftNav-item ul li:hover .rota {
	-webkit-transform: rotate3d(0,0,1,0deg);
	transform: rotate3d(0,0,1,0deg);
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	opacity: .9;
	filter: alpha(opacity=90);
}

.leftNav-item ul li .title {
	position: absolute;
	right: -72px;
	top: 16px;
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	text-align: left;
	padding: 3px 10px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	border-radius: 8px;
}

.leftNav-item ul li .img-item {
	position: absolute;
	left: 65px;
	top: -30px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.leftNav-item ul li div img {
	max-width: 120px;
	display: block;
}

.leftNav-item ul li .text-item {
	position: absolute;
	left: 65px;
	top: 18px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #fff;
	text-decoration: none;
	padding: 3px 8px;
	color: #444;
	font-size: 14px;
}

.leftNav-item ul li .text-item span {
	position: relative;
	padding-left: 15px;
	word-break:keep-all;
	white-space:nowrap;
}

.leftNav-item ul li .text-item span i {
	font-size: 14px;
	line-height: 24px;
	position: absolute;
	left: 0;
	top: -2px;
	color: #444;
}

.leftNav-item ul li div {
	display: none;
}

.for-top {
	display: none;
}
/* rightbt end */
/* qtip */

.qtip {
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;
	max-width: 280px;
	min-width: 50px;
	font-size: 10.5px;
	line-height: 12px;
	direction: ltr;
	box-shadow: none;
	padding: 0
}
.qtip p { margin: 3px 0px; line-height: 16px; }

.qtip-content,
.qtip-titlebar {
	position: relative;
	overflow: hidden
}

.qtip-content {
	padding: 5px 9px;
	text-align: left;
	word-wrap: break-word
}

.qtip-titlebar {
	padding: 5px 35px 5px 10px;
	border-width: 0 0 1px;
	font-weight: 700
}

.qtip-titlebar+.qtip-content {
	border-top-width: 0 !important
}

.qtip-close {
	position: absolute;
	right: -9px;
	top: -9px;
	z-index: 11;
	cursor: pointer;
	outline: 0;
	border: 1px solid transparent
}

.qtip-titlebar .qtip-close {
	right: 4px;
	top: 50%;
	margin-top: -9px
}

* html .qtip-titlebar .qtip-close {
	top: 16px
}

.qtip-icon .ui-icon,
.qtip-titlebar .ui-icon {
	display: block;
	text-indent: -1000em;
	direction: ltr
}

.qtip-icon,
.qtip-icon .ui-icon {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none
}

.qtip-icon .ui-icon {
	width: 18px;
	height: 14px;
	line-height: 14px;
	text-align: center;
	text-indent: 0;
	font: normal 700 10px/13px Tahoma, sans-serif;
	color: inherit;
	background: -100em -100em no-repeat
}

.qtip-default {
	border: 1px solid #000;
	background-color: #111;
	box-shadow: 0 .125rem .625rem rgba(218,98,74,.4),0 .0625rem .125rem rgba(218,98,74,.5);
	color: #EEE;
	border-radius: 6px;
}

.qtip-default .qtip-titlebar {
	background-color: #FFEF93
}

.qtip-default .qtip-icon {
	border-color: #CCC;
	background: #F1F1F1;
	color: #777
}

.qtip-default .qtip-titlebar .qtip-close {
	border-color: #AAA;
	color: #111
}

.class_alttip { line-height: 22px !important; font-size: 12px !important; }
/* qtip end */