@charset "UTF-8";
[v-cloak] {
	display: none;
}

html,
body {
	font-size: 14px;
}

html,
body,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: PingFangSC-Medium, "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", serif;
}

a {
	text-decoration: none;
	color: #666;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.screenSaver {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 500;
}

.screenSaver img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.iconLonding {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 13000000000;
	background: #fff;
}

.iconLonding img {
	width: 100%;
}

.fullAllmap {
	width: 100%;
	height: 100% !important;
	z-index: 99 !important;
}

.active1 {
	-webkit-animation: myScale 6s;
	animation: myScale 6s;
}

@-webkit-keyframes myScale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}

@keyframes myScale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}

.allmap {
	width: 100%;
	height: 240px;
	background: #000;
	position: fixed;
	top: 0;
	z-index: 1;
}

.funButton {
	width: 42%;
	height: 30px;
	position: fixed;
	top: 8px;
	right: 0;
	z-index: 100;
}

.funButton li {
	width: 28px;
	height: 28px;
	background: rgba(74, 74, 74, 0.5);
	border-radius: 28px;
	float: right;
	margin-right: 8px;
	position: relative;
}

.funButton li img {
	width: 77%;
	position: absolute;
	left: 3px;
	top: 3px;
	border-radius: 20px;
}

.funButton li a {
	width: 100%;
}

.funButton li a.iconMap:before {
	content: '\e70d';
	font: 24px/28px 'iconfont';
	color: #fff;
	margin-left: 2px;
}

.funButton li a.iconAudio:before {
	content: '\e700';
	font: 12px/29px 'iconfont';
	color: #fff;
	margin-left: 8px;
}

.funButton li a.iconKsh:before {
	content: '\e705';
	font: 14px/30px 'iconfont';
	color: #fff;
	margin-left: 7px;
}

.iconKsh1:before {
	content: '\e70a';
	font: 14px/16px 'iconfont';
	color: #fff;
	position: absolute;
	left: 7px;
	top: 7px;
}

/*.iconTitle:before {
	content: '\e706';
	font: 10px/15px 'iconfont';
	color: #fff;
	position: absolute;
	left: 5px;
	top: 3px;
}*/

.iconpw:before {
	content: '\e727';
	font: 13px/12px 'iconfont';
	color: #FFCD00;
}

