.bg[data-v-f861bc94]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1001}.box[data-v-f861bc94]{height:17px;border:none}.box[data-v-f861bc94]:before{height:34px;width:140px;top:-20px;left:calc(50% - 70px);border-radius:20px}.pn-bd[data-v-f861bc94]{border-top-left-radius:5px;border-top-right-radius:5px}.detail-card[data-v-f861bc94]:after{content:"";display:inline-block;height:100%;vertical-align:middle}.detail-card div[data-v-f861bc94]{vertical-align:middle}.bg-container-black[data-v-f861bc94]{background-color:#fff}.bg-container[data-v-f861bc94]{overflow:hidden}.fc-white[data-v-f861bc94]{color:#222}.big-icon[data-v-f861bc94]{width:5%;height:60px;display:inline-block;vertical-align:middle}.wind-icon[data-v-f861bc94]{width:45%;height:60px;display:inline-block;vertical-align:middle;margin-top:40px}.qrcode-box[data-v-f861bc94]{width:65%;height:2.2rem;max-height:140px;float:left;position:relative;padding:5px;margin-top:15px;margin-left:60px;border-radius:5px;text-align:left;display:table}.qrcode-box[data-v-f861bc94]:before{content:"";position:absolute;left:-32px;top:24px;width:0;height:0;border-top:10px solid transparent;border-left:16px solid transparent;border-right:16px solid #fff;border-bottom:10px solid transparent}.flag-tag[data-v-f861bc94]{position:absolute;bottom:30px;left:-12px;height:60px;width:220px;background:#ffc53d;color:#fff;line-height:60px;font-size:25px}.flag-tag[data-v-f861bc94]:before{top:0;border-top:0 solid transparent;border-bottom:30px solid transparent}.flag-tag[data-v-f861bc94]:after,.flag-tag[data-v-f861bc94]:before{content:"";position:absolute;right:-60px;width:0;height:0;border-left:30px solid #ffc53d;border-right:30px solid transparent}.flag-tag[data-v-f861bc94]:after{bottom:0;border-top:30px solid transparent;border-bottom:0 solid transparent}.top-half-card[data-v-f861bc94]{height:100%;border-top:6px solid #222;border-left:6px solid #222;border-right:6px solid #222;-webkit-box-shadow:0 0 0 50px #f0f0f0;box-shadow:0 0 0 50px #f0f0f0}.bottom-half-card[data-v-f861bc94],.top-half-card[data-v-f861bc94]{position:relative;margin:0 auto 0 auto;width:calc(100% - 10px);-webkit-box-sizing:border-box;box-sizing:border-box}.bottom-half-card[data-v-f861bc94]{height:calc(100% - 5px);border-bottom:6px solid #ffc53d;border-left:6px solid #ffc53d;border-right:6px solid #ffc53d}.data-card[data-v-f861bc94]{position:absolute;top:0;left:10px;right:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:#fff;-webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,.2);box-shadow:0 4px 4px 0 rgba(0,0,0,.2)}.vessel-proccess-box[data-v-f861bc94]{padding:10px 10px 30px 10px;height:auto}.vessel-prooccess-bar[data-v-f861bc94]{height:1px;position:absolute;bottom:0;background-color:#7a7a7a}.vessel-position[data-v-f861bc94]{position:absolute;bottom:0;min-width:110px;color:#646464}.basic-info-tittle[data-v-f861bc94]{display:inline-block;width:100%;height:50px;line-height:50px;padding:0 10px;border-bottom:1px solid #eee}.van-cell[data-v-f861bc94]:not(:last-child):after{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid #eee;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.vessel-name-box[data-v-f861bc94]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:95%;padding:5px 2.5%}.ais-message[data-v-f861bc94]{width:45%;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;text-align:left;padding:0 5px}.box[data-v-f861bc94]{height:8.5px;overflow:hidden;position:relative}.box[data-v-f861bc94]:before{position:absolute;height:17px;width:70px;top:-10px;left:calc(50% - 35px);border-radius:12px;-webkit-box-shadow:0 0 0 2000px #fff;box-shadow:0 0 0 2000px #fff;content:""}.button-bar[data-v-f861bc94]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.updatetime-bar[data-v-f861bc94]{position:relative;height:30px;width:99%;line-height:30px;margin:auto}.updatetime-bar[data-v-f861bc94]:after{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;content:" ";pointer-events:none;right:15px;bottom:0;left:15px;border-bottom:1px solid #eee;-webkit-transform:scaleY(.5);transform:scaleY(.5)}