body{padding:0px;margin:0px;}
.dyymark{width:100%;}
.dyymark .bgImg{width:100%;height:auto;} 


@keyframes rippleOne {
    70% {
        box-shadow: 0 0 0 40px rgba(244,68,56,0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(244,68,56,0)
    }
}
.ripple {
    position: relative
}

.ripple::before,.ripple::after {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    -ms-box-shadow: 0 0 0 0 rgba(255,255,255,0.5);
    -o-box-shadow: 0 0 0 0 rgba(255,255,255,0.5);
    box-shadow: 0 0 0 0 rgb(255 222 222 / 50%);
    animation: rippleOne 2s infinite
}

.ripple::before {
    animation-delay: 0.9s;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
}

.ripple::after {
    animation-delay: 0.6s;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0
}

.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;
}
.pin2 {
	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%;
	width: 200%;
	margin:0px 0 0 0px;
	animation: locations 1s;
	animation-iteration-count: infinite;
}
.pin:after {
    content: '';
    width: 50%;
    height: 50%;
    line-height: 2rem;
    /* margin: 0 25% 25% 25%; */
    background: #fff;
    /* position: absolute; */
    border-radius: 50%;
    /* left: 46%; */
}
.pin2:after {
    content: '';
    width: 80%;
    height: 80%;
    line-height: 2rem;
    /* margin: 0 25% 25% 25%; */
    background: #fff;
    background-image: url(/static/image/p1_h.png);
    background-size: cover;
    /* position: absolute; */
    border-radius: 50%;
    -webkit-transform: rotate(45deg);
    left: 10%;
    top: 10%;
}
@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;
	box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.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 0px;margin:0px;width:100%;font-size: 24px;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: 18px;line-height:30px;font-weight:bold;}
.info-cont .content{display:block;padding:10px;font-size:12px;line-height:24px;color:#999;text-align:left;}
.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;}
.info-cont .readmore a:hover{background:var(--theme);}