@charset "utf-8";
/* Be used to clear float */
.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clear{height: 1%; display:inline-block;}
*+html .clear{height: 1%; display:inline-block;}
.Clear{display:block;}
html {width: 100%;height: 100%;}
*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
a {text-decoration: none;color: #fff;}
p{margin: 0;}
ul{margin: 0;padding: 0;}
li{list-style: none;}
.fl {float: left;}
.fr {float: right;}
body {background-color: #f2f2f2;font-size: 1.5rem;}
.pt6{padding-top: 6rem;}
.mb0{margin-bottom: 0!important;}
.relative{position: relative;}
.none {display: none;}
.block{display: block;}
.head {
	position: relative;
	height: 4rem;
	line-height: 4rem;
	padding: 0 1rem;
	text-align: center;
	background-color: #000;
}
.head h1 {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 1.4rem;
	color: #fff;
}
.head a {font-size: 1.4rem;}
.banner .swiper-container {
	width: 100%;
	height: 18rem;
	position: relative;
}
.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
}
.slide-bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	background: rgba(0,0,0,.5);
	z-index: 10;
}
.slide-bottom .swiper-pagination {
	right: 1rem;
}
.slide-bottom .swiper-pagination span {background:8a8a8a;margin: 0 .3rem;}
.swiper-pagination .swiper-pagination-bullet-active {background: #fff;}
.swiper-slide p {
	position: absolute;
	bottom: 0.4rem;
	left: 1rem;
	margin: 0;
	opacity: 0;
	font-size: 1.2rem;
	color: #fff;
	z-index: 12;
}
.swiper-container .swiper-wrapper .swiper-slide-active p {
	opacity: 1!important;
}
.like-wrap {
	height: 4rem;
	line-height: 4rem;
	padding: 0 1rem;
	border-bottom: 0.1rem solid #d3d3d3;
	background-color: #fff;
}
.click-like {
	margin-top: .3rem;
	padding-left: 1.5rem;
	border-left: 1px solid #d3d3d3;
}
.click-like a{
	display: block;
	padding: 0.4rem 1rem;
}
.click-like img {
	display: block;
	height: 1.5rem;
	margin: 0 auto;
}
.like-wrap p {color: #494949;font-weight: 600;font-size: 1.5rem}
.click-like p {font-size: 1rem;line-height: 1rem;font-weight: 400;}
.click-like span{color: #009c07;}

.min-banner {
	margin: 1rem 0;
}
.min-banner .swiper-container-horizontal .swiper-pagination {
	bottom: .1rem;
}
.min-banner .swiper-pagination span {
	width: 2rem;
	height: .2rem;
	border-radius: 0;
	background-color: #fff;
	opacity: .7;
}
.min-banner .swiper-pagination .swiper-pagination-bullet-active{
	opacity: 1;
	background: #009C07;
	background-color: #009C07;
}
.content {
	position: relative;
	border-top: .1rem solid #d3d3d3;
}
.content li {
	float: left;
	width: 50%;
	text-align: center;
	height: 10rem;
	border-right: 0.1rem solid #d3d3d3;
	border-bottom: 0.1rem solid #d3d3d3;
}
.content li:nth-child(even) {border-right: 0 none;}
.content a{
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 1.5rem;
}
.content img {
	display: block;
	width: 5rem;
	height: 5rem;
	margin: 0 auto;
}
.content p {
	font-size: 1.5rem;
	color: #969696;
	padding-top: .5rem;
}
.go-return {
	position: fixed;
	right: .3rem;
	z-index: 3;
	bottom: 4.5rem;
	background-color: #fff;
}
.go-home {
	position: fixed;
	right: .3rem;
	z-index: 3;
	bottom: .5rem;
	background-color: #009C07;
}

.go-return ,
.go-home{
	border-radius: 50%;
	box-shadow: 0 0 .3rem .1rem #ccc;
	width: 3rem;
	height: 3rem;
	text-align: center;
}
.go-return a ,
.go-home a {
	display: block;
	width: 2.8rem;
	margin: 0 auto;
	padding-top: 0.4rem;
	font-size: 1.1rem;
	color: #828282;
}
.go-home a {
	color: #fff;
}
footer {
	color: #969696;
	line-height: 4rem;
	text-align: center;
}

/*庐江旅游首页*/
.content-wrap {
	padding: 0 1rem;
}
.content-wrap .min-banner {margin-bottom: 0;}
.spots-wrap {
	background-color: #fff;
}
.spots-wrap h3 {
	position: relative;
	margin-top: 1rem;
	border-bottom:1px solid #a4a4a4;
	margin: 0 .5rem 1.5rem;
	text-align: center;
}
.spots-wrap h3 span {
	display: inline-block;
	margin: 0 auto;
	padding: 0 .5rem;
	background-color: #fff;
	position: relative;
	top: .5rem;
	font-weight: 400;
	font-size: 1.4rem;
	color: #a4a4a4;
}
.spots {
	text-align: center;
}
.spots ul {display: inline-block;margin-left: auto;margin-right: auto;}
.spots li {
	float: left;
	padding-left: 0.5rem;
}
.spots li:first-child {padding-left: 0;}
.spots a {
	display: block;
	border: 1px solid #009C07;
	padding: 0.5rem 0.3rem;
	border-radius: 2rem;
	font-size: 1rem;
	color: #009c07;
}
.resource-wrap {
	width: 100%;
}
.resource-wrap h3 {
	text-align: center;
	color: #009c07;
	font-size: 2rem;
}
.resource li {
	float: left;
	width: 47%;
	height: 15rem;
	margin-right: 6%;
	border: 1px solid #d3d3d3;
	position: relative;
	margin-bottom: 1.5rem;
}
.resource li:nth-child(even) {margin-right: 0;}
.resource a ,
.resource img {
	display: block;
	width: 100%;
	height: 100%;
}
.resource p{
	position: absolute;
	bottom: .7rem;
	left: .7rem;
	color: #fff;
	font-size: 1.1rem;
}
.resource li:last-child {
	background-color: #fff;
}
.resource li:last-child p{
	position: static;
	text-align: center;
	color: #686868;
}
/*留言*/
.top-head p {
	font-size: 1.2rem;
	height: 3.2rem;
	line-height: 3.2rem;
	color: #494949;
	background-color: #fff;
	padding: 0 1rem;
	border-bottom: 1px solid #d3d3d3;
}
.message-wrap {
	padding: 1.5rem 1rem;
}
.message-wrap textarea {
	width: 100%;
	height: 8rem;
	max-width: 100%;
	max-height: 8rem;
	border-radius: .5rem;
	border-color: #d3d3d3;
	resize: none;
	margin-bottom: .8rem;
	padding: .5rem;
	font-size: 1.2rem;
}
.message-btn {
	float: right;
	width: 4rem;
	height: 2rem;
	line-height: 2rem;
	padding: 0;
	font-size: 1.2rem;
	color: #fff;
	background-color: #009c07;
	border: 0 none;
	border-radius: 0.3rem;
}
.message-nub {
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	color: #828281;
	background-color: #fff;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
}
.message-nub span {color: #e80d0d;}

.mui-table-view {
	background-color: #f2f2f2;
}
.mui-table-view:before {
	display: none;
}
.lists {
	background-color: #fff;
	margin-top: 1rem;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
}
.user-content {padding: 1rem;}
.user img {
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	float: left;
}
.user-name {
	overflow: hidden;
	padding-left: .8rem;
}
.user-name p{
	font-size: 1.3rem;
	line-height: 1.3rem;
	color: #009c07;
	padding-bottom: .3rem;
}
.user-name time {
	font-size: 1rem;
	color: #a8a8a8;
}
.user-content > p {
	font-size: 1.2rem;
	line-height: 1.8rem;
	color: #494949;
	overflow: hidden;
	height: 3.6rem;
	padding-top: .5rem;
}
.laud {
	height: 2.8rem;
	line-height: 2.8rem;
	border-top: 1px solid #d3d3d3;
}
.laud a {
	float: right;
	padding-right: 1rem;
}
.laud img {
	display: inline-block;
	height: 1.2rem;
}
.laud span {
	color: #818180;
	padding-left: .3rem;
}
.shade {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	z-index: 99;
}
.close {
	position: absolute;
	top: 20%;
	left: 50%;
	margin-left: -10rem;
	z-index: 999;
	width: 20rem;
	background-color: #fff;
	border-radius: 1rem;
}
.close p {
	color: #464646;
	font-size: 1.5rem;
	padding: 1rem 2.3rem 1rem;
	border-bottom: 1px solid #ccc;
}
.close a {
	display: block;
	width: 7.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	color: #fff;
	background-color: #009C07;
	border-radius: .5rem;
	margin: 1rem auto;
	font-size: 1.5rem;
}
/*语音导览*/
/*语音导览*/
.index_bg {background: url(../img/yuyingj_index_02.png?s311) repeat-y;background-size:cover;width: 100%;}
.speech-content a{
	display: block;
	color: #494949;
	width: 100%;
	padding-top: 1rem;
	margin-top: 1rem;
}
.img-title {
	padding: 0 1rem 2rem;
}
.img-title img{
	display: block;
	float: left;
	width: 50%;
	height: 10rem;
	margin-right: 1.5rem;
}
.img-title .list-info {
	overflow: hidden;
}
.list-info h3 {
	font-size: 1.6rem;
	margin: 0;
	padding: 1rem 0 1.5rem;
}
.list-info p {
	padding-bottom: 1.2rem;
	font-size: 1.4rem;
	color: #589156;
}
.a-info {
	background: url(../img/textgb_02.png) no-repeat;
	width: 100%;
}
.a-info div{
	float: left;
	width: 50%;
	height: 3.6rem;
	line-height: 3.6rem;
	padding: 0 1rem;
	border-left: 1px solid #fff;
	color: #fff;
}
.a-info div:first-child{border-left: 0 none;}
.a-info .file {
	padding-left: 3rem;
}
.a-info img{
	margin: .8rem 0;
	height: 2rem;
	float: left;
	padding-right: .5rem;
}
.a-info span {
	font-size: 1.4rem;
	color: #fff;
}
footer .go-back a {line-height: 1.2rem;}

/*交通路线*/
.top-head img {
	display: block;
	width: 100%;
	height: 14rem;
}
.traffic-cont {
	margin-top: 1rem;
	padding: 0 1rem 5rem;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	background-color: #fff;
}
.traffic-cont h2 {
	text-align: center;
	padding: 1rem 0;
	font-weight: 500;
	font-size: 1.8rem;
}
.traffic h3,.traffic p{
	font-size: 1.4rem;
}
.traffic h3 {
	font-weight: 400;
	color: #cf0000;
}
.traffic p {
	text-indent:2em;
	line-height: 1.8rem;
	color: #494949;
}
/*景区介绍*/
.view {
	padding-top: 1rem;
}
.view .color-red {color: #ef2d00;}
.view p {
	font-size: 1.5rem;
	line-height: 2rem;
	color: #494949;
}
.text_two {text-indent:2em;}
.pt3{padding-top: 2rem;}

/*music player*/
.page-bg {
	background: url(../img/yuyinbj.png) no-repeat center;
}
.m_player {
	margin: 2rem 2rem 0;
	padding: 0 .5rem;
	background-color: #fff;
}
.m_player h1 {
	padding: 1.5rem 0 .5rem;
	margin: 0;
	text-align: center;
	font-size: 2rem;
	color: #494949;
}
.musi-img {
	width: 100%;
	height: 15rem;
	padding: 0 1rem;
	margin: 0 auto;
}
.musi-img img {
	display: block;
	width: 100%;
	height: 100%;
}
.player {
	padding: .5rem 0 1rem;
	width: 100%;
}
#music_player {
	width: 100%;
	padding: 0 1rem;
}
.cont-text {
	padding-bottom: 2rem;
}
.cont-text p {
	text-indent:2em;
	font-size: 1.5rem;
	color: #494949;
	line-height: 2rem;
}