.son-title{
    height:30px;
    line-height: 30px;
    background: #f5f5f5;
}
.h-150{
    height:150px;
}
.h-118{
    height:118px;
}
.h-210{
    height:210px;
}
.h-30{
    height: 30px;
}
.h-400{
    height: 400px;
}
.img-hover{
    transition: all .5s linear;
}
.img-hover:hover{
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}
.w-p-20{
    float: left;
    width: 20%;
}
.panel{
   background: rgb(249,243,238);
   border: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}
.panel-warning>.panel-heading{
	border: none;
	display: flex;
}
.panel-heading{
   /* border-radius: 10px;*/
}
/*.panel-success>.panel-heading :after{
	display: inline-block;
    content: '';
    clear: both;
	width:56px;
	height: 100%;
}*/
.panel-heading.clear{
	background:rgb(249,243,238); 
}
.text-shad{
    letter-spacing: 0;
    text-shadow: 0px 1px 0px #999;
}
.text-shad2{
    background-color : black;
    text-shadow : rgba(255,255,255,0.5) 0 5px 6px;
    -webkit-background-clip : text;
}
#lanmu_989{
	background: none;
	border: none;
	overflow: hidden;
	display: flex;
	margin-top: 20px;
}
#lanmu_989>h3{
	color:rgb(84,67,57);
	box-shadow: none;
	-webkit-box-shadow: none;
}
.panel-title{
    font-size: 20px;
    width: 100%;
    display: inline-block;
    clear: both;
    float: none;
    background: url('../../img/zt_index_titbgimg.png') no-repeat center center;
}
.lb-box{
    position: relative;
    width:100%;
    height: 100%;
}
.lb-box a{
    display: block;
    width: 100%;
    height: 100%;
}
.lb-box a img{
    border-radius: 4px;
}
.lb-title{
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    height:50px;
    background: rgba(0,0,0,0.4);
    color: #fff;
    font-size: 25px;
    text-align: center;
    line-height: 50px;
}
.bd1{
    border: 1px solid #ccc;
}
.img-thumbnail{
    border: none;
}
.div-center{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
}
.img-box{
   /* border: 1px solid #ccc;*/
    position: relative;
    /* overflow: hidden; */
    margin-bottom: 50px;
    box-shadow: 0px 0px 52px #efefef inset;
}
.l-h-30{
    height: 30px;
    line-height: 30px;
}
.l-h-30:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0
}
.l-h-30 textarea{
    width: 95%;
    height: 300px;
    float: right;
    border: none;
    background: #f9f3ee;
}
.lb-box-1{
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 0px 50px;
}
.lb-box-1 img{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
    /*width:100%;*/
    /* max-width: 100%;
    width: auto; */
}
.pad-20-30{
    padding: 20px 30px;
}
.swiper-container1{
    overflow: hidden;
}
.swiper-pagination-bullet{
    width: 22px;
    height:22px;
    opacity: .9;
    line-height: 22px;
    background: #fff;
}
.swiper-pagination-bullet-active{
    background: #007aff;
    color: #FFFFFF;
    opacity: 1;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom:30px;
}
.n-margin{
    margin: 0 !important;
}
.pad-10-20{
    padding: 10px 30px;
}
.notice-list li{
    border-bottom: 1px dashed #ccc;
}
.notice-list{
    color: #333;
    background: #fff;
    padding: 20px 10px;
    border-radius: 5px;
}
.notice-list li a{
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
}
.change-hover-color:hover a{
    color: #FF9900;
}
.change-hover-color:hover i.icon-circle{
    color: #333;
}
hr{
    border-top: 1px solid #4b4b4b;
}
.hr-dashed{
    border-top: 1px dashed #4b4b4b;
}
.special a{
    /*display: inline-block;*/
    padding:0 10px;
    height:100%;
    color:#bcc3ad;
}
.special .lb-view a{
	padding:0;
}
.special .lb-view .swiper-slide{
	height: 400px;
}

.panel.img-back:nth-of-type(2) .swiper-container1 .swiper-slide{
	height: 800px;
}
.special .lb-view .swiper-slide a img{
	max-height: 100%;
}
.special .lb-view .swiper-slide a img.w100p{
	/*width: auto;*/
	max-width: 100%;
}
.notice-content{
    border-radius: 5px;
    background: #fff;
}
.top-img-hover{
    transition: all 0.3s linear;
}
.top-img-hover:hover{
    box-shadow: 0 0 5px #3f3f3f;
    transform:scale(1.04);
}
.special_nav{
	width:100%;
	text-align: left;
}
.special_nav_ul_a{
	    color: #87705e;
}
.special_nav_ul{
	display: inline-block;
	line-height:30px;
	background: #c6bfb8;
	margin-top:10px;
	width:100%;
	/*border-radius:10px;*/
}
.special_nav_ul li{
	float:left;
	padding:10px 10px;
	cursor:pointer;
	/*margin-top:10px;
	margin-bottom:10px;*/
}