.cactivedom1 {
	top: 14px;
	position: fixed;
	position: absolute;
	width: 98%;
	left: -2%;
	height: 30px;
	background-image: linear-gradient(45deg, #f8605c 0%, #ffb150 100%);
	border-radius: 0 30px 30px 0;
	z-index: 9;
}

.cactivedom1 .triangle-up {
	width: 0px;
	height: 0px;
	border-left: 5px solid transparent;
	border-right: 7px solid #f8605c;
	border-bottom: 9px solid transparent;
	position: absolute;
	top: 29px;
	left: -5px;
}

.cactivedom1 .listTitle {
	height: 30px;
	line-height: 30px;
	margin-left: 5%;
}

.cactivedom1 .listTitle i {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #eee;
	position: absolute;
	top: 6px;
	border-radius: 20px;
}

.cactivedom1 .listTitle i.iconTitle1 {
 background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
    background-image: url(http://pic.chn799.com/iicon.png);
}

.cactivedom1 .listTitle h3 {
	margin-left: 28px;
	font-family: "微软雅黑";
	font-size: 1.28rem;
	color: #fff;
	letter-spacing: 0;
	font-weight: bold;
}

.brief {
	width: 87.5%;
	margin: 0 2.5% 0px 2.5%;
	background: #fff;
	border-radius: 8px;
	padding: 10px 3.75%;
	-webkit-box-shadow: 0 1px 1px #ccc;
	box-shadow: 0 1px 1px #ccc;
	font-size: 0.93rem;
	color: #333;
	line-height: 20px;
	font-weight: normal;
}

.scroller {
	height: calc(100% - 171px);
	position: absolute;
	top: 171px;
	background: #f4f4f4;
	overflow: hidden;
	width: 100%;
	z-index: 2;
}

.scroller>div:before {
	content: "下拉刷新页面！";
	position: absolute;
	top: -70px;
	font: 14px/30px PingFangSC-Medium, "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", serif;
	text-align: center;
	color: #ccc;
	width: 100%;
}

.allmapList {
	width: 87.5%;
	margin: 10px 2.5% 5px 2.5%;
	background: #fff;
	border-radius: 4px;
	padding: 10px 3.75%;
	-webkit-box-shadow: 0 1px 1px #ccc;
	box-shadow: 0 1px 1px #ccc;
	position: relative;
}

.allmapList>div:last-child>div .iconBox {
	display: none;
}

.allmapList .cactivedom {
	width: 97%;
	position: absolute;
	border-radius: 0 30px 30px 0;
}

.allmapList .cactivedom .listTitle h3 {
	color: #666666;
}

.allmapList .cactivedom span {
	display: block;
}

.allmapList .listTitle {
	height: 28px;
	line-height: 28px;
}

.allmapList .listTitle i {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #eee;
	position: absolute;
	top: 4px;
	left: -4px;
	border-radius: 20px;
  background-image: url(http://pic.chn799.com/iicon1.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;

}

.allmapList .listTitle h3 {
	margin-left: 28px;
	font-family: "微软雅黑";
	font-size: 1.28rem;
	color: #666666;
	letter-spacing: 0;
	font-weight: bold;
}

.allmapList span {
	font-size: 0.92rem;
	color: #666666;
	width: 100%;
	line-height: 20px;
	margin-top: 40px;
	display: inline-block;
}

.allmapList .alistContent {
	position: relative;
}

.allmapList .alistContent>i {
	position: absolute;
	width: 2px;
	height: 100px;
	background: #f8605c;
	top: 23px;
	left: 5px;
}

.allmapList .alistContent:before {
	content: '';
	position: absolute;
	left: 5px;
	height: calc(100% - 110px);
	width: 2px;
	background: #eee;
	top: 23px;
}

.allmapList .listContent {
	height: 112px;
	width: 100%;
	position: relative;
	padding: 0 0 12px 0;
}

.allmapList .listContent.acted .iconFl i {
	background: #2B97FF;
}

.allmapList .listContent.acted .iconFl i:after {
	background: #2B97FF;
}

.allmapList .listContent.acted .iconFl .iconBox {
	background: #2B97FF;
}

.allmapList .listContent.active .iconFl i {
	
      background-image: url(http://pic.chn799.com/iicon2.png);
}

.allmapList .listContent.active .iconFl .iconBox {
	background: #2B97FF;
}

.allmapList .listContent .iconFl {
	position: absolute;
	top: 0;
}

.allmapList .listContent .iconFl.active .iconBox {
	height: 106px;
}

.allmapList .listContent .iconFl.active i {
	z-index: 9;
}

.allmapList .listContent .iconFl i {
	display: inline-block;
	width: 20px;
	height: 20px;

	position: absolute;
	top: 22px;
	z-index: 10;
	left: -4px;
	border-radius: 20px;
     background-image: url(http://pic.chn799.com/iicon3.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.allmapList .listContent .iconFl i.symbol {
	color: #fff;
	-webkit-transition: background-color .2s ease-in;
	transition: background-color .2s ease-in;
}

/*.allmapList .listContent .iconFl i:before {
	position: absolute;
	width: 20px;
 
}*/

.allmapList .listContent .iconFl .iconBox {
	width: 2px;
	height: 0px;
	background: transparent;
	position: absolute;
	top: 38px;
	left: 5px;
	z-index: 10;
}

.allmapList .listContent .imgCenter {
	width: 88px;
	height: 88px;
	position: absolute;
	top: 23px;
	left: 4%;
	z-index: 99999;
}

@media screen and (max-width: 768px) and (max-height: 1566px) {
	.allmapList .listContent .imgCenter {
		left: 5%;
	}
}

.allmapList .listContent .imgCenter img {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	height: 100%;
	border-radius: 4px;
}

.allmapList .listContent .textFr {
	position: absolute;
	width: calc(100% - 121px);
	padding: 0 0 0 121px;
	top: 20px;
}

.allmapList .listContent .textFr h4 {
	font-size: 1.1rem;
	color: #333333;
	letter-spacing: 0;
	font-weight: normal;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.allmapList .listContent .textFr h4+span {
	display: inline-block;
	font-size: 0.85rem;
	color: #666666;
	letter-spacing: 0;
	margin-top: 10px;
	height: 32px;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.allmapList .listContent .textFr dl {
	margin-top: 7px;
}

.allmapList .listContent .textFr dl dd {
	float: right;
	/* margin-left: 8%; */
	font-family: "微软雅黑";
	font-size: 10px;
	color: #999;
	letter-spacing: 0;
	line-height: 14px;
	position: relative;
	text-align: center;
}

.allmapList .listContent .textFr dl dd.interval {
	position: absolute;
	text-align: left;
	color: #ccc;
	height: 15px;
	background: #eee;
	line-height: 15px;
	padding-top: 1px;
	border-radius: 2px;
	padding: 1px 4px 0 1px;
}

.allmapList .listContent .textFr dl dd i {
	width: 10px;
	height: 10px;
	margin-right: 2%;
}

.allmapList .listContent .textFr dl dd a {
	color: #fff;
	width: 97%;
	display: inline-block;
	height: 15px;
	border: 1px solid #f8645b;
	border-radius: 3px;
	background:#f8645b;
	line-height: 15px;
}

.allmapList .listContent:last-child .iconFl i:after {
	display: none;
}

.allmapList .listContent:last-child .iconFl .iconBox {
	height: 0;
}

#panorama {
	position: absolute;
	width: 12%;
	right: 0;
}

.writerBox {
	width: 100%;
	height: 320px;
	background-position: 50%;
	background-size: 25%;
}

.light i {
	background: #42E695 !important;
}

.light .iconBox {
	background: #42E695 !important;
}

.cacBack {
	width: 87.5%;
	margin: 10px 2.5% 5px 2.5%;
	padding: 3% 3.8%;
	top: 159px;
	height: 29px;
	position: absolute;
	z-index: 9;
	border-radius: 8px;
}

.cacBack:before {
	content: "";
	background: #fff;
	width: 100%;
	height: calc(100% - 8px);
	position: absolute;
	top: 0;
	left: 0;
}

.fade-enter-active,
.fade-leave-active {
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}

.fade-enter,
.fade-leave-to {
	opacity: 0;
}

@media screen and (min-width: 375px) {
	.allmapList .listContent .textFr {
		position: absolute;
		width: calc(100% - 128px);
		padding: 0 0 0 128px;
		top: 20px;
	}
	.allmapList .listContent .textFr dl dd.interval {
		position: absolute;
		text-align: left;
	}
}

@media screen and (min-width: 650px) {
	.brief {
		width: 87.5%;
		margin: 0 2.5% 0px 2.5%;
		background: #fff;
		border-radius: 4px;
		padding: 10px 3.75%;
		-webkit-box-shadow: 0 1px 1px #ccc;
		box-shadow: 0 1px 1px #ccc;
		font-size: 0.93rem;
		color: #333;
		line-height: 20px;
		font-weight: normal;
	}
	.allmapList {
		width: 87.5%;
		margin: 10px 2.5% 5px 2.5%;
		background: #fff;
		border-radius: 8px;
		padding: 10px 3.75%;
		-webkit-box-shadow: 0 5px 5px #ccc;
		box-shadow: 0 5px 5px #ccc;
		position: relative;
	}
	.allmapList .listContent .textFr {
		position: absolute;
		width: calc(100% - 191px);
		padding: 0 0 0 178px;
		top: 20px;
	}
	.allmapList .listContent .textFr dl dd i {
		width: 12px;
		height: 12px;
		margin-right: 2%;
	}
	.allmapList .listContent .textFr dl dd.interval {
		position: absolute;
		text-align: left;
	}
	.cacBack {
		width: 87.5%;
		margin: 10px 2.5% 5px 2.5%;
		padding: 3% 3.8%;
		top: 159px;
		height: 29px;
		position: absolute;
		z-index: 9;
		background: #fff;
		border-radius: 4px;
	}
	.cactivedom1 {
		top: 10px;
		position: fixed;
		position: absolute;
		width: 91%;
		left: -1%;
		height: 30px;
		background-image: linear-gradient(45deg, #6078EA 0%, #07D6FD 100%);
		border-radius: 0 30px 30px 0;
		z-index: 9;
	}
	.allmapList .listTitle {
		height: 30px;
		line-height: 30px;
		margin-left: 5%;
	}
	.allmapList .listTitle h3 {
		margin-left: 28px;
		font-family: "微软雅黑";
		font-size: 1.28rem;
		color: #666666;
		letter-spacing: 0;
		font-weight: bold;
	}
	.cactivedom1 .listTitle {
		height: 30px;
		line-height: 30px;
		margin-left: 4%;
	}
	.cactivedom1 .listTitle h3 {
		margin-left: 7%;
		font-family: "微软雅黑";
		font-size: 1.2rem;
		color: #fff;
		letter-spacing: 0;
		line-height: 29px;
	}
	.writerBox {
		height: 600px;
	}
}