/*pad*/

img {
    max-width: 100%;
}
.h100 {
	height: 100%;
}

.gh {
    height: 100%;
    width: 100px;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bmezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor: pointer;
    z-index: 9999;
    display: none;
}

.selected .gh {
    /* transform: rotate(90deg); */
}

.gh a{
    /* background-color: #9d6425;
    display: inline-block; */
    margin: 0 auto;
    height: 100%;
    /* margin-top: -1px; */
    position: relative;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
    border-radius: 2px;
}
.gh .navs-search,.gh .navs-menu {
	width: 25px;
}

.gh a:after {
    width: 100%;
}

.gh a:before {
    width: 100%;
}

.gh .navs-menu:after,
.gh .navs-menu:before {
    background-color: #9d6425;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.gh .icon-menu {
	background-color: #9d6425;
	display: block;
    height: 2px;
    left: 0;
	width:100%;
    position: absolute;
}

.gh .navs-menu:after {
    top:39px;
}

.gh .navs-menu:before {
    top: 25px;
}

.selected .gh .navs-menu:after,
.selected .gh .navs-menu:before {
    top: 23px;
	background: #9d6425;
}
.selected .icon-menu {
	display: none;
}
.selected .gh .navs-menu:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    width: 100%;
}

.selected .gh .navs-menu:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    width: 100%;
}

.selected .gh .navs-menu {
    /* background-color: transparent !important; */
	background: #9d6425;
}