.special_box_tc{
    text-align:center;
}
.special_wid100{
    padding-left:0;
    padding-right:0;
}
.panel-mg{
	margin-bottom:0;
	border:none;	
}
.specialnavbg{
	background: #b0a093;
    color: #fff;
}

.specialnavbg a:hover{
	/*color:#fff;*/
	text-decoration:underline;
}
.special_nav_ul_li a {
	/*color:#b0a093;*/ 
}
.special .lanmu_li a{
	color:#b0a093; 
}

.special .specialnavbg a{
	color:#fff;
}
.navline:hover{
	color: #fff;
	background-color: #b0a093;
}
.navline:hover a{
	color: #fff;
}
.navlinelast:hover{
	color: #fff;
	background-color: #b0a093;
}
.img-back.panel-info>.panel-heading{
	display: flex;
	background-color:#f9f2ed ;
	border:none;
	overflow: hidden;
}
.panel.panel-info.img-back.mt20{
	border:none;
	margin-top: 0px;
	border-radius: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.img-back:nth-of-type(1)>.panel-body>.row .col-sm-6:nth-of-type(1){
	width: 60%;
}
.img-back:nth-of-type(1)>.panel-body>.row .col-sm-6:nth-of-type(2){
	width: 40%;
}
.panel.panel-info.img-back.mt20{
	background: rgb(250,243,237);
}
.panel.panel-info.img-back.mt20>div{
	margin-top: 20px;
}
.photolist-container{
	padding-bottom:20px;
}
.panel.panel-success>.panel-heading{
	/*background-color: #cbc4bf;*/
	color: #544439;
	padding: 15px;
	border: none;
}
.photo-file-name{
	display: none;
}
#lanmu_998{
	border: none;
	background: rgb(249,243,238);
	display: flex;
	overflow: hidden;
}
#lanmu_998 h3{
	margin: 0;
	padding: 0;
	float: none;
}
#lanmu_998 span{
	float: none;
	display: inline;
}
.panel.panel-success>.panel-heading h3{
	width: 100%;
	color: #544439;
	background: url('../../img/zt_index_titbgimg.png') no-repeat center center;
}
.panel.panel-success.panel-mg.img-back>.n-margin>.n-margin{
	overflow: hidden;
}
.panel.panel-success.panel-mg.img-back>.n-margin>.n-margin div{
	float: left;
}
.panel.img-back .panel.img-back{
	border:none;
}
.img-back.panel-info>.panel-heading h3{
	width: 100%;
	color: #544439;
	background: url('../../img/zt_index_titbgimg.png') no-repeat center center;
}
.panel.img-back:nth-of-type(2){
	background-color: rgb(204,197,191);
}
.navlinelast:hover a{
	color: #fff;
}
.special_nav_ul_a:hover{
	color: #fff;
	text-decoration:underline;
}
.navline{	
    border-right: 1px solid #b0a093;
}
.navlinelast{
	border:none !important;
}
.maskMsg.maskMsgActive{
	display: block;
}
.p5 .col-xs-6:hover .maskMsg{
	display: block;
}
.maskMsg{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	
    z-index: 10;
        /*opacity: 0.6;*/
        /*background-color: #fff;*/
        color: #333;
    display: none;  
    background-color: rgba(232, 230, 230, 0.68);
}
.p5 img{
	    max-height: 100%;
}
.maskMsg h4{
	height: 60px;
    font-weight: 400;
    line-height: 30px;
    margin: 0px auto;
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 0 20px;
    max-width: 80%;
	max-height: 250px;
	text-overflow: -o-ellipsis-lastline;  
	overflow: hidden;  
	text-overflow: ellipsis;  
	display: -webkit-box;  
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
}
.maskMsg p{
	width: 150px;
	height: 20px;
	margin-bottom: 10px;
	margin: auto;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.maskMsg h4:hover{
	text-decoration: underline;
}
.enterBtn{
	width: 40%;
    margin: 10px auto;
    border-radius: 30px;
    padding: 10px 5px;
    background: #8D7868;
    color: #fff;
    opacity: 1;
}
 .photoListCtrl_header{
	line-height: 70px;
    font-size: 18px;
    color: #5b4838; 
    text-align: left;
} 
.photoListCtrl_main{
	/*background-color: #FBF2EB;*/
	 text-align: left;
	 overflow: hidden;
} 

.photoListCtrl_left{
	 width: 70%;
	 display: inline-block;
	 float: left;
}
.photoListCtrl_left h3{
	    background: url('../../img/zt_tagbgimg.png') no-repeat;
	    color: #5b4838;
    font-size: 24px;
	text-align: left;
	width: 155px;
    height: 42px;
    padding-left: 27px;
    line-height: 40px;
    margin-bottom: 12px;
    /*background-color: #CDC0B3;*/
}
.photoListCtrl_left dl{
	    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dbd2cc;
}
.photoListCtrl_leftD{
	height: 210px;
}
.photoListCtrl_left dl dt{
	width: 268px;
    height: 179px;
    overflow: hidden;
    float: left;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}
.photoListCtrl_left dl dt a{
	padding: 0;
}
.photoListCtrl_left dl dt img{
	display: block;
	margin: 0 auto;
	max-height: 100%;
}
.photoListCtrl_left dl dd{
	width: 412px;
	height: 179px;
    float: right;
}
.photoListCtrl_left dl dd h5{
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.photoListCtrl_left dl dd h5 a{
	text-decoration: none;
    color: #555;
    font-size: 20px;
    line-height: 25px;
}
.photoListCtrl_piccount{
	    color: #978576;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 15px;
    min-height: 100px;
    overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.photoListCtrl_btn{
	width: 110px;
	height: 32px;
	font-size: 18px;
	line-height: 32px;
	background-color: #E7DCD2;
	float:right;
	text-align: center;
	cursor:pointer;
	background: url('../../img/zt_buttonall.png') no-repeat;
}
.photoListCtrl_right{
	width: 28%;
	vertical-align:top;
	display: inline-block;
    float: right;
}
.photoListCtrl_right_T{
	
}
.photoListCtrl_right_T h3{
	background: #c7bfb9;
    height: 42px;
    font-size: 20px;
    padding: 0px 20px;
    border-bottom: 1px solid #fff;
    line-height: 42px;
    color: #5b4838;
}
.photoListCtrl_right_T ul{
	background: rgb(226,221,218);
}
.photoListCtrl_right_T ul li{
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 280px;
    background-image: url('../../img/zt_listdot.png');
    background-position-x: 10px;
    background-position-y: center;
    background-size: initial;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    line-height: 28px;
    color: #49372a;
    padding-left: 30px;
    font-size: 14px;
}
.photoListCtrl_right_T ul li a{
	color: #333;
}
.photoListCtrl_right_T ol{
	width: 100%;
    overflow: hidden;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    color: #827367;
    background: rgb(226,221,218);
}
.photoListCtrl_right_T ol li{
	margin-top: 10px;
	width: 90%;
	margin: auto;
}
.photoListCtrl_right_T ol li a{
	width: 100%;
	padding: 5px 0px;
}
.photoListCtrl_right_T ol li a img{
	width: 100%;
	height: auto;
}
.topicEchoBox{
    margin-top: 25px;
    margin-bottom: 25px;
    float: left;
    padding:0 20px;
    position: relative;
    box-sizing: border-box !important;
}
.topicEchoBox .quest_card__overlay{
   width:274.625px;
   height:155px;
   position: absolute;
   top:0;
   left: 20px;
   z-index: 1;
   background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),to(rgba(0,0,0,.7)));
   background: -webkit-linear-gradient(top,rgba(0,0,0,.3) 0,rgba(0,0,0,.7) 100%); 
   background: -moz-linear-gradient(top,rgba(0,0,0,.3) 0,rgba(0,0,0,.7) 100%);
   background: linear-gradient(to bottom,rgba(0,0,0,.3) 0,rgba(0,0,0,.7) 100%); 
}
.quest_card__quest_title{
    position: absolute;
    width:100%;
    top:50px;
    left:0px;
    z-index: 10;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 1.2em;
    margin-bottom: 10px;
    padding: 0 40px;
    text-shadow: 0 0 1px rgba(0,0,0,.6);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;  
    font-family: "Helvetica Neue",HelveticaNeue,Helvetica,TeXGyreHeros,FreeSans,"Nimbus Sans L","Liberation Sans","Microsoft YaHei",Arial,sans-serif;  
}
.quest_card__quest_time{
    position: absolute;
    left: 30px;
    /*right: 15px;*/
    bottom: 52px;
    z-index: 10;
    white-space: nowrap;
    text-align: left;
    font-size: 12px;
    color: #fff;
    max-width: calc(100% - 40px);
    max-width: -webkit-calc(100% - 40px);
    max-width: -moz-calc(100% - 40px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.topicEchoBox img {
    width:100%;
    height:155px;
    display: block;
}
.topicEchoBox a{
    display: block;
    width:100%;
    height:44px;
    line-height: 44px;
    background:#fff;
    border: 1px solid #eeeff2;
    border-radius: 0 0 3px 3px;
    padding:0 15px;
    text-align:center;
    color:#7c8185;
    font-size: 14px;
}
