body{padding:0px;margin:0px;}
.dyymark{width:100%;}
.dyymark .bgImg{width:100%;height:auto;} 
.pin {
	position:absolute;
	cursor:pointer;
	z-index:999;
    border-radius: 50% 50% 50% 0;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 50%;
    top: 50%;
    margin:0px 0 0 0px;
    animation: locations 1s;
    animation-iteration-count: infinite;
}
.pin:after {
    content: '';
    width: 50%;
    height: 50%;
    margin: 25%;
    background: #fff;
    position: absolute;
    border-radius: 50%;
    left:0%;
}
@keyframes locations{
    0%   {margin: 0px 0 0 0px;}
    50%  {margin: -10px 0 0 0px;}
    100% {margin: 0px 0 0 0px;}
}
/*.info-span{*/
	/*width: var(--size);*/
    /*height: var(--size);*/
	/*padding:0px;*/
	/*border-radius:30px;*/
	/*background:red;*/ 
	/*color:#fff;*/
	/*font-size:25px;*/
	/*font-weight:bold;*/
	/*line-height:30px;*/
	/*text-align:center;*/
	/*position:absolute;*/
	/*display: flex;*/
	/*cursor:pointer;*/
	/*z-index:999;*/
	/*justify-content: center;*/
 /*   align-items: center;*/
/*}*/
/*.info-span span.i1 {*/
/*    position: absolute;*/
/*    box-sizing: border-box;*/
/*    border-radius: 50%;*/
/*    animation: dyymark_animate 1.5s linear infinite;*/
/*    animation-delay: calc(0.5s * 1);*/
/*    border:none;*/
/*}*/
/*.info-span span.i2 {*/
/*	position: absolute;*/
/*	box-sizing: border-box;*/
/*	border-radius: 50%;*/
/*	animation: dyymark_animate 1.5s linear infinite;*/
/*	animation-delay: calc(0.5s * 2);*/
/*	border:none;*/
/*}*/
/*.info-span span.i3 {*/
/*	position: absolute;*/
/*	box-sizing: border-box;*/
/*	border-radius: 50%;*/
/*	animation: dyymark_animate 1.5s linear infinite;*/
/*	animation-delay: calc(0.5s * 3);*/
/*	border:none;*/
/*}*/
/*@keyframes dyymark_animate {*/
/*    0% {*/
/*        width: 0;*/
/*        height: 0;*/
/*    }*/
/*    50% {*/
/*        opacity: 1;*/
/*    }*/
/*    100% {*/
/*        width:  100%;*/
/*        height:  100%;*/
/*        opacity: 0;*/
/*    }*/
/*}*/
.info-word{
	position:absolute;
	padding:5px 10px;
	overflow:hidden;
	background:#fff;
	display:none;
	z-index:9999;
	border-radius:3px;
	cursor:pointer;
}
.info-img{
    position:absolute;
	background:none;
	display:none;
	z-index:9999;
	border-radius:0px;
	cursor:pointer;
}
.info-img img{
    width:300px;
    height:auto;
}
.info-cont{
	position:absolute;
	width:300px;
	background:#fff;
	display:block;
	padding-bottom:20px;
	z-index:9999;
	border-radius:13px;
	cursor:pointer;
}
.info-cont-none{
	display:none;
}
.info-cont .arrow{
    position:absolute;
    background:none;
    height:0px;
    width:0px;
    top:65px;
    left:-30px;
    border-top:15px solid transparent;
    border-bottom:15px solid transparent;
    border-left:15px solid transparent;
    border-right:15px solid #fff;
}
.info-cont .arrow_tp{
	position:absolute;
	background:none;
	height:0px;
	width:0px;
	top:-30px;
	left:135px;
	border-top:15px solid transparent;
	border-right:15px solid transparent;
	border-left:15px solid transparent;
	border-bottom:15px solid #fff;
}
.info-cont .arrow_bt{
	position:absolute;
	background:none;
	height:0px;
	width:0px;
	bottom:-30px;
	left:135px;
	border-bottom:15px solid transparent;
	border-right:15px solid transparent;
	border-left:15px solid transparent;
	border-top:15px solid #fff;
}
.info-cont .arrow_ri{
    position:absolute;
	background:none;
	height:0px;
	width:0px;
	top:65px;
	right:-30px; 
	border-top:15px solid transparent;
	border-bottom:15px solid transparent;
	border-right:15px solid transparent;
	border-left:15px solid #fff;
}
.info-cont .arrow_rt{
	position:absolute;
	background:none;
	height:0px;
	width:0px;
	top:-30px;
	left:260px;
	border-top:15px solid transparent;
	border-right:15px solid transparent;
	border-left:15px solid transparent;
	border-bottom:15px solid #fff;
}
.info-cont .arrow_rb{
	position:absolute;
	background:none;
	height:0px;
	width:0px;
	bottom:-30px;
	left:260px;
	border-bottom:15px solid transparent;
	border-right:15px solid transparent;
	border-left:15px solid transparent;
	border-top:15px solid #fff;
}
.info-cont .arrow_lt{
	position:absolute;
	background:none;
	height:0px;
	width:0px;
	top:-30px;
	left:10px;
	border-top:15px solid transparent;
	border-right:15px solid transparent;
	border-left:15px solid transparent; 
	border-bottom:15px solid #fff;
}
.info-cont .arrow_lb{
	position:absolute;
	background:none;
	height:0px;
	width:0px;
	bottom:-30px;
	left:10px;
	border-bottom:15px solid transparent;
	border-right:15px solid transparent;
	border-left:15px solid transparent;
	border-top:15px solid #fff;
}
.info-cont .arrow_left{
    position:absolute;
	background:none;
	height:0px;
	width:0px;
	top:60px;
	right:-30px;
	border-top:15px solid transparent;
	border-bottom:15px solid transparent;
	border-right:15px solid transparent;
	border-left:15px solid #fff;
}
.info-cont h3{overflow:hidden;padding:10px 15px;margin:0px;width:100%;background:#ddd;border-top-right-radius:13px;border-top-left-radius:13px;box-sizing: border-box;}
.info-cont h3 img{float:left;width:60px;height:60px;border-radius:60px;margin:0px;}
.info-cont h3 span{float:left;margin-left:10px;max-width:calc(100% - 90px);height:60px;font-size:14px;line-height:30px;font-weight:bold;}
.info-cont .content{display:block;padding:10px;font-size:12px;line-height:24px;color:#999;}
.info-cont .readmore{margin:5px 0px;}
.info-cont .readmore a{font-size:12px;color:#fff;display:inline-block;padding:5px 20px;border-radius:30px;background:#ef7b39;margin-left:10px;text-transform:uppercase;text-decoration:none;}