@charset "utf-8";
@media screen and (max-width: 850px) {
	html { font-size: 80px;}
	html,body { font-size: 0.2rem;}
	
	.banner{ height: calc(100vw * 500 / 850);}
	.banner .pc{ display: none;}
	.banner .app{ display: block;}
	
	/****涪陵概况****/
	.flgk{ margin-top: auto;}
	.flgk .wrap{ margin: 0;}
	.flgk .wrap .card-item{ display: none;}
	.flgk .wrap .card-item .item-box{ margin-left: 0;}
	.flgk .wrap .card-item.active{ width:100%; display: block;}
	.flgk .wrap .card-item .item-box .item .box .sp{ height: 100%; float: left; background-color: red;}
	.flgk .wrap .card-item .item-box .item .box .js .nr{ height: 3.5rem; font-size: 0.2rem; line-height: 0.5rem;}
	.flgk .wrap .card-item .item-box .item .box .js.qqgk .nr{ height: 3rem;}
	.flgk .wrap .card-item .item-box .item .box .js .more{ font-size: 0.18rem;}
	.flgk .wrap .tab01-hd{ display: block;}
	
	.bgPop .pop .pop-box { width: calc(100vw * (850 - 60) / 850); height: calc(100vw * (500 - 60) / 850);}
	
	/****涪陵数据****/
	.flsj .sj-L { width: 100%; float: none;}
	.flsj .sj-R{ width: 100%; float: none; margin-top: 0.35rem;}
	.flsj .sj-R ul{ margin-left: -0.3rem;}
	.flsj .sj-R ul li{ height: calc(100vw * 100 / 850);}
	.flsj .sj-R ul li .box a{ width:auto; height: auto; background: transparent;}
	.flsj .sj-R ul li .box a img{ display: none;}
	.flsj .sj-R ul li .box a span{ line-height: calc(100vw * 100 / 850); display: block;}
	.flsj .sj-R ul li .box:hover a{ width:auto; height: auto; border: 0;}
	
	/****人文涪陵 + 畅游涪陵****/
	.rw-cy{ background-size: cover;}
	.rwfl .wrap .hd{ margin-top: 0;}
	.rwfl .wrap .hd ul{ margin-right: -0.25rem;}
	.rwfl .wrap .hd ul li{ width: calc(99.9999999% / 3);}
	.rwfl .wrap .hd ul li a{ height: calc(100vw * 70 / 850); margin: 0.25rem 0.25rem 0 0; font-size: 0.2rem; color: #333; line-height: calc(100vw * 70 / 850);}
	
	.rwfl .wrap .bd .box{ width:100%; float: none; background-color: rgba(234,241,246,.96);}
	.rwfl .wrap .bd .box .title{ padding: 0.4rem 0 0 0;}
	.rwfl .wrap .bd .box .js{ height: auto; padding-bottom: 0.65rem; background-color: transparent;}
	/* .rwfl .wrap .bd .box .js .nr{ height: 2rem; -webkit-line-clamp: 4;} */
	.rwfl .wrap .bd .pic{ width: 100%; float: none; height: calc(100vw * 470 / 850); position: static;}
	
	.cyfl .wrap ul{ margin: -0.25rem -0.25rem 0 0;}
	.cyfl .wrap ul li{ width: calc(100% / 2); float: left;}
	.cyfl .wrap ul li a{ height: calc(100vw * 300 / 850); margin: 0.25rem 0.25rem 0 0; border-radius: 0.05rem; background-size: 110% 110%;}
	.cyfl .wrap ul li a .box{ padding: 0.25rem; background-image: none !important;}
	.cyfl .wrap ul li:hover a{ margin-top: 0.25rem;}
	.cyfl .wrap ul li:hover a .box{ padding: 0.25rem;}
}
@media screen and (max-width: 700px) {
	html { font-size: 75px;}
	html,body { font-size: 0.29rem;}
	
	.banner{ height: calc(100vw * 600 / 700);}
	
	.big-lm{ width:4rem; height: 1.05rem;}
	
	/****涪陵概况****/
	.flgk .wrap .card-item{ height: auto; display: none;}
	.flgk .wrap .card-item .item-box .ico, .flgk .wrap .card-item .item-box .item .lm{ display: none;}
	.flgk .wrap .card-item .item-box .item{ margin-top: 0;}
	.flgk .wrap .card-item.active .item-box .item .box{ padding-left: 0;}
	.flgk .wrap .card-item .item-box .item .box .sp{ width:100%; height: calc(100vw * 380 / 700); float: none;}
	.flgk .wrap .card-item .item-box .item .box .sp .btn{ width:1rem; height: 1rem;}
	.flgk .wrap .card-item .item-box .item .box .js{ padding-bottom: 0.5rem;}
	.flgk .wrap .card-item .item-box .item .box .js.qqgk{ width: 100%; float: none; margin-top: 0.2rem; padding-left: 0;}
	.flgk .wrap .card-item .item-box .item .box .js .nr{ height: 4.55rem; font-size: 0.28rem; line-height: 0.65rem;}
	.flgk .wrap .card-item .item-box .item .box .js.qqgk .nr{ height: 3.9rem;}
	.flgk .wrap .card-item .item-box .item .box .js .more{ font-size: 0.26rem; font-weight: normal; line-height: 0.26rem;}
	.flgk .wrap .tab01-hd ul li span i{ font-weight: normal;}
	
	.bgPop .pop .pop-box { width: calc(100vw * (700 - 20) / 700); height: calc(100vw * (500 - 20) / 700);}
	.bgPop .pop .pop-box .video_item video { height: calc(100% - 0.7rem) !important;}
	.bgPop .pop .pop-box .video_item .pop-close { width: 1rem; height: 0.6rem; margin: 0.1rem auto 0 auto; padding: 0; font-size: 0.29rem; line-height: 0.5rem; text-align: center; border-radius: 0.03rem; background: #3b7fd7; display: block; position: static;}
	
	/****涪陵数据****/
	.flsj .sj-L .hd em{ height: 0.29rem;}
	.flsj .sj-L .hd ul li { width: calc(99.9999999% / 3); margin-right: 0; float: left;}
	.flsj .sj-L .hd ul li a { font-size: 0.29rem; line-height: 0.29rem;}
	.flsj .sj-L .bd .info ul li .date h1{ font-size: 0.28rem;}
	.flsj .sj-L .bd .info ul li .date h6{ font-size: 0.24rem;}
	.flsj .sj-L .bd .info ul li a{ width: calc(100% - 1.3rem); max-height: 0.9rem; line-height: 0.45rem; left: 1.3rem;}
	.flsj .sj-R ul li{ height: calc(100vw * 100 / 700);}
	.flsj .sj-R ul li .box a span{ font-size: 0.29rem; line-height: calc(100vw * 100 / 700); display: block;}
	
	/****人文涪陵 + 畅游涪陵****/
	.rwfl .wrap .hd ul li a{ height: calc(100vw * 70 / 700); font-size: 0.29rem; line-height: calc(100vw * 70 / 700);}
	
	.rwfl .wrap .bd .box .title{ font-size: 0.32rem;}
	.rwfl .wrap .bd .box .js{ padding-bottom: 1rem;}
	.rwfl .wrap .bd .box .js .nr{ height: 2.6rem; line-height: 0.65rem;}
	.rwfl .wrap .bd .box .js .more a{ width:2rem; font-size: 0.24rem; color: #4f4b4c; line-height: 0.5rem; text-align: center; border: 1px solid #4f4b4c; display: block;}
	.rwfl .wrap .bd .pic{ height: calc(100vw * 380 / 700);}
	
	.cyfl .wrap ul li a{ height: calc(100vw * 300 / 700);}
	
}
@media screen and (max-width: 500px) {
	.banner{ height: calc(100vw * 450 / 500);}
}