.bizrange { position: relative; -webkit-tap-highlight-color: rgba(255,255,255,0) }
.marker { position: absolute; z-index: 1; cursor: pointer; text-align: center; color: #d09520; }
    .marker img { animation: bounce 1s infinite; }
.card { position: absolute; display: none; background: #d09520; color: #fff; font-size: 12px; width: 300px; padding: 0 20px; margin-top: 70px; margin-left: -150px; z-index: 2; }
.angle { position: absolute; top: -15px; left: 50%; margin-left: -7.5px; border-width: 0 15px 15px; border-style: solid; border-color: transparent transparent #d09520; }
.cardItem { overflow: hidden; padding: 20px 0; border-top: 1px solid #fff; }
.card .cardItem:nth-child(2) { border: none; }
.cardItem img { width: 100px; }
.cardItem li, .cardItem ul { list-style: none; padding: 0; }
.cardItem ul { float: left; margin: -5px 0 0 20px; line-height: 22px; }

.jiangsu_marker { left: 79.2%; top: 51%; }
.hunan_marker { left: 67.8%; top: 70%; }
.anhui_marker { left: 74.5%; top: 58%; }
.guangxi_marker { left: 60.8%; top: 78%; }
.shanghai_marker { left: 83.3%; top: 56%; }
.neimenggu_marker { left: 65.4%; top: 29%; }
.zhejiang_marker { left: 80%; top: 64%; }
.jiangxi_marker { left: 73.5%; top: 68%; }
.xinjiapo_marker { left: 32%; top: 91%; }
.guizhou_marker { left: 56%; top: 73%; }
.sichuan_marker { left: 50%; top: 62%; }
.hainan_marker { left: 64%; top: 91%; }
.shanxi_marker { left: 65%; top: 42%; }
.hebei_marker { left: 71%; top: 39%; }

.jiangsu_card { left: 78%; top: 50%; }
.hunan_card { left: 66.5%; top: 69%; }
.anhui_card { left: 73.5%; top: 57%; }
.guangxi_card { left: 59.5%; top: 77%; }
.shanghai_card { left: 82%; top: 55%; }
.neimenggu_card { left: 64.2%; top: 28%; }
.zhejiang_card { left: 79%; top: 63%; }
.jiangxi_card { left: 72.5%; top: 67%; }
.xinjiapo_card { left: 30.5%; top: 90%; }
.guizhou_card { left: 55%; top: 73%; }
.sichuan_card { left: 49%; top: 62%; }
.hainan_card { left: 63%; top: 91%; }
.shanxi_card { left: 64%; top: 39%; }
.hebei_card { left: 70%; top: 36%; }

@media screen and (max-width: 1006px) {
    .marker img { width: 20px; }
    .cardWrap { display: flex; -webkit-tap-highlight-color: rgba(255,255,255,0); position: absolute; /* height: 100%; */ width: 100%; top: 0; /* left: 0; */ z-index: 3; }
    .card { left: 50%; margin-left: -170px; }
        .card .angle { display: none; }
    .jiangsu_marker { left: 78.2%; top: 49%; }
    .hunan_marker { left: 66.8%; top: 68%; }
    .anhui_marker { left: 73.5%; top: 56%; }
    .guangxi_marker { left: 59.8%; top: 76%; }
    .shanghai_marker { left: 82.3%; top: 54%; }
    .neimenggu_marker { left: 64.4%; top: 27%; }
    .zhejiang_marker { left: 79%; top: 62%; }
    .jiangxi_marker { left: 72.5%; top: 66%; }
    .xinjiapo_marker { left: 31%; top: 89%; }
    .guizhou_marker { left: 54%; top: 73%; }
    .sichuan_marker { left: 48%; top: 62%; }
    .hainan_marker { left: 62%; top: 91%; }
}

@keyframes bounce {
    0% { transform: translateY(0); }
    25% { transform: translateY(-3px); }
    50% { transform: translateY(-6px); }
    75% { transform: translateY(-3px); }
    100% { transform: translateY(0); }
}
