.leaflet-control-playback{position:relative;background-color:#7cbdf5;padding:10px}.leaflet-control-playback .optionsContainer{position:relative}.leaflet-control-playback .optionsContainer>div{display:inline-block}.leaflet-control-playback .buttonContainer a{display:inline-block;width:32px;height:32px;text-decoration:none}.leaflet-control-playback .buttonContainer .btn-stop{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA+klEQVRYR+3WO0oFQRCF4e/qOlyBa3ElKoKp+NiDCuoGTBVMDVyEIgiCmooghj4pmMkuUvY8OnAqbHrm/Jw+Vd0zlWtWWd8EMDmQcWABS3gYIrAZgDOs4BDbeO0TJAPwiXAh6gU7OEKsd64MwPcclVus4bIrQSlAq3uBDdyXgnQFCN137GMPb38F6QOg1XxuQnqCryxInwCt5jVWcZWBGAKg1Y32jXw8/gYyJEDo3mD53wKcYx1PYztQLYTRhjGmj8duwxhEB9itMYhiFG/iLtPz8/aUtuGol9EHFmtex1vNRDttQjb6g6T0eFPfZTKQ+lHppglgcqC6Az+ALjshtOE50wAAAABJRU5ErkJggg==) no-repeat 50%}.leaflet-control-playback .buttonContainer .btn-start{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA7UlEQVRYR+3WvUoDURDF8V8awVJE0NZW/CCVlaa0shHyIpJGW7XKmwQb8QG0FCwkhaWVINiY1kZlgsKyKHuLhGCYW869e+bwX4YzLTM+rRn3lwaSwL8isIZ13OP9j+nZwAIe8FkyYaUEVvGIJbziEHe1BkcYMJ6suDvAqMlEqYETnFfEbtGpid9gv1I7xcWkDPRxXBEbYrsmHrXNSi2+6aWBJJAEkkASmBsCESxnDWEUAbU3rTBaxjV28YEuLmt44+4KK3jDFp4n9QtCJ6J753sZid3gt7OINp7w0tT8R7Tk3dTelC4kaSAJzC+BL+mMTCEXA7gBAAAAAElFTkSuQmCC) no-repeat 50%}.leaflet-control-playback .buttonContainer .btn-restart{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC2UlEQVRYR8XXW6hVVRQG4E9LpCvhi12gzJLI7HIiqAi6EV3MqEDxpaCop+ghooKIKColygiCngSJMFALQszuRVRGLz10kbLSUvIhnyKyC1rGD3PDZLH2PmftszgOOA9n7jnG/68xxxzjn7McZps1TfyjcCLm4y/sK3//TjXuOATOw3LchAtagA7gDbyEN3FwFJkuBJbiQVw51a/DHjxRyLRmZSoEjsYLuKsDcHPr97gZ3zV/mIzA8fgESXvTfsEWfIOfcCxOL3uvwskNhz9wK96v10cROAIf4vJGoHewGh9PkpGAPYszqn05hutrEqMIPI/7KudDeBSrOhzFXLyOGyqf/bgUX2dtGIEr8FED/A683AF8sPVIvIpbKt/Uwjn4r41A1n7EwsrhfiQj41r6RY7soirAbXiljcA1eK/aGMdkZLq2ALkNc0qgnTizjcAGrKzQLsNn00Uv/s8h2RzYRBuB33Fc2fEVzu8JPGFy7rm2A3usSeCsRrN4qlR+jxzsxqkl4Ach8DQuKQvzcG6F9m0ZLlnKvrd7YLIVaeuxHSFwSknLCSOCv4vregBPiHW4s8TaPziCdKe3hgDsxRL81hOBtbi7SSD/p70+3ADJaE3X+qIn8ITJqL6xxNtZF+Hs0ixy7QZ2L17sETyhcv8HTW5b8xZE2XxZFM5rWNEz+GJsr2KuaesDyUAKZQJ/9kwg0/GBKubFw4bRMcjU6tNOww9VK96VUT2ZIOmLQIbRp7iwCng71s8EgYBvwrIKfAdSD63jeNhXR4ymSDd2SMsibMbZlc+UBEkTIyM0IiLXJw0rbXmUJIsefAj3VGeemJ0kWU0iDSqNqrZalP6MFG5EaQTptUhfqa2zKK2dH8HjiLwax6Kw8pDpLMtrsPSFNbi6A4O08mfwJP5p8xvnFkTXZZplRuS9EPleW55in5daSfXn64faOATqYDmSk8pI/xu/zsTjtMMJTL71f2nLgqyeykoyAAAAAElFTkSuQmCC) no-repeat 50%}.leaflet-control-playback .buttonContainer .btn-slow{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABYUlEQVRYR9XXwStFQRTH8c8rkpSUv8FGsbFRsrIQGysrC0WUjeyV8hfIgpWNlJ2FJCkp/gZb8ado6k3dbu/e++beepO7nt+c75xz5szv9mT+epnj+/cAc7jCIX7bZLNLBubxiVls4mWUAIv4wEw/6EgBlvGK6cKJRwaw2g8+WUp3E0CAPsd6uUwpPbCGZ0wMqHUdQNA94RsLbQE28IjxikarAijqvtoCbOMeYzVdPgigrGsFsIM7GgdWGWCQLhlgDzdDBA+JKQIc9YdTub+SAMIm1wmDJQKc4KJCNzRA3SZVTAFgBac10EMBHOMy4eRx6S12G3T/AyAcom0JwrQ761qCqM/ahBEi6zWMEFkHUYTIOoojRNbHKEJkfY4jRBdDso+Dtn6gqAv3/Q1TOSxZjLmE94IvbLJklfMpxZKVNwnOOEBkseURJvyYPGALPy0esUan02bPJE2XEiQFqlqcHeAPD6VSIeCTGqIAAAAASUVORK5CYII=) no-repeat 50%}.leaflet-control-playback .buttonContainer .btn-quick{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABiElEQVRYR9XXsUodURDG8Z9Vah8kkCoIStQ0IoIiSLBJI1YWgkUqX8CnsBErKysrK1OksbGwSaEkYCEkBCEEUaIM7Mrmst7ds3vhxNve+Wb+55uzs7NjMv/GMtf3ogG2MY5PeOjqZB8HPmMS+/jYFWIUAHH4A6zib6oTowKIuodYwX0KRB3ADDbxoSFZ2YJqvSMs4a4tRB3AYnGaSLaM22eS1QFE6DEWhuj+STcMIAJPMIc/NRDPAZS6efxucqIJIPRfCoibgWTDACL0FO8xqEtyoAw+wzR+VdRNABFap+sEEKJzzOK6yNAGoNS9w4+6drRpQVV3gSlcoS1A6L8WuhL+KWcqQAi/F+3YKyZh0z0r/6/C9wIIcZzkEm/bVi/iAv4Nfpa6Lg70AYjWve4LEEniHqS2IE4fum9V11IdiD7GqI4kqZcwdAH/Mh/DrIMo6yjO+jLK9jqewBo2ci0kbYfb4GM4spWsC0DWpXQX6znW8h28wlZby9ruA33yJWv7fBckF/svHXgEbwl7Id9ZrC0AAAAASUVORK5CYII=) no-repeat 50%}.leaflet-control-playback .buttonContainer .btn-close{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkUlEQVRYR8WXMU4EMQxF33ICqKCjhFsg0bASl+BmcAkkqBA3oISSkgq4AEJ/hUfZzCaxM1mRZqrxf3F+HHvFP69VRf8YOAJeBzCeA5/ARx6rBCDxZ+AQuADeFkCc/cX6Aq6A9zTWLoBT4BHQj1qi7oUwcW1IS+KKNUHkABLXzvVNVw9ELm7xJK5MbLKaAugH7TwXtx8jECXxWSwDaP0QgQjFMgC59Ak4cZitlgmvuHlrnR7BUoio+MbYuQl7IbrEcxNa9qMQN8AdYFetdoqz4ysVogjED3DQ651aKY5AtPSLxq0BKOgIiGr9aAEshWgWLw9AL0RTvHQLSue5Bu6dhpMxr4GHljm8GYjc80jZ3nqMSrA94m6IVgaWiLsgagAjxFMIeeglT3MJICLurYTqCS9ziF0AEXFdNb0Ft86nfAaRA0TFrVeMVMwtiLwlUz/Y9aoFy/YEEW3JrJMpdcnhTEQBPOXVC6FYWy3ZyK64BTFtZJ9zQQmiOBdYjRg5GeUQzcnIIEbOhgbx7Z0NU4i9T8e/hW2N2FRDjgQAAAAASUVORK5CYII=) no-repeat 50%}.time-slider{-webkit-appearance:slider-vertical;width:30px}.buttonContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.buttonContainer a{padding:5px 0}.leaflet-control{background:#eee}.sfa-vessel-text{width:-webkit-max-content;width:-moz-max-content;width:max-content;background-color:rgba(0,0,0,.6);text-align:center;padding:2px 5px;border-radius:3px;color:#fff}.track_title{width:100vw;height:6.5vh;background-color:#fff}.track_title li{width:50vw;height:6.5vh;float:left;text-align:center;line-height:6.5vh;font-size:14px;color:#222;cursor:pointer}.this_title{font-size:16px!important;font-weight:700}.this_title div{width:70px;height:4px;background-color:#ffc742;margin:0 auto;margin-top:-4px}.track_content{width:100vw;height:93.5vh;background-color:#fff}.track_alert{position:absolute;width:calc(100% - 20px);background-color:#fff;z-index:666;bottom:10px;margin:0 10px;overflow:hidden}.port-info-card__half{height:30px}.port-info-card__all,.port-info-card__half{-webkit-transition:all 1s;transition:all 1s}.port-info-card__all{height:210px}.track_statistics{width:100%;height:30px;background-color:#ececec;text-align:center;line-height:30px;color:#787878;font-size:12px}.track_share{width:90%;height:60px;overflow:hidden;padding:0 5% 10px}.track_share_left{width:75%;line-height:60px;text-align:left;float:left;font-weight:700}.track_share_left span{font-size:12px;margin-left:5px}.track_share_right{width:25%;line-height:60px;text-align:right;float:right;font-weight:700}.track_share_right span{float:right;font-size:13px}.titleDiv{height:7.5vh;width:100%;background-color:#fff;line-height:7.5vh;border-top:.5px solid #cdcdcd;padding:0;margin:0}.titleDiv .nameTrack{float:left;display:inline-block;margin-left:10px}.titleDiv .dataTrack{float:right;display:inline-block;margin-right:10px}.titleCount{height:7vh;width:100%;background-color:#eee;line-height:7vh;border-top:.5px solid #cdcdcd;padding:0;margin:0}.titleCount span{display:inline-block;width:47%;text-align:left}.line-icon-change{width:5%;height:30px;margin-top:30px;display:inline-block;vertical-align:top}.van-swipe{width:100vw;height:38vh;background-color:#fff;margin-top:20px;text-align:center}.sf-indicator_inactive{width:10px;background:#d8d8d8;margin-right:6px;border-radius:20px}.sf-indicator_active{width:15px;background:#ffcd5d;margin-right:6px;border-radius:20px}.custom-indicator{height:10px!important;width:40px!important;position:absolute;bottom:5px;left:0;right:0;margin:auto;display:-webkit-box;display:-webkit-flex}.van-swipe-item span{color:#242424;font-size:18px;font-weight:700}.sf-bar{position:relative;border-left:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;width:87%;height:95%}.sf-bar:after{position:absolute;bottom:-8px;right:-15px;content:"\6B21";font-size:12px;color:#242424}.sf-bar div{width:100%;height:33%;color:#242424}.sf-bar-title{display:-webkit-box;display:-ms-flexbox;display:flex;height:25%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sf-split-line{width:36px;height:2px;background:hsla(0,0%,100%,.4)}.sf-item-num{position:absolute;top:50%;-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%);right:-10px}.static-bar{height:33px!important;background:#ffcd5d;position:relative}.static-bar span{font-weight:400;font-size:14px}.top3Div{border-top:.5px solid #d8d8d8;padding-top:1.5vh;padding-bottom:.5vh;width:100%;height:auto;line-height:3.5vh}.top3Div span{margin-left:10px}.port-img_overlay{position:absolute;left:0;top:0;bottom:0;right:0}.port-icon{width:26px;height:26px}.pointing_zindex{z-index:-10000!important}