/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 24px;
    width: 24px;
    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: block;
    margin: 0 auto;
    height: 2px;
    margin-top: -1px;
    position: relative;
    top: 50%;
    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 a:after {
    width: 100%;
}

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

.gh a:after,
.gh a: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 a:after {
    top: 7px;
}

.gh a:before {
    top: -7px;
}

.selected .gh a:after,
.selected .gh a:before {
    top: 0;background: #9d6425;
}

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

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

.selected .gh a {
    /* 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: 20px !important;
	}
	h3{
		font-size: 18px !important;
	}
	h4{
		font-size: 16px !important;
	}
	p,
	h5,
	h6{
		font-size: 14px !important;
	}
	.wrap{
		width: auto;
		padding: 0 15px;
	}
	.header{
		height: 50px;position: fixed;
		left: 0;right: 0;
		top: 0;z-index: 12;background: #eee6d8;
	}
	.header .naver li{
		margin-left: 0;margin-bottom: 4px;
	}
	.header .naver li a{
		font-size: 16px;line-height: 36px;
	}
	.layout{
		padding-top: 50px;
	}
	.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: block;
		right: 20px;top: 12px;
	}
	.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;
	}
	.header .tps .uitfms{
		display: none;
	}
	.header .tps{
		padding: 0;background-image: none !important;
	}
	.header .tps .logo{
		max-width: 130px;margin-top: 10px;
	}
	.crumbs dd span,
	.crumbs dd a{
		font-size: 13px;
	}
	.banner{
		height: 30vw;
	}
	.htit1 h2{
		width: 250px;
	}
	.htit1 h2::before{
		width: 100%;height: 30px;
	}
	.htit h2 span{
		font-size: 24px;
	}
	.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: 20px 0;
	}
	.footer .navs{
		display: none;
	}
	.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;
	}
	.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 .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;
	}
	.hpage1{
		padding: 30px 0;
	}
	.hpage1 .lts .tps a{
		display: block;
	}
	.hpage1 .lts .tps .pic{
		width: auto;height: auto;
	}
	.hpage1 .lts .tps .ts{
		width: auto;margin-top: 10px;
	}
	.hpage1 .lts .tps h5{
		/* font-size: 12px; */
		margin: 0.4rem auto;
		display: block;
		text-align: center;
		height: 2.6rem;
		background-size: contain;
		width: 8.6rem;
		line-height: 2.4rem;
	}
	.hpage1 .bb {
		height: 16rem;
	}
	.hpage1 .bb ul li{
		/* overflow: hidden; */
		height: 3.9rem;
	}
	.hpage1 .lts li a{
		display: block;
		/* //add */
		position: relative;
		overflow: hidden;
		clear: both;
	}
	.hpage1 .lts li h4{
		/* width: auto; */
		float: left;
		width: calc(100% - 8rem);
	}
	.hpage1 .lts li p{
		/* text-align: right; */
		margin-top: 4px;
		float: right;
		width: 7.5rem;
    	padding-left: 1rem;
	}
	.hpage1 .rts{
		margin: 30px;
	}
	.hsous{
		padding: 15px 0;
	}
	.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;
	}
	.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;
	}
	
	.hovs{
		padding: 30px 0;
	}
	
	.hpage4 .bds{
		position: relative;
		width: auto;height: auto;
		top: 0;
	}
	.hpage4 .text li {
		height: 5rem;
	}
	.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%;
		height: 15rem;
		min-width: 10rem;
		padding: 1.4rem 0rem;
		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: calc(100% - 16rem);
		padding: 5px !important;
		display: inline-block;
	}
	.zp-sidebar-left .zupu-metainfo {
	    margin-top: 0;
	    float: right;
	    width: 15rem;
	    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: calc(100% - 11rem);
		    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;
	}
}