.card-container[data-v-4f56c702]{background-size:100% 100%;background-repeat:no-repeat;background-position:50%;background-color:rgba(4,22,68,.8);position:relative}.card-container .title[data-v-4f56c702]{width:200px;position:absolute;font-family:Source Han Sans CN;font-weight:700;font-size:21px;color:#fff;font-style:italic;background:linear-gradient(0deg,#39d6fe,#caf6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card-container .btns[data-v-4f56c702]{width:120px;display:flex;justify-content:space-between;color:#fff;font-family:Source Han Sans CN;font-size:18px;position:absolute;right:87px;top:8px}.card-container .btns .btn[data-v-4f56c702]{cursor:pointer;opacity:.6}.card-container .btns .active[data-v-4f56c702]{color:#59d7f2;opacity:1;font-weight:700}.card-container .content[data-v-4f56c702]{width:100%;height:calc(100% - 50px);position:absolute;left:0;bottom:0}.ship-left-container[data-v-7e35de22]{width:400px;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.ship-left-container .top[data-v-7e35de22]{width:100%;height:230px;box-sizing:border-box}.ship-left-container .top .container4[data-v-7e35de22]{display:flex;justify-content:center;align-items:center}.ship-left-container .top .container4 .content4[data-v-7e35de22]{margin-top:5px;display:grid;grid-template-columns:repeat(2,185px);grid-template-rows:repeat(2,69px);gap:10px}.ship-left-container .top .container4 .content4 .item[data-v-7e35de22]{width:185px;height:69px;background-image:url(../../static/img/yysk_box.a28c98d2.png);background-size:cover;background-repeat:no-repeat;background-position:50%;display:flex;justify-content:center;align-items:center}.ship-left-container .top .container4 .content4 .item img[data-v-7e35de22]{width:45px;height:45px}.ship-left-container .top .container4 .content4 .item .tip[data-v-7e35de22]{display:flex;flex-direction:column;align-items:center;margin-left:5px}.ship-left-container .top .container4 .content4 .item .tip .label[data-v-7e35de22]{color:#fff;opacity:.8}.ship-left-container .btn-text[data-v-7e35de22]{width:184px;height:37px;font-size:18px;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;position:relative;margin:20px}.ship-left-container .btn-text[data-v-7e35de22]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#17ccd4,#075fb8);transform:skew(-45deg);z-index:-1;border-radius:5px}.ship-left-container .bottom[data-v-7e35de22]{width:100%;height:calc(100% - 260px);box-sizing:border-box;position:relative}.ship-left-container .bottom .card-content[data-v-7e35de22]{width:100%;height:100%;box-sizing:border-box;padding:20px;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.ship-left-container .bottom .card-content .ship-item[data-v-7e35de22]{width:350px;height:100px;box-sizing:border-box;border:1px solid #397fca;background-color:rgba(13,37,86,.5);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.ship-left-container .bottom .card-content .ship-item .ship-order[data-v-7e35de22]{width:35px;height:34px;line-height:33px;text-align:center;border-radius:50%;color:#fff;background:linear-gradient(180deg,#17ccd4,#075fb8);margin-left:10px}.ship-left-container .bottom .card-content .ship-item .ship-info[data-v-7e35de22]{width:290px;height:100px;display:flex;align-items:center;gap:10px;font-size:18px;color:#fff}.ship-left-container .bottom .card-content .active[data-v-7e35de22]{box-shadow:0 0 10px 1px #397fca}.ship-left-container .bottom .card-content .ship-item+.ship-item[data-v-7e35de22]{margin-top:20px}.card-content[data-v-7e35de22]::-webkit-scrollbar{width:8px;height:5px}.card-content[data-v-7e35de22]::-webkit-scrollbar-track{border-radius:10px;background:#285777}.card-content[data-v-7e35de22]::-webkit-scrollbar-thumb{border-radius:10px;background:#57d1ed}.right[data-v-7f07c39c]{width:1450px;height:100%;background-image:url(../../static/img/ship_box2.ab7677a7.png);background-color:rgba(13,37,86,.72)}.right .right-title[data-v-7f07c39c],.right[data-v-7f07c39c]{background-size:100% 100%;background-repeat:no-repeat;background-position:50%}.right .right-title[data-v-7f07c39c]{width:268px;height:58px;text-align:center;line-height:58px;font-family:Source Han Sans CN;font-weight:400;font-size:22px;color:#3be3fc;background-image:url(../../static/img/ship_title.8ba257fc.png)}.right .right-content[data-v-7f07c39c]{width:100%;height:calc(100% - 58px);box-sizing:border-box;padding-left:67px;padding-right:55px;padding-top:19px;padding-bottom:29px;display:flex;flex-direction:column;justify-content:space-between}.right .right-content .right-info1[data-v-7f07c39c]{width:100%;height:300px;box-sizing:border-box;border-bottom:1px solid #34789c;padding-bottom:10px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr)}.right .right-content .right-info1 .info1-item[data-v-7f07c39c]{display:flex;align-items:center}.right .right-content .right-info1 .info1-item .info1-label[data-v-7f07c39c]{color:#3be3fc}.right .right-content .right-info1 .info1-item .info1-value[data-v-7f07c39c]{color:#fff;width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right .right-content .right-info2[data-v-7f07c39c]{width:100%;height:617px;display:flex;flex-direction:column;justify-content:space-between}.right .right-content .right-info2 .info2-title[data-v-7f07c39c]{margin-top:10px;display:flex;align-items:center}.right .right-content .right-info2 .info2-title .info2-title-img[data-v-7f07c39c]{width:40px;height:40px}.right .right-content .right-info2 .info2-title .info2-title-text[data-v-7f07c39c]{font-family:Adobe Heiti Std;font-size:24px}.right .right-content .right-info2 .info2-title .label[data-v-7f07c39c]{color:#79a8fb;margin-left:10px;margin-right:20px}.right .right-content .right-info2 .info2-title .value[data-v-7f07c39c]{color:#fff}.right .right-content .right-info2 .info2-ship[data-v-7f07c39c]{display:flex;justify-content:center;align-items:center}.right .right-content .right-info2 .info2-ship .ship-box[data-v-7f07c39c]{width:809px;height:390px;position:relative}.right .right-content .right-info2 .info2-ship .ship-box img[data-v-7f07c39c]{width:100%;height:100%}.right .right-content .right-info2 .info2-ship .ship-box .progress[data-v-7f07c39c]{height:100%;background-color:rgba(24,39,76,.67);position:absolute;right:0;top:0;z-index:1}.right .right-content .right-info2 .info2-content[data-v-7f07c39c]{width:100%;height:100px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.right .right-content .right-info2 .info2-content .info2-item[data-v-7f07c39c]{display:flex;align-items:center}.right .right-content .right-info2 .info2-content .info2-item .info2-label[data-v-7f07c39c]{color:#3be3fc}.right .right-content .right-info2 .info2-content .info2-item .info2-value[data-v-7f07c39c]{color:#fff}.right .right-content .right-info2 .info2-btn[data-v-7f07c39c]{width:120px;height:42px;border-radius:21px;border:1px solid #79a8fb;text-align:center;line-height:42px;font-family:Source Han Sans CN;font-weight:400;font-size:20px;color:#79a8fb;cursor:pointer}.right[data-v-bc1e669c]{width:1450px;height:100%;background-image:url(../../static/img/ship_box2.ab7677a7.png);background-size:100% 100%;background-repeat:no-repeat;background-position:50%;background-color:rgba(13,37,86,.72);display:flex;flex-direction:column;justify-content:space-between}.right .el-icon-arrow-left[data-v-bc1e669c]{font-size:30px}.right .title[data-v-bc1e669c]{box-sizing:border-box;padding:20px;font-family:Source Han Sans CN;font-weight:700;font-size:21px;color:#fff;font-style:italic;background:linear-gradient(0deg,#39d6fe,#caf6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;cursor:pointer}.right .content[data-v-bc1e669c]{flex:1;box-sizing:border-box;padding-bottom:20px;overflow-y:auto}.right .content .item[data-v-bc1e669c]{display:flex;flex-direction:column;align-items:center}.right .content .item .item-title[data-v-bc1e669c]{width:268px;height:58px;text-align:center;line-height:48px;align-self:flex-start;background-image:url(../../static/img/ship_title.8ba257fc.png);background-size:100% 100%;background-repeat:no-repeat;background-position:50%;font-family:Source Han Sans CN;font-weight:700;font-size:22px;color:#3be3fc}.right .content .item .item-content[data-v-bc1e669c]{width:1200px;height:160px;box-sizing:border-box;padding-bottom:20px;border-bottom:1px solid #34789c;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}.right .content .item .item-content .item-subitem[data-v-bc1e669c]{display:flex;align-items:center}.right .content .item .item-content .item-subitem .label[data-v-bc1e669c]{color:#3be3fc}.right .content .item .item-content .item-subitem .value[data-v-bc1e669c]{color:#fff}.right .content .item .item-content .item-btn .btn[data-v-bc1e669c]{width:157px;height:40px;border-radius:21px;border:1px solid #79a8fb;font-family:Source Han Sans CN;font-weight:400;font-size:20px;color:#79a8fb;text-align:center;line-height:40px;cursor:pointer}.right .content .item+.item[data-v-bc1e669c]{margin-top:20px}.right .pagination[data-v-bc1e669c]{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:20px 0}.right .pagination[data-v-bc1e669c] .el-pagination{color:#fff;font-size:30px;line-height:30px}.right .pagination[data-v-bc1e669c] .el-pagination .el-pager li.active{color:#39d6fe;background-color:transparent}.right .pagination[data-v-bc1e669c] .el-pagination button{color:#39d6fe}.right .pagination[data-v-bc1e669c] .el-pagination .el-pagination__total{color:#39d6fe;font-size:20px}.content[data-v-bc1e669c]::-webkit-scrollbar{width:8px;height:5px}.content[data-v-bc1e669c]::-webkit-scrollbar-track{border-radius:10px;background:#285777}.content[data-v-bc1e669c]::-webkit-scrollbar-thumb{border-radius:10px;background:#57d1ed}.right[data-v-656fae88]{width:1450px;height:100%;background-image:url(../../static/img/ship_box2.ab7677a7.png);background-size:100% 100%;background-repeat:no-repeat;background-position:50%;background-color:rgba(13,37,86,.72);display:flex;flex-direction:column;justify-content:space-between}.right .el-icon-arrow-left[data-v-656fae88]{font-size:30px}.right .title[data-v-656fae88]{box-sizing:border-box;padding:20px;font-family:Source Han Sans CN;font-weight:700;font-size:21px;color:#fff;font-style:italic;background:linear-gradient(0deg,#39d6fe,#caf6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;cursor:pointer}.right .content[data-v-656fae88]{flex:1;box-sizing:border-box;padding-bottom:20px;padding-left:15px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px;overflow-y:auto}.right .content .item[data-v-656fae88]{flex:0 0 calc(25% - 10px);width:309px;height:268px;background-image:url(../../static/img/fleet_box6.fc99fcbe.png);flex-direction:column;align-items:center}.right .content .item .item-title[data-v-656fae88],.right .content .item[data-v-656fae88]{background-size:100% 100%;background-repeat:no-repeat;background-position:50%;display:flex;justify-content:center}.right .content .item .item-title[data-v-656fae88]{width:268px;height:58px;text-align:center;line-height:48px;background-image:url(../../static/img/ship_title.8ba257fc.png);font-family:Source Han Sans CN;font-weight:700;font-size:22px;color:#3be3fc}.right .content .item .item-title .sub[data-v-656fae88]{width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right .content .item .item-content[data-v-656fae88]{flex:1;display:flex;flex-direction:column;justify-content:space-evenly}.right .content .item .item-content .subitem[data-v-656fae88]{display:flex;align-items:center}.right .content .item .item-content .subitem div[data-v-656fae88]{font-family:Source Han Sans CN;font-weight:400;font-size:20px}.right .content .item .item-content .subitem .label[data-v-656fae88]{color:#3be3fc}.right .content .item .item-content .subitem .value[data-v-656fae88]{color:#fff}.content[data-v-656fae88]::-webkit-scrollbar{width:8px;height:5px}.content[data-v-656fae88]::-webkit-scrollbar-track{border-radius:10px;background:#285777}.content[data-v-656fae88]::-webkit-scrollbar-thumb{border-radius:10px;background:#57d1ed}.right[data-v-a5795304]{width:1450px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.right .box1[data-v-a5795304]{width:100%;height:473px;position:relative}.right .box1 .date[data-v-a5795304]{position:absolute;top:6px;left:270px;z-index:1;border:1px solid #2e799c}.right .box1 .date[data-v-a5795304] .el-input__inner{background:transparent;color:#39d6fe;font-weight:700}.right .box1 .date .el-input--small[data-v-a5795304]{font-size:18px}.right .box1 .content1[data-v-a5795304]{width:100%;height:100%}.right .box1 .content1 .ul-box[data-v-a5795304]{width:1405px;max-height:330px;overflow-y:auto}.right .box1 .content1 .ul-box .li-item[data-v-a5795304]{color:#3be3fc;display:flex;align-items:center;position:relative}.right .box1 .content1 .ul-box .li-item .span1[data-v-a5795304]{width:100px;margin-left:20px}.right .box1 .content1 .ul-box .li-item .span2[data-v-a5795304]{width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right .box1 .content1 .ul-box .li-item .span3[data-v-a5795304]{width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right .box1 .content1 .ul-box .li-item .span4[data-v-a5795304]{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right .box1 .content1 .ul-box .li-item .span5[data-v-a5795304]{width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right .box1 .content1 .ul-box .li-item+.li-item[data-v-a5795304]{margin-top:15px}.right .box1 .content1 .ul-box .li-item[data-v-a5795304]:before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:13px;height:13px;border-radius:50%;background-color:#3be3fc}.right .box1 .content1 .ul-box[data-v-a5795304]::-webkit-scrollbar{width:8px;height:5px}.right .box1 .content1 .ul-box[data-v-a5795304]::-webkit-scrollbar-track{border-radius:10px;background:#285777}.right .box1 .content1 .ul-box[data-v-a5795304]::-webkit-scrollbar-thumb{border-radius:10px;background:#57d1ed}.right .box1 .content1 .total[data-v-a5795304]{color:#3be3fc;display:flex;justify-content:space-around;align-items:center;font-size:21px}.right .box1 .content1 .total img[data-v-a5795304]{width:30px;height:30px;margin-right:20px}.right .box1 .left-icon[data-v-a5795304]{width:34px;height:28px;cursor:pointer;background-image:url(../../static/img/ship_left.ddabaf69.png);background-size:100% 100%;background-repeat:no-repeat;background-position:50%;position:absolute;left:-34px;top:240px}.right .box2[data-v-a5795304]{width:100%;height:449px}.right .box2 .content2[data-v-a5795304]{width:100%;height:100%;box-sizing:border-box;padding:20px}.right .box2 .content2 .screen-table[data-v-a5795304] th{background:linear-gradient(180deg,#3983b3,#15305c);border:none}.right .box2 .content2 .screen-table[data-v-a5795304] .el-table__header tr{background:linear-gradient(180deg,#3983b3,#15305c)}.right .box2 .content2 .screen-table[data-v-a5795304] td{color:#74e5fd;background:#1b3c65;border:none}.right .box2 .content2 .screen-table[data-v-a5795304] .el-table__row{background:#1b3c65}.right .box2 .content2 .screen-table[data-v-a5795304] .el-table__body-wrapper{background:#15305c}.right .box2 .content2 .screen-table[data-v-a5795304] .el-table__body-wrapper::-webkit-scrollbar{width:8px;height:5px}.right .box2 .content2 .screen-table[data-v-a5795304] .el-table__body-wrapper::-webkit-scrollbar-track{border-radius:10px;background:#285777}.right .box2 .content2 .screen-table[data-v-a5795304] .el-table__body-wrapper::-webkit-scrollbar-thumb{border-radius:10px;background:#57d1ed}.white[data-v-a5795304]{color:#fff}.ship-container[data-v-767e401e]{width:100%;height:100%;box-sizing:border-box;padding-top:10px;padding-left:20px;padding-right:20px;display:flex;justify-content:space-between;align-items:center;position:relative}.ship-container .date[data-v-767e401e]{position:absolute;top:-28px;right:150px;z-index:1;border:1px solid #2e799c}.ship-container .date[data-v-767e401e] .el-input__inner{background:transparent;color:#39d6fe;font-weight:700}.ship-container .date .el-input--small[data-v-767e401e]{font-size:18px}.slide-right-enter-active[data-v-767e401e]{animation:slideIn-767e401e .5s}.slide-right-leave-active[data-v-767e401e]{animation:slideIn-767e401e .5s reverse}@keyframes slideIn-767e401e{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}