﻿
#allmap { width: 100%; height: 100%; min-height: 1000px; overflow: hidden; margin: 0; font-family: 'microsoft yahei'; }

.m-mapLeft { position: absolute; left: 20px; top: 20px; z-index: 999; width: 400px; }

.m-mapUl li { float: left; text-align: center; width: 200px; height: 40px; line-height: 40px; background: #f4f4f4; cursor: pointer; }

.m-mapUl li.active { background: rgba(255, 255, 255, 0.7); font-size: 18px; }

.m-mapTab .m-mapTab-entry { padding: 20px 20px 10px; width: 360px; background: rgba(255, 255, 255, 0.7); }

.m-mapTab .m-mapTab-tip { font-size: 12px; padding-bottom: 10px; }
.m-mapTab .m-mapTab-tip i { font-size: 12px; margin-left: 10px; }

.m-mapTab .input-address { width: 338px; padding: 10px; height: 18px; line-height: 18px;  background: #fff; font-size: 13px;

border:2px solid rgba(0,44,106,1);
border-radius:26px;
}

.m-mapTab .m-search { -webkit-transition: background-color 444ms ease, color 444ms ease, border-color 444ms ease; -o-transition: background-color 444ms ease, color 444ms ease, border-color 444ms ease; transition: background-color 444ms ease, color 444ms ease, border-color 444ms ease; will-change: background-color, color, border-color; background-color: rgba(0,44,106,1); color: #fff; text-align: center; width: 360px; height: 50px; line-height: 50px; margin-top: 10px; cursor: pointer; font-size: 14px; border-radius: 34px; }

.m-mapTab .m-search:hover { background-color: rgba(0,44,106,0.7); }

.m-mapSearch-results { margin-top: 20px; background: #fff; }
.m-mapSearch-results .m-mapSearch-tit { padding: 10px 20px; line-height: 14px; height: 14px; font-size: 12px; border-bottom: 1px solid #ccc; }
.m-mapSearch-results .m-mapSearch-ul { max-height: 340px; overflow-y: auto; }
.m-mapSearch-results .m-mapSearch-ul li { background-color: rgba(244, 244, 246, 0); -webkit-transition: background-color 222ms ease; transition: background-color 222ms ease; border-bottom: 1px solid #ccc; }
.m-mapSearch-results .m-mapSearch-ul li a { display: block; padding: 13px 20px; }
.m-mapSearch-results .m-mapSearch-ul li a .m-mapSearch-name { font-size: 16px; padding-bottom: 4px; }
.m-mapSearch-results .m-mapSearch-ul li a .m-mapSearch-address { font-size: 12px; }
.m-mapSearch-results .m-mapSearch-ul li a .icon-right { display: inline-block; height: 38px; line-height: 38px; }
.m-mapSearch-results .m-mapSearch-ul li a .m-mapSearch-ulFl { width: 320px; }
.m-mapSearch-results .m-mapSearch-ul li a .m-mapSearch-name,
.m-mapSearch-results .m-mapSearch-ul li a .m-mapSearch-address { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-mapSearch-results .m-mapSearch-ul li a:hover { background-color: rgba(244, 244, 246, 0.7); }

.m-mapTab-inputAddress { padding: 20px; width: 360px; background: rgba(255, 255, 255, 0.7); }
.m-mapTab-inputAddress .m-mapTab-inputFl { width: 40px; }
.m-mapTab-inputAddress .m-mapTab-inputFl i { display: block; font-size: 22px; color: #666; padding: 6px 0; }
.m-mapTab-inputAddress .m-mapTab-inputFl .m-mapTab-inputLine { border-right: 4px dotted #666; display: inline-block; height: 20px; width: 9px; }
.m-mapTab-inputAddress .m-mapTab-inputFr { width: 320px; }
.m-mapTab-inputAddress .m-mapTab-inputFr .m-mapTab-inputBox { width: 278px; height: 16px; line-height: 16px; padding: 10px 20px; font-size: 13px; border: 1px solid rgba(0,44,106,1); border-radius: 34px; }
.m-mapTab-inputAddress .m-mapTab-inputFr .m-mapTab-import { margin-bottom: 20px;border-radius:34px; }
.m-mapTab-inputAddress .m-mapTab-inputFr .m-mapTab-store { margin-bottom: 10px; }

.m-map-sendAddress { display: none; margin-top: 10px; }
.m-map-sendAddress .m-map-sendBtn { background: #002864; height: 30px; border: 1px solid #002864; color: #fff; font-size: 13px; width: 240px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: all 222ms ease; transition: all 222ms ease; cursor: pointer; }
.m-map-sendAddress .m-map-sendBtn i { display: inline-block; margin-right: 6px; }
.m-map-sendAddress .m-map-sendBtn:hover { opacity: 0.7; }
.m-map-sendAddress .m-map-sendSuccess { width: 240px; color: #002864; text-align: center; margin: 10px 0; font-size: 13px; position: relative; }
.m-map-sendAddress .m-map-sendSuccess .icon-scan-code { font-size: 18px; margin-left: 15px; }
.m-map-sendAddress .m-map-sendSuccess .icon-down { font-size: 12px; }
.m-map-sendAddress .m-map-sendSuccess .m-map-sendCode { display: none; position: absolute; left: 50%; z-index: 99; background: #fff; padding: 10px; border: 1px solid #ccc; }
.m-map-sendAddress .m-map-sendSuccess:hover .m-map-sendCode { display: block; }

/*弹层遮罩*/
.popmap { background: #fff; opacity: 0.8; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1001; }

/*map 弹层*/
.inputNum-pop { position: absolute; left: 35%; top: 30%; z-index: 1999; background: #002864; color: #fff; width: 436px; height: 276px; padding: 22px; text-align: center; }
.inputNum-pop .icon-close { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; font-size: 12px; cursor: pointer; }
.inputNum-pop .icon-close:hover { color: #f41c1c; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); }
.inputNum-pop .inputNum-tit { font-size: 18px; padding: 42px 0 22px; }
.inputNum-pop .inputNum-import { width: 278px; height: 38px; line-height: 38px; padding: 0 20px; border: 1px solid #fff; background: #002864; color: #fff; font-size: 16px; border-radius: 34px; }
.inputNum-pop .inputNum-import::placeholder { color: #fff; }
.inputNum-pop .inputNum-btn { background: #fff; border: 1px solid #fff; color: #002864; font-size: 14px; text-align: center; width: 198px; height: 38px; font-weight: 400; -webkit-border-radius: 34px; -moz-border-radius: 34px; -ms-border-radius: 34px; -o-border-radius: 34px; border-radius: 34px; margin-top: 55px; cursor: pointer; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.inputNum-pop .inputNum-btn:hover { background: rgba(255, 255, 255, 0.8); }

/* loading */
.mapLoading { position: absolute; left: 50%; top: 50%; z-index: 1999; width: 50px; height: 50px; border: 5px solid; color: #3498db; border-radius: 50%; border-top-color: transparent; animation: mapLoading 1.2s linear infinite; }
@keyframes mapLoading {
    25%{
        color: #2ecc71;
    }
    50%{
        color: #badd5a;
    }
    75%{
        color: #495b96;
    }
    to{
        transform: rotate(360deg);
    }
}


.m-pop-customize { width: 320px; }
.m-pop-customize .m-customize-box { padding-bottom: 10px; }
.m-pop-customize .m-customize-icon { width: 30px; margin-right: -30px; }
.m-pop-customize .m-customize-info { margin-left: 30px; font-size: 12px; float: left; }
.m-pop-customize .m-customize-btn { display: inline-block; -webkit-transition: background-color 444ms ease, color 444ms ease, border-color 444ms ease; -o-transition: background-color 444ms ease, color 444ms ease, border-color 444ms ease; transition: background-color 444ms ease, color 444ms ease, border-color 444ms ease; will-change: background-color, color, border-color; background-color: rgba(0,44,106,1); color: #fff; text-align: center; width: 43%; height: 33px; line-height: 40px; cursor: pointer; font-size: 14px; margin: 0 3%; border-radius: 34px; }
.m-pop-customize .m-customize-btn:hover { background-color: rgba(0,44,106,0.7); }
.m-pop-customize .m-customize-tit { font-size: 16px; padding: 10px 0; padding-left: 30px; line-height: 20px; }