@media only screen and (max-width:1480px) {
	html{
		font-size: 14.8px;
	}
}
@media only screen and (max-width:1280px) {
	html{
		font-size: 13px;
	}
	
}
@media only screen and (max-width:1180px) {
	html{
		font-size: 14px;
	}
	
}
@media only screen and (max-width:1040px) {
	h2{
		font-size: 22px !important;
	}
	h3{
		font-size: 20px !important;
	}
	h4{
		font-size: 18px !important;
	}
	p,
	h5,
	h6{
		font-size: 14px !important;
	}
	.wrap{
		width: auto;
		padding: 0 15px;
	}
	.hidden-md {
		display: none;
	}
	.hidden-lg {
		display: none;
	}
	.header{
		height: var(--nav-height);
		position: fixed;
		left: 0;right: 0;
		top: 0;z-index: 999;
		background: #eee6d8;
		box-shadow: 2px 0 10px rgba(0,0,0,.2);
	}
	.header .naver li{
		margin-left: 0;margin-bottom: 4px;
	}
	.header .naver li a{
		font-size: 16px;line-height: 36px;
	}
	.layout{
		padding-top: var(--nav-height);
	}
	.header .naver{
		position: absolute;
		left: 0;right: 0;
		top:100%;z-index: 11;
		display: none;background-image: none !important;background-color:#b07e47 !important;
	}
	.header .naver ul{
		display: block;
	}
	.gh{
		display: flex;
		right: 20px;
	}
	.header .naver li h3{
		position: relative;
	}
	.header .naver li i{
		   position: absolute;
		   right: 0;
		   top: 50%;z-index: 1; background: url(../images/prev.png) no-repeat center;background-size: 10px auto;width: 20px;height: 20px;margin-top: -10px;
	}
	.header .naver li .nli{
		position: static;width: auto;background: none;padding: 5px 10px;
	}
	.header .naver li .nli dd a{
		font-size: 14px;line-height: 1.7;text-align: left;
	}
	
	.header .tps .wrap{
		display: block;
		position: relative;
	}
	.header .tps .uitfms{
		display: none;
	}
	.header .tps{
		height: 100%;
		padding: 0;background-image: none !important;
	}
	.header .tps .logo{
		max-width: 130px;
		margin-top: 10px;
		height: 50px;line-height: 20px;
		padding: 3px 10px 3px 0;
	}
	.crumbs dd span,
	.crumbs dd a{
		font-size: 13px;
	}
	.banner{
		height: 30vw;
	}
	.htit {
		text-align: center;
		display: block;
	}
	.hpage1 .rts{
		margin: 30px;
		display: none;
	}
	/* .lts .btns {
		display: none;
	} */
	.htit1 h2{
		width: 250px;
	}
	.htit1 h2::before{
		width: 100%;height: 30px;
	}
	.htit h2 {
		position: relative;
	}
	.htit h2 span{
		font-size: 2.1rem;
		padding-bottom: 10px;
	}
	.htit h2 span::after
	{
		content: "";
		height: 2px;
		width: 4rem;
		background-color: var(--primary-color,'red');
		position: absolute;
		bottom:1px;
		left: 50%;
		margin-top: 10px;
		transform: translateX(-50%);
	}
	.zdnews{
		display: block;
	}
	.zdnews .lts,
	.zdnews .rts{
		width: auto;
	}
	.zdnews .news li a{
		display: block;padding: 15px;
	}
	.zdnews .news li .pic{
		width: auto;height: auto;
	}
	.zdnews .news li .txt{
		width: auto;margin-top: 10px;
	}
	.zdnews .news li h3{
		font-size: 16px !important;
	}
	.pages dd a{
		font-size: 12px;
	}
	.zdnews .rts .uitfms{
		display: none;
	}
	.zdnews .rts{
		margin-top: 40px;
	}
	.footer{
		padding: 40px 0;
	}
	.footer .other-link {
		color: #fff; text-align: center;
	}
	.footer .other-link li{
		/* color: #fff; */
		display: inline-block;
		padding: 10px 20px;
	}
	.footer .other-link li>a{
		color: #fff;
	}
	.footer .navs{
		/* display: none; */
	}
	.footer .navs ul {
		display: block;
	}
	.footer .navs li{
		display: block;
		margin-bottom: 10px;
	}
	.footer .navs li > a {
		padding: 9px 4px;
        font-size: 1.2rem;
        border-bottom: 1px solid #d4d4d4;
	}
	.footer .flax{
		display: block;
	}
	.footer .flax .rts{
		width: 100%;
		margin: 0 auto;
	}

	.footer .flax .wx {
		width: 50dvw;
		height: 50dvw;
		margin: 0 auto;
		padding: 2rem;
	}
	.footer .flax .lts p{
		margin-bottom: 6px;
	}
	.uitnwds .tps a{
		display: block;
	}
	.uitnwds .tps .pic{
		width: auto;height: auto;
	}
	.uitnwds .tps .txt{
		width: auto;margin-top: 10px;
	}
	.uitnwds .tps h3{
		font-size: 16px !important;height: auto;
	}
	.uitnwds .list li span{
		font-size: 12px;
	}
	.uitnwds .list li a,
	.uitnwds dd a{
		font-size: 14px;
	}
	.uitnwds h2{
		font-size: 18px !important;
	}
	.newdel{
		padding: 20px 15px;
	}
	.newdel .del .video{
		width: 100%;
	}
	.newdel .fts a,
	.newdel .del{
		font-size: 14px;
	}
	.hpage7{
		padding: 40px 0;
	}
	.htit1 h2{
		margin: 0 auto;
	}
	.hpage7 .swipshuj .swiper-slide{
		height: auto;
	}
	.hpage5 .ovs, .hpage7 .ovs{
		margin: 20px 30px;
	}
	.hpage6 .wrap{
		display: block;
	}
	.hpage6{
		padding: 30px 0;
	}
	.hpage6 .rts,
	.hpage6 .lts{
		width: auto;
	}
	
	.htit .btns{
		font-size: 13px;
		display: none;
	}
	.hpage6 .lts .bds li a{
		display: block;margin-bottom: 20px;
	}
	.hpage6 .lts .bds li .ts,
	.hpage6 .lts .bds li .pic{
		width: auto;height: auto;
	}
	.hpage6 .lts .bds li .ts{
		margin-top: 10px;
	}
	.hpage6 .rts{
		margin-top: 20px;
	}
	.hpage6 .list li{
		margin-right: 0;width: calc((100% - 20px)/2);
	}
	.hpage6 .list li .pic{
		max-height: 26rem;
		height: auto;
	}
	.hpage6 .list ul{
		justify-content: space-between;
	}
	.hpage5 .swiper-slide .pic{
		height: auto;
	}
	.hpage3 .wrap{
		display: block;
	}
	.hpage3 .rts .htit {
		margin-top: 50px;
	}
	.hpage3 .rts .pic,
	.hpage3 .rts dl,
	.hpage3 .rts,
	.hpage3 .lts{
		width: auto;
	}
	.hpage3 .lts{
		margin-top: 20px;
	}
	.hpage3 .lts .flax{
		display: block;
	}
	.hpage3 .lts dl {
		width: 100%;
	}
	.hpage3 .lts dd a{
		font-size: 14px;line-height: 1.6;padding: 6px 0 6px 12px;
	}
	.hpage3 .lts dl{
		margin-bottom: 20px;
	}
	.hpage2{
		height: 40vw;
	}
	.hpage2 .ico{
		width: 70px;
	}
	.hpage1 .wrap{
		display: block;
	}
	.hpage1 .rts,
	.hpage1 .lts{
		width: auto;
		/* margin-top: 30px; */
	}
	.hpage1{
		padding:0px ;
		padding-top: 30px;
	}
	.hpage1 .lts .tps a{
		display: block;
	}
	.hpage1 .lts .tps .pic{
		width: auto;height: auto;
	}
	.hpage1 .lts .tps .ts{
		width: auto;margin-top: 10px;
	}
	.hpage1 .box-col-more {
		/* background-color: #f8f8f8; */
	}
	.hpage1 .lts .tps h5{
		/* font-size: 12px; */
		margin: 0.4rem auto;
		display: block;
		text-align: center;
		height: 2.3rem;
		background-size: contain;
		width: 8.6rem;
		line-height: 2.4rem;
	}
	.hpage1 .bb {
		/* min-height: 30rem; */
	}
	.hpage1 .bb ul li{
		/* overflow: hidden; */
		height: 6rem;
	}
	.hpage1 .bb ul li .date{
		display: block;
		font-size: 1rem;
		color:#999;
	}
	.hpage1 .lts li a{
		/* display: block; */
		height: 100%;
		position: relative;
		overflow: hidden;
		clear: both;
	}
	.hpage1 .lts li h4{
		/* width: auto; */
		/* float: left; */
		/* width: calc(100% - 8rem); */
		word-break: normal !important;
		background-image: none !important;
		padding-left: 0 !important;
		white-space: normal !important;
		margin-left: 0px !important;
		line-height: 1.5;
	}
	.hpage1 .lts li div.nsmain{
		/* text-align: right; */
		margin-top: 4px;
		/* float: right;
		width: 7.5rem; */
    	padding-left: 1rem;
	}
	.hsous{
		/* padding: 15px 0; */
		padding: 30px 0;
        background: #f8f4eb;
	}
	.hsous .t1{
		/* width: calc(100% - 8rem); */
		width: 100% ;
	}
	.hsous .rts {
		flex-direction: column;
	}
	.hsous .btn {
		width: 100%;
		margin-top: 1.2rem;
	}
	.hsous h2{
		/* max-width: initial;width: 80px; */
		width: 100%;
		max-width: 100%;
	}
	.hsous .wrap{
		display: block;
	}
	
	.hsous .rts{
		margin-left: 0;margin-top: 10px;
	}
	.hsous .btn span{
		font-size: 14px;
	}
	.hbanner .spot{
		bottom: 5px;
	}
	.hbanner{
		/* height: 60vw; */
		height: 54vh;
	}
	
	.hovs{
		/* padding: 30px 0; */
		padding-top: 30px;
	}
	
	.hpage4 .bds{
		position: relative;
		width: auto;height: auto;
		top: 0;
	}
	.hpage4 .text li {
		height: 3.8rem;
	}
	.hpage4 .text{
		width: auto;
		margin-bottom: 20px;
	}
	.hpage4 .box{
		margin-top: 20px;
	}
	.hpage4 .text{
		position: static;
	}
	.hpage4 .text li h3{
		font-size: 15px !important;
	}
	
	.hpage4 .bds li{
		transform: scale(0.7);
	}
	
	.hpage3 .spans .split {
		/* width: 100%; */
		width: calc(50% - 0.7rem);
		/* height: 15rem; */
		height: 16rem;
		min-width: 10rem;
		padding: 1.4rem 0 0;
		box-sizing: content-box;
	}
	.hpage3 .spans .split .pic {
		height: calc(100% - 2.7rem);
		width: 100%;
		overflow: hidden;
	}
	.hpage3 .spans .split .pic img {
		height: 100%;
	    width: 100%;
	    object-fit: cover;
	    object-position: center;
	}
	.hpage3 .spans .split .text { 
    	height: 2.7rem;
    /* box-sizing: content-box; */
	}
	
	.hpage3 .lts .flax .pic {
		display: none;
	}

	.hpage4 .box .btn-map-checkin {
		position: relative;
		top: unset;
		left: unset;
		margin: 1rem;
	}
	
	.page-mobile {
		padding: 0px;
	}
	/* xungen/index */
	.yunzupu-input {
		margin: 0;
		width: 100%;
		margin-left: -15px;
		margin-right: -15px;
		box-sizing: content-box;
		height: 7.6rem;
	}
	.banner-mb {
		padding: 0 !important;
		box-sizing: content-box;
		width: 100% !important;
		margin: 0 !important;
	}   
	.filter-row { height: auto;}
	.resultlists-container {
		padding: 0 !important;
	}
	.result-card {
		display: flex;
	}
	.card-left {
		width: 7rem;
	}
	.card-left img {
		width: 5rem;
		padding: 0.5rem;
		border: 0;
		box-sizing: content-box;
	}
	.card-right {
		width: calc(100% - 8.1rem);
	}
	.topic-item__digest {
		    overflow: hidden;
		    height: 5rem;
		    /* min-height: 5.1rem; */
		    color: #777;
		    -webkit-line-clamp: 3;
		    text-overflow: ellipsis;
		    /* white-space: normal; */
	}
	.user-most-read {
		display: none;
	}
	.xungen-right,.zupu-right ,.page-sidebar-right{
		display: none;
	}


	/* xgdetial/zpdetail */
	.zp-sidebar{display:none;}
	.zp-sidebar-left {
		padding: 0;
		margin-bottom: 20px;
	}
	.zp-sidebar-left .zupu-cover{
		width: min(10rem,40vw);
		/* width: clamp(9rem,15rem, 55vw); */
		/* max-width: min(14rem,40vw); */
		padding: 5px !important;
		display: inline-block;
	}
	.zp-sidebar-left .zupu-metainfo {
	    margin-top: 0;
	    float: right;
	    /* width: 15rem; */
		width: max(15rem, 55vw);
	    min-width: 15rem;
	    height: 4rem;
	}
	.zp-sidebar-left .zupu-metainfo {
		/* display: flex; */
	}
	.zp-sidebar-left .zupu-metainfo > div{
		display: flex;
	}
	.zupu-metainfo > div >div {
		flex: 1;
	}
	.zp-sidebar-left .zupu-metainfo .read {
		display: none;
	}
	.zp-sidebar-left .SiteUserToolbar {
			width: max(15rem,55vw);
		    /* min-width: 16rem; */
		    float: right;
		    padding: 0;
		    margin-top: -2.5rem;
		    background: none;
		    /* margin-bottom: 1rem; */
	}
	.footer .flax .lts {
		text-align: center;
	}
	.hovs ,.hpage7{
		background-color: #F8F4EB !important;
		background-image: none !important;
	}

	.preview-layer-inner {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
	}
}

/* 768px */
@media screen and (max-width: 768px) { 
	.content-box h2 {
		font-size: 27px !important;
	}
	.hidden-mobile {
		display: none;
	}
	.newdel .hds h1 {
		font-size: 1.95rem !important;
	}
	.content-list-box .c-box {
		height: auto;
	}
}