.ship-example[data-v-f503a85e]{width:31vh;border-right:1px solid var(--themeborder-color)}.ship-example .title[data-v-f503a85e]{background:var(--themewindowbg-color);border-top:1px solid var(--themeborder-color);border-bottom:1px solid var(--themeborder-color);padding:.5vh 1vh}.ship-example .content[data-v-f503a85e]{position:relative;height:25vh;padding-top:10px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.ship-example .content .water_box[data-v-f503a85e]{position:absolute;bottom:5%;left:0;height:50%;width:100%}.ship-example .content .water_box img[data-v-f503a85e]{width:75%;position:absolute;left:50%;transform:translateX(-50%);z-index:1}.ship-example .content .water_box .UKC_line[data-v-f503a85e]{position:absolute;right:0;width:100%;border-bottom:1px dashed #ff5754;z-index:3}.ship-example .content .water_box .water_box1[data-v-f503a85e]{position:absolute;width:100%;height:100%;left:0;bottom:0;background-image:linear-gradient(180deg,hsla(0,0%,100%,.4) 50%,rgba(23,179,204,.4));z-index:2}.ship-example .content .water_surface[data-v-f503a85e]{width:100%;background-color:var(--themewindowbg-color)}.ship-example .content .sea_floor[data-v-f503a85e]{width:100%;height:5%;background-color:#8c826b}.ship-example .content .water_line1[data-v-f503a85e]{top:0;left:5%;height:100%;border-left:1px solid #ff9f19}.ship-example .content .water_line1.water_line .arrow[data-v-f503a85e]:after{border-color:#ff9f19}.ship-example .content .water_line1.water_line .txt[data-v-f503a85e]{color:#ff9f19}.ship-example .content .water_line2[data-v-f503a85e]{left:35%;border-left:1px solid #fff}.ship-example .content .water_line2.water_line .arrow[data-v-f503a85e]:after{border-color:#fff;right:2.5px}.ship-example .content .water_line2.water_line .txt[data-v-f503a85e]{color:#fff}.ship-example .content .water_line3[data-v-f503a85e]{bottom:0;left:65%;border-left:1px solid #000}.ship-example .content .water_line3.water_line .arrow[data-v-f503a85e]:after{border-color:#000}.ship-example .content .water_line3.water_line .txt[data-v-f503a85e]{color:#000}.ship-example .content .transition[data-v-f503a85e]{transition:all .3s}.water_line[data-v-f503a85e]{position:absolute;z-index:3}.water_line .arrow[data-v-f503a85e]{display:inline-block;position:absolute;left:0;bottom:0;width:5px;height:5px}.water_line .arrow[data-v-f503a85e]:after{display:inline-block;content:" ";height:5px;width:5px;border-width:0 1px 1px 0;border-color:#000;border-style:solid;transform:rotate(45deg);position:absolute;top:0;right:3.5px}.water_line .arrow.up[data-v-f503a85e]{left:0;top:0}.water_line .arrow.up[data-v-f503a85e]:after{transform:rotate(-135deg)}.water_line .txt[data-v-f503a85e]{width:100%;height:100%;font-size:12px;padding-left:5px;display:flex;align-items:center}