body{font-family: 'Microsoft Yahei';background-color: #f5f6f7;color: #4e5358;;}


.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

/* logo ======================================================================================================== */
.header{position:relative;z-index: 99;top:0;left:0;right:0;background-color:#fff;padding:55px 0 20px;margin-bottom:15px;border-bottom:1px solid #EAEAEA;	/*box-shadow: 0 1px 4px rgba(0,0,0,.05);*/border-color:rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.03)}
.header{ padding-top: 20px;  }

.header .logo{overflow:hidden;float:left;margin:0;}
.header .logo a{height:32px;display:block;overflow:hidden;font-size:0;}
.header .logo img{vertical-align: middle;max-height:32px;display:block; }
.header .brand{font-size:14px;float:left;line-height:15px;color:#bbb;padding-left:10px;position:relative;top:1px;border-left:2px solid #eaeaea;margin-left:10px;overflow:hidden;height:30px;}


.footer {
    color: #999;
    background: #fff;
    padding: 30px;
    font-size: 13px;
}

/* site-navbar ======================================================================================================== */

.web-navbar{float:right;font-size:18px;margin-bottom: -7px;}
.web-navbar li{position:relative;float:left;}
.web-navbar li:hover{z-index:2}
.web-navbar a{display:block;padding: 7px 0;color:#666;}
.web-navbar li:hover > a,
.web-navbar li.active a:hover,
.web-navbar a:hover{color:#45B6F7;}

.web-navbar .fa{width: 18px;}
.web-navbar .fa-angle-down{width: 11px;}

.topbar{position:absolute;top:-39px;left:0;right:0;margin-bottom:20px;color:#999;}
.topbar a{color:#999;}
.topbar a:hover{color:#45B6F7;}
.topmenu{float:right;margin-top: -7px;}
.topmenu li{position:relative;float:left;}
.topmenu li:hover{z-index:2}
.topmenu a{display:block;padding:7px 0;color:#999;}

.topmenu .red{color: #FF5E52;display: inline-block;}
.topmenu .red:hover{color: #FF5E52;text-decoration: underline;}

.topbar-off .header{padding-top: 20px;}
.topbar-off .web-navbar{margin-top: -2px;}



.site-nav>li{margin-left: 30px;}
.site-nav>li.menu-item-has-children>a{padding-right: 13px;} 
.site-nav>li.menu-item-has-children:hover a::after{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);margin-top: -10px;} 
.site-nav>li.menu-item-has-children>a::after {content: "\f107";font-family: "Font Awesome 5 Free";font-weight:900;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute;top: 50%;right: 0;margin-top: -8px;font-size: 13px;    -webkit-transition: all 0.25s;-moz-transition: all 0.25s;-ms-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;}
.site-nav .sub-menu{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;visibility: hidden;opacity: 0;position: absolute;top: 100%;left: 50%;margin-top: -25px;background-color: #fff;font-size: 14px;padding: 6px 0;border: 1px solid #ccc;box-shadow: 0 0 10px rgba(0,0,0,0.1);line-height: 1.4;width: 140px;margin-left: -77px;list-style: none;text-align: center;border-radius: 2px;}
.site-nav>li>.sub-menu::before, .site-nav .sub-menu::after {content: '';position: absolute;top: -5px;left: 50%;margin-left: -3px;border-left: 5px solid transparent;border-right: 5px solid transparent;}
.site-nav>li>.sub-menu::before {border-bottom: 5px solid #aaa;}
.site-nav>li>.sub-menu::after {border-bottom: 5px solid #fff;margin-top: 1px;}
.site-nav .sub-menu li{float: none;}
.site-nav .sub-menu a{padding: 7px 10px;}
.site-nav .sub-menu a:hover{background-color: #f6f6f6;}
.site-nav li:hover > .sub-menu{visibility: visible;opacity: 1;margin-top: 0px;}
.site-nav ul .sub-menu{left: 100%;margin-left: 0;top: -7px;margin-top: 0;margin-left: -25px;}
.site-nav ul .sub-menu::before, .site-nav ul .sub-menu::after{content: '';position: absolute;left: -5px;top: 17px;border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
.site-nav ul .sub-menu::before {border-right: 5px solid #c9c9c9;}
.site-nav ul .sub-menu::after {border-right: 5px solid #fff;margin-right: 1px;}
.site-nav ul li:hover > .sub-menu{margin-left: 0;}
.site-nav li:hover .fa-angle-down{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.site-nav li.current-menu-item > a, .site-nav li.current-menu-parent > a{color: #45B6F7;}


.mobile-icon-nav{display: none !important;}
.mobile-navbar-mask{display: none;}
.mobile-navbar{display: none;}


#index-slide{margin-bottom: 15px;z-index: 0;overflow: hidden;border-radius: 4px;}
#index-slide .swiper-slide img{ width:100%; }
@media (max-width:640px){
	#index-slide{border-radius: 0;margin-bottom: 0;}
	#index-slide .swiper-button-next, #index-slide .swiper-button-prev{display: none !important;}
}

.city-wrap{/*background:url(/themes/dux/img/rpt_jbbg1.jpg) repeat-y center top;*/background: #fff; padding:12px 0; margin-bottom: 15px;}
.city-wrap li{display:inline-block; padding: 0 12px; height: 30px; width:92px; margin-bottom:3px }
.city-wrap a{display:inline-block; *display:inline; zoom:1; line-height:30px; width:92px; font:16px 'Microsoft Yahei'; color:#666; text-align:center; border: 1px solid rgba(0, 0, 0, 0); line-height:30px }
.city-wrap .on a,
.city-wrap a.on,
.city-wrap a:hover{border:1px solid #fff; color:#fff;     background-color: rgba(217, 106, 106, 1);  border-radius:30px;  width:90px;}




.warp{ padding-left:10px;padding-right:10px; }
	.hot-city-warp { padding:10px 0 10px ;line-height:28px; }
	.hot-city-warp .hot-city-left{  font-size:14px; color:#B80000; font-weight:bold; padding:0 10px 0 0 ; }
	.hot-city-warp .hot-city-left span { display:block;}
	.hot-city-warp .hot-city-left a { display:inline-block; margin:0px 4px 6px 8px;padding:0 10px;border-radius: 14px;background-color: #eee3e3; color:#6A3A3A; font-weight:normal; font-size:14px;}
	.hot-city-warp .hot-city-left a:hover ,
	.hot-city-warp .hot-city-left a.on 
	{ background-color: #d96a6a; color:#fff; }
	.hot-city-warp .hot-city-right{ font-size:16px; color:#6A3A3A; margin-bottom:10px; display:none}
	.hot-city-warp .hot-city-left span { display:block; margin-bottom:20px;}
	@media screen and (min-width: 768px) {
		.hot-city-warp { /* padding:25px 0 15px ;*/line-height:32px; }
		.hot-city-warp .hot-city-left { font-size:16px;padding:0 15px 0 0 ; }
		.hot-city-warp .hot-city-left span { display: inline-block; margin-bottom:0}
		.hot-city-warp .hot-city-left a {margin:0px 6px 8px 10px;padding:0 15px; font-size:15px;border-radius: 16px;}
		.hot-city-warp .hot-city-right { font-size:18px; display:block}
	}
	@media screen and (min-width: 996px) {
		.hot-city-warp { /*padding:30px 0 20px ;*/line-height:36px; }
		.hot-city-warp .hot-city-left {float:left; width:calc((100% - 250px) );  font-size:18px;padding:0 20px 0 0 ; }
		.hot-city-warp .hot-city-left a {margin:0px 8px 10px 12px;padding:0 20px; font-size:16px;border-radius: 18px;}
		.hot-city-warp .hot-city-right {float:right; font-size:20px;  width:250px; text-align:right; margin-bottom:0}
	}
	
	.city-list-box { background:#FFF; margin:0px 0 30px; padding:10px 10px; line-height:28px; border-radius:10px; clear:both}
	.city-list { padding:10px 0 }
	.city-list  .zimu{ font-size:14px; color:#FFF; font-weight:bold; width:50px; background:rgba(217,106,106,1); text-align:center; margin-bottom:10px;border-radius:6px; }
	.city-list  .city-lista {float:left; width:100%;  }
	.city-list  .city-lista ul li { float:left; margin:0 10px 10px 0; font-size:14px; border:1px solid #efe9e9; border-radius:6px;  width:calc((100% - 40px) /3);}
	.city-list  .city-lista ul li a{ display:block; color:#232323; text-align:center}
	.city-list  .city-lista ul li a:hover{ color:#9F0000; text-decoration:underline}
	.city-list  .city-lista ul li.h a{ color:#9F0000; text-decoration:underline }
	.city-list  .city-lista ul li.h a:hover{ font-weight:bold; }
	@media screen and (min-width: 768px) {
		.city-list  .zimu {font-size:16px; color:#777;width:70px;float:left; background:none; text-align:left;border-radius:0px; }
		.city-list  .city-lista {width:calc((100% - 70px) /1); }
		.city-list  .city-lista ul li {margin:0 15px 15px 0; font-size:15px; border:none; width:auto;border-radius:0px;  }
		.city-list-box {margin:0px 0 40px; padding:25px 50px; line-height:32px;  }
		
		
	}
	@media screen and (min-width: 996px) {
		.city-list  .zimu {font-size:18px; width:80px;  }
		.city-list  .city-lista {width:calc((100% - 80px) /1);}
		.city-list  .city-lista ul li {margin:0 20px 20px 0; font-size:16px;  }
		.city-list-box {margin:0px 0 50px; padding:30px 60px; line-height:36px;  }
	}
	
	.letters-warp { width:30px; height:100%; position:fixed; top:0; right:10px;}
	.letters {height:100%;position:relative;}
	.letters-b1{ position: absolute; left:50%; top:50%; margin-left:-15px; margin-top:-270px; width:30px; height:490px; background:#eeeeee;border-radius:15px; padding:10px 0}
	.letters-tab { }
	.letters-tab-hd {overflow:hidden;zoom:1;}
	.letters-tab-hd li a{display:block; text-align:center; margin:6px 0; font-size:16px;color:#2a2366; height:16px; line-height:16px;}
	.letters-tab-hd li.active a{ color:#f22912;}
	
	@media screen and (min-width: 768px) {
		.letters-warp { display:none}
	}
	

.post-item{
	padding: 20px;
    background: #fff;
    overflow: hidden;
    transition: .2s;
    box-shadow: 0 0 10px rgba(116, 116, 116, 0.08);
    border-radius: 8px;
  	padding-left: 230px;
}

.post-item .item-thumbnail {
    width: 190px;
    height: 133px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;

    float: left;
    margin-left: -210px;

}

.post-item .item-thumbnail img{
	width: 100%;
    height: 100%;
}
.post-item .item-body{
	display: inline-block;
	padding-left: 20px;
	width: 100%;
}

.post-item .item-heading {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 1.4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
    max-height: 2.8em;
    font-weight: 500;
	 text-overflow: ellipsis;
    white-space: nowrap
}
.post-item .item-excerpt{
	margin-bottom: 6px;
	color: #777;
	height: 71px;
	overflow: hidden;
	
}
.post-item .meta-myauthor{
    margin-bottom: 6px;
}
.post-item .item-mymeta{
	font-size: 12px;
	color: #999;
	justify-content: space-between;
	align-items: center;
	display: flex;

}
.post-item .item-mymeta a{
	color: #999;
	font-size: 12px;
}
.post-item .item-mymeta .meta-right{
	
}


.catleader{background-color:#fff;border:1px solid #eaeaea;border-radius:4px;margin-bottom:15px;padding:15px 20px;}
.catleader h1{font-size:22px;margin:0;padding:0;line-height:1;border-left:5px solid #45B6F7;padding-left:10px;     font-weight: 500;}
.catleader h1 small{color:#999;font-size:14px;position:relative;top:-2px;margin-left:5px;}
.catleader-desc{font-size:14px;color:#999;margin-top:10px;}
@media (max-width:640px){
	.catleader{padding: 12px 15px 10px;margin-bottom: 5px;border: none;}
	.catleader h1{font-size: 14px;font-weight: bold;}
	.catleader-desc{margin-top: 5px;font-size: 12px;}
}

.breadcrumb{
	    margin-bottom: 12px;
}
.content-wrap {

    padding: 0 30px;
    padding-bottom: 30px;
    overflow: hidden;
    /*background: #fff;*/
    border-radius:8px ;
    margin-bottom: 20px;
}



.content-wrap .article-avatar, 
.content-wrap .article-title {
    margin-top: 15px;
}
.content-wrap .article-title {
    font-size: 22px;
    font-weight: 700;
    color: #333;
}
.content-wrap .article-avatar{
	display: flex;
	color: #999;
}
.content-wrap .user-right{
	    margin-left: 10px;
}

.avatar-img, 
.avatar-lg, 
.avatar-mini, 
.square-box {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    --this-size: 38px;
    width: 38px;
    height: 38px;
}
.avatar, 
.radius-cover {
    border-radius: 100px;
    display: inline-block;
}
.avatar, 
.fit-cover, 
.radius-cover {
    width: 100%;
    height: 100%;
    transition: all .2s;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
}

.login-wrap{
	max-width: 330px;
    margin: auto;
    background: #fff;
    clear: both;

    padding: 15px;
    box-shadow: 0 0 10px rgba(116, 116, 116, 0.08);;
    border-radius: 8px;
    margin-bottom: 20px;
}
.login-wrap .title{
	    position: relative;
    padding-bottom: 8px;
        font-size: 2em;
}
.login-wrap .box-head{
	font-size: 12px;
	color: #777;
}
.login-wrap .title:before {
    transition: .4s;
    transform-origin: left;
    position: absolute;
    content: '';
    width: 40px;
    height: 3px;
    background: #16baaa;
    left: 0;
    bottom: 3px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px -1px  #16baaa;;
}
.login-wrap .box-body{
	padding-top: 20px;
}

/* pagination ======================================================================================================== */
.pagination {
	margin: 0;
	padding: 20px;
	text-align: center;
	font-size: 12px;
	display: block;
}
.pagination ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0
}
.pagination ul > li {
	display: inline
}
.pagination ul > li > a,
.pagination ul > li > span {
	margin: 0 2px;
	float: left;
	padding: 5px 12px;
	background-color: #ddd;
	color: #666;
	border-radius: 2px;
	opacity: .88
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus {
	opacity: 1
}
.pagination ul > .active > a,
.pagination ul > .active > span {
	background-color: #45B6F7;
	color: #fff
}
.pagination ul > .active > a,
.pagination ul > .active > span {
	cursor: default
}
.pagination ul > li > span,
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
	color: #999999;
	background-color: transparent;
	cursor: default
}

.pagination-loading{font-size: 16px;text-align: center;color: #999;padding: 15px 0;}
.pagination-loading img{width: 80px}

.ias_trigger{margin: 15px 0 0;}
.ias_trigger a{display: block;background-color: #e6e6e6;line-height: 32px;text-align: center;color: #999;}
.ias_trigger a:hover{display: block;background-color: #ddd;color: #666;}



/*  ======================================================================================================== */

@media (max-width: 1320px) {

}
@media (max-width: 1240px) {
	
} 

@media (max-width: 1024px) {


}

@media (max-width: 860px) {
	.post-item .item-heading {

		 text-overflow: ellipsis;
		white-space: nowrap
	}
}

@media (max-width: 720px) {
	
	body{padding-top:77px;}
	
	.header{position: fixed;top: 0;left: 0;right: 0;text-align: center;padding: 05px 0 !important;z-index: 9999;height: 62px;}
	.header{ height:auto }

	.header .brand{ display:none; }
	.header .web-navbar{ display:none; }
	.header{ padding-top: 0 }

    .mobile-icon-nav{display:block !important;position:absolute;top:-8px;/*left:0;*/ right: 0; font-size: 19px;padding: 21px 30px 21px 15px;color: #777;}
    .mobile-navbar{margin: 0 0; position: fixed;top:0;left: -65%;bottom:0;height: 100%;background-color: #293038;text-align: left;padding: 15px 0 0;line-height: 1;font-size: 14px;width: 65%;z-index:99999;display: block;overflow-y: auto;
		-webkit-transition:left 0.3s;
		-moz-transition:left 0.3s;
		-ms-transition:left 0.3s;
		-o-transition:left 0.3s;
		transition:left 0.3s;
	}
    .mobile-navbar li{float: none;text-align: ; margin-left: 0;position: relative;}
    .mobile-navbar .sub-menu{position: relative;top: 0;box-shadow:none;background-color:transparent;border:none;border-radius:0;width: auto;margin: 0 0 0 25px;font-size: 14px;padding: 0;font-weight: normal;display: none;}
    .mobile-navbar .fa{width: 18px;display: inline-block;text-align: center;}
    .mobile-navbar li a{display: block;margin:0 15px;padding: 15px 0;color: #eee;color: rgba(255,255,255,0.8);border-bottom: 1px solid rgba(255,255,255,0.04);}
    .mobile-navbar li:hover > a, .m-navbar li a:hover{color: #fff;}
    .mobile-navbar li.current-menu-item > a, .m-navbar li.current-menu-parent > a{color: #fff;font-weight: bold;}
    .mobile-navbar li.menu-item-has-children .faa{content:'';position: absolute;right: 0;top: 0;font-size: 22px;margin: 0;padding: 11px 15px;z-index: 2;cursor: pointer;display: block;width: auto;}

    .mobile-nav-show{ /* -webkit-transform:translate3d(70%,0px,0px); */  position: fixed;top: 0;right: 0;left: 0;bottom: 0;height: 100%;width: 100% } 
    .mobile-nav-show .mobile-navbar{left: 0;}
    /*.mobile-nav-show .header{position: absolute;}*/
    .mobile-nav-show .mobile-mask{display: block;position: fixed;top: 0;right: 0;left: 0;bottom: 0;background-color: rgba(0,0,0,0.5);z-index: 99998;overflow: hidden;}
	.mobile-nav-show .mobile-icon-nav{color: #45B6F7;}

	.post-item{
	   	padding: 10px; 
	    padding-left: 148px;    
	}
	.post-item .item-thumbnail {
    	width: 128px;
    	height: 88px;
    	margin-left: -138px
	}
	.post-item .item-heading {
        font-size: 15px;
        font-weight: 500;
    }
    .post-item .item-excerpt{
    	height: auto;
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
			
	}
}

@media (max-width: 640px) {

	body{padding-top:48px;}
	.header{padding: 05px 0;height: 48px;border-bottom: none;box-shadow: 0 1px 5px rgba(0,0,0,0.05);}
	.header{ height:auto }


	.mobile-icon-nav{padding: 15px 30px 13px 15px;top: -8px;}


}

@media (max-width: 540px) {

}
@media (max-width: 480px) {
	


	
}
@media (max-width: 360px) {



}