@import url(https://at.alicdn.com/t/font_726279_8rkengg72xo.css);.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px}.el-button+.el-button{margin-left:10px}.el-button:focus,.el-button:hover{color:#409EFF;border-color:#c6e2ff;background-color:#ecf5ff}.el-button:active{color:#3a8ee6;border-color:#3a8ee6;outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#FFF;border-color:#409EFF;color:#409EFF}.el-button.is-active,.el-button.is-plain:active{color:#3a8ee6;border-color:#3a8ee6}.el-button.is-plain:active{background:#FFF;outline:0}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:#C0C4CC;cursor:not-allowed;background-image:none;background-color:#FFF;border-color:#EBEEF5}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#FFF;border-color:#EBEEF5;color:#C0C4CC}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--primary{color:#FFF;background-color:#409EFF;border-color:#409EFF}.el-button--primary:focus,.el-button--primary:hover{background:#66b1ff;border-color:#66b1ff;color:#FFF}.el-button--primary:active{background:#3a8ee6;border-color:#3a8ee6;color:#FFF;outline:0}.el-button--primary.is-active{background:#3a8ee6;border-color:#3a8ee6;color:#FFF}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#FFF;background-color:#a0cfff;border-color:#a0cfff}.el-button--primary.is-plain{color:#409EFF;background:#ecf5ff;border-color:#b3d8ff}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#409EFF;border-color:#409EFF;color:#FFF}.el-button--primary.is-plain:active{background:#3a8ee6;border-color:#3a8ee6;color:#FFF;outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:#8cc5ff;background-color:#ecf5ff;border-color:#d9ecff}.el-button--success{color:#FFF;background-color:#67C23A;border-color:#67C23A}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#FFF}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#FFF}.el-button--success:active{outline:0}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#FFF;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:#67C23A;background:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67C23A;border-color:#67C23A;color:#FFF}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#FFF;outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{color:#FFF;background-color:#E6A23C;border-color:#E6A23C}.el-button--warning:focus,.el-button--warning:hover{background:#ebb563;border-color:#ebb563;color:#FFF}.el-button--warning.is-active,.el-button--warning:active{background:#cf9236;border-color:#cf9236;color:#FFF}.el-button--warning:active{outline:0}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#FFF;background-color:#f3d19e;border-color:#f3d19e}.el-button--warning.is-plain{color:#E6A23C;background:#fdf6ec;border-color:#f5dab1}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#E6A23C;border-color:#E6A23C;color:#FFF}.el-button--warning.is-plain:active{background:#cf9236;border-color:#cf9236;color:#FFF;outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f0c78a;background-color:#fdf6ec;border-color:#faecd8}.el-button--danger{color:#FFF;background-color:#F56C6C;border-color:#F56C6C}.el-button--danger:focus,.el-button--danger:hover{background:#f78989;border-color:#f78989;color:#FFF}.el-button--danger.is-active,.el-button--danger:active{background:#dd6161;border-color:#dd6161;color:#FFF}.el-button--danger:active{outline:0}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#FFF;background-color:#fab6b6;border-color:#fab6b6}.el-button--danger.is-plain{color:#F56C6C;background:#fef0f0;border-color:#fbc4c4}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#F56C6C;border-color:#F56C6C;color:#FFF}.el-button--danger.is-plain:active{background:#dd6161;border-color:#dd6161;color:#FFF;outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.el-button--info{color:#FFF;background-color:#909399;border-color:#909399}.el-button--info:focus,.el-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#FFF}.el-button--info.is-active,.el-button--info:active{background:#82848a;border-color:#82848a;color:#FFF}.el-button--info:active{outline:0}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#FFF;background-color:#c8c9cc;border-color:#c8c9cc}.el-button--info.is-plain{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#FFF}.el-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#FFF;outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.el-button--medium{padding:10px 20px;font-size:14px;border-radius:4px}.el-button--mini,.el-button--small{font-size:12px;border-radius:3px}.el-button--medium.is-round{padding:10px 20px}.el-button--medium.is-circle{padding:10px}.el-button--small,.el-button--small.is-round{padding:9px 15px}.el-button--small.is-circle{padding:9px}.el-button--mini,.el-button--mini.is-round{padding:7px 15px}.el-button--mini.is-circle{padding:7px}.el-button--text{border-color:transparent;color:#409EFF;background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:#66b1ff;border-color:transparent;background-color:transparent}.el-button--text:active{color:#3a8ee6;border-color:transparent;background-color:transparent}.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover{border-color:transparent}.el-button-group .el-button--danger:last-child,.el-button-group .el-button--danger:not(:first-child):not(:last-child),.el-button-group .el-button--info:last-child,.el-button-group .el-button--info:not(:first-child):not(:last-child),.el-button-group .el-button--primary:last-child,.el-button-group .el-button--primary:not(:first-child):not(:last-child),.el-button-group .el-button--success:last-child,.el-button-group .el-button--success:not(:first-child):not(:last-child),.el-button-group .el-button--warning:last-child,.el-button-group .el-button--warning:not(:first-child):not(:last-child),.el-button-group>.el-dropdown>.el-button{border-left-color:rgba(255,255,255,.5)}.el-button-group .el-button--danger:first-child,.el-button-group .el-button--danger:not(:first-child):not(:last-child),.el-button-group .el-button--info:first-child,.el-button-group .el-button--info:not(:first-child):not(:last-child),.el-button-group .el-button--primary:first-child,.el-button-group .el-button--primary:not(:first-child):not(:last-child),.el-button-group .el-button--success:first-child,.el-button-group .el-button--success:not(:first-child):not(:last-child),.el-button-group .el-button--warning:first-child,.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-right-color:rgba(255,255,255,.5)}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-button-group::after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button.is-disabled{z-index:1}.el-button-group>.el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group>.el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-radius:4px}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:20px}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:not(:last-child){margin-right:-1px}.el-button-group>.el-button.is-active,.el-button-group>.el-button:not(.is-disabled):active,.el-button-group>.el-button:not(.is-disabled):focus,.el-button-group>.el-button:not(.is-disabled):hover{z-index:1}.el-button-group>.el-dropdown>.el-button{border-top-left-radius:0;border-bottom-left-radius:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:opacity .2s linear}.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-ms-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);-ms-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);-ms-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-ms-transform:scale(1,1);transform:scale(1,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);-ms-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-ms-transform:scale(.45,.45);transform:scale(.45,.45)}.collapse-transition{transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-ms-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{transition:opacity .3s cubic-bezier(.55,0,.1,1)}@font-face{font-family:element-icons;src:url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/element-icons.535877f.woff) format("woff"),url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/element-icons.732389d.ttf) format("truetype");font-weight:400;font-display:"auto";font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-ice-cream-round:before{content:"\E6A0"}.el-icon-ice-cream-square:before{content:"\E6A3"}.el-icon-lollipop:before{content:"\E6A4"}.el-icon-potato-strips:before{content:"\E6A5"}.el-icon-milk-tea:before{content:"\E6A6"}.el-icon-ice-drink:before{content:"\E6A7"}.el-icon-ice-tea:before{content:"\E6A9"}.el-icon-coffee:before{content:"\E6AA"}.el-icon-orange:before{content:"\E6AB"}.el-icon-pear:before{content:"\E6AC"}.el-icon-apple:before{content:"\E6AD"}.el-icon-cherry:before{content:"\E6AE"}.el-icon-watermelon:before{content:"\E6AF"}.el-icon-grape:before{content:"\E6B0"}.el-icon-refrigerator:before{content:"\E6B1"}.el-icon-goblet-square-full:before{content:"\E6B2"}.el-icon-goblet-square:before{content:"\E6B3"}.el-icon-goblet-full:before{content:"\E6B4"}.el-icon-goblet:before{content:"\E6B5"}.el-icon-cold-drink:before{content:"\E6B6"}.el-icon-coffee-cup:before{content:"\E6B8"}.el-icon-water-cup:before{content:"\E6B9"}.el-icon-hot-water:before{content:"\E6BA"}.el-icon-ice-cream:before{content:"\E6BB"}.el-icon-dessert:before{content:"\E6BC"}.el-icon-sugar:before{content:"\E6BD"}.el-icon-tableware:before{content:"\E6BE"}.el-icon-burger:before{content:"\E6BF"}.el-icon-knife-fork:before{content:"\E6C1"}.el-icon-fork-spoon:before{content:"\E6C2"}.el-icon-chicken:before{content:"\E6C3"}.el-icon-food:before{content:"\E6C4"}.el-icon-dish-1:before{content:"\E6C5"}.el-icon-dish:before{content:"\E6C6"}.el-icon-moon-night:before{content:"\E6EE"}.el-icon-moon:before{content:"\E6F0"}.el-icon-cloudy-and-sunny:before{content:"\E6F1"}.el-icon-partly-cloudy:before{content:"\E6F2"}.el-icon-cloudy:before{content:"\E6F3"}.el-icon-sunny:before{content:"\E6F6"}.el-icon-sunset:before{content:"\E6F7"}.el-icon-sunrise-1:before{content:"\E6F8"}.el-icon-sunrise:before{content:"\E6F9"}.el-icon-heavy-rain:before{content:"\E6FA"}.el-icon-lightning:before{content:"\E6FB"}.el-icon-light-rain:before{content:"\E6FC"}.el-icon-wind-power:before{content:"\E6FD"}.el-icon-baseball:before{content:"\E712"}.el-icon-soccer:before{content:"\E713"}.el-icon-football:before{content:"\E715"}.el-icon-basketball:before{content:"\E716"}.el-icon-ship:before{content:"\E73F"}.el-icon-truck:before{content:"\E740"}.el-icon-bicycle:before{content:"\E741"}.el-icon-mobile-phone:before{content:"\E6D3"}.el-icon-service:before{content:"\E6D4"}.el-icon-key:before{content:"\E6E2"}.el-icon-unlock:before{content:"\E6E4"}.el-icon-lock:before{content:"\E6E5"}.el-icon-watch:before{content:"\E6FE"}.el-icon-watch-1:before{content:"\E6FF"}.el-icon-timer:before{content:"\E702"}.el-icon-alarm-clock:before{content:"\E703"}.el-icon-map-location:before{content:"\E704"}.el-icon-delete-location:before{content:"\E705"}.el-icon-add-location:before{content:"\E706"}.el-icon-location-information:before{content:"\E707"}.el-icon-location-outline:before{content:"\E708"}.el-icon-location:before{content:"\E79E"}.el-icon-place:before{content:"\E709"}.el-icon-discover:before{content:"\E70A"}.el-icon-first-aid-kit:before{content:"\E70B"}.el-icon-trophy-1:before{content:"\E70C"}.el-icon-trophy:before{content:"\E70D"}.el-icon-medal:before{content:"\E70E"}.el-icon-medal-1:before{content:"\E70F"}.el-icon-stopwatch:before{content:"\E710"}.el-icon-mic:before{content:"\E711"}.el-icon-copy-document:before{content:"\E718"}.el-icon-full-screen:before{content:"\E719"}.el-icon-switch-button:before{content:"\E71B"}.el-icon-aim:before{content:"\E71C"}.el-icon-crop:before{content:"\E71D"}.el-icon-odometer:before{content:"\E71E"}.el-icon-time:before{content:"\E71F"}.el-icon-bangzhu:before{content:"\E724"}.el-icon-close-notification:before{content:"\E726"}.el-icon-microphone:before{content:"\E727"}.el-icon-turn-off-microphone:before{content:"\E728"}.el-icon-position:before{content:"\E729"}.el-icon-postcard:before{content:"\E72A"}.el-icon-message:before{content:"\E72B"}.el-icon-chat-line-square:before{content:"\E72D"}.el-icon-chat-dot-square:before{content:"\E72E"}.el-icon-chat-dot-round:before{content:"\E72F"}.el-icon-chat-square:before{content:"\E730"}.el-icon-chat-line-round:before{content:"\E731"}.el-icon-chat-round:before{content:"\E732"}.el-icon-set-up:before{content:"\E733"}.el-icon-turn-off:before{content:"\E734"}.el-icon-open:before{content:"\E735"}.el-icon-connection:before{content:"\E736"}.el-icon-link:before{content:"\E737"}.el-icon-cpu:before{content:"\E738"}.el-icon-thumb:before{content:"\E739"}.el-icon-female:before{content:"\E73A"}.el-icon-male:before{content:"\E73B"}.el-icon-guide:before{content:"\E73C"}.el-icon-news:before{content:"\E73E"}.el-icon-price-tag:before{content:"\E744"}.el-icon-discount:before{content:"\E745"}.el-icon-wallet:before{content:"\E747"}.el-icon-coin:before{content:"\E748"}.el-icon-money:before{content:"\E749"}.el-icon-bank-card:before{content:"\E74A"}.el-icon-box:before{content:"\E74B"}.el-icon-present:before{content:"\E74C"}.el-icon-sell:before{content:"\E6D5"}.el-icon-sold-out:before{content:"\E6D6"}.el-icon-shopping-bag-2:before{content:"\E74D"}.el-icon-shopping-bag-1:before{content:"\E74E"}.el-icon-shopping-cart-2:before{content:"\E74F"}.el-icon-shopping-cart-1:before{content:"\E750"}.el-icon-shopping-cart-full:before{content:"\E751"}.el-icon-smoking:before{content:"\E752"}.el-icon-no-smoking:before{content:"\E753"}.el-icon-house:before{content:"\E754"}.el-icon-table-lamp:before{content:"\E755"}.el-icon-school:before{content:"\E756"}.el-icon-office-building:before{content:"\E757"}.el-icon-toilet-paper:before{content:"\E758"}.el-icon-notebook-2:before{content:"\E759"}.el-icon-notebook-1:before{content:"\E75A"}.el-icon-files:before{content:"\E75B"}.el-icon-collection:before{content:"\E75C"}.el-icon-receiving:before{content:"\E75D"}.el-icon-suitcase-1:before{content:"\E760"}.el-icon-suitcase:before{content:"\E761"}.el-icon-film:before{content:"\E763"}.el-icon-collection-tag:before{content:"\E765"}.el-icon-data-analysis:before{content:"\E766"}.el-icon-pie-chart:before{content:"\E767"}.el-icon-data-board:before{content:"\E768"}.el-icon-data-line:before{content:"\E76D"}.el-icon-reading:before{content:"\E769"}.el-icon-magic-stick:before{content:"\E76A"}.el-icon-coordinate:before{content:"\E76B"}.el-icon-mouse:before{content:"\E76C"}.el-icon-brush:before{content:"\E76E"}.el-icon-headset:before{content:"\E76F"}.el-icon-umbrella:before{content:"\E770"}.el-icon-scissors:before{content:"\E771"}.el-icon-mobile:before{content:"\E773"}.el-icon-attract:before{content:"\E774"}.el-icon-monitor:before{content:"\E775"}.el-icon-search:before{content:"\E778"}.el-icon-takeaway-box:before{content:"\E77A"}.el-icon-paperclip:before{content:"\E77D"}.el-icon-printer:before{content:"\E77E"}.el-icon-document-add:before{content:"\E782"}.el-icon-document:before{content:"\E785"}.el-icon-document-checked:before{content:"\E786"}.el-icon-document-copy:before{content:"\E787"}.el-icon-document-delete:before{content:"\E788"}.el-icon-document-remove:before{content:"\E789"}.el-icon-tickets:before{content:"\E78B"}.el-icon-folder-checked:before{content:"\E77F"}.el-icon-folder-delete:before{content:"\E780"}.el-icon-folder-remove:before{content:"\E781"}.el-icon-folder-add:before{content:"\E783"}.el-icon-folder-opened:before{content:"\E784"}.el-icon-folder:before{content:"\E78A"}.el-icon-edit-outline:before{content:"\E764"}.el-icon-edit:before{content:"\E78C"}.el-icon-date:before{content:"\E78E"}.el-icon-c-scale-to-original:before{content:"\E7C6"}.el-icon-view:before{content:"\E6CE"}.el-icon-loading:before{content:"\E6CF"}.el-icon-rank:before{content:"\E6D1"}.el-icon-sort-down:before{content:"\E7C4"}.el-icon-sort-up:before{content:"\E7C5"}.el-icon-sort:before{content:"\E6D2"}.el-icon-finished:before{content:"\E6CD"}.el-icon-refresh-left:before{content:"\E6C7"}.el-icon-refresh-right:before{content:"\E6C8"}.el-icon-refresh:before{content:"\E6D0"}.el-icon-video-play:before{content:"\E7C0"}.el-icon-video-pause:before{content:"\E7C1"}.el-icon-d-arrow-right:before{content:"\E6DC"}.el-icon-d-arrow-left:before{content:"\E6DD"}.el-icon-arrow-up:before{content:"\E6E1"}.el-icon-arrow-down:before{content:"\E6DF"}.el-icon-arrow-right:before{content:"\E6E0"}.el-icon-arrow-left:before{content:"\E6DE"}.el-icon-top-right:before{content:"\E6E7"}.el-icon-top-left:before{content:"\E6E8"}.el-icon-top:before{content:"\E6E6"}.el-icon-bottom:before{content:"\E6EB"}.el-icon-right:before{content:"\E6E9"}.el-icon-back:before{content:"\E6EA"}.el-icon-bottom-right:before{content:"\E6EC"}.el-icon-bottom-left:before{content:"\E6ED"}.el-icon-caret-top:before{content:"\E78F"}.el-icon-caret-bottom:before{content:"\E790"}.el-icon-caret-right:before{content:"\E791"}.el-icon-caret-left:before{content:"\E792"}.el-icon-d-caret:before{content:"\E79A"}.el-icon-share:before{content:"\E793"}.el-icon-menu:before{content:"\E798"}.el-icon-s-grid:before{content:"\E7A6"}.el-icon-s-check:before{content:"\E7A7"}.el-icon-s-data:before{content:"\E7A8"}.el-icon-s-opportunity:before{content:"\E7AA"}.el-icon-s-custom:before{content:"\E7AB"}.el-icon-s-claim:before{content:"\E7AD"}.el-icon-s-finance:before{content:"\E7AE"}.el-icon-s-comment:before{content:"\E7AF"}.el-icon-s-flag:before{content:"\E7B0"}.el-icon-s-marketing:before{content:"\E7B1"}.el-icon-s-shop:before{content:"\E7B4"}.el-icon-s-open:before{content:"\E7B5"}.el-icon-s-management:before{content:"\E7B6"}.el-icon-s-ticket:before{content:"\E7B7"}.el-icon-s-release:before{content:"\E7B8"}.el-icon-s-home:before{content:"\E7B9"}.el-icon-s-promotion:before{content:"\E7BA"}.el-icon-s-operation:before{content:"\E7BB"}.el-icon-s-unfold:before{content:"\E7BC"}.el-icon-s-fold:before{content:"\E7A9"}.el-icon-s-platform:before{content:"\E7BD"}.el-icon-s-order:before{content:"\E7BE"}.el-icon-s-cooperation:before{content:"\E7BF"}.el-icon-bell:before{content:"\E725"}.el-icon-message-solid:before{content:"\E799"}.el-icon-video-camera:before{content:"\E772"}.el-icon-video-camera-solid:before{content:"\E796"}.el-icon-camera:before{content:"\E779"}.el-icon-camera-solid:before{content:"\E79B"}.el-icon-download:before{content:"\E77C"}.el-icon-upload2:before{content:"\E77B"}.el-icon-upload:before{content:"\E7C3"}.el-icon-picture-outline-round:before{content:"\E75F"}.el-icon-picture-outline:before{content:"\E75E"}.el-icon-picture:before{content:"\E79F"}.el-icon-close:before{content:"\E6DB"}.el-icon-check:before{content:"\E6DA"}.el-icon-plus:before{content:"\E6D9"}.el-icon-minus:before{content:"\E6D8"}.el-icon-help:before{content:"\E73D"}.el-icon-s-help:before{content:"\E7B3"}.el-icon-circle-close:before{content:"\E78D"}.el-icon-circle-check:before{content:"\E720"}.el-icon-circle-plus-outline:before{content:"\E723"}.el-icon-remove-outline:before{content:"\E722"}.el-icon-zoom-out:before{content:"\E776"}.el-icon-zoom-in:before{content:"\E777"}.el-icon-error:before{content:"\E79D"}.el-icon-success:before{content:"\E79C"}.el-icon-circle-plus:before{content:"\E7A0"}.el-icon-remove:before{content:"\E7A2"}.el-icon-info:before{content:"\E7A1"}.el-icon-question:before{content:"\E7A4"}.el-icon-warning-outline:before{content:"\E6C9"}.el-icon-warning:before{content:"\E7A3"}.el-icon-goods:before{content:"\E7C2"}.el-icon-s-goods:before{content:"\E7B2"}.el-icon-star-off:before{content:"\E717"}.el-icon-star-on:before{content:"\E797"}.el-icon-more-outline:before{content:"\E6CC"}.el-icon-more:before{content:"\E794"}.el-icon-phone-outline:before{content:"\E6CB"}.el-icon-phone:before{content:"\E795"}.el-icon-user:before{content:"\E6E3"}.el-icon-user-solid:before{content:"\E7A5"}.el-icon-setting:before{content:"\E6CA"}.el-icon-s-tools:before{content:"\E7AC"}.el-icon-delete:before{content:"\E6D7"}.el-icon-delete-solid:before{content:"\E7C9"}.el-icon-eleme:before{content:"\E7C7"}.el-icon-platform-eleme:before{content:"\E7CA"}.el-icon-loading{animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#EBEEF5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#FFF;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#EBEEF5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#FFF}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#EBEEF5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#FFF;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#EBEEF5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#FFF}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #E4E7ED;border-radius:4px;background-color:#FFF;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-sizing:border-box;margin:5px 0}.el-select-dropdown.is-multiple .el-select-dropdown__item{padding-right:40px}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#409EFF;background-color:#FFF}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#F5F7FA}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E6DA";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-input__inner,.el-textarea__inner{color:#606266;font-size:inherit;width:100%;-webkit-box-sizing:border-box}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;box-sizing:border-box;background-color:#FFF;background-image:none;border:1px solid #DCDFE6;border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea__inner:hover{border-color:#C0C4CC}.el-textarea__inner:focus{outline:0;border-color:#409EFF}.el-textarea .el-input__count{color:#909399;background:#FFF;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea.is-exceed .el-textarea__inner{border-color:#F56C6C}.el-textarea.is-exceed .el-input__count{color:#F56C6C}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input__inner,.el-select-dropdown__item.is-disabled:hover{background-color:#FFF}.el-input .el-input__clear{color:#C0C4CC;font-size:14px;cursor:pointer;transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.el-input .el-input__count .el-input__count-inner{background:#FFF;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-image:none;border-radius:4px;border:1px solid #DCDFE6;box-sizing:border-box;display:inline-block;height:40px;line-height:40px;outline:0;padding:0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-input__inner:hover,.el-select:hover .el-input__inner{border-color:#C0C4CC}.el-input__prefix,.el-input__suffix{top:0;-webkit-transition:all .3s;height:100%;color:#C0C4CC;position:absolute;text-align:center}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#C0C4CC}.el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input__inner::-ms-input-placeholder{color:#C0C4CC}.el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input__inner::placeholder{color:#C0C4CC}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#409EFF;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__inner{border-color:#F56C6C}.el-input.is-exceed .el-input__suffix .el-input__count{color:#F56C6C}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#F5F7FA;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #DCDFE6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-tag{background-color:#ecf5ff;border-color:#d9ecff;display:inline-block;height:32px;padding:0 10px;line-height:30px;font-size:12px;color:#409EFF;border-width:1px;border-style:solid;border-radius:4px;box-sizing:border-box;white-space:nowrap}.el-tag.is-hit{border-color:#409EFF}.el-tag .el-tag__close{color:#409eff}.el-tag .el-tag__close:hover{color:#FFF;background-color:#409eff}.el-tag.el-tag--info{background-color:#f4f4f5;border-color:#e9e9eb;color:#909399}.el-tag.el-tag--info.is-hit{border-color:#909399}.el-tag.el-tag--info .el-tag__close{color:#909399}.el-tag.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#909399}.el-tag.el-tag--success{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.el-tag.el-tag--success.is-hit{border-color:#67C23A}.el-tag.el-tag--success .el-tag__close{color:#67c23a}.el-tag.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#67c23a}.el-tag.el-tag--warning{background-color:#fdf6ec;border-color:#faecd8;color:#e6a23c}.el-tag.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#e6a23c}.el-tag.el-tag--danger{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.el-tag.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f56c6c}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px}.el-tag .el-icon-close::before{display:block}.el-tag--dark{background-color:#409eff;border-color:#409eff;color:#fff}.el-tag--dark.is-hit{border-color:#409EFF}.el-tag--dark .el-tag__close{color:#fff}.el-tag--dark .el-tag__close:hover{color:#FFF;background-color:#66b1ff}.el-tag--dark.el-tag--info{background-color:#909399;border-color:#909399;color:#fff}.el-tag--dark.el-tag--info.is-hit{border-color:#909399}.el-tag--dark.el-tag--info .el-tag__close{color:#fff}.el-tag--dark.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#a6a9ad}.el-tag--dark.el-tag--success{background-color:#67c23a;border-color:#67c23a;color:#fff}.el-tag--dark.el-tag--success.is-hit{border-color:#67C23A}.el-tag--dark.el-tag--success .el-tag__close{color:#fff}.el-tag--dark.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#85ce61}.el-tag--dark.el-tag--warning{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.el-tag--dark.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag--dark.el-tag--warning .el-tag__close{color:#fff}.el-tag--dark.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#ebb563}.el-tag--dark.el-tag--danger{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.el-tag--dark.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag--dark.el-tag--danger .el-tag__close{color:#fff}.el-tag--dark.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f78989}.el-tag--plain{background-color:#fff;border-color:#b3d8ff;color:#409eff}.el-tag--plain.is-hit{border-color:#409EFF}.el-tag--plain .el-tag__close{color:#409eff}.el-tag--plain .el-tag__close:hover{color:#FFF;background-color:#409eff}.el-tag--plain.el-tag--info{background-color:#fff;border-color:#d3d4d6;color:#909399}.el-tag--plain.el-tag--info.is-hit{border-color:#909399}.el-tag--plain.el-tag--info .el-tag__close{color:#909399}.el-tag--plain.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#909399}.el-tag--plain.el-tag--success{background-color:#fff;border-color:#c2e7b0;color:#67c23a}.el-tag--plain.el-tag--success.is-hit{border-color:#67C23A}.el-tag--plain.el-tag--success .el-tag__close{color:#67c23a}.el-tag--plain.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#67c23a}.el-tag--plain.el-tag--warning{background-color:#fff;border-color:#f5dab1;color:#e6a23c}.el-tag--plain.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag--plain.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--plain.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#e6a23c}.el-tag--plain.el-tag--danger{background-color:#fff;border-color:#fbc4c4;color:#f56c6c}.el-tag--plain.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag--plain.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--plain.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f56c6c}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-ms-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-ms-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-ms-transform:scale(.7);transform:scale(.7)}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#F5F7FA}.el-select-dropdown__item.selected{color:#409EFF;font-weight:700}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#E4E7ED}.el-select-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-select{display:inline-block;position:relative}.el-select .el-select__tags>span{display:contents}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#409EFF}.el-select .el-input .el-select__caret{color:#C0C4CC;font-size:14px;transition:transform .3s;-ms-transform:rotate(180deg);transform:rotateZ(180deg);cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{-ms-transform:rotate(0);transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-ms-transform:rotate(180deg);transform:rotateZ(180deg);border-radius:100%;color:#C0C4CC;transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#909399}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#E4E7ED}.el-select .el-input.is-focus .el-input__inner{border-color:#409EFF}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#C0C4CC;line-height:18px;font-size:14px}.el-select__close:hover{color:#909399}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-select__tags-text{overflow:hidden;text-overflow:ellipsis}.el-select .el-tag{box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5;display:-ms-flexbox;display:flex;max-width:100%;-ms-flex-align:center;align-items:center}.el-select .el-tag__close.el-icon-close{background-color:#C0C4CC;top:0;color:#FFF;-ms-flex-negative:0;flex-shrink:0}.el-select .el-tag__close.el-icon-close:hover{background-color:#909399}.el-select .el-tag__close.el-icon-close::before{display:block;-ms-transform:translate(0,.5px);transform:translate(0,.5px)}.el-form--inline .el-form-item,.el-form--inline .el-form-item__content{display:inline-block;vertical-align:top}.el-form-item::after,.el-form-item__content::after{clear:both}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0 0 10px}.el-form--inline .el-form-item{margin-right:10px}.el-form--inline .el-form-item__label{float:none;display:inline-block}.el-form--inline.el-form--label-top .el-form-item__content{display:block}.el-form-item::after,.el-form-item::before,.el-form-item__content::after,.el-form-item__content::before{display:table;content:""}.el-form-item{margin-bottom:22px}.el-form-item .el-form-item{margin-bottom:0}.el-form-item--mini.el-form-item,.el-form-item--small.el-form-item{margin-bottom:18px}.el-form-item .el-input__validateIcon{display:none}.el-form-item--medium .el-form-item__content,.el-form-item--medium .el-form-item__label{line-height:36px}.el-form-item--small .el-form-item__content,.el-form-item--small .el-form-item__label{line-height:32px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--mini .el-form-item__content,.el-form-item--mini .el-form-item__label{line-height:28px}.el-form-item--mini .el-form-item__error{padding-top:1px}.el-form-item__label-wrap{float:left}.el-form-item__label-wrap .el-form-item__label{display:inline-block;float:none}.el-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:#606266;line-height:40px;padding:0 12px 0 0;box-sizing:border-box}.el-form-item__content{line-height:40px;position:relative;font-size:14px}.el-form-item__content .el-input-group{vertical-align:top}.el-form-item__error{color:#F56C6C;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{content:'*';color:#F56C6C;margin-right:4px}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus{border-color:#F56C6C}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__validateIcon{color:#F56C6C}.el-form-item--feedback .el-input__validateIcon{display:inline-block}.el-input__inner,.el-textarea__inner{background-image:none;-webkit-box-sizing:border-box;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#FFF;border:1px solid #DCDFE6;border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea__inner:hover{border-color:#C0C4CC}.el-textarea__inner:focus{outline:0;border-color:#409EFF}.el-textarea .el-input__count{color:#909399;background:#FFF;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea.is-exceed .el-textarea__inner{border-color:#F56C6C}.el-textarea.is-exceed .el-input__count{color:#F56C6C}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:#C0C4CC;font-size:14px;cursor:pointer;transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input,.el-input__inner{font-size:inherit}.el-input .el-input__count .el-input__count-inner{background:#FFF;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:#FFF;border-radius:4px;border:1px solid #DCDFE6;box-sizing:border-box;color:#606266;display:inline-block;height:40px;line-height:40px;outline:0;padding:0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;text-align:center;height:100%;color:#C0C4CC}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#C0C4CC}.el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input__inner::-ms-input-placeholder{color:#C0C4CC}.el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input__inner::placeholder{color:#C0C4CC}.el-input__inner:hover{border-color:#C0C4CC}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#409EFF;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__inner{border-color:#F56C6C}.el-input.is-exceed .el-input__suffix .el-input__count{color:#F56C6C}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#F5F7FA;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #DCDFE6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:2000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;transition:opacity .3s}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:-25px}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:50px;width:50px}.el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.el-loading-spinner .el-loading-text{color:#409EFF;margin:3px 0;font-size:14px}.el-loading-spinner .circular{height:42px;width:42px;animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#409EFF;stroke-linecap:round}.el-loading-spinner i{color:#409EFF}.el-loading-fade-enter,.el-loading-fade-leave-active{opacity:0}@keyframes loading-rotate{100%{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.el-input__inner,.el-textarea__inner{-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-popper .popper__arrow,.el-popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-popper .popper__arrow{border-width:6px;filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.el-popper .popper__arrow::after{content:" ";border-width:6px}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:#EBEEF5;border-bottom-width:0}.el-popper[x-placement^=top] .popper__arrow::after{bottom:1px;margin-left:-6px;border-top-color:#FFF;border-bottom-width:0}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:#EBEEF5}.el-popper[x-placement^=bottom] .popper__arrow::after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:#FFF}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:#EBEEF5;border-left-width:0}.el-popper[x-placement^=right] .popper__arrow::after{bottom:-6px;left:1px;border-right-color:#FFF;border-left-width:0}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:#EBEEF5}.el-popper[x-placement^=left] .popper__arrow::after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:#FFF}.el-select-dropdown{position:absolute;z-index:1001;border:1px solid #E4E7ED;border-radius:4px;background-color:#FFF;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-sizing:border-box;margin:5px 0}.el-input__inner,.el-select-dropdown__list,.el-tag,.el-textarea__inner{-webkit-box-sizing:border-box}.el-select-dropdown.is-multiple .el-select-dropdown__item{padding-right:40px}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:#409EFF;background-color:#FFF}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:#F5F7FA}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\E6DA";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:#999;font-size:14px}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:14px}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#FFF;background-image:none;border:1px solid #DCDFE6;border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.el-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea__inner:hover{border-color:#C0C4CC}.el-textarea__inner:focus{outline:0;border-color:#409EFF}.el-textarea .el-input__count{color:#909399;background:#FFF;position:absolute;font-size:12px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:#C0C4CC}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:#C0C4CC}.el-textarea.is-exceed .el-textarea__inner{border-color:#F56C6C}.el-textarea.is-exceed .el-input__count{color:#F56C6C}.el-input{position:relative;font-size:14px;display:inline-block;width:100%}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input__inner,.el-select-dropdown__item.is-disabled:hover{background-color:#FFF}.el-input .el-input__clear{color:#C0C4CC;font-size:14px;cursor:pointer;transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__clear:hover{color:#909399}.el-input .el-input__count{height:100%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;color:#909399;font-size:12px}.el-input .el-input__count .el-input__count-inner{background:#FFF;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-image:none;border-radius:4px;border:1px solid #DCDFE6;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.el-input__inner:hover,.el-select:hover .el-input__inner{border-color:#C0C4CC}.el-input__prefix,.el-input__suffix{position:absolute;top:0;-webkit-transition:all .3s;height:100%;color:#C0C4CC;text-align:center}.el-input__inner::-ms-reveal{display:none}.el-input__inner::-webkit-input-placeholder{color:#C0C4CC}.el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input__inner::-ms-input-placeholder{color:#C0C4CC}.el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input__inner::placeholder{color:#C0C4CC}.el-input.is-active .el-input__inner,.el-input__inner:focus{border-color:#409EFF;outline:0}.el-input__suffix{right:5px;transition:all .3s;pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{left:5px;transition:all .3s}.el-input__icon{height:100%;width:25px;text-align:center;transition:all .3s;line-height:40px}.el-input__icon:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-disabled .el-input__inner{background-color:#F5F7FA;border-color:#E4E7ED;color:#C0C4CC;cursor:not-allowed}.el-input.is-disabled .el-input__inner::-webkit-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__inner::placeholder{color:#C0C4CC}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__inner{border-color:#F56C6C}.el-input.is-exceed .el-input__suffix .el-input__count{color:#F56C6C}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:#F5F7FA;color:#909399;vertical-align:middle;display:table-cell;position:relative;border:1px solid #DCDFE6;border-radius:4px;padding:0 20px;width:1px;white-space:nowrap}.el-input-group--prepend .el-input__inner,.el-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--append .el-input__inner,.el-input-group__prepend{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0}.el-input-group__append{border-left:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-tag{background-color:#ecf5ff;border-color:#d9ecff;display:inline-block;height:32px;padding:0 10px;line-height:30px;font-size:12px;color:#409EFF;border-width:1px;border-style:solid;border-radius:4px;box-sizing:border-box;white-space:nowrap}.el-tag.is-hit{border-color:#409EFF}.el-tag .el-tag__close{color:#409eff}.el-tag .el-tag__close:hover{color:#FFF;background-color:#409eff}.el-tag.el-tag--info{background-color:#f4f4f5;border-color:#e9e9eb;color:#909399}.el-tag.el-tag--info.is-hit{border-color:#909399}.el-tag.el-tag--info .el-tag__close{color:#909399}.el-tag.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#909399}.el-tag.el-tag--success{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.el-tag.el-tag--success.is-hit{border-color:#67C23A}.el-tag.el-tag--success .el-tag__close{color:#67c23a}.el-tag.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#67c23a}.el-tag.el-tag--warning{background-color:#fdf6ec;border-color:#faecd8;color:#e6a23c}.el-tag.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#e6a23c}.el-tag.el-tag--danger{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.el-tag.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f56c6c}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px}.el-tag .el-icon-close::before{display:block}.el-tag--dark{background-color:#409eff;border-color:#409eff;color:#fff}.el-tag--dark.is-hit{border-color:#409EFF}.el-tag--dark .el-tag__close{color:#fff}.el-tag--dark .el-tag__close:hover{color:#FFF;background-color:#66b1ff}.el-tag--dark.el-tag--info{background-color:#909399;border-color:#909399;color:#fff}.el-tag--dark.el-tag--info.is-hit{border-color:#909399}.el-tag--dark.el-tag--info .el-tag__close{color:#fff}.el-tag--dark.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#a6a9ad}.el-tag--dark.el-tag--success{background-color:#67c23a;border-color:#67c23a;color:#fff}.el-tag--dark.el-tag--success.is-hit{border-color:#67C23A}.el-tag--dark.el-tag--success .el-tag__close{color:#fff}.el-tag--dark.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#85ce61}.el-tag--dark.el-tag--warning{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.el-tag--dark.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag--dark.el-tag--warning .el-tag__close{color:#fff}.el-tag--dark.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#ebb563}.el-tag--dark.el-tag--danger{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.el-tag--dark.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag--dark.el-tag--danger .el-tag__close{color:#fff}.el-tag--dark.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f78989}.el-tag--plain{background-color:#fff;border-color:#b3d8ff;color:#409eff}.el-tag--plain.is-hit{border-color:#409EFF}.el-tag--plain .el-tag__close{color:#409eff}.el-tag--plain .el-tag__close:hover{color:#FFF;background-color:#409eff}.el-tag--plain.el-tag--info{background-color:#fff;border-color:#d3d4d6;color:#909399}.el-tag--plain.el-tag--info.is-hit{border-color:#909399}.el-tag--plain.el-tag--info .el-tag__close{color:#909399}.el-tag--plain.el-tag--info .el-tag__close:hover{color:#FFF;background-color:#909399}.el-tag--plain.el-tag--success{background-color:#fff;border-color:#c2e7b0;color:#67c23a}.el-tag--plain.el-tag--success.is-hit{border-color:#67C23A}.el-tag--plain.el-tag--success .el-tag__close{color:#67c23a}.el-tag--plain.el-tag--success .el-tag__close:hover{color:#FFF;background-color:#67c23a}.el-tag--plain.el-tag--warning{background-color:#fff;border-color:#f5dab1;color:#e6a23c}.el-tag--plain.el-tag--warning.is-hit{border-color:#E6A23C}.el-tag--plain.el-tag--warning .el-tag__close{color:#e6a23c}.el-tag--plain.el-tag--warning .el-tag__close:hover{color:#FFF;background-color:#e6a23c}.el-tag--plain.el-tag--danger{background-color:#fff;border-color:#fbc4c4;color:#f56c6c}.el-tag--plain.el-tag--danger.is-hit{border-color:#F56C6C}.el-tag--plain.el-tag--danger .el-tag__close{color:#f56c6c}.el-tag--plain.el-tag--danger .el-tag__close:hover{color:#FFF;background-color:#f56c6c}.el-tag--medium{height:28px;line-height:26px}.el-tag--medium .el-icon-close{-ms-transform:scale(.8);transform:scale(.8)}.el-tag--small{height:24px;padding:0 8px;line-height:22px}.el-tag--small .el-icon-close{-ms-transform:scale(.8);transform:scale(.8)}.el-tag--mini{height:20px;padding:0 5px;line-height:19px}.el-tag--mini .el-icon-close{margin-left:-3px;-ms-transform:scale(.7);transform:scale(.7)}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#F5F7FA}.el-select-dropdown__item.selected{color:#409EFF;font-weight:700}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:'';position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#E4E7ED}.el-select-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-scrollbar{overflow:hidden;position:relative}.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar{opacity:1;transition:opacity 340ms ease-out}.el-scrollbar__wrap{overflow:scroll;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);transition:.3s background-color}.el-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;transition:opacity 120ms ease-out}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-select{display:inline-block;position:relative}.el-select .el-select__tags>span{display:contents}.el-select .el-input__inner{cursor:pointer;padding-right:35px}.el-select .el-input__inner:focus{border-color:#409EFF}.el-select .el-input .el-select__caret{color:#C0C4CC;font-size:14px;transition:transform .3s;-ms-transform:rotate(180deg);transform:rotateZ(180deg);cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{-ms-transform:rotate(0);transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:14px;text-align:center;-ms-transform:rotate(180deg);transform:rotateZ(180deg);border-radius:100%;color:#C0C4CC;transition:color .2s cubic-bezier(.645,.045,.355,1)}.el-select .el-input .el-select__caret.is-show-close:hover{color:#909399}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:#E4E7ED}.el-select .el-input.is-focus .el-input__inner{border-color:#409EFF}.el-select>.el-input{display:block}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:#666;font-size:14px;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:1000;right:25px;color:#C0C4CC;line-height:18px;font-size:14px}.el-select__close:hover{color:#909399}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.el-select__tags-text{overflow:hidden;text-overflow:ellipsis}.el-select .el-tag{box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5;display:-ms-flexbox;display:flex;max-width:100%;-ms-flex-align:center;align-items:center}.el-select .el-tag__close.el-icon-close{background-color:#C0C4CC;top:0;color:#FFF;-ms-flex-negative:0;flex-shrink:0}.el-select .el-tag__close.el-icon-close:hover{background-color:#909399}.el-select .el-tag__close.el-icon-close::before{display:block;-ms-transform:translate(0,.5px);transform:translate(0,.5px)}.el-pagination{white-space:nowrap;padding:2px 5px;color:#303133;font-weight:700}.el-pagination::after,.el-pagination::before{display:table;content:""}.el-pagination::after{clear:both}.el-pagination button,.el-pagination span:not([class*=suffix]){display:inline-block;font-size:13px;min-width:35.5px;height:28px;line-height:28px;vertical-align:top;box-sizing:border-box}.el-pagination .el-input__inner{text-align:center;-moz-appearance:textfield;line-height:normal}.el-pagination .el-input__suffix{right:0;-ms-transform:scale(.8);transform:scale(.8)}.el-pagination .el-select .el-input{width:100px;margin:0 5px}.el-pagination .el-select .el-input .el-input__inner{padding-right:25px;border-radius:3px}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:#409EFF}.el-pagination button:disabled{color:#C0C4CC;background-color:#FFF;cursor:not-allowed}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat #FFF;background-size:16px;cursor:pointer;margin:0;color:#303133}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:700}.el-pagination .btn-prev{padding-right:12px}.el-pagination .btn-next{padding-left:12px}.el-pagination .el-pager li.disabled{color:#C0C4CC;cursor:not-allowed}.el-pager li,.el-pager li.btn-quicknext:hover,.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li.btn-quicknext,.el-pagination--small .el-pager li.btn-quickprev,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:12px;line-height:22px;height:22px;min-width:22px}.el-pagination--small .arrow.disabled{visibility:hidden}.el-pagination--small .more::before,.el-pagination--small li.more::before{line-height:24px}.el-pagination--small button,.el-pagination--small span:not([class*=suffix]){height:22px;line-height:22px}.el-pagination--small .el-pagination__editor,.el-pagination--small .el-pagination__editor.el-input .el-input__inner{height:22px}.el-pagination__sizes{margin:0 10px 0 0;font-weight:400;color:#606266}.el-pagination__sizes .el-input .el-input__inner{font-size:13px;padding-left:8px}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:#409EFF}.el-pagination__total{margin-right:10px;font-weight:400;color:#606266}.el-pagination__jump{margin-left:24px;font-weight:400;color:#606266}.el-pagination__jump .el-input__inner{padding:0 3px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{line-height:18px;padding:0 2px;height:28px;text-align:center;margin:0 2px;box-sizing:border-box;border-radius:3px}.el-pager,.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0}.el-pagination__editor.el-input{width:50px}.el-pagination__editor.el-input .el-input__inner{height:28px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{margin:0 5px;background-color:#f4f4f5;color:#606266;min-width:30px;border-radius:2px}.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev.disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .el-pager li.disabled{color:#C0C4CC}.el-pagination.is-background .el-pager li:not(.disabled):hover{color:#409EFF}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#409EFF;color:#FFF}.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li{margin:0 3px;min-width:22px}.el-pager,.el-pager li{vertical-align:top;display:inline-block;margin:0}.el-pager{-webkit-user-select:none;-ms-user-select:none;user-select:none;list-style:none;font-size:0}.el-pager .more::before{line-height:30px}.el-pager li{padding:0 4px;background:#FFF;font-size:13px;min-width:35.5px;height:28px;line-height:28px;box-sizing:border-box;text-align:center}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:#303133}.el-pager li.btn-quicknext.disabled,.el-pager li.btn-quickprev.disabled{color:#C0C4CC}.el-pager li.active+li{border-left:0}.el-pager li:hover{color:#409EFF}.el-pager li.active{color:#409EFF;cursor:default}.el-select-dropdown__item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:#C0C4CC;cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:#FFF}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:#F5F7FA}.el-select-dropdown__item.selected{color:#409EFF;font-weight:700}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
ol,
ul {
  list-style: none;
}
ol li,
ul li {
  padding: 0;
  margin: 0;
}
table {
  border-collapse: collapse;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}
body {
  line-height: 1;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
template {
  display: none;
}
html {
  font-size: 675%;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a,
nav {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
}
button,
input,
optgroup,
select,
textarea {
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  color: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
body {
  background-color: #000;
  font-size: 0.33333rem;
  background: #efefef;
  width: 100%;
  min-width: 1320px;
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif;
}
img {
  pointer-events: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.el-input__inner {
  border-radius: 0px;
}
.el-form-item__label {
  color: #333;
  font-size: 20px;
  font-weight: bold;
}
.el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item {
  margin-bottom: 5px !important;
}
.el-select-dropdown {
  border-radius: 0px;
}
.el-button {
  border-radius: 0px;
}
.el-form-item__error {
  position: relative;
}
.el-form-item.is-success .el-input__inner,
.el-form-item.is-success .el-input__inner:focus,
.el-form-item.is-success .el-textarea__inner,
.el-form-item.is-success .el-textarea__inner:focus {
  border-color: #409eff;
}
@keyframes play {
from {
    box-shadow: 0 0 9px #333;
}
50% {
    box-shadow: 0 0 18px #fff;
}
to {
    box-shadow: 0 0 9px #333;
}
}
/*!
 * Viewer.js v1.11.7
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-11-24T04:32:14.526Z
 */

.viewer-zoom-in::before, .viewer-zoom-out::before, .viewer-one-to-one::before, .viewer-reset::before, .viewer-prev::before, .viewer-play::before, .viewer-next::before, .viewer-rotate-left::before, .viewer-rotate-right::before, .viewer-flip-horizontal::before, .viewer-flip-vertical::before, .viewer-fullscreen::before, .viewer-fullscreen-exit::before, .viewer-close::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 560 40%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M49.6 17.9h20.2v3.9H49.6zm123.1 2 10.9-11 2.7 2.8-8.2 8.2 8.2 8.2-2.7 2.7-10.9-10.9zm94 0-10.8-11-2.7 2.8 8.1 8.2-8.1 8.2 2.7 2.7 10.8-10.9zM212 9.3l20.1 10.6L212 30.5V9.3zm161.5 4.6-7.2 6 7.2 5.9v-4h12.4v4l7.3-5.9-7.3-6v4h-12.4v-4zm40.2 12.3 5.9 7.2 5.9-7.2h-4V13.6h4l-5.9-7.3-5.9 7.3h4v12.6h-4zm35.9-16.5h6.3v2h-4.3V16h-2V9.7Zm14 0h6.2V16h-2v-4.3h-4.2v-2Zm6.2 14V30h-6.2v-2h4.2v-4.3h2Zm-14 6.3h-6.2v-6.3h2v4.4h4.3v2Zm-438 .1v-8.3H9.6v-3.9h8.2V9.7h3.9v8.2h8.1v3.9h-8.1v8.3h-3.9zM93.6 9.7h-5.8v3.9h2V30h3.8V9.7zm16.1 0h-5.8v3.9h1.9V30h3.9V9.7zm-11.9 4.1h3.9v3.9h-3.9zm0 8.2h3.9v3.9h-3.9zm244.6-11.7 7.2 5.9-7.2 6v-3.6c-5.4-.4-7.8.8-8.7 2.8-.8 1.7-1.8 4.9 2.8 8.2-6.3-2-7.5-6.9-6-11.3 1.6-4.4 8-5 11.9-4.9v-3.1Zm147.2 13.4h6.3V30h-2v-4.3h-4.3v-2zm14 6.3v-6.3h6.2v2h-4.3V30h-1.9zm6.2-14h-6.2V9.7h1.9V14h4.3v2zm-13.9 0h-6.3v-2h4.3V9.7h2V16zm33.3 12.5 8.6-8.6-8.6-8.7 1.9-1.9 8.6 8.7 8.6-8.7 1.9 1.9-8.6 8.7 8.6 8.6-1.9 2-8.6-8.7-8.6 8.7-1.9-2zM297 10.3l-7.1 5.9 7.2 6v-3.6c5.3-.4 7.7.8 8.7 2.8.8 1.7 1.7 4.9-2.9 8.2 6.3-2 7.5-6.9 6-11.3-1.6-4.4-7.9-5-11.8-4.9v-3.1Zm-157.3-.6c2.3 0 4.4.7 6 2l2.5-3 1.9 9.2h-9.3l2.6-3.1a6.2 6.2 0 0 0-9.9 5.1c0 3.4 2.8 6.3 6.2 6.3 2.8 0 5.1-1.9 6-4.4h4c-1 4.7-5 8.3-10 8.3a10 10 0 0 1-10-10.2 10 10 0 0 1 10-10.2Z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 280px;
    color: transparent;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    width: 20px;
  }

.viewer-zoom-in::before {
  background-position: 0 0;
  content: 'Zoom In';
}

.viewer-zoom-out::before {
  background-position: -20px 0;
  content: 'Zoom Out';
}

.viewer-one-to-one::before {
  background-position: -40px 0;
  content: 'One to One';
}

.viewer-reset::before {
  background-position: -60px 0;
  content: 'Reset';
}

.viewer-prev::before {
  background-position: -80px 0;
  content: 'Previous';
}

.viewer-play::before {
  background-position: -100px 0;
  content: 'Play';
}

.viewer-next::before {
  background-position: -120px 0;
  content: 'Next';
}

.viewer-rotate-left::before {
  background-position: -140px 0;
  content: 'Rotate Left';
}

.viewer-rotate-right::before {
  background-position: -160px 0;
  content: 'Rotate Right';
}

.viewer-flip-horizontal::before {
  background-position: -180px 0;
  content: 'Flip Horizontal';
}

.viewer-flip-vertical::before {
  background-position: -200px 0;
  content: 'Flip Vertical';
}

.viewer-fullscreen::before {
  background-position: -220px 0;
  content: 'Enter Full Screen';
}

.viewer-fullscreen-exit::before {
  background-position: -240px 0;
  content: 'Exit Full Screen';
}

.viewer-close::before {
  background-position: -260px 0;
  content: 'Close';
}

.viewer-container {
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.viewer-container::selection,
  .viewer-container *::selection {
    background-color: transparent;
  }

.viewer-container:focus {
    outline: 0;
  }

.viewer-container img {
    display: block;
    height: auto;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.viewer-canvas > img {
    height: auto;
    margin: 15px auto;
    max-width: 90% !important;
    width: auto;
  }

.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
}

.viewer-navbar {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.viewer-list {
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0;
}

.viewer-list > li {
    color: transparent;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 50px;
    line-height: 0;
    opacity: 0.5;
    overflow: hidden;
    transition: opacity 0.15s;
    width: 30px;
  }

.viewer-list > li:focus,
    .viewer-list > li:hover {
      opacity: 0.75;
    }

.viewer-list > li:focus {
      outline: 0;
    }

.viewer-list > li + li {
      margin-left: 1px;
    }

.viewer-list > .viewer-loading {
    position: relative;
  }

.viewer-list > .viewer-loading::after {
      border-width: 2px;
      height: 20px;
      margin-left: -10px;
      margin-top: -10px;
      width: 20px;
    }

.viewer-list > .viewer-active,
  .viewer-list > .viewer-active:focus,
  .viewer-list > .viewer-active:hover {
    opacity: 1;
  }

.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.viewer-player > img {
    left: 0;
    position: absolute;
    top: 0;
  }

.viewer-toolbar > ul {
    display: inline-block;
    margin: 0 auto 5px;
    overflow: hidden;
    padding: 6px 3px;
  }

.viewer-toolbar > ul > li {
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      cursor: pointer;
      float: left;
      height: 24px;
      overflow: hidden;
      transition: background-color 0.15s;
      width: 24px;
    }

.viewer-toolbar > ul > li:focus,
      .viewer-toolbar > ul > li:hover {
        background-color: rgba(0, 0, 0, 0.8);
      }

.viewer-toolbar > ul > li:focus {
        box-shadow: 0 0 3px #fff;
        outline: 0;
        position: relative;
        z-index: 1;
      }

.viewer-toolbar > ul > li::before {
        margin: 2px;
      }

.viewer-toolbar > ul > li + li {
        margin-left: 1px;
      }

.viewer-toolbar > ul > .viewer-small {
      height: 18px;
      margin-bottom: 3px;
      margin-top: 3px;
      width: 18px;
    }

.viewer-toolbar > ul > .viewer-small::before {
        margin: -1px;
      }

.viewer-toolbar > ul > .viewer-large {
      height: 30px;
      margin-bottom: -3px;
      margin-top: -3px;
      width: 30px;
    }

.viewer-toolbar > ul > .viewer-large::before {
        margin: 5px;
      }

.viewer-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}

.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  margin: 5px 5%;
  max-width: 90%;
  min-height: 14px;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity 0.15s;
  white-space: nowrap;
}

.viewer-title:hover {
    opacity: 1;
  }

.viewer-button {
  -webkit-app-region: no-drag;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: absolute;
  right: -40px;
  top: -40px;
  transition: background-color 0.15s;
  width: 80px;
}

.viewer-button:focus,
  .viewer-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }

.viewer-button:focus {
    box-shadow: 0 0 3px #fff;
    outline: 0;
  }

.viewer-button::before {
    bottom: 15px;
    left: 15px;
    position: absolute;
  }

.viewer-fixed {
  position: fixed;
}

.viewer-open {
  overflow: hidden;
}

.viewer-show {
  display: block;
}

.viewer-hide {
  display: none;
}

.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.viewer-invisible {
  visibility: hidden;
}

.viewer-move {
  cursor: move;
  cursor: grab;
}

.viewer-fade {
  opacity: 0;
}

.viewer-in {
  opacity: 1;
}

.viewer-transition {
  transition: all 0.3s;
}

@keyframes viewer-spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.viewer-loading::after {
    animation: viewer-spinner 1s linear infinite;
    border: 4px solid rgba(255, 255, 255, 0.1);
    border-left-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 1;
  }

@media (max-width: 767px) {
  .viewer-hide-xs-down {
    display: none;
  }
}

@media (max-width: 991px) {
  .viewer-hide-sm-down {
    display: none;
  }
}

@media (max-width: 1199px) {
  .viewer-hide-md-down {
    display: none;
  }
}
@font-face {font-family: "iconfont";
  src: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/iconfont.12df1e8.eot); /* IE9 */
  src: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/iconfont.12df1e8.eot#iefix) format('embedded-opentype'), 
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAQQAAsAAAAACLwAAAPEAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDVgqDfIMdATYCJAMcCxAABCAFhG0HdRuCByMRJnztTfYXB+Zp0Y+VMmJd16NMILt6GF/sTrEjOZLec/BAdr1vdmbxZYfEXSRXqdhC3B+yOpQxtotY+859AKCjzg3lt0eafdulXVfIXpZ9EtJf+f8XGOHBMeMltQ3z1jaX7MABjgc0oP6oJPsXeVH/R3nVpNMAvXQzBOBONJmIBo1adMBCwfYSgBgxdHBfrJoVNdIosBAYPSequmIVOpa2WLsCrEx/X3wkX1igoUvYrdoMajiAOraw30iHy6GHdOLYzw2Yp4EEMgEFYlavdwoyz2YicfdXK1oAnlhoqL02xdoldmf7jSs1bLGSeQWeHOH9Dx4oDAQaEh2EAdZ7AtBFyxlgCymAAjtW2qcrRgEE2CUCaGB3FkCC/eYl6ACYAHgDHsAU4AwMl0mlQiCQcWlZLy8pIg2FH2EmTb/zpsPdtx3v13a+Z3cy7t3rdP9+57t3O96506FT/37adGcIfECwMzh4gwget2Hfus1BY8es27T5YMj4kI1T3QcN9hgw3c/wnS4ebU73twKmb3/n8H83fvBWZ3jwgSWJAwZtWBIYuM4RNHCA4gxavzRl8MD96pChJYNi5o65q0dEqLvcHBFJHhUZWS6LjLi7607I2nfqBIni4Al5kkT50kVXv3l6GwWf4wX7WOUuOORX/o5iUt5zNSn2duzNSepF7sCyWj/IPzX0+9yfK97ai97C3kmfgFKd8OrBw6svBAJk9Hdst+ylyx+U5Hq/qqL17J27vmV88/PJ8MlE2OPKHDfrroISL8PbtXOXd6L2nyDKNzMJAJdjvssxJZdKJ23jZMhxmdO7Uzr6zBf8QwEI+Fr77HVvn8rf1rkC4MHACDC7HPO9TvhpOnzZ3x3SLwLoOy2FZjOVNy4lM/VqbQyTpEoZGuDOg+CioD/P9tMHza4HgUVQCRomUSCxSEQoTCboeFAIBhY14E4GjU/3IIBxSIRyA9KZDyDw5SRoeHMeJL5cRSjMU9DZ/OQfjty0D2f+ur/guef82QujEuxAb8AbylY45Cxr/EI3R8VVRUr9Q558ApqybhY+MCPvcci0dK2IBcuU4B1uhzESjEwDGil7kXFRVbbvm0pDaefMC4YUgTpA2wCeQTIbzxZnrZ//gpxZpPDIRF/4D2ITvzholOoZiA9tnjXxLq+ZLDktISxgMZKAd3CjyLMEjP2bBsgQpX5FerRQ0TQ7V1uer0/veQ5wx441O0237fX1e6ZWTVZldzz4+OpC87Wm2BWKmVZFRCuX2x6zGzWtvVSdqiMVrdBrdeRmlbXf2QE=') format('woff2'),
  url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/iconfont.1fe204a.woff) format('woff'),
  url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/iconfont.53bf0ef.ttf) format('truetype'), 
  url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/iconfont.f689095.svg#iconfont) format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-iconbofang:before {
  content: "\E636";
}

.icon-jiantou:before {
  content: "\E637";
}

.icon-bold-arrow-left:before {
  content: "\E657";
}

.icon-zhengfangxing:before {
  content: "\E601";
}

.icon-xiaoweiba:before {
  content: "\E6E4";
}

.icon-guanbi:before {
  content: "\E620";
}

/**
 * Swiper 4.5.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 13, 2019
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -ms-flex-align: start;
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -ms-transform: scale(0);
  transform: scale(0);
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  animation-name: bounce;
  -ms-transform-origin: center bottom;
      transform-origin: center bottom;
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  animation-name: pulse;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  animation-name: shake;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}

.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -ms-transform-origin: top center;
      transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  animation-name: wobble;
}

@keyframes jello {
  from,
  11.1%,
  to {
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  animation-name: jello;
  -ms-transform-origin: center;
      transform-origin: center;
}

@keyframes heartBeat {
  0% {
    transform: scale(1);
  }

  14% {
    transform: scale(1.3);
  }

  28% {
    transform: scale(1);
  }

  42% {
    transform: scale(1.3);
  }

  70% {
    transform: scale(1);
  }
}

.heartBeat {
  animation-name: heartBeat;
  animation-duration: 1.3s;
  animation-timing-function: ease-in-out;
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  animation-duration: 0.75s;
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  animation-duration: 0.75s;
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }

  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  animation-duration: 0.75s;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  animation-duration: 0.75s;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform-origin: center;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }

  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  animation-duration: 2s;
  animation-name: hinge;
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.jackInTheBox {
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  animation-name: rollOut;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}

.zoomOutLeft {
  animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}

.zoomOutRight {
  animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  animation-name: zoomOutUp;
}

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  animation-name: slideOutUp;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  animation-delay: 1s;
}

.animated.delay-2s {
  animation-delay: 2s;
}

.animated.delay-3s {
  animation-delay: 3s;
}

.animated.delay-4s {
  animation-delay: 4s;
}

.animated.delay-5s {
  animation-delay: 5s;
}

.animated.fast {
  animation-duration: 800ms;
}

.animated.faster {
  animation-duration: 500ms;
}

.animated.slow {
  animation-duration: 2s;
}

.animated.slower {
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
}

.page[data-v-53ef7228] {
  height: 100%;
  background-color: #f5f5f5;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
.page .e404[data-v-53ef7228] {
  margin-top: -60px;
  color: #333;
  text-shadow: 6px 6px 16px #000;
  -webkit-text-shadow: 6px 6px 16px #000;
}

.app .newBtn[data-v-0562f3f1] {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  position: fixed;
  right: 50px;
  top: 100px;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/NEW.0bbce72.png) no-repeat;
  background-size: 100% 100%;
  z-index: 999;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
  cursor: pointer;
}
.app .newBtn[data-v-0562f3f1]:hover {
  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12);
}
.app .newBtns[data-v-0562f3f1] {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  position: fixed;
  right: 50px;
  top: 150px;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/speclal.43c1e90.png) no-repeat;
  background-size: 100% 100%;
  z-index: 999;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
  cursor: pointer;
}
.app .newBtns[data-v-0562f3f1]:hover {
  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12);
}
.app .navs[data-v-0562f3f1] {
  position: fixed;
  top: 32%;
  left: 4%;
  background-color: #000;
  width: 3px;
  z-index: 100;
  padding: 30px 0;
  transition: 0.5s;
}
.app .navs .nv[data-v-0562f3f1] {
  cursor: pointer;
  display: block;
  width: 40px;
  height: 40px;
  color: #fff;
  background-color: #000;
  border-radius: 50%;
  margin: 10px;
  text-align: center;
  position: relative;
  left: -29px;
  font-size: 15px;
  line-height: 40px;
  font-weight: bold;
}
.app .navs .nv.active[data-v-0562f3f1] {
  background-color: #194b96;
}
.app .navs .nv[data-v-0562f3f1]:hover {
  background-color: #194b96;
}
.app .footer[data-v-0562f3f1] {
  padding-top: 100px;
  padding-bottom: 40px;
  background-color: #000;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
.app .footer img[data-v-0562f3f1] {
  display: inline-block;
  margin: 0 30px;
  width: 500px;
}
.app .footer .text[data-v-0562f3f1] {
  display: inline-block;
  position: relative;
  top: -20px;
}
.app .footer .text .link[data-v-0562f3f1] {
  color: #fff;
  text-decoration: none;
}
.app .footer .text .link[data-v-0562f3f1]:hover {
  color: #ffc107;
}
.app .footer .text .spe[data-v-0562f3f1] {
  margin: 0 30px;
}
.app .footer .text .tip[data-v-0562f3f1] {
  margin: 20px 0 30px;
}
.app .codeWarp[data-v-0562f3f1] {
  position: fixed;
  top: 0;
  right: 0;
  background-color: rgba(0,0,0,0.83);
  width: 100%;
  height: 100%;
  z-index: 100;
}
.app .codeWarp .code[data-v-0562f3f1] {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  width: 705px;
  max-height: 728px;
  min-height: 500px;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/code.884a4bc.jpg);
  background-size: 100% auto;
  padding-top: 196px;
  box-sizing: border-box;
  border-bottom: 2px solid #448eeb;
}
.app .codeWarp .code .codeinput[data-v-0562f3f1] {
  display: block;
  text-align: center;
  width: 500px;
  height: 44px;
  font-size: 16px;
  margin: 0 auto 20px;
  position: relative;
  left: 9px;
  border: none;
}
.app .codeWarp .code .confirm[data-v-0562f3f1] {
  height: 72px;
  width: 210px;
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/now-n.875d0b4.png);
  background-size: 100% 100%;
  cursor: pointer;
  margin: 20px auto 20px;
}
.app .codeWarp .code .confirm[data-v-0562f3f1]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/now-s.f51b338.png);
}
.app .codeWarp .code .message[data-v-0562f3f1] {
  color: #f00;
  font-size: 24px;
  line-height: 24px;
  width: 500px;
  margin: 10px auto;
  text-align: center;
}
.app .codeWarp .code .form[data-v-0562f3f1] {
  width: 600px;
  margin: 40px auto 20px;
}
.app .codeWarp .code .form .codeIn[data-v-0562f3f1] {
  width: 225px;
}
.app .codeWarp .code .form .codeBtn[data-v-0562f3f1] {
  width: 150px;
}
.app .codeWarp .code .form .device[data-v-0562f3f1] {
  width: 100%;
}
.app .codeWarp .code .confirm2[data-v-0562f3f1] {
  height: 75px;
  width: 265px;
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/Redeem.fa761fa.jpg);
  background-size: 100% 100%;
  cursor: pointer;
  margin: 20px auto 20px;
}
.app .codeWarp .code .confirm2[data-v-0562f3f1]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/Redeem1.c925751.jpg);
}
.app .codeWarp .code .close[data-v-0562f3f1] {
  width: 50px;
  height: 50px;
  position: absolute;
  right: -5px;
  top: -5px;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/close2.b2f33e0.png);
  background-size: 100% 100%;
}
.app .videoWarp[data-v-0562f3f1] {
  position: absolute;
  left: -1000000px;
  background-color: rgba(0,0,0,0.83);
}
.app .videoWarp .iframe[data-v-0562f3f1] {
  width: 80%;
  height: 80%;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.app .videoWarp .iframe iframe[data-v-0562f3f1] {
  width: 100%;
  height: 100%;
}
.app .videoWarp .iframe .close[data-v-0562f3f1] {
  width: 50px;
  height: 50px;
  position: absolute;
  right: -50px;
  top: -50px;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/close2.b2f33e0.png);
  background-size: 100% 100%;
}
.app .videoWarp.hidden[data-v-0562f3f1] {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.app .videoWarp .video-js[data-v-0562f3f1] {
  width: 80%;
  height: 80%;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.app .top[data-v-0562f3f1] {
  position: relative;
  min-height: 500px;
}
.app .top .topNav[data-v-0562f3f1] {
  top: 0;
  position: absolute;
  right: 10px;
  font-size: 0;
}
.app .top .topNav .navbar[data-v-0562f3f1] {
  top: 0;
  border-top: 8px solid rgba(0,0,0,0);
  margin: 0 8px;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  padding: 20px 15px 0 0;
  min-width: 80px;
  text-align: center;
  position: relative;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
}
.app .top .topNav .navbar[data-v-0562f3f1]:hover {
  padding-top: 20px;
  border-top: 8px solid #0078ff;
  color: #fcff00;
}
.app .top .topNav .navbar.active[data-v-0562f3f1] {
  padding-top: 20px;
  border-top: 8px solid #0078ff;
}
.app .top .topNav .navbar .next[data-v-0562f3f1] {
  width: 10px;
  position: absolute;
  right: 0;
  top: 21px;
}
.app .top .topNav .navbar_link[data-v-0562f3f1] {
  text-decoration: none;
}
.app .top >video[data-v-0562f3f1] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.app .top >img[data-v-0562f3f1] {
  width: 100%;
  display: block;
}
.app .top .cover[data-v-0562f3f1] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.app .top .cover .logo[data-v-0562f3f1] {
  position: absolute;
  width: 14%;
  top: 30px;
  left: 30px;
}
.app .top .cover .topNav[data-v-0562f3f1] {
  position: absolute;
  top: 10px;
  right: 0;
  width: 40%;
}
.app .top .cover .centerVideo[data-v-0562f3f1] {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  text-align: center;
}
.app .top .cover .centerVideo .imgWarp[data-v-0562f3f1] {
  position: absolute;
  width: 65px;
  height: 65px;
  left: 98%;
  top: -200%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  display: inline-block;
  text-align: center;
}
.app .top .cover .centerVideo .imgWarp:hover .playAni[data-v-0562f3f1] {
  -ms-transform: scale(1.2);
      transform: scale(1.2);
  color: #f00;
}
.app .top .cover .centerVideo .imgWarp:hover .img[data-v-0562f3f1] {
  -ms-transform: scale(1.01);
      transform: scale(1.01);
}
.app .top .cover .centerVideo .imgWarp .playAni[data-v-0562f3f1] {
  color: #fff;
  width: 100%;
  height: 100%;
  font-size: 180%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background-size: 100% 100%;
  transition: 0.7s ease-in-out;
  border-radius: 50%;
  transition: 300ms;
  cursor: pointer;
  pointer-events: auto;
}
.app .top .cover .centerVideo .imgWarp .bg[data-v-0562f3f1] {
  width: 380px;
}
.app .top .cover .centerVideo .imgWarp .img[data-v-0562f3f1] {
  position: absolute;
  width: 364px;
  height: 189px;
  margin: auto;
  top: 14px;
  left: 43px;
  cursor: pointer;
  transition: 0.7s ease-in-out;
  transition: 300ms;
  -ms-transform: scale(0.9);
      transform: scale(0.9);
}
.app .top .cover .centerVideo .imgWarp .play[data-v-0562f3f1] {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  margin: auto;
  transition: all 0.3s ease-out;
  transition: 300ms;
  cursor: pointer;
}
.app .top .cover .centerVideo .pbtn[data-v-0562f3f1] {
  width: 13%;
  height: 23%;
  right: 57%;
  top: 69%;
  display: inline-block;
  cursor: pointer;
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/pb-n.a3e247f.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  position: absolute;
}
.app .top .cover .centerVideo .pbtn[data-v-0562f3f1]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/pb-h.f2ca52b.png);
}
.app .top .cover .centerVideo .pbtn.code[data-v-0562f3f1] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/pc-gift1.520bc7e.png);
}
.app .top .cover .centerVideo .pbtn.code[data-v-0562f3f1]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/pc-gift2.c24e2d6.png);
}
.app .top .cover .centerVideo .btnWarp[data-v-0562f3f1] {
  width: 37.7%;
  height: 24%;
  right: 5.5%;
  top: 83.5%;
  display: inline-block;
  position: absolute;
}
.app .top .cover .centerVideo .btnWarp .btn[data-v-0562f3f1] {
  display: inline-block;
  height: 40%;
  width: 35%;
  margin-top: 3%;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom;
}
.app .top .cover .centerVideo .btnWarp .btn.android[data-v-0562f3f1] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/android.8600ba9.png);
}
.app .top .cover .centerVideo .btnWarp .btn.ios[data-v-0562f3f1] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/ios.e5285a3.png);
}
.app .top .cover .centerVideo .btnWarp .btn.code[data-v-0562f3f1] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/pc-gift1.520bc7e.png);
}
.app .top .cover .centerVideo .btnWarp .btn.code[data-v-0562f3f1]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/pc-gift2.c24e2d6.png);
}
.app .webWarp[data-v-0562f3f1] {
  position: relative;
  z-index: 2;
  margin: -20px 0;
}
.app .webWarp >img[data-v-0562f3f1] {
  width: 100%;
  min-height: 167px;
}
.app .webWarp .content[data-v-0562f3f1] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.app .webWarp .content >img[data-v-0562f3f1] {
  position: relative;
  top: 25px;
}
.app .webWarp .content .item[data-v-0562f3f1] {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  vertical-align: middle;
  margin: 29px 0px;
}
.app .webWarp .content .item >img[data-v-0562f3f1] {
  width: 88px;
  height: 88px;
}
.app .webWarp .content .item .label[data-v-0562f3f1] {
  display: block;
  margin: 10px;
}
.app .img[data-v-0562f3f1] {
  width: 100%;
}

.page[data-v-5f3b2f88] {
  position: relative;
  min-height: 500px;
}
.page .img[data-v-5f3b2f88] {
  width: 100%;
  display: block;
}
.page .cover[data-v-5f3b2f88] {
  width: 40%;
  top: 10%;
  left: 7%;
  position: absolute;
  height: 50%;
}
.page .cover .pre[data-v-5f3b2f88] {
  width: 100%;
}
.page .cover .desc[data-v-5f3b2f88] {
  font-size: 12px;
  line-height: 14px;
  margin: 7% 0px 4% 4%;
  color: #7e7e7e;
}
.page .cover .desc .item[data-v-5f3b2f88] {
  position: relative;
  padding-left: 35px;
  margin: 10px 0;
}
.page .cover .desc .item .checkbox[data-v-5f3b2f88] {
  left: 0;
  top: 0;
  position: absolute;
  width: 30px;
  height: 30px;
  background-size: 100% 100%;
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/checkbox-n.9bbae1d.png);
  display: inline-block;
}
.page .cover .desc .item .checkbox.active[data-v-5f3b2f88] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/checkbbox-s.d33986b.png);
}
.page .cover .desc .item .content[data-v-5f3b2f88] {
  display: inline-block;
}
.page .cover .desc .item .content a[data-v-5f3b2f88] {
  color: #c35300;
}
.page .cover .email[data-v-5f3b2f88] {
  padding-left: 5%;
  font-size: 12px;
  margin: 5% 0;
  width: 104%;
  vertical-align: middle;
  height: 10%;
}
.page .cover .email .input[data-v-5f3b2f88] {
  background-size: 100% 100%;
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/inputbg.6ce7752.jpg);
  position: relative;
  padding: 5px;
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  height: 100%;
}
.page .cover .email .input .top[data-v-5f3b2f88] {
  top: -33%;
  position: absolute;
  left: 0;
  width: 40%;
}
.page .cover .email .input input[data-v-5f3b2f88] {
  width: 100%;
  height: 100%;
  font-size: 16px;
  padding: 0 1%;
}
.page .cover .email .button[data-v-5f3b2f88] {
  vertical-align: middle;
  height: 141%;
  width: 30%;
  margin-left: 6%;
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/now-n.875d0b4.png);
  background-size: 100% 100%;
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.page .cover .email .button .peo[data-v-5f3b2f88] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/emailpeo.276bcfe.png);
  background-size: 100% auto;
  height: 156%;
  width: 35%;
  left: 99%;
  top: -151%;
  position: absolute;
  background-repeat: no-repeat;
  pointer-events: none;
}
.page .cover .email .button[data-v-5f3b2f88]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/now-s.f51b338.png);
}
.page .cover .reword[data-v-5f3b2f88] {
  pointer-events: none;
  width: 224%;
  position: relative;
  top: -31%;
  left: 3.1%;
}
.page .cover .reword .img[data-v-5f3b2f88] {
  width: 100%;
}
.page .cover .reword .itemWarp[data-v-5f3b2f88] {
  vertical-align: bottom;
  position: relative;
}
.page .cover .reword .itemWarp .itemimg[data-v-5f3b2f88] {
  width: 13.7%;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
}
.page .cover .reword .itemWarp .itemimg.active .progress[data-v-5f3b2f88] {
  background-color: #0073d5;
  background-image: none;
}
.page .cover .reword .itemWarp .itemimg.active .jian[data-v-5f3b2f88] {
  background-color: #0073d5;
}
.page .cover .reword .itemWarp .itemimg .progress[data-v-5f3b2f88] {
  margin-top: 10px;
  width: 100%;
  height: 20px;
  background-color: #c9c9c9;
  position: relative;
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/sp.1888a96.png);
  background-position: center center;
  background-repeat: repeat-x;
}
.page .cover .reword .itemWarp .itemimg .role[data-v-5f3b2f88] {
  position: absolute;
  bottom: -40px;
  color: #0073d5;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  left: 0;
}
.page .cover .reword .itemWarp .itemimg .role .run[data-v-5f3b2f88] {
  width: 18%;
  background-size: 100% auto;
  position: absolute;
  left: -10%;
  top: -50px;
  background-repeat: no-repeat;
}
.page .cover .reword .itemWarp .itemimg .role .number[data-v-5f3b2f88] {
  color: #fff;
  background-color: #0073d5;
  padding: 3px 30px;
}
.page .cover .reword .itemWarp .itemimg .jian[data-v-5f3b2f88] {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 50%;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  background-color: #c9c9c9;
  bottom: 10px;
}
.page .cover .reword .itemWarp .itemimg img[data-v-5f3b2f88] {
  width: 100%;
}
.page .cover .reword .itemWarp .itemimg[data-v-5f3b2f88]:last-child {
  width: 44%;
}
.page .cover .reword .itemWarp .itemimg:last-child .run[data-v-5f3b2f88] {
  width: 6%;
  left: 96%;
}
.page .cover .reword .skillWarp[data-v-5f3b2f88] {
  position: absolute;
  right: 6%;
  bottom: 10%;
}
.page .cover .reword .skillWarp .skill[data-v-5f3b2f88] {
  position: absolute;
  width: 100%;
  height: 50%;
  pointer-events: auto;
  cursor: pointer;
}
.page .cover .reword .skillWarp .skill img[data-v-5f3b2f88] {
  opacity: 0;
  display: none;
  width: 500%;
  position: absolute;
  left: -250%;
  z-index: 100;
}
.page .cover .reword .skillWarp .skill:hover img[data-v-5f3b2f88] {
  opacity: 1;
  display: block;
}
.page .cover .reword .skillWarp .skill.top[data-v-5f3b2f88] {
  top: 0;
}
.page .cover .reword .skillWarp .skill.top img[data-v-5f3b2f88] {
  top: -220%;
}
.page .cover .reword .skillWarp .skill.bottom[data-v-5f3b2f88] {
  bottom: 0;
}
.page .cover .reword .skillWarp .skill.bottom img[data-v-5f3b2f88] {
  bottom: -220%;
}
.page .linkout[data-v-5f3b2f88] {
  position: absolute;
  bottom: 0;
  right: 2.8%;
  width: 35.88%;
  height: 10.2777%;
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/fenxiang.f778381.png);
  background-size: 100% 100%;
}
.page .linkout .out[data-v-5f3b2f88] {
  width: 10%;
  height: 57%;
  bottom: 10%;
  display: block;
  position: absolute;
}
.page .linkout .out.facebook[data-v-5f3b2f88] {
  right: 15%;
}
.page .linkout .out.twitter[data-v-5f3b2f88] {
  right: 1.5%;
}

.page[data-v-6f4d1cc5] {
  position: relative;
  min-height: 500px;
}
.page .img[data-v-6f4d1cc5] {
  width: 100%;
  display: block;
}
.page .cover[data-v-6f4d1cc5] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.page .cover >div[data-v-6f4d1cc5] {
  -ms-flex: 1;
      flex: 1;
  height: 100%;
}
.page .cover .sp1[data-v-6f4d1cc5] {
  text-align: center;
}
.page .cover .sp1 .topimg[data-v-6f4d1cc5] {
  margin: 21% auto 9%;
  width: 60%;
}
.page .cover .sp1 .topimg img[data-v-6f4d1cc5] {
  width: 100%;
}
.page .cover .sp1 .nav[data-v-6f4d1cc5] {
  color: #fff;
}
.page .cover .sp1 .nav .btn[data-v-6f4d1cc5] {
  width: 13%;
  height: 53%;
  background-size: 100% 100%;
  margin: 5px 6px;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.page .cover .sp1 .nav .btn.prev[data-v-6f4d1cc5] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/prev-a.6abee2a.png);
  left: -40%;
}
.page .cover .sp1 .nav .btn.prev[data-v-6f4d1cc5]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/prev.1a9dd0e.png);
}
.page .cover .sp1 .nav .btn.next[data-v-6f4d1cc5] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/next-a.6748f1c.png);
  right: -40%;
}
.page .cover .sp1 .nav .btn.next[data-v-6f4d1cc5]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/next.22c2bfb.png);
}
.page .cover .sp1 .nav .center[data-v-6f4d1cc5] {
  display: inline-block;
  font-size: 40px;
  width: 42%;
  position: relative;
}
.page .cover .sp1 .nav .center img[data-v-6f4d1cc5] {
  width: 100%;
}
.page .cover .sp1 .navstatus[data-v-6f4d1cc5] {
  vertical-align: middle;
  width: 100%;
  margin: 10% auto;
}
.page .cover .sp1 .navstatus >span[data-v-6f4d1cc5] {
  vertical-align: middle;
  display: inline-block;
}
.page .cover .sp1 .navstatus .sp[data-v-6f4d1cc5] {
  width: 50px;
  height: 2px;
  background-color: #2294ff;
}
.page .cover .sp1 .navstatus .navst[data-v-6f4d1cc5] {
  width: 30px;
  height: 30px;
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/biaoji1.5816b1c.png);
  background-size: 100% 100%;
}
.page .cover .sp1 .navstatus .navst.active[data-v-6f4d1cc5] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/biaoji2.cb66423.png);
}
.page .cover .sp2[data-v-6f4d1cc5] {
  text-align: center;
}
.page .cover .sp2 .topImg[data-v-6f4d1cc5] {
  width: 96%;
  margin: 12% auto 5%;
  display: block;
}

.page[data-v-282885a8] {
  position: relative;
  min-height: 500px;
}
.page .img[data-v-282885a8] {
  width: 100%;
  display: block;
}
.page .cover[data-v-282885a8] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.page .cover .navcon[data-v-282885a8] {
  position: absolute;
  width: 28%;
  bottom: 19%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 100;
}
.page .cover .navcon .nav[data-v-282885a8] {
  position: absolute;
  width: 65px;
  height: 51px;
  background-size: 100% 100%;
  cursor: pointer;
}
.page .cover .navcon .nav.prev[data-v-282885a8] {
  left: 0;
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/prev-a.6abee2a.png);
}
.page .cover .navcon .nav.prev[data-v-282885a8]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/prev-aa.f7fdc2e.png);
}
.page .cover .navcon .nav.next[data-v-282885a8] {
  right: 0;
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/next-a.6748f1c.png);
}
.page .cover .navcon .nav.next[data-v-282885a8]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/next-aa.5e2e126.png);
}
.page .cover .content[data-v-282885a8] {
  display: block;
  -ms-flex-direction: column;
      flex-direction: column;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0%;
  width: 100%;
  height: 100%;
}
.page .cover .content .charItem[data-v-282885a8] {
  width: 50%;
  display: block;
  transition: all 0.3s ease-out;
  left: 0;
  top: 12%;
  position: absolute;
  cursor: pointer;
  pointer-events: none;
}
.page .cover .content .charItem .warpin[data-v-282885a8] {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  height: 70%;
  width: 35%;
  top: 12%;
  pointer-events: auto;
}
.page .cover .content .charItem .descimg[data-v-282885a8] {
  position: absolute;
  top: 63%;
  left: 12%;
  right: 0;
  margin: auto;
  width: 30%;
  transition: all 0.3s ease-out;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-delay: 0.3s;
  animation-name: fadeInUp-data-v-282885a8;
}
.page .cover .content .charItem .descimg.descplay[data-v-282885a8] {
  left: -27%;
  width: 6%;
  pointer-events: auto;
}
.page .cover .content .charItem .descimg.descplay img[data-v-282885a8] {
  width: 100%;
}
.page .cover .content .charItem.c0[data-v-282885a8] {
  transform: translate3d(-20%, 0px, 0) scale(0.6);
}
.page .cover .content .charItem.c1[data-v-282885a8] {
  transform: translate3d(10%, 0px, 0) scale(0.8);
}
.page .cover .content .charItem.c2[data-v-282885a8] {
  transform: translate3d(50%, 0px, 0) scale(1);
  z-index: 2;
}
.page .cover .content .charItem.c3[data-v-282885a8] {
  transform: translate3d(90%, 0px, 0) scale(0.8);
}
.page .cover .content .charItem.c4[data-v-282885a8] {
  transform: translate3d(120%, 0px, 0) scale(0.6);
  opacity: 0;
  display: none;
}
.page .cover .content .charItem img[data-v-282885a8] {
  width: 100%;
}
.page .cover .title[data-v-282885a8] {
  position: absolute;
  left: 10%;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #000;
  top: 20px;
}
.page .cover .title .slid[data-v-282885a8] {
  width: 37%;
  height: 3px;
  margin: 5px auto;
  background-color: #000;
}
.page .cover-right[data-v-282885a8] {
  position: absolute;
  width: 25%;
  height: 100%;
  top: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.page .cover-right .content[data-v-282885a8] {
  display: block;
  -ms-flex-direction: column;
      flex-direction: column;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: -5%;
  height: 100%;
  width: 100%;
}
.page .cover-right .content .campItem[data-v-282885a8] {
  width: 35%;
  height: 120px;
  border-radius: 50%;
  display: block;
  transition: all 0.3s ease-out;
  top: 32%;
  position: absolute;
  margin-left: 20%;
  cursor: pointer;
}
.page .cover-right .content .campItem.c0[data-v-282885a8] {
  transform: translate3d(0, -40%, 0) scale(1.1);
}
.page .cover-right .content .campItem.c1[data-v-282885a8] {
  transform: translate3d(0, 25%, 0) scale(1.1);
}
.page .cover-right .content .campItem.c2[data-v-282885a8] {
  transform: translate3d(0, 105%, 0) scale(1.2);
  z-index: 2;
}
.page .cover-right .content .campItem.c3[data-v-282885a8] {
  transform: translate3d(0, 190%, 0) scale(1.1);
}
.page .cover-right .content .campItem.c4[data-v-282885a8] {
  transform: translate3d(0, 255%, 0) scale(1.1);
}
.page .cover-right .content .campItem.c5[data-v-282885a8] {
  transform: translate3d(0, 320%, 0) scale(1.1);
}
.page .cover-right .content .campItem.c6[data-v-282885a8] {
  transform: translate3d(0, 385%, 0) scale(1.1);
}
.page .cover-right .content .campItem.c7[data-v-282885a8] {
  transform: translate3d(0, -105%, 0) scale(1.1);
}
.page .cover-right .content .campItem.c8[data-v-282885a8] {
  transform: translate3d(0, -170%, 0) scale(1.1);
}
.page .cover-right .content .campItem.c9[data-v-282885a8] {
  transform: translate3d(0, -235%, 0) scale(1.1);
}
.page .cover-right .content .campItem img[data-v-282885a8] {
  width: 100%;
  height: 100%;
  OBJECT-FIT: CONTAIN;
}
.page .cover-right .slider[data-v-282885a8] {
  height: 80%;
  position: absolute;
  right: 15%;
  top: 18%;
}
.page .cover-right .title[data-v-282885a8] {
  position: absolute;
  left: 10%;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  top: 20px;
}
.page .cover-right .title .slid[data-v-282885a8] {
  width: 37%;
  height: 3px;
  margin: 5px auto;
  background-color: #fff;
}
@keyframes fadeInUp-data-v-282885a8 {
0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
}
to {
    opacity: 1;
    transform: none;
}
}

.page[data-v-7388fb7a] {
  position: relative;
  min-height: 500px;
}
.page .img[data-v-7388fb7a] {
  width: 100%;
  display: block;
}
.page .cover[data-v-7388fb7a] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  overflow: hidden;
}
.page .cover .navcon[data-v-7388fb7a] {
  position: absolute;
  width: 28%;
  bottom: 24%;
  left: 0;
  right: 0;
  margin: auto;
}
.page .cover .navcon .nav[data-v-7388fb7a] {
  position: absolute;
  width: 55px;
  height: 41px;
  background-size: 100% 100%;
  cursor: pointer;
}
.page .cover .navcon .nav.prev[data-v-7388fb7a] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/prev.1a9dd0e.png);
  left: -10%;
}
.page .cover .navcon .nav.prev[data-v-7388fb7a]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/prev-a.6abee2a.png);
}
.page .cover .navcon .nav.next[data-v-7388fb7a] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/next.22c2bfb.png);
  right: -10%;
}
.page .cover .navcon .nav.next[data-v-7388fb7a]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/next-a.6748f1c.png);
}
.page .cover .content[data-v-7388fb7a] {
  display: block;
  -ms-flex-direction: column;
      flex-direction: column;
  position: absolute;
  margin: auto;
  top: 32%;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page .cover .content .pageSize[data-v-7388fb7a] {
  text-align: center;
  margin-top: 15px;
}
.page .cover .content .pageSize .el-pager li[data-v-7388fb7a] {
  font-size: 20px !important;
}
.page .cover .content .fankit-page-container[data-v-7388fb7a] {
  width: 100%;
  height: 39px;
  margin-top: 0.5%;
  margin-left: -150px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.page .cover .content .fankit-page-container .fankit-page-content[data-v-7388fb7a] {
  width: auto;
  height: 100%;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.page .cover .content .fankit-page-container .fankit-page-content .fankit-page--pre[data-v-7388fb7a] {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-right: 20px solid #000;
  filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
  cursor: pointer;
}
.page .cover .content .fankit-page-container .fankit-page-content .fankit-page--next[data-v-7388fb7a] {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left: 20px solid #000;
  filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
  cursor: pointer;
}
.page .cover .content .fankit-page-container .fankit-page-content .fankit-page--num[data-v-7388fb7a] {
  width: auto;
  height: 100%;
  margin: 0 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  cursor: pointer;
}
.page .cover .content .fankit-page-container .fankit-page-content .fankit-page--num span[data-v-7388fb7a]:not(:last-of-type) {
  margin-right: 10px;
  cursor: pointer;
}
.page .cover .content .fankit-page-container .fankit-page-content .fankit-page--num .fankit-page--num-active[data-v-7388fb7a]:after {
  content: "";
  display: block;
  height: 3px;
  background: #000;
  box-shadow: 0 1px 3px 0.5px rgba(0,0,0,0.5);
}
.page .cover .content .itemWcarp[data-v-7388fb7a] {
  width: 75%;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page .cover .content .charItem[data-v-7388fb7a] {
  width: 30%;
  cursor: pointer;
  margin-top: 5px;
  overflow: hidden;
  display: block;
  transition: all 0.3s ease-out;
}
.page .cover .content .charItem:hover .play[data-v-7388fb7a] {
  color: #f00;
}
.page .cover .content .charItem img[data-v-7388fb7a] {
  width: 62%;
}
.page .cover .title[data-v-7388fb7a] {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 200px;
  text-align: center;
  font-size: 35px;
  font-weight: bold;
  color: #000;
  top: 40px;
}
.page .cover .title .slid[data-v-7388fb7a] {
  width: 80%;
  height: 3px;
  margin: 5px auto;
  background-color: #000;
}
.page .cover-right[data-v-7388fb7a] {
  position: absolute;
  width: 20%;
  height: 100%;
  top: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.page .cover-right .content[data-v-7388fb7a] {
  display: block;
  -ms-flex-direction: column;
      flex-direction: column;
  position: absolute;
  margin: auto;
  top: 35%;
  left: 0;
  border: 2px solid #000;
  width: 68%;
}
.page .cover-right .content .spbot[data-v-7388fb7a] {
  width: 80%;
  margin: 3px auto;
  height: 1px;
  background-color: #000;
  display: block;
}
.page .cover-right .content .campItem[data-v-7388fb7a] {
  border: 2px solid #fff;
  display: block;
  color: #0062d0;
  font-size: 18px;
  padding: 5% 3%;
  cursor: pointer;
  margin: 3% 2%;
}
.page .cover-right .content .campItem.active[data-v-7388fb7a] {
  color: #fff;
  background-color: #0062d0;
}
.page .cover-right .content .campItem.active .sp[data-v-7388fb7a] {
  background-color: #fff;
}
.page .cover-right .content .campItem[data-v-7388fb7a]:hover {
  background-color: #0062d0;
  color: #fff;
}
.page .cover-right .content .campItem:hover .sp[data-v-7388fb7a] {
  background-color: #fff;
}
.page .cover-right .content .campItem .spwarp[data-v-7388fb7a] {
  width: 14%;
  text-align: center;
  display: inline-block;
}
.page .cover-right .content .campItem .sp[data-v-7388fb7a] {
  display: inline-block;
  height: 10px;
  width: 10px;
  margin: 1px;
  background-color: #0062d0;
}
.page .cover-right .title[data-v-7388fb7a] {
  position: absolute;
  left: 10%;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  top: 20px;
}
.page .cover-right .title .slid[data-v-7388fb7a] {
  width: 37%;
  height: 3px;
  margin: 5px auto;
  background-color: #fff;
}
.page .imageViewer[data-v-7388fb7a] {
  position: fixed;
  background-color: rgba(0,0,0,0.83);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10000;
}
.page .imageViewer .imgwarp[data-v-7388fb7a] {
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
  height: 80%;
  width: 80%;
  max-height: 80%;
  max-width: 1200px;
  margin: auto;
}
.page .imageViewer .imgwarp.mini[data-v-7388fb7a] {
  width: 600px;
}
.page .imageViewer .imgwarp.mini .down[data-v-7388fb7a] {
  right: 10%;
  top: 1px;
}
.page .imageViewer .imgwarp.mini .down img[data-v-7388fb7a] {
  width: 100%;
}
.page .imageViewer .imgwarp .navcon[data-v-7388fb7a] {
  position: absolute;
  width: 100%;
  bottom: 53%;
  left: 0;
  right: 0;
  margin: auto;
}
.page .imageViewer .imgwarp .navcon .nav[data-v-7388fb7a] {
  position: absolute;
  width: 55px;
  height: 41px;
  background-size: 100% 100%;
  cursor: pointer;
}
.page .imageViewer .imgwarp .navcon .nav.prev[data-v-7388fb7a] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/prev-a.6abee2a.png);
  left: -10%;
}
.page .imageViewer .imgwarp .navcon .nav.prev[data-v-7388fb7a]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/prev-aa.f7fdc2e.png);
}
.page .imageViewer .imgwarp .navcon .nav.next[data-v-7388fb7a] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/next-a.6748f1c.png);
  right: -10%;
}
.page .imageViewer .imgwarp .navcon .nav.next[data-v-7388fb7a]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/next-aa.5e2e126.png);
}
.page .imageViewer .imgwarp .down[data-v-7388fb7a] {
  width: 24%;
  height: 60px;
  position: absolute;
  right: 1%;
  top: 10px;
  background-size: 100% 100%;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
}
.page .imageViewer .imgwarp .close[data-v-7388fb7a] {
  width: 60px;
  height: 60px;
  position: absolute;
  right: -10px;
  top: -10px;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/close2.b2f33e0.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.page .imageViewer .imgwarp .img[data-v-7388fb7a] {
  border: 1px solid #000;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  width: auto;
}

.page[data-v-1d85a568] {
  position: relative;
  min-height: 500px;
  background-color: #000;
}
.page .box_show[data-v-1d85a568] {
  opacity: 1;
  z-index: 1;
}
.page .box_hidden[data-v-1d85a568] {
  opacity: 0;
  z-index: -1;
}
.page .gotoBtn[data-v-1d85a568] {
  display: block;
  position: absolute;
  width: 9.32%;
  height: 4.24%;
  cursor: pointer;
  z-index: 99;
}
.page .gotoBtn img[data-v-1d85a568] {
  width: 100%;
  height: 100%;
}
.page .gotoBtn.phase1_btn[data-v-1d85a568] {
  left: 50.93%;
  top: 22.24%;
}
.page .gotoBtn.phase2_btn[data-v-1d85a568] {
  left: 50.93%;
  top: 27.24%;
}
.page .gotoBtn.phase3_btn[data-v-1d85a568] {
  left: 50.93%;
  top: 27.24%;
}
.page .gngoing[data-v-1d85a568] {
  position: absolute;
  left: 0;
  top: 0;
}
.page .page_box[data-v-1d85a568] {
  transition: opacity 0.7s;
  width: 100%;
}
.page .img[data-v-1d85a568] {
  width: 100%;
  display: block;
}
.page .linkout[data-v-1d85a568] {
  position: absolute;
}
.page .linkout.text[data-v-1d85a568] {
  left: 11.66%;
  width: 11.5%;
  top: 30%;
  height: 2.5%;
}
.page .linkout.text .out[data-v-1d85a568] {
  width: 50%;
  height: 100%;
  bottom: 0%;
  display: block;
  position: absolute;
}
.page .linkout.text .out.facebook[data-v-1d85a568] {
  left: 0%;
}
.page .linkout.text .out.twitter[data-v-1d85a568] {
  width: 37%;
  right: 0%;
}
.page .linkout.btn[data-v-1d85a568] {
  right: 18.2%;
  width: 28.9%;
  bottom: 9.3%;
  height: 5.2%;
}
.page .linkout.btn .out[data-v-1d85a568] {
  width: 45%;
  height: 100%;
  bottom: 0%;
  display: block;
  position: absolute;
}
.page .linkout.btn .out.facebook[data-v-1d85a568] {
  width: 46%;
  left: 0%;
}
.page .linkout.btn .out.twitter[data-v-1d85a568] {
  right: 0%;
}
.page .cover[data-v-1d85a568] {
  position: absolute;
  background-size: 100% 100%;
  width: 31.51%;
  height: 41.92%;
  top: 34.2%;
  right: 15.8%;
}
.page .cover .start[data-v-1d85a568] {
  position: absolute;
  background-size: 100% 100%;
  width: 14%;
  height: 15.9%;
  cursor: pointer;
}
.page .cover .start .imgWarp[data-v-1d85a568] {
  display: none;
}
.page .cover .start:hover .imgWarp[data-v-1d85a568] {
  display: block;
  position: absolute;
  width: 450%;
  height: 140%;
  top: -160%;
  left: -176%;
  text-align: center;
  z-index: 999;
}
.page .cover .start:hover .imgWarp .img[data-v-1d85a568] {
  height: 100%;
  width: auto;
  display: inline-block;
}
.page .cover_phase2[data-v-1d85a568] {
  top: 35.2%;
}
.page .cover_phase3[data-v-1d85a568] {
  width: 39.64%;
  height: 40.9%;
  top: 34.35%;
  right: 9.95%;
}
.page .cover_phase4[data-v-1d85a568] {
  width: 34.58%;
  height: 7.69%;
  top: 51.11%;
  right: 12.76%;
}
.page .cover_phase6[data-v-1d85a568] {
  width: 34.48%;
  height: 15.09%;
  top: 48.41%;
  right: 12.86%;
}

.page[data-v-26630c9c] {
  position: relative;
}
.page .img[data-v-26630c9c] {
  width: 100%;
  display: block;
}
.page .cover[data-v-26630c9c] {
  position: absolute;
  background-size: 100% 100%;
  margin: 0 auto;
  width: 50%;
  height: 50%;
  top: 40%;
  left: 0;
  right: 0;
}
.page .cover .item[data-v-26630c9c] {
  display: block;
  color: #fff;
  line-height: 34px;
  font-size: 20px;
  text-decoration: none;
  word-wrap: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 20% 0 4%;
  margin: 10px 0;
}
.page .cover .item[data-v-26630c9c]:hover {
  background-color: #262626;
  color: #00deff;
}
.page .cover .item .time[data-v-26630c9c] {
  position: absolute;
  right: 6%;
}
.page .cover .more[data-v-26630c9c] {
  position: absolute;
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/more.a9f77ea.jpg);
  background-size: 100% 100%;
  width: 16%;
  height: 7%;
  right: 5%;
  top: -19%;
}

.page[data-v-f7dcd194] {
  position: relative;
  min-height: 500px;
}
.page .img[data-v-f7dcd194] {
  width: 100%;
  display: block;
}
.page .cover[data-v-f7dcd194] {
  position: absolute;
  width: 42%;
  height: 23%;
  top: 41%;
  left: 11.5%;
}
.page .cover .input_tip01[data-v-f7dcd194] {
  display: block;
  width: 64%;
  margin-bottom: 3px;
}
.page .cover .input_code_box[data-v-f7dcd194] {
  width: 64%;
  height: 0;
  padding-bottom: 6.65%;
  position: relative;
  background: #000;
  background-image: repeating-linear-gradient(135deg, rgba(255,255,255,0.2), rgba(255,255,255,0.2) 1px, transparent 0, transparent 8px);
  margin-bottom: 10px;
}
.page .cover .input_code_box .input_code[data-v-f7dcd194] {
  -web-kit-appearance: none;
  -moz-appearance: none;
  border: 0;
  border-radius: 0;
  outline: 0;
  box-sizing: border-box;
  position: absolute;
  width: 94%;
  height: 80%;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  box-sizing: border-box;
  font-size: 18px;
  color: #8a8a8a;
  text-align: center;
  padding: 0 10px;
}
.page .cover .input_tip02[data-v-f7dcd194] {
  display: block;
  width: 53%;
  margin-bottom: 3px;
}
.page .cover .input_uid_box[data-v-f7dcd194] {
  width: 53%;
  height: 0;
  padding-bottom: 6.65%;
  position: relative;
  background: #000;
  background-image: repeating-linear-gradient(135deg, rgba(255,255,255,0.2), rgba(255,255,255,0.2) 1px, transparent 0, transparent 8px);
  margin-bottom: 5%;
}
.page .cover .input_uid_box .input_uid[data-v-f7dcd194] {
  -web-kit-appearance: none;
  -moz-appearance: none;
  border: 0;
  border-radius: 0;
  outline: 0;
  box-sizing: border-box;
  position: absolute;
  width: 94%;
  height: 80%;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  box-sizing: border-box;
  font-size: 18px;
  color: #8a8a8a;
  text-align: center;
  padding: 0 10px;
}
.page .cover .button[data-v-f7dcd194] {
  width: 27%;
  height: 0;
  padding-bottom: 18%;
  position: absolute;
  right: 0;
  top: 6.5%;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/btn.b9d833a.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.page .cover .button[data-v-f7dcd194]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/btn_actived.713d26a.png) no-repeat;
  background-size: 100%;
  opacity: 0;
  transition: 0.5s;
}
.page .cover .button[data-v-f7dcd194]:hover::after {
  opacity: 1;
}
.page .cover .tip_box[data-v-f7dcd194] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.page .cover .tip_box .checkout_box[data-v-f7dcd194] {
  width: 4%;
  height: 0;
  padding-bottom: 4%;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/checkbox-n.9bbae1d.png);
  background-size: 100% 100%;
  margin-right: 5px;
  cursor: pointer;
}
.page .cover .tip_box .checkout_actived[data-v-f7dcd194] {
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/checkbox-s.d33986b.png);
  background-size: 100% 100%;
}
.page .cover .tip_box .tip[data-v-f7dcd194] {
  font-size: 12px;
  color: #8f8f8f;
  line-height: 14px;
}
@media screen and (min-width: 1320px) {
.page .cover .tip_box .tip[data-v-f7dcd194] {
    font-size: calc(12px + 2 * (100vw - 1320px) / 600);
}
}
.page .cover .tip_box .tip a[data-v-f7dcd194] {
  color: #ce7532;
}
.page .mask[data-v-f7dcd194] {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
}
.page .mask .container[data-v-f7dcd194] {
  width: 25.5%;
  min-width: 336px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.page .mask .container .bg[data-v-f7dcd194] {
  width: 100%;
}
.page .mask .container .msg[data-v-f7dcd194] {
  font-size: 18px;
  position: absolute;
  top: 54%;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 1320px) {
.page .mask .container .msg[data-v-f7dcd194] {
    font-size: calc(18px + 4 * (100vw - 1320px) / 600);
}
}
.page .mask .container .button[data-v-f7dcd194] {
  width: 29.3%;
  height: 14.6%;
  background: #006cff;
  position: absolute;
  bottom: 10%;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}
.page .mask .container .button span[data-v-f7dcd194] {
  font-size: 18px;
}
@media screen and (min-width: 1320px) {
.page .mask .container .button span[data-v-f7dcd194] {
    font-size: calc(18px + 4 * (100vw - 1320px) / 600);
}
}
.page .confir_mask[data-v-f7dcd194] {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
}
.page .confir_mask .container[data-v-f7dcd194] {
  width: 25.5%;
  min-width: 336px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.page .confir_mask .container .bg[data-v-f7dcd194] {
  width: 100%;
}
.page .confir_mask .container .msg[data-v-f7dcd194] {
  font-size: 18px;
  position: absolute;
  top: 54%;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 1320px) {
.page .confir_mask .container .msg[data-v-f7dcd194] {
    font-size: calc(18px + 4 * (100vw - 1320px) / 600);
}
}
.page .confir_mask .container .button_warp[data-v-f7dcd194] {
  position: absolute;
  bottom: 10%;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  display: -ms-flexbox;
  display: flex;
}
.page .confir_mask .container .button_warp span[data-v-f7dcd194] {
  font-size: 18px;
  background: #006cff;
  color: #fff;
  padding: 5px 10px;
  cursor: pointer;
}
@media screen and (min-width: 1320px) {
.page .confir_mask .container .button_warp span[data-v-f7dcd194] {
    font-size: calc(18px + 4 * (100vw - 1320px) / 600);
}
}
.page .confir_mask .container .button_warp span[data-v-f7dcd194]:nth-of-type(1) {
  margin-right: 35px;
}

.page[data-v-b37f4506] {
  position: relative;
  min-height: 500px;
}
.page .img[data-v-b37f4506] {
  width: 100%;
  display: block;
}
.page .cover[data-v-b37f4506] {
  position: absolute;
  width: 42%;
  height: 23%;
  top: 41%;
  left: 11.5%;
}
.page .cover .input_tip01[data-v-b37f4506] {
  display: block;
  width: 64%;
  margin-bottom: 3px;
}
.page .cover .input_email_box[data-v-b37f4506] {
  width: 64%;
  height: 0;
  padding-bottom: 6.65%;
  position: relative;
  background: #000;
  background-image: repeating-linear-gradient(135deg, rgba(255,255,255,0.2), rgba(255,255,255,0.2) 1px, transparent 0, transparent 8px);
  margin-bottom: 10px;
}
.page .cover .input_email_box .input_email[data-v-b37f4506] {
  -web-kit-appearance: none;
  -moz-appearance: none;
  border: 0;
  border-radius: 0;
  outline: 0;
  box-sizing: border-box;
  position: absolute;
  width: 94%;
  height: 80%;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  box-sizing: border-box;
  font-size: 18px;
  color: #8a8a8a;
  text-align: center;
  padding: 0 10px;
}
.page .cover .input_tip02[data-v-b37f4506] {
  display: block;
  width: 53%;
  margin-bottom: 3px;
}
.page .cover .input_uid_box[data-v-b37f4506] {
  width: 53%;
  height: 0;
  padding-bottom: 6.65%;
  position: relative;
  background: #000;
  background-image: repeating-linear-gradient(135deg, rgba(255,255,255,0.2), rgba(255,255,255,0.2) 1px, transparent 0, transparent 8px);
  margin-bottom: 5%;
}
.page .cover .input_uid_box .input_uid[data-v-b37f4506] {
  -web-kit-appearance: none;
  -moz-appearance: none;
  border: 0;
  border-radius: 0;
  outline: 0;
  box-sizing: border-box;
  position: absolute;
  width: 94%;
  height: 80%;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  box-sizing: border-box;
  font-size: 18px;
  color: #8a8a8a;
  text-align: center;
  padding: 0 10px;
}
.page .cover .button[data-v-b37f4506] {
  width: 27%;
  height: 0;
  padding-bottom: 18%;
  position: absolute;
  right: 0;
  top: 6.5%;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/btn.b9d833a.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.page .cover .button[data-v-b37f4506]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/btn_actived.713d26a.png) no-repeat;
  background-size: 100%;
  opacity: 0;
  transition: 0.5s;
}
.page .cover .button[data-v-b37f4506]:hover::after {
  opacity: 1;
}
.page .cover .tip_box[data-v-b37f4506] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.page .cover .tip_box .checkout_box[data-v-b37f4506] {
  width: 4%;
  height: 0;
  padding-bottom: 4%;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/checkbox-n.9bbae1d.png);
  background-size: 100% 100%;
  margin-right: 5px;
  cursor: pointer;
}
.page .cover .tip_box .checkout_actived[data-v-b37f4506] {
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/checkbox-s.d33986b.png);
  background-size: 100% 100%;
}
.page .cover .tip_box .tip[data-v-b37f4506] {
  font-size: 12px;
  color: #8f8f8f;
  line-height: 14px;
}
@media screen and (min-width: 1320px) {
.page .cover .tip_box .tip[data-v-b37f4506] {
    font-size: calc(12px + 2 * (100vw - 1320px) / 600);
}
}
.page .cover .tip_box .tip a[data-v-b37f4506] {
  color: #ce7532;
}
.page .mask[data-v-b37f4506] {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
}
.page .mask .container[data-v-b37f4506] {
  width: 25.5%;
  min-width: 336px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.page .mask .container .bg[data-v-b37f4506] {
  width: 100%;
}
.page .mask .container .msg[data-v-b37f4506] {
  font-size: 18px;
  position: absolute;
  top: 54%;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 1320px) {
.page .mask .container .msg[data-v-b37f4506] {
    font-size: calc(18px + 4 * (100vw - 1320px) / 600);
}
}
.page .mask .container .button[data-v-b37f4506] {
  width: 29.3%;
  height: 14.6%;
  background: #006cff;
  position: absolute;
  bottom: 10%;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}
.page .mask .container .button span[data-v-b37f4506] {
  font-size: 18px;
}
@media screen and (min-width: 1320px) {
.page .mask .container .button span[data-v-b37f4506] {
    font-size: calc(18px + 4 * (100vw - 1320px) / 600);
}
}
.page .confir_mask[data-v-b37f4506] {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
}
.page .confir_mask .container[data-v-b37f4506] {
  width: 29%;
  min-width: 336px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.page .confir_mask .container .bg[data-v-b37f4506] {
  width: 100%;
}
.page .confir_mask .container .msg[data-v-b37f4506] {
  font-size: 14px;
  position: absolute;
  top: 47%;
  text-align: center;
  width: 100%;
}
.page .confir_mask .container .msg span[data-v-b37f4506] {
  display: block;
  margin-bottom: 10px;
}
@media screen and (min-width: 1320px) {
.page .confir_mask .container .msg[data-v-b37f4506] {
    font-size: calc(18px + 4 * (100vw - 1320px) / 600);
}
}
.page .confir_mask .container .button_warp[data-v-b37f4506] {
  position: absolute;
  bottom: 10%;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  display: -ms-flexbox;
  display: flex;
}
.page .confir_mask .container .button_warp span[data-v-b37f4506] {
  font-size: 18px;
  background: #006cff;
  color: #fff;
  padding: 5px 10px;
  cursor: pointer;
}
@media screen and (min-width: 1320px) {
.page .confir_mask .container .button_warp span[data-v-b37f4506] {
    font-size: calc(18px + 4 * (100vw - 1320px) / 600);
}
}
.page .confir_mask .container .button_warp span[data-v-b37f4506]:nth-of-type(1) {
  margin-right: 35px;
}

.app[data-v-411fc122] {
  width: 100%;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/bg.86ac6f7.png);
}
.app .footer[data-v-411fc122] {
  width: 100%;
  padding: 20px 30px;
  padding-bottom: 50px;
  box-sizing: border-box;
  border-top: 1px solid #333;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.app .footer img[data-v-411fc122] {
  width: 13%;
  height: 12%;
}
.app .footer .item-box .item-box-a[data-v-411fc122] {
  font-size: 18px;
  color: #878787;
  padding: 0 10px;
  border-right: 1px solid #000;
  text-decoration: none;
}
.app .footer .item-box .information[data-v-411fc122] {
  font-size: 18px;
  color: #878787;
}
.app .header[data-v-411fc122] {
  width: 100%;
  height: 0;
  padding-bottom: 22%;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/top.e2305bf.png) no-repeat;
  background-size: 100%;
  position: relative;
}
.app .header .btn-combination[data-v-411fc122] {
  position: absolute;
  right: 50px;
  bottom: 15px;
}
.app .header .btn-combination .wallpapers[data-v-411fc122] {
  width: 200px;
  height: 45px;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/Wallpapers.cb12171.png) no-repeat;
  border: none;
  cursor: pointer;
}
.app .header .btn-combination .live-wallpapers[data-v-411fc122] {
  width: 200px;
  height: 45px;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/LiveWallpapers.4dceee4.png) no-repeat;
  border: none;
  cursor: pointer;
}
.app .header .btn-combination .pv[data-v-411fc122] {
  width: 200px;
  height: 45px;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/PV.e96c87d.png) no-repeat;
  border: none;
  cursor: pointer;
}
.app .header .btn-combination .stickers[data-v-411fc122] {
  width: 200px;
  height: 45px;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/Stickers.9c7b45b.png) no-repeat;
  border: none;
  cursor: pointer;
}
.app .decoration[data-v-411fc122] {
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/decoration.56aa196.png) no-repeat 50px 0;
  background-size: 100%;
  width: 100%;
  height: 15px;
  margin-top: 10px;
}
.app .connect[data-v-411fc122] {
  width: 80%;
  margin: 20px auto;
}
.app .connect .container[data-v-411fc122] {
  width: 100%;
  height: 860px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: baseline;
      align-content: baseline;
}
.app .connect .container .page-size[data-v-411fc122] {
  width: 100%;
  text-align: center;
}
.app .connect .container .box[data-v-411fc122] {
  width: 18.9%;
  margin-left: 4%;
  height: 260px;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 15px;
  z-index: 100;
}
.app .connect .container .box .blove[data-v-411fc122] {
  top: -4px;
  left: -4px;
  width: 45px;
  height: 45px;
  background: #0062d0;
  position: absolute;
}
.app .connect .container .box .characters[data-v-411fc122] {
  padding-top: 10px;
}
.app .connect .container .box .characters i[data-v-411fc122] {
  position: absolute;
  right: 0;
  font-size: 30px;
  bottom: 0;
  cursor: pointer;
}
.app .connect .container .box .characters p[data-v-411fc122] {
  width: 100%;
  height: 25px;
  line-height: 30px;
  color: #a0a0a0;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
}
.app .connect .container .box .box-img[data-v-411fc122] {
  width: 100%;
  height: 162px;
  border: 1px solid #848484;
  position: relative;
  cursor: pointer;
  background-color: #fff;
}
.app .connect .container .box .box-img .gridding[data-v-411fc122] {
  width: 35px;
  height: 35px;
  position: absolute;
  bottom: -6px;
  right: -6px;
  z-index: -1;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/gridding.02419aa.png);
}
.app .imageViewer[data-v-411fc122] {
  position: fixed;
  background-color: rgba(0,0,0,0.83);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10000;
}
.app .imageViewer .imgwarp[data-v-411fc122] {
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
  height: 80%;
  width: 80%;
  max-height: 80%;
  max-width: 1200px;
  margin: auto;
}
.app .imageViewer .imgwarp.mini[data-v-411fc122] {
  width: 600px;
}
.app .imageViewer .imgwarp.mini .down[data-v-411fc122] {
  right: 10%;
  top: 1px;
}
.app .imageViewer .imgwarp.mini .down img[data-v-411fc122] {
  width: 100%;
}
.app .imageViewer .imgwarp .navcon[data-v-411fc122] {
  position: absolute;
  width: 100%;
  bottom: 53%;
  left: 0;
  right: 0;
  margin: auto;
}
.app .imageViewer .imgwarp .navcon .nav[data-v-411fc122] {
  position: absolute;
  width: 55px;
  height: 41px;
  background-size: 100% 100%;
  cursor: pointer;
}
.app .imageViewer .imgwarp .navcon .nav.prev[data-v-411fc122] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/prev-a.6abee2a.png);
  left: -10%;
}
.app .imageViewer .imgwarp .navcon .nav.prev[data-v-411fc122]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/prev-aa.f7fdc2e.png);
}
.app .imageViewer .imgwarp .navcon .nav.next[data-v-411fc122] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/next-a.6748f1c.png);
  right: -10%;
}
.app .imageViewer .imgwarp .navcon .nav.next[data-v-411fc122]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/next-aa.5e2e126.png);
}
.app .imageViewer .imgwarp .down[data-v-411fc122] {
  width: 24%;
  height: 60px;
  position: absolute;
  right: 1%;
  top: 10px;
  background-size: 100% 100%;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
}
.app .imageViewer .imgwarp .close[data-v-411fc122] {
  width: 60px;
  height: 60px;
  position: absolute;
  right: -10px;
  top: -10px;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/close2.b2f33e0.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.app .imageViewer .imgwarp .img[data-v-411fc122] {
  border: 1px solid #000;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  width: auto;
}
.app .videoWarp[data-v-411fc122] {
  position: absolute;
  left: -1000000px;
  background-color: rgba(0,0,0,0.83);
}
.app .videoWarp .iframe[data-v-411fc122] {
  width: 80%;
  height: 80%;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.app .videoWarp .iframe iframe[data-v-411fc122] {
  width: 100%;
  height: 100%;
}
.app .videoWarp .iframe .close[data-v-411fc122] {
  width: 50px;
  height: 50px;
  position: absolute;
  right: -50px;
  top: -50px;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/close2.b2f33e0.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.app .videoWarp.hidden[data-v-411fc122] {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.app .videoWarp .video-js[data-v-411fc122] {
  width: 80%;
  height: 80%;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.home[data-v-50f5505f] {
  width: 100%;
  background-color: #fff;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/bg.86ac6f7.png);
}
.home .footer[data-v-50f5505f] {
  width: 100%;
  padding: 20px 30px;
  padding-bottom: 50px;
  box-sizing: border-box;
  border-top: 1px solid #333;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.home .footer img[data-v-50f5505f] {
  width: 13%;
  height: 12%;
}
.home .footer .item-box .item-box-a[data-v-50f5505f] {
  font-size: 18px;
  color: #878787;
  padding: 0 10px;
  border-right: 1px solid #000;
  text-decoration: none;
}
.home .footer .item-box .information[data-v-50f5505f] {
  font-size: 18px;
  color: #878787;
}
.home .header[data-v-50f5505f] {
  width: 100%;
  padding-bottom: 22%;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/mangaBG.4348ef1.png) no-repeat;
  background-size: 100%;
  position: relative;
}
.home .decoration[data-v-50f5505f] {
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/decoration.56aa196.png) no-repeat;
  background-size: 100%;
  width: 100%;
  height: 15px;
  margin-top: 10px;
}
.home .connect[data-v-50f5505f] {
  width: 60%;
  padding-bottom: 60px;
  margin: 0 auto;
  line-height: 1;
}
.home .connect .details[data-v-50f5505f] {
  width: 750px;
  margin: 20px auto;
  border: 1px solid #112052;
  position: relative;
  z-index: 5;
}
.home .connect .details .blove[data-v-50f5505f] {
  z-index: -1;
  top: -5px;
  left: -5px;
  width: 55px;
  height: 55px;
  background: #0062d0;
  position: absolute;
}
.home .connect .below[data-v-50f5505f] {
  width: 100%;
  overflow: hidden;
  margin-top: 100px;
  text-align: center;
}
.home .connect .below p[data-v-50f5505f] {
  font-size: 20px;
  padding-bottom: 15px;
}
.home .connect .below .tw[data-v-50f5505f] {
  width: 250px;
  display: inline-block;
  height: 55px;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/T.08bc69f.png);
  margin-left: 35px;
}
.home .connect .below .fb[data-v-50f5505f] {
  margin-left: 55px;
  width: 250px;
  display: inline-block;
  height: 55px;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/F.02022f9.png);
}
.home .connect .title[data-v-50f5505f] {
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/tittle.3d41d4a.png) no-repeat;
  height: 260px;
  background-position: center top;
}
.home .connect .paging[data-v-50f5505f] {
  text-align: center;
  margin-bottom: 10px;
}
.home .connect .paging .btn[data-v-50f5505f] {
  font-family: okayd;
  cursor: pointer;
  font-size: 20px;
  margin: 0 10px;
  background-color: #4b5ebb;
  border-color: #4b5ebb;
}
.home .connect .paging .btn i[data-v-50f5505f] {
  font-weight: bold !important;
}
.home .connect .paging .btn .el-icon-d-arrow-left[data-v-50f5505f] {
  font-weight: bold !important;
}
.home .connect .cartoon_box[data-v-50f5505f] {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 35px;
}
.home .connect .cartoon_box .cartoon[data-v-50f5505f] {
  margin-right: 1%;
  margin-left: 1%;
  width: 23%;
  position: relative;
}
.home .connect .cartoon_box .cartoon .cartoon_imgwrap[data-v-50f5505f] {
  position: relative;
  margin-bottom: 12px;
  border: 1px solid #848484;
}
.home .connect .cartoon_box .cartoon .cartoon_imgwrap .cartoon__img[data-v-50f5505f] {
  overflow: hidden;
  width: 100%;
  z-index: 75;
}
.home .connect .cartoon_box .cartoon .cartoon_imgwrap .cartoon_text[data-v-50f5505f] {
  position: absolute;
  z-index: 120;
  font-size: 24px;
  color: #1f5988;
  bottom: 0%;
  text-align: center;
  width: 100%;
  height: 80px;
  line-height: 120px;
  font-weight: bold;
  background: linear-gradient(transparent, 30%, #fff 50%, #fff);
}

.home[data-v-66b03a3e] {
  width: 100%;
  background-color: #fff;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/bg.86ac6f7.png);
}
.home .footer[data-v-66b03a3e] {
  width: 100%;
  padding: 20px 30px;
  padding-bottom: 50px;
  box-sizing: border-box;
  border-top: 1px solid #333;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.home .footer img[data-v-66b03a3e] {
  width: 13%;
  height: 12%;
}
.home .footer .item-box .item-box-a[data-v-66b03a3e] {
  font-size: 18px;
  color: #878787;
  padding: 0 10px;
  border-right: 1px solid #000;
  text-decoration: none;
}
.home .footer .item-box .information[data-v-66b03a3e] {
  font-size: 18px;
  color: #878787;
}
.home .header[data-v-66b03a3e] {
  width: 100%;
  padding-bottom: 22%;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/mangaBG.4348ef1.png) no-repeat;
  background-size: 100%;
  position: relative;
}
.home .decoration[data-v-66b03a3e] {
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/decoration.56aa196.png) no-repeat;
  background-size: 100%;
  width: 100%;
  height: 15px;
  margin-top: 10px;
}
.home .connect[data-v-66b03a3e] {
  width: 60%;
  padding-bottom: 60px;
  margin: 0 auto;
  line-height: 1;
}
.home .connect .below[data-v-66b03a3e] {
  width: 100%;
  overflow: hidden;
  margin-top: 100px;
  text-align: center;
}
.home .connect .below p[data-v-66b03a3e] {
  font-size: 20px;
  padding-bottom: 15px;
}
.home .connect .below .tw[data-v-66b03a3e] {
  width: 250px;
  display: inline-block;
  height: 55px;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/T.08bc69f.png);
  margin-left: 35px;
}
.home .connect .below .fb[data-v-66b03a3e] {
  margin-left: 55px;
  width: 250px;
  display: inline-block;
  height: 55px;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/F.02022f9.png);
}
.home .connect .title[data-v-66b03a3e] {
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/tittle.3d41d4a.png) no-repeat;
  height: 260px;
  background-position: center top;
}
.home .connect .paging[data-v-66b03a3e] {
  text-align: center;
  margin-bottom: 10px;
}
.home .connect .paging .btn[data-v-66b03a3e] {
  font-family: okayd;
  cursor: pointer;
  font-size: 20px;
  margin: 0 10px;
  background-color: #4b5ebb;
  border-color: #4b5ebb;
}
.home .connect .paging .btn i[data-v-66b03a3e] {
  font-weight: bold !important;
}
.home .connect .paging .btn .el-icon-d-arrow-left[data-v-66b03a3e] {
  font-weight: bold !important;
}
.home .connect .cartoon_box[data-v-66b03a3e] {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 35px;
}
.home .connect .cartoon_box .cartoon[data-v-66b03a3e] {
  margin-right: 1%;
  margin-left: 1%;
  width: 23%;
  position: relative;
}
.home .connect .cartoon_box .cartoon .blove[data-v-66b03a3e] {
  top: -4px;
  left: -4px;
  width: 45px;
  height: 45px;
  background: #0062d0;
  position: absolute;
}
.home .connect .cartoon_box .cartoon .cartoon_imgwrap[data-v-66b03a3e] {
  position: relative;
  margin-bottom: 12px;
  border: 1px solid #112052;
}
.home .connect .cartoon_box .cartoon .cartoon_imgwrap .cartoon__img[data-v-66b03a3e] {
  overflow: hidden;
  width: 100%;
  background: #fff;
  z-index: 75;
}
.home .connect .cartoon_box .cartoon .cartoon_imgwrap .cartoon__img .news[data-v-66b03a3e] {
  left: -2;
  width: 25%;
  z-index: 999;
  position: absolute;
  top: -2;
}
.home .connect .cartoon_box .cartoon .cartoon_imgwrap .cartoon_text[data-v-66b03a3e] {
  position: absolute;
  z-index: 120;
  font-size: 24px;
  color: #1f5988;
  bottom: 0%;
  text-align: center;
  width: 100%;
  height: 80px;
  line-height: 120px;
  font-weight: bold;
  font-family: okayd;
  background: linear-gradient(transparent, 30%, #fff 50%, #fff);
}

.igrs[data-v-23938fe4] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 5%;
}
.igrs h3[data-v-23938fe4] {
  margin-bottom: 0.25rem;
}
.igrs a[data-v-23938fe4] {
  font-size: 0.2rem;
  color: #333;
  margin: 0.1rem 0;
}
.igrs a[data-v-23938fe4]:hover {
  text-decoration: underline;
}

.navWrap[data-v-49b1672b] {
  width: 200px;
  height: 300px;
  position: fixed;
  left: 0;
  top: 34%;
  z-index: 999;
  margin-left: 30px;
}
.navWrap .title[data-v-49b1672b] {
  display: inline-block;
  padding: 5px 10px;
  font-size: 17px;
  background: #0062d0;
  color: #fff;
  margin-bottom: 10px;
  cursor: pointer;
}
.navWrap ul[data-v-49b1672b] {
  width: 100%;
  border-left: 1px solid #0062d0;
  box-sizing: border-box;
  padding-top: 30px;
}
.navWrap ul li[data-v-49b1672b] {
  font-size: 17px;
  color: #fff;
  box-sizing: border-box;
  padding: 5px 10px;
  background: #a0a0a0;
  margin-bottom: 8px;
  cursor: pointer;
}
.navWrap ul li.actievd[data-v-49b1672b] {
  background: #0062d0;
}
.footer[data-v-49b1672b] {
  padding-top: 100px;
  padding-bottom: 40px;
  background-color: #000;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
.footer img[data-v-49b1672b] {
  display: inline-block;
  margin: 0 30px;
  width: 500px;
}
.footer .text[data-v-49b1672b] {
  display: inline-block;
  position: relative;
  top: -20px;
}
.footer .text .link[data-v-49b1672b] {
  color: #fff;
  text-decoration: none;
}
.footer .text .link[data-v-49b1672b]:hover {
  color: #ffc107;
}
.footer .text .spe[data-v-49b1672b] {
  margin: 0 30px;
}
.footer .text .tip[data-v-49b1672b] {
  margin: 20px 0 30px;
}

.textContent p {
  margin-bottom: 15px;
  line-height: 1.2;
}

.swiper2Wrap .swiper-wrapper .swiper-slide[data-v-2de488b3] {
  box-sizing: border-box;
  padding: 5px;
}
.page[data-v-2de488b3] {
  position: relative;
  min-height: 500px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}
.page .img[data-v-2de488b3] {
  display: block;
  width: 100%;
}
.page .cover[data-v-2de488b3] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
}
.page .cover .sp1[data-v-2de488b3] {
  -ms-flex: 1;
      flex: 1;
  position: relative;
}
.page .cover .sp1 .cover-title[data-v-2de488b3] {
  position: absolute;
  width: 33.94%;
  right: 3.85%;
  top: 7.87%;
}
.page .cover .sp1 .warp[data-v-2de488b3] {
  position: absolute;
  width: 63.4%;
  height: 76%;
  top: 14.44%;
  right: 0;
  border-left: 2px solid #8bc1ff;
  box-sizing: border-box;
  padding: 25px 10px 48px;
}
.page .cover .sp1 .warp .box[data-v-2de488b3] {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 30px 0;
  background: rgba(0,0,0,0.1);
}
.page .cover .sp1 .warp .box .title[data-v-2de488b3] {
  position: absolute;
  height: 35px;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  line-height: 35px;
  top: 0;
  left: 5px;
}
.page .cover .sp1 .warp .box .btn-wrap[data-v-2de488b3] {
  position: absolute;
  width: 100%;
  height: 35px;
  left: 0;
  text-align: center;
  line-height: 35px;
}
.page .cover .sp1 .warp .box .btn-wrap span[data-v-2de488b3] {
  cursor: pointer;
}
.page .cover .sp1 .warp .box .wrap-top[data-v-2de488b3] {
  top: 0;
}
.page .cover .sp1 .warp .box .wrap-top .sp1-button[data-v-2de488b3] {
  display: inline-block;
  font-size: 32px;
  color: #0047bd;
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}
.page .cover .sp1 .warp .box .wrap-bottom[data-v-2de488b3] {
  bottom: 0;
}
.page .cover .sp1 .warp .box .wrap-bottom .sp1-button[data-v-2de488b3] {
  display: inline-block;
  font-size: 32px;
  color: #0047bd;
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
}
.page .cover .sp1 .warp .box .content[data-v-2de488b3] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page .cover .sp1 .warp .box .content ul[data-v-2de488b3] {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  top: 0;
  transition: all 1s;
}
.page .cover .sp1 .warp .box .content .img-wrap[data-v-2de488b3] {
  display: block;
  float: left;
  width: 33.33%;
  height: 33.33%;
  padding: 5px 5px;
  box-sizing: border-box;
}
.page .cover .sp1 .warp .box .content .img-wrap .imgbox[data-v-2de488b3] {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  cursor: pointer;
}
.page .cover .sp1 .warp .box .content .img-wrap .imgbox img[data-v-2de488b3] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page .cover .sp1 .warp .btnBox[data-v-2de488b3] {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 35px;
}
.page .cover .sp1 .warp .btnBox .btn[data-v-2de488b3] {
  width: 50%;
  height: auto;
  float: left;
  box-sizing: border-box;
}
.page .cover .sp1 .warp .btnBox .btn[data-v-2de488b3]:nth-of-type(1) {
  padding: 0 3.5% 0 7%;
}
.page .cover .sp1 .warp .btnBox .btn[data-v-2de488b3]:nth-of-type(2) {
  padding: 0 7% 0 3.5%;
}
.page .cover .sp1 .warp .btnBox .btn a[data-v-2de488b3] {
  display: block;
  width: 100%;
}
.page .cover .sp2[data-v-2de488b3] {
  -ms-flex: 0.846;
      flex: 0.846;
  position: relative;
  font-size: 12px;
}
.page .cover .sp2 .textWrap[data-v-2de488b3] {
  width: 59.5%;
  height: 0;
  font-size: 12px;
  margin-left: 15px;
  padding-bottom: 42%;
}
@media screen and (min-width: 1320px) {
.page .cover .sp2 .textWrap[data-v-2de488b3] {
    font-size: calc(100% + 4 * (100vw - 1320px) / 600);
}
}
.page .cover .sp2 .textWrap .text[data-v-2de488b3] {
  font-size: 1em;
  color: #fff;
  text-align: center;
  margin-left: 5%;
  margin-right: 5%;
}
.page .cover .sp2 .textWrap .text[data-v-2de488b3]:nth-of-type(1) {
  margin-top: 15%;
}
.page .cover .sp2 .textWrap .text[data-v-2de488b3]:nth-of-type(2) {
  margin-top: 5%;
}
.page .cover .sp2 .textWrap .text[data-v-2de488b3]:nth-of-type(3) {
  margin-top: 5%;
}
.page .cover .sp2 .messageWrap[data-v-2de488b3] {
  width: 59.5%;
  height: 55.65%;
  margin-left: 15px;
}
.page .cover .sp2 .messageWrap .topBtnBox[data-v-2de488b3],
.page .cover .sp2 .messageWrap .bottomBtnBox[data-v-2de488b3] {
  width: 100%;
  height: 7%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.page .cover .sp2 .messageWrap .topBtnBox>.sp2-button[data-v-2de488b3],
.page .cover .sp2 .messageWrap .bottomBtnBox>.sp2-button[data-v-2de488b3] {
  transition: color 0.2s;
}
.page .cover .sp2 .messageWrap .topBtnBox>.sp2-button[data-v-2de488b3]:hover,
.page .cover .sp2 .messageWrap .bottomBtnBox>.sp2-button[data-v-2de488b3]:hover {
  color: #0047bd;
}
.page .cover .sp2 .messageWrap .topBtnBox>.sp2-button[data-v-2de488b3] {
  color: #fff;
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
  font-size: 25px;
  cursor: pointer;
}
@media screen and (min-width: 1320px) {
.page .cover .sp2 .messageWrap .topBtnBox>.sp2-button[data-v-2de488b3] {
    font-size: calc(25px + 12 * (100vw - 1320px) / 600);
}
}
.page .cover .sp2 .messageWrap .bottomBtnBox>.sp2-button[data-v-2de488b3] {
  color: #fff;
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
  font-size: 25px;
  cursor: pointer;
}
@media screen and (min-width: 1320px) {
.page .cover .sp2 .messageWrap .bottomBtnBox>.sp2-button[data-v-2de488b3] {
    font-size: calc(25px + 12 * (100vw - 1320px) / 600);
}
}
.page .cover .sp2 .messageWrap .contentBox[data-v-2de488b3] {
  width: 100%;
  height: 86%;
  box-sizing: border-box;
  border-top: 2px solid #0358e2;
  border-bottom: 2px solid #0358e2;
}
.page .cover .sp2 .messageWrap .contentBox .msgbox[data-v-2de488b3] {
  width: 100%;
  height: 100%;
  position: relative;
}
.page .cover .sp2 .messageWrap .contentBox .msgbox .avatarbox[data-v-2de488b3] {
  width: 15%;
  padding-bottom: 15%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  background-size: cover !important;
  z-index: 3;
}
.page .cover .sp2 .messageWrap .contentBox .msgbox .textbox[data-v-2de488b3] {
  width: 90%;
  height: 0;
  padding-bottom: 21.43%;
  background: rgba(3,88,226,0.5);
  position: absolute;
  left: 5%;
  bottom: 5%;
  border-radius: 7px;
  z-index: 2;
  box-sizing: border-box;
  cursor: pointer;
}
.page .cover .sp2 .messageWrap .contentBox .msgbox .textbox .textContent[data-v-2de488b3] {
  width: 90%;
  color: #fff;
  font-size: 14px;
  text-indent: 1.5em;
  line-height: 1.4em;
  height: 4.2em;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
@media screen and (min-width: 1320px) {
.page .cover .sp2 .messageWrap .contentBox .msgbox .textbox .textContent[data-v-2de488b3] {
    font-size: calc(14px + 3 * (100vw - 1320px) / 600);
}
}
.page .cover .sp2 .messageWrap .contentBox .msgbox .namebox[data-v-2de488b3] {
  position: absolute;
  left: 17%;
  top: 6%;
  height: 20px;
  color: #fff;
  font-size: 14px;
}
@media screen and (min-width: 1320px) {
.page .cover .sp2 .messageWrap .contentBox .msgbox .namebox[data-v-2de488b3] {
    font-size: calc(14px + 4 * (100vw - 1320px) / 600);
}
}
.page .cover .sp2 .dollWrap[data-v-2de488b3] {
  width: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
}
.page .cover .sp2 .dollWrap .dollBox[data-v-2de488b3] {
  width: 100%;
  height: 0;
  padding-bottom: 87.95%;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/Comic-Fiesta-PC1.093d792.png) no-repeat;
  background-size: cover;
}
.page .cover .sp2 .dollWrap .dollBox .head[data-v-2de488b3] {
  width: 46.05%;
  height: 41.58%;
  position: absolute;
  right: 0;
  top: 10.71%;
}
.page .cover .sp2 .dollWrap .dollBox .head2[data-v-2de488b3] {
  position: absolute;
  top: 0;
  left: 75%;
  width: 11%;
  height: 10.71%;
}
.page .cover .sp2 .dollWrap .dollBox .breast[data-v-2de488b3] {
  width: 26.56%;
  height: 23.86%;
  position: absolute;
  left: 57.81%;
  top: 59.4%;
}
.page .cover .sp2 .dollWrap .dollBox .other1[data-v-2de488b3] {
  position: absolute;
  width: 94%;
  height: 7%;
  top: 52.4%;
  left: 6%;
}
.page .cover .sp2 .dollWrap .dollBox .other2[data-v-2de488b3] {
  position: absolute;
  width: 26%;
  height: 22%;
  top: 78.4%;
  left: 0%;
}
.page .cover .sp2 .dollWrap .dollBox .other3[data-v-2de488b3] {
  position: absolute;
  width: 31.81%;
  height: 40.6%;
  top: 59.4%;
  left: 26%;
}
.page .cover .sp2 .dollWrap .dollBox .other4[data-v-2de488b3] {
  position: absolute;
  width: 26.56%;
  height: 16.74%;
  top: 83.26%;
  left: 57.81%;
}
.page .cover .sp2 .dollWrap .dollBox .other5[data-v-2de488b3] {
  position: absolute;
  width: 15.63%;
  height: 40.6%;
  top: 59.4%;
  left: 84.37%;
}
.page .cover .sp2 .dollWrap .dollBox .msgText[data-v-2de488b3] {
  width: 95%;
  height: 24%;
  position: absolute;
  left: -25%;
  top: -18%;
  background: #f06e66;
  border-radius: 7px;
  box-sizing: border-box;
  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12);
  z-index: 99;
  padding: 3% 5%;
  font-size: 15px;
  font-weight: 500;
}
@media screen and (min-width: 1320px) {
.page .cover .sp2 .dollWrap .dollBox .msgText[data-v-2de488b3] {
    font-size: calc(15px + 4 * (100vw - 1320px) / 600);
}
}
.page .cover .sp2 .dollWrap .dollBox .msgText .weiba[data-v-2de488b3] {
  position: absolute;
  right: 2%;
  bottom: -10%;
  color: #f06e66;
  -ms-transform: rotate(-43deg);
      transform: rotate(-43deg);
}
.page .imageViewer[data-v-2de488b3] {
  position: fixed;
  background-color: rgba(0,0,0,0.83);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10000;
}
.page .imageViewer .imgwarp[data-v-2de488b3] {
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
  height: 80%;
  width: 80%;
  max-height: 80%;
  max-width: 1200px;
  margin: auto;
}
.page .imageViewer .imgwarp.mini[data-v-2de488b3] {
  width: 600px;
}
.page .imageViewer .imgwarp.mini .down[data-v-2de488b3] {
  right: 10%;
  top: 1px;
}
.page .imageViewer .imgwarp.mini .down img[data-v-2de488b3] {
  width: 100%;
}
.page .imageViewer .imgwarp .navcon[data-v-2de488b3] {
  position: absolute;
  width: 100%;
  bottom: 53%;
  left: 0;
  right: 0;
  margin: auto;
}
.page .imageViewer .imgwarp .navcon .nav[data-v-2de488b3] {
  position: absolute;
  width: 55px;
  height: 41px;
  background-size: 100% 100%;
  cursor: pointer;
}
.page .imageViewer .imgwarp .navcon .nav.prev[data-v-2de488b3] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/prev-a.6abee2a.png);
  left: -10%;
}
.page .imageViewer .imgwarp .navcon .nav.prev[data-v-2de488b3]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/prev-aa.f7fdc2e.png);
}
.page .imageViewer .imgwarp .navcon .nav.next[data-v-2de488b3] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/next-a.6748f1c.png);
  right: -10%;
}
.page .imageViewer .imgwarp .navcon .nav.next[data-v-2de488b3]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/next-aa.5e2e126.png);
}
.page .imageViewer .imgwarp .down[data-v-2de488b3] {
  width: 24%;
  height: 60px;
  position: absolute;
  right: 1%;
  top: 10px;
  background-size: 100% 100%;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
}
.page .imageViewer .imgwarp .close[data-v-2de488b3] {
  width: 60px;
  height: 60px;
  position: absolute;
  right: -10px;
  top: -10px;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/close2.b2f33e0.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.page .imageViewer .imgwarp .img[data-v-2de488b3] {
  border: 1px solid #000;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.page .textDio[data-v-2de488b3] {
  position: fixed;
  background-color: rgba(0,0,0,0.53);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10000;
}
.page .textDio .textContainer[data-v-2de488b3] {
  background: #eee;
  width: 450px;
  height: 728px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  border-radius: 8px;
}
@media screen and (max-width: 1400px) {
.page .textDio .textContainer[data-v-2de488b3] {
    width: 400px;
    height: 647px;
}
}
.page .textDio .textContainer .avatar[data-v-2de488b3] {
  width: 85px;
  height: 85px;
  margin: 20px auto 20px;
  border-radius: 50%;
  box-shadow: 0 4px 6px rgba(50,50,93,0.11), 0 1px 3px rgba(0,0,0,0.08);
  background-size: cover !important;
}
@media screen and (max-width: 1400px) {
.page .textDio .textContainer .avatar[data-v-2de488b3] {
    width: 80px;
    height: 80px;
}
}
.page .textDio .textContainer .name[data-v-2de488b3] {
  text-align: center;
  font-size: 32px;
  position: relative;
  display: inline-block;
}
.page .textDio .textContainer .name[data-v-2de488b3]::before {
  content: '';
  display: block;
  position: absolute;
  width: 90px;
  height: 1px;
  background: #5e5e5e;
  top: 50%;
  left: -100px;
}
.page .textDio .textContainer .name[data-v-2de488b3]::after {
  content: '';
  display: block;
  position: absolute;
  width: 90px;
  height: 1px;
  background: #5e5e5e;
  top: 50%;
  right: -100px;
}
.page .textDio .textContainer .textContent[data-v-2de488b3] {
  width: 90%;
  height: 68%;
  margin: 20px auto 0;
  font-size: 15px;
  overflow-y: auto;
  text-align: left;
}
@media screen and (max-width: 1400px) {
.page .textDio .textContainer .textContent[data-v-2de488b3] {
    height: 65%;
}
}
.page .textDio .textContainer .closebtn[data-v-2de488b3] {
  display: inline-block;
  font-size: 20px;
  margin-top: 20px;
  transition: all 1s;
  cursor: pointer;
}
.page .textDio .textContainer .closebtn[data-v-2de488b3]:hover {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.textContent p {
  margin-bottom: 15px;
  line-height: 1.2;
}

.page[data-v-91048bc4] {
  position: relative;
  min-height: 500px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}
.page .img[data-v-91048bc4] {
  display: block;
  width: 100%;
}
.page .cover[data-v-91048bc4] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
}
.page .cover .sp1[data-v-91048bc4] {
  -ms-flex: 1;
      flex: 1;
  position: relative;
}
.page .cover .sp1 .cover-title[data-v-91048bc4] {
  position: absolute;
  width: 30%;
  right: 3.85%;
  top: 7.87%;
}
.page .cover .sp1 .warp[data-v-91048bc4] {
  position: absolute;
  width: 63.4%;
  height: 76%;
  top: 14.44%;
  right: 0;
  border-left: 2px solid #8bc1ff;
  box-sizing: border-box;
  padding: 25px 10px 48px;
}
.page .cover .sp1 .warp .box[data-v-91048bc4] {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 30px 0;
  background: rgba(0,0,0,0.1);
}
.page .cover .sp1 .warp .box .title[data-v-91048bc4] {
  position: absolute;
  height: 35px;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  line-height: 35px;
  top: 0;
  left: 5px;
}
.page .cover .sp1 .warp .box .btn-wrap[data-v-91048bc4] {
  position: absolute;
  width: 100%;
  height: 35px;
  left: 0;
  text-align: center;
  line-height: 35px;
}
.page .cover .sp1 .warp .box .btn-wrap span[data-v-91048bc4] {
  cursor: pointer;
}
.page .cover .sp1 .warp .box .wrap-top[data-v-91048bc4] {
  top: 0;
}
.page .cover .sp1 .warp .box .wrap-top .sp1-button[data-v-91048bc4] {
  display: inline-block;
  font-size: 32px;
  color: #0047bd;
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}
.page .cover .sp1 .warp .box .wrap-bottom[data-v-91048bc4] {
  bottom: 0;
}
.page .cover .sp1 .warp .box .wrap-bottom .sp1-button[data-v-91048bc4] {
  display: inline-block;
  font-size: 32px;
  color: #0047bd;
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
}
.page .cover .sp1 .warp .box .content[data-v-91048bc4] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page .cover .sp1 .warp .box .content ul[data-v-91048bc4] {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  top: 0;
  transition: all 1s;
}
.page .cover .sp1 .warp .box .content .img-wrap[data-v-91048bc4] {
  display: block;
  float: left;
  width: 33.33%;
  height: 33.33%;
  padding: 5px 5px;
  box-sizing: border-box;
}
.page .cover .sp1 .warp .box .content .img-wrap .imgbox[data-v-91048bc4] {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  cursor: pointer;
}
.page .cover .sp1 .warp .box .content .img-wrap .imgbox img[data-v-91048bc4] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page .cover .sp1 .warp .btnBox[data-v-91048bc4] {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 35px;
}
.page .cover .sp1 .warp .btnBox .btn[data-v-91048bc4] {
  width: 50%;
  height: auto;
  float: left;
  box-sizing: border-box;
}
.page .cover .sp1 .warp .btnBox .btn[data-v-91048bc4]:nth-of-type(1) {
  padding: 0 3.5% 0 7%;
}
.page .cover .sp1 .warp .btnBox .btn[data-v-91048bc4]:nth-of-type(2) {
  padding: 0 7% 0 3.5%;
}
.page .cover .sp1 .warp .btnBox .btn a[data-v-91048bc4] {
  display: block;
  width: 100%;
}
.page .cover .sp2[data-v-91048bc4] {
  -ms-flex: 0.846;
      flex: 0.846;
  position: relative;
  font-size: 16px;
}
.page .cover .sp2 .textWrap[data-v-91048bc4] {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
@media screen and (min-width: 1320px) {
.page .cover .sp2 .textWrap[data-v-91048bc4] {
    font-size: calc(100% + 4 * (100vw - 1320px) / 600);
}
}
.page .cover .sp2 .textWrap .text[data-v-91048bc4] {
  font-size: 1em;
  color: #fff;
  text-align: center;
  margin-left: 5%;
  margin-right: 5%;
}
.page .cover .sp2 .textWrap .text[data-v-91048bc4]:not(:last-child) {
  margin-bottom: 5%;
}
.page .imageViewer[data-v-91048bc4] {
  position: fixed;
  background-color: rgba(0,0,0,0.83);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10000;
}
.page .imageViewer .imgwarp[data-v-91048bc4] {
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
  height: 80%;
  width: 80%;
  max-height: 80%;
  max-width: 1200px;
  margin: auto;
}
.page .imageViewer .imgwarp.mini[data-v-91048bc4] {
  width: 600px;
}
.page .imageViewer .imgwarp.mini .down[data-v-91048bc4] {
  right: 10%;
  top: 1px;
}
.page .imageViewer .imgwarp.mini .down img[data-v-91048bc4] {
  width: 100%;
}
.page .imageViewer .imgwarp .navcon[data-v-91048bc4] {
  position: absolute;
  width: 100%;
  bottom: 53%;
  left: 0;
  right: 0;
  margin: auto;
}
.page .imageViewer .imgwarp .navcon .nav[data-v-91048bc4] {
  position: absolute;
  width: 55px;
  height: 41px;
  background-size: 100% 100%;
  cursor: pointer;
}
.page .imageViewer .imgwarp .navcon .nav.prev[data-v-91048bc4] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/prev-a.6abee2a.png);
  left: -10%;
}
.page .imageViewer .imgwarp .navcon .nav.prev[data-v-91048bc4]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/prev-aa.f7fdc2e.png);
}
.page .imageViewer .imgwarp .navcon .nav.next[data-v-91048bc4] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/next-a.6748f1c.png);
  right: -10%;
}
.page .imageViewer .imgwarp .navcon .nav.next[data-v-91048bc4]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/next-aa.5e2e126.png);
}
.page .imageViewer .imgwarp .down[data-v-91048bc4] {
  width: 24%;
  height: 60px;
  position: absolute;
  right: 1%;
  top: 10px;
  background-size: 100% 100%;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
}
.page .imageViewer .imgwarp .close[data-v-91048bc4] {
  width: 60px;
  height: 60px;
  position: absolute;
  right: -10px;
  top: -10px;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/close2.b2f33e0.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.page .imageViewer .imgwarp .img[data-v-91048bc4] {
  border: 1px solid #000;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.page .textDio[data-v-91048bc4] {
  position: fixed;
  background-color: rgba(0,0,0,0.53);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10000;
}
.page .textDio .textContainer[data-v-91048bc4] {
  background: #eee;
  width: 450px;
  height: 728px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  border-radius: 8px;
}
@media screen and (max-width: 1400px) {
.page .textDio .textContainer[data-v-91048bc4] {
    width: 400px;
    height: 647px;
}
}
.page .textDio .textContainer .avatar[data-v-91048bc4] {
  width: 85px;
  height: 85px;
  margin: 20px auto 20px;
  border-radius: 50%;
  box-shadow: 0 4px 6px rgba(50,50,93,0.11), 0 1px 3px rgba(0,0,0,0.08);
  background-size: cover !important;
}
@media screen and (max-width: 1400px) {
.page .textDio .textContainer .avatar[data-v-91048bc4] {
    width: 80px;
    height: 80px;
}
}
.page .textDio .textContainer .name[data-v-91048bc4] {
  text-align: center;
  font-size: 32px;
  position: relative;
  display: inline-block;
}
.page .textDio .textContainer .name[data-v-91048bc4]::before {
  content: '';
  display: block;
  position: absolute;
  width: 90px;
  height: 1px;
  background: #5e5e5e;
  top: 50%;
  left: -100px;
}
.page .textDio .textContainer .name[data-v-91048bc4]::after {
  content: '';
  display: block;
  position: absolute;
  width: 90px;
  height: 1px;
  background: #5e5e5e;
  top: 50%;
  right: -100px;
}
.page .textDio .textContainer .textContent[data-v-91048bc4] {
  width: 90%;
  height: 68%;
  margin: 20px auto 0;
  font-size: 15px;
  overflow-y: auto;
  text-align: left;
}
@media screen and (max-width: 1400px) {
.page .textDio .textContainer .textContent[data-v-91048bc4] {
    height: 65%;
}
}
.page .textDio .textContainer .closebtn[data-v-91048bc4] {
  display: inline-block;
  font-size: 20px;
  margin-top: 20px;
  transition: all 1s;
  cursor: pointer;
}
.page .textDio .textContainer .closebtn[data-v-91048bc4]:hover {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.page[data-v-79c0e3d6] {
  position: relative;
  min-height: 500px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}
.page .img[data-v-79c0e3d6] {
  display: block;
  width: 100%;
}
.page .cover[data-v-79c0e3d6] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
}
.page .cover .sp1[data-v-79c0e3d6] {
  -ms-flex: 1;
      flex: 1;
  position: relative;
}
.page .cover .sp1 .cover-title[data-v-79c0e3d6] {
  position: absolute;
  width: 30%;
  right: 3.85%;
  top: 7.87%;
}
.page .cover .sp1 .warp[data-v-79c0e3d6] {
  position: absolute;
  width: 63.4%;
  height: 76%;
  top: 14.44%;
  right: 0;
  border-left: 2px solid #8bc1ff;
  box-sizing: border-box;
  padding: 25px 10px 48px;
}
.page .cover .sp1 .warp .box[data-v-79c0e3d6] {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 30px 0;
  background: rgba(0,0,0,0.1);
}
.page .cover .sp1 .warp .box .title[data-v-79c0e3d6] {
  position: absolute;
  height: 35px;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  line-height: 35px;
  top: 0;
  left: 5px;
}
.page .cover .sp1 .warp .box .btn-wrap[data-v-79c0e3d6] {
  position: absolute;
  width: 100%;
  height: 35px;
  left: 0;
  text-align: center;
  line-height: 35px;
}
.page .cover .sp1 .warp .box .btn-wrap span[data-v-79c0e3d6] {
  cursor: pointer;
}
.page .cover .sp1 .warp .box .wrap-top[data-v-79c0e3d6] {
  top: 0;
}
.page .cover .sp1 .warp .box .wrap-top .sp1-button[data-v-79c0e3d6] {
  display: inline-block;
  font-size: 32px;
  color: #0047bd;
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}
.page .cover .sp1 .warp .box .wrap-bottom[data-v-79c0e3d6] {
  bottom: 0;
}
.page .cover .sp1 .warp .box .wrap-bottom .sp1-button[data-v-79c0e3d6] {
  display: inline-block;
  font-size: 32px;
  color: #0047bd;
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
}
.page .cover .sp1 .warp .box .content[data-v-79c0e3d6] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}
.page .cover .sp1 .warp .box .content .video-wrap[data-v-79c0e3d6] {
  width: 98%;
  position: relative;
  cursor: pointer;
}
.page .cover .sp1 .warp .box .content .video-wrap .video-bg[data-v-79c0e3d6] {
  display: block;
  width: 100%;
}
.page .cover .sp1 .warp .box .content .video-wrap .play-video[data-v-79c0e3d6] {
  position: absolute;
  font-size: 280%;
  color: #fff;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out;
}
.page .cover .sp1 .warp .box .content .video-wrap[data-v-79c0e3d6]::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.page .cover .sp1 .warp .box .content .video-wrap[data-v-79c0e3d6]:hover::after {
  opacity: 1;
}
.page .cover .sp1 .warp .box .content .video-wrap:hover .play-video[data-v-79c0e3d6] {
  color: #f00;
  font-size: 350%;
}
.page .cover .sp1 .warp .btnBox[data-v-79c0e3d6] {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 35px;
}
.page .cover .sp1 .warp .btnBox .btn[data-v-79c0e3d6] {
  width: 50%;
  height: auto;
  float: left;
  box-sizing: border-box;
}
.page .cover .sp1 .warp .btnBox .btn[data-v-79c0e3d6]:nth-of-type(1) {
  padding: 0 3.5% 0 7%;
}
.page .cover .sp1 .warp .btnBox .btn[data-v-79c0e3d6]:nth-of-type(2) {
  padding: 0 7% 0 3.5%;
}
.page .cover .sp1 .warp .btnBox .btn a[data-v-79c0e3d6] {
  display: block;
  width: 100%;
}
.page .cover .sp2[data-v-79c0e3d6] {
  -ms-flex: 0.846;
      flex: 0.846;
  position: relative;
  font-size: 16px;
}
.page .cover .sp2 .textWrap[data-v-79c0e3d6] {
  width: 85%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
@media screen and (min-width: 1320px) {
.page .cover .sp2 .textWrap[data-v-79c0e3d6] {
    font-size: calc(100% + 4 * (100vw - 1320px) / 600);
}
}
.page .cover .sp2 .textWrap .text[data-v-79c0e3d6] {
  font-size: 1em;
  color: #fff;
  text-align: center;
  margin-left: 5%;
  margin-right: 5%;
  line-height: 1.2;
}
.page .cover .sp2 .textWrap .text[data-v-79c0e3d6]:not(:last-child) {
  margin-bottom: 5%;
}
.page .video-mask-view[data-v-79c0e3d6] {
  position: fixed;
  background-color: rgba(0,0,0,0.83);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10000;
}
.page .video-mask-view .video-mask-container[data-v-79c0e3d6] {
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
  height: 70%;
  width: 80%;
  max-height: 70%;
  max-width: 1100px;
  margin: auto;
  background: #000;
}
.page .video-mask-view .video-mask-container iframe[data-v-79c0e3d6] {
  width: 100%;
  height: 100%;
}
.page .video-mask-view .video-mask-container .close[data-v-79c0e3d6] {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 102%;
  top: 0;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/close2.b2f33e0.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.page .video-mask-view .video-mask-container .img[data-v-79c0e3d6] {
  border: 1px solid #000;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.page .textDio[data-v-79c0e3d6] {
  position: fixed;
  background-color: rgba(0,0,0,0.53);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10000;
}
.page .textDio .textContainer[data-v-79c0e3d6] {
  background: #eee;
  width: 450px;
  height: 728px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  border-radius: 8px;
}
@media screen and (max-width: 1400px) {
.page .textDio .textContainer[data-v-79c0e3d6] {
    width: 400px;
    height: 647px;
}
}
.page .textDio .textContainer .avatar[data-v-79c0e3d6] {
  width: 85px;
  height: 85px;
  margin: 20px auto 20px;
  border-radius: 50%;
  box-shadow: 0 4px 6px rgba(50,50,93,0.11), 0 1px 3px rgba(0,0,0,0.08);
  background-size: cover !important;
}
@media screen and (max-width: 1400px) {
.page .textDio .textContainer .avatar[data-v-79c0e3d6] {
    width: 80px;
    height: 80px;
}
}
.page .textDio .textContainer .name[data-v-79c0e3d6] {
  text-align: center;
  font-size: 32px;
  position: relative;
  display: inline-block;
}
.page .textDio .textContainer .name[data-v-79c0e3d6]::before {
  content: '';
  display: block;
  position: absolute;
  width: 90px;
  height: 1px;
  background: #5e5e5e;
  top: 50%;
  left: -100px;
}
.page .textDio .textContainer .name[data-v-79c0e3d6]::after {
  content: '';
  display: block;
  position: absolute;
  width: 90px;
  height: 1px;
  background: #5e5e5e;
  top: 50%;
  right: -100px;
}
.page .textDio .textContainer .textContent[data-v-79c0e3d6] {
  width: 90%;
  height: 68%;
  margin: 20px auto 0;
  font-size: 15px;
  overflow-y: auto;
  text-align: left;
}
@media screen and (max-width: 1400px) {
.page .textDio .textContainer .textContent[data-v-79c0e3d6] {
    height: 65%;
}
}
.page .textDio .textContainer .closebtn[data-v-79c0e3d6] {
  display: inline-block;
  font-size: 20px;
  margin-top: 20px;
  transition: all 1s;
  cursor: pointer;
}
.page .textDio .textContainer .closebtn[data-v-79c0e3d6]:hover {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.textContent p {
  margin-bottom: 15px;
  line-height: 1.2;
}

.page[data-v-721593f3] {
  position: relative;
  min-height: 500px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}
.page .img[data-v-721593f3] {
  display: block;
  width: 100%;
}
.page .cover[data-v-721593f3] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
}
.page .cover .sp1[data-v-721593f3] {
  -ms-flex: 1;
      flex: 1;
  position: relative;
}
.page .cover .sp1 .cover-title[data-v-721593f3] {
  position: absolute;
  width: 30%;
  right: 3.85%;
  top: 7.87%;
}
.page .cover .sp1 .warp[data-v-721593f3] {
  position: absolute;
  width: 63.4%;
  height: 76%;
  top: 14.44%;
  right: 0;
  border-left: 2px solid #8bc1ff;
  box-sizing: border-box;
  padding: 25px 10px 48px;
}
.page .cover .sp1 .warp .box[data-v-721593f3] {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 30px 0;
  background: rgba(0,0,0,0.1);
}
.page .cover .sp1 .warp .box .title[data-v-721593f3] {
  position: absolute;
  height: 35px;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  line-height: 35px;
  top: 0;
  left: 5px;
}
.page .cover .sp1 .warp .box .btn-wrap[data-v-721593f3] {
  position: absolute;
  width: 100%;
  height: 35px;
  left: 0;
  text-align: center;
  line-height: 35px;
}
.page .cover .sp1 .warp .box .btn-wrap span[data-v-721593f3] {
  cursor: pointer;
}
.page .cover .sp1 .warp .box .wrap-top[data-v-721593f3] {
  top: 0;
}
.page .cover .sp1 .warp .box .wrap-top .sp1-button[data-v-721593f3] {
  display: inline-block;
  font-size: 32px;
  color: #0047bd;
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}
.page .cover .sp1 .warp .box .wrap-bottom[data-v-721593f3] {
  bottom: 0;
}
.page .cover .sp1 .warp .box .wrap-bottom .sp1-button[data-v-721593f3] {
  display: inline-block;
  font-size: 32px;
  color: #0047bd;
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
}
.page .cover .sp1 .warp .box .content[data-v-721593f3] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page .cover .sp1 .warp .box .content ul[data-v-721593f3] {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  top: 0;
  transition: all 1s;
}
.page .cover .sp1 .warp .box .content .img-wrap[data-v-721593f3] {
  display: block;
  float: left;
  width: 33.33%;
  height: 33.33%;
  padding: 5px 5px;
  box-sizing: border-box;
}
.page .cover .sp1 .warp .box .content .img-wrap .imgbox[data-v-721593f3] {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  cursor: pointer;
}
.page .cover .sp1 .warp .box .content .img-wrap .imgbox img[data-v-721593f3] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page .cover .sp1 .warp .btnBox[data-v-721593f3] {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 35px;
}
.page .cover .sp1 .warp .btnBox .btn[data-v-721593f3] {
  width: 50%;
  height: auto;
  float: left;
  box-sizing: border-box;
}
.page .cover .sp1 .warp .btnBox .btn[data-v-721593f3]:nth-of-type(1) {
  padding: 0 3.5% 0 7%;
}
.page .cover .sp1 .warp .btnBox .btn[data-v-721593f3]:nth-of-type(2) {
  padding: 0 7% 0 3.5%;
}
.page .cover .sp1 .warp .btnBox .btn a[data-v-721593f3] {
  display: block;
  width: 100%;
}
.page .cover .sp2[data-v-721593f3] {
  -ms-flex: 0.846;
      flex: 0.846;
  position: relative;
  font-size: 16px;
}
.page .cover .sp2 .textWrap[data-v-721593f3] {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
@media screen and (min-width: 1320px) {
.page .cover .sp2 .textWrap[data-v-721593f3] {
    font-size: calc(100% + 4 * (100vw - 1320px) / 600);
}
}
.page .cover .sp2 .textWrap .text[data-v-721593f3] {
  font-size: 1em;
  color: #fff;
  text-align: center;
  margin-left: 5%;
  margin-right: 5%;
}
.page .cover .sp2 .textWrap .text[data-v-721593f3]:not(:last-child) {
  margin-bottom: 5%;
}
.page .imageViewer[data-v-721593f3] {
  position: fixed;
  background-color: rgba(0,0,0,0.83);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10000;
}
.page .imageViewer .imgwarp[data-v-721593f3] {
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
  height: 80%;
  width: 80%;
  max-height: 80%;
  max-width: 1200px;
  margin: auto;
}
.page .imageViewer .imgwarp.mini[data-v-721593f3] {
  width: 600px;
}
.page .imageViewer .imgwarp.mini .down[data-v-721593f3] {
  right: 10%;
  top: 1px;
}
.page .imageViewer .imgwarp.mini .down img[data-v-721593f3] {
  width: 100%;
}
.page .imageViewer .imgwarp .navcon[data-v-721593f3] {
  position: absolute;
  width: 100%;
  bottom: 53%;
  left: 0;
  right: 0;
  margin: auto;
}
.page .imageViewer .imgwarp .navcon .nav[data-v-721593f3] {
  position: absolute;
  width: 55px;
  height: 41px;
  background-size: 100% 100%;
  cursor: pointer;
}
.page .imageViewer .imgwarp .navcon .nav.prev[data-v-721593f3] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/prev-a.6abee2a.png);
  left: -10%;
}
.page .imageViewer .imgwarp .navcon .nav.prev[data-v-721593f3]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/prev-aa.f7fdc2e.png);
}
.page .imageViewer .imgwarp .navcon .nav.next[data-v-721593f3] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/next-a.6748f1c.png);
  right: -10%;
}
.page .imageViewer .imgwarp .navcon .nav.next[data-v-721593f3]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/next-aa.5e2e126.png);
}
.page .imageViewer .imgwarp .down[data-v-721593f3] {
  width: 24%;
  height: 60px;
  position: absolute;
  right: 1%;
  top: 10px;
  background-size: 100% 100%;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
}
.page .imageViewer .imgwarp .close[data-v-721593f3] {
  width: 60px;
  height: 60px;
  position: absolute;
  right: -10px;
  top: -10px;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/close2.b2f33e0.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.page .imageViewer .imgwarp .img[data-v-721593f3] {
  border: 1px solid #000;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.page .textDio[data-v-721593f3] {
  position: fixed;
  background-color: rgba(0,0,0,0.53);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10000;
}
.page .textDio .textContainer[data-v-721593f3] {
  background: #eee;
  width: 450px;
  height: 728px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  border-radius: 8px;
}
@media screen and (max-width: 1400px) {
.page .textDio .textContainer[data-v-721593f3] {
    width: 400px;
    height: 647px;
}
}
.page .textDio .textContainer .avatar[data-v-721593f3] {
  width: 85px;
  height: 85px;
  margin: 20px auto 20px;
  border-radius: 50%;
  box-shadow: 0 4px 6px rgba(50,50,93,0.11), 0 1px 3px rgba(0,0,0,0.08);
  background-size: cover !important;
}
@media screen and (max-width: 1400px) {
.page .textDio .textContainer .avatar[data-v-721593f3] {
    width: 80px;
    height: 80px;
}
}
.page .textDio .textContainer .name[data-v-721593f3] {
  text-align: center;
  font-size: 32px;
  position: relative;
  display: inline-block;
}
.page .textDio .textContainer .name[data-v-721593f3]::before {
  content: '';
  display: block;
  position: absolute;
  width: 90px;
  height: 1px;
  background: #5e5e5e;
  top: 50%;
  left: -100px;
}
.page .textDio .textContainer .name[data-v-721593f3]::after {
  content: '';
  display: block;
  position: absolute;
  width: 90px;
  height: 1px;
  background: #5e5e5e;
  top: 50%;
  right: -100px;
}
.page .textDio .textContainer .textContent[data-v-721593f3] {
  width: 90%;
  height: 68%;
  margin: 20px auto 0;
  font-size: 15px;
  overflow-y: auto;
  text-align: left;
}
@media screen and (max-width: 1400px) {
.page .textDio .textContainer .textContent[data-v-721593f3] {
    height: 65%;
}
}
.page .textDio .textContainer .closebtn[data-v-721593f3] {
  display: inline-block;
  font-size: 20px;
  margin-top: 20px;
  transition: all 1s;
  cursor: pointer;
}
.page .textDio .textContainer .closebtn[data-v-721593f3]:hover {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.textContent p {
  margin-bottom: 15px;
  line-height: 1.2;
}

.page[data-v-5c5f108e] {
  position: relative;
  min-height: 500px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}
.page .img[data-v-5c5f108e] {
  display: block;
  width: 100%;
}
.page .cover[data-v-5c5f108e] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
}
.page .cover .sp1[data-v-5c5f108e] {
  -ms-flex: 1;
      flex: 1;
  position: relative;
}
.page .cover .sp1 .cover-title[data-v-5c5f108e] {
  position: absolute;
  width: 30%;
  right: 3.85%;
  top: 7.87%;
}
.page .cover .sp1 .warp[data-v-5c5f108e] {
  position: absolute;
  width: 63.4%;
  height: 76%;
  top: 14.44%;
  right: 0;
  border-left: 2px solid #8bc1ff;
  box-sizing: border-box;
  padding: 25px 10px 48px;
}
.page .cover .sp1 .warp .box[data-v-5c5f108e] {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 30px 0;
  background: rgba(0,0,0,0.1);
}
.page .cover .sp1 .warp .box .title[data-v-5c5f108e] {
  position: absolute;
  height: 35px;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  line-height: 35px;
  top: 0;
  left: 5px;
}
.page .cover .sp1 .warp .box .btn-wrap[data-v-5c5f108e] {
  position: absolute;
  width: 100%;
  height: 35px;
  left: 0;
  text-align: center;
  line-height: 35px;
}
.page .cover .sp1 .warp .box .btn-wrap span[data-v-5c5f108e] {
  cursor: pointer;
}
.page .cover .sp1 .warp .box .wrap-top[data-v-5c5f108e] {
  top: 0;
}
.page .cover .sp1 .warp .box .wrap-top .sp1-button[data-v-5c5f108e] {
  display: inline-block;
  font-size: 32px;
  color: #0047bd;
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}
.page .cover .sp1 .warp .box .wrap-bottom[data-v-5c5f108e] {
  bottom: 0;
}
.page .cover .sp1 .warp .box .wrap-bottom .sp1-button[data-v-5c5f108e] {
  display: inline-block;
  font-size: 32px;
  color: #0047bd;
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
}
.page .cover .sp1 .warp .box .content[data-v-5c5f108e] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page .cover .sp1 .warp .box .content ul[data-v-5c5f108e] {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  top: 0;
  transition: all 1s;
}
.page .cover .sp1 .warp .box .content .img-wrap[data-v-5c5f108e] {
  display: block;
  float: left;
  width: 33.33%;
  height: 33.33%;
  padding: 5px 5px;
  box-sizing: border-box;
}
.page .cover .sp1 .warp .box .content .img-wrap .imgbox[data-v-5c5f108e] {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  cursor: pointer;
}
.page .cover .sp1 .warp .box .content .img-wrap .imgbox img[data-v-5c5f108e] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page .cover .sp1 .warp .btnBox[data-v-5c5f108e] {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 35px;
}
.page .cover .sp1 .warp .btnBox .btn[data-v-5c5f108e] {
  width: 50%;
  height: auto;
  float: left;
  box-sizing: border-box;
}
.page .cover .sp1 .warp .btnBox .btn[data-v-5c5f108e]:nth-of-type(1) {
  padding: 0 3.5% 0 7%;
}
.page .cover .sp1 .warp .btnBox .btn[data-v-5c5f108e]:nth-of-type(2) {
  padding: 0 7% 0 3.5%;
}
.page .cover .sp1 .warp .btnBox .btn a[data-v-5c5f108e] {
  display: block;
  width: 100%;
}
.page .cover .sp2[data-v-5c5f108e] {
  -ms-flex: 0.846;
      flex: 0.846;
  position: relative;
  font-size: 16px;
}
.page .cover .sp2 .textWrap[data-v-5c5f108e] {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
@media screen and (min-width: 1320px) {
.page .cover .sp2 .textWrap[data-v-5c5f108e] {
    font-size: calc(100% + 4 * (100vw - 1320px) / 600);
}
}
.page .cover .sp2 .textWrap .text[data-v-5c5f108e] {
  font-size: 1em;
  color: #fff;
  text-align: center;
  margin-left: 5%;
  margin-right: 5%;
}
.page .cover .sp2 .textWrap .text[data-v-5c5f108e]:not(:last-child) {
  margin-bottom: 5%;
}
.page .imageViewer[data-v-5c5f108e] {
  position: fixed;
  background-color: rgba(0,0,0,0.83);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10000;
}
.page .imageViewer .imgwarp[data-v-5c5f108e] {
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
  height: 80%;
  width: 80%;
  max-height: 80%;
  max-width: 1200px;
  margin: auto;
}
.page .imageViewer .imgwarp.mini[data-v-5c5f108e] {
  width: 600px;
}
.page .imageViewer .imgwarp.mini .down[data-v-5c5f108e] {
  right: 10%;
  top: 1px;
}
.page .imageViewer .imgwarp.mini .down img[data-v-5c5f108e] {
  width: 100%;
}
.page .imageViewer .imgwarp .navcon[data-v-5c5f108e] {
  position: absolute;
  width: 100%;
  bottom: 53%;
  left: 0;
  right: 0;
  margin: auto;
}
.page .imageViewer .imgwarp .navcon .nav[data-v-5c5f108e] {
  position: absolute;
  width: 55px;
  height: 41px;
  background-size: 100% 100%;
  cursor: pointer;
}
.page .imageViewer .imgwarp .navcon .nav.prev[data-v-5c5f108e] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/prev-a.6abee2a.png);
  left: -10%;
}
.page .imageViewer .imgwarp .navcon .nav.prev[data-v-5c5f108e]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/prev-aa.f7fdc2e.png);
}
.page .imageViewer .imgwarp .navcon .nav.next[data-v-5c5f108e] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/next-a.6748f1c.png);
  right: -10%;
}
.page .imageViewer .imgwarp .navcon .nav.next[data-v-5c5f108e]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/next-aa.5e2e126.png);
}
.page .imageViewer .imgwarp .down[data-v-5c5f108e] {
  width: 24%;
  height: 60px;
  position: absolute;
  right: 1%;
  top: 10px;
  background-size: 100% 100%;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
}
.page .imageViewer .imgwarp .close[data-v-5c5f108e] {
  width: 60px;
  height: 60px;
  position: absolute;
  right: -10px;
  top: -10px;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/close2.b2f33e0.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.page .imageViewer .imgwarp .img[data-v-5c5f108e] {
  border: 1px solid #000;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.page .textDio[data-v-5c5f108e] {
  position: fixed;
  background-color: rgba(0,0,0,0.53);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10000;
}
.page .textDio .textContainer[data-v-5c5f108e] {
  background: #eee;
  width: 450px;
  height: 728px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  border-radius: 8px;
}
@media screen and (max-width: 1400px) {
.page .textDio .textContainer[data-v-5c5f108e] {
    width: 400px;
    height: 647px;
}
}
.page .textDio .textContainer .avatar[data-v-5c5f108e] {
  width: 85px;
  height: 85px;
  margin: 20px auto 20px;
  border-radius: 50%;
  box-shadow: 0 4px 6px rgba(50,50,93,0.11), 0 1px 3px rgba(0,0,0,0.08);
  background-size: cover !important;
}
@media screen and (max-width: 1400px) {
.page .textDio .textContainer .avatar[data-v-5c5f108e] {
    width: 80px;
    height: 80px;
}
}
.page .textDio .textContainer .name[data-v-5c5f108e] {
  text-align: center;
  font-size: 32px;
  position: relative;
  display: inline-block;
}
.page .textDio .textContainer .name[data-v-5c5f108e]::before {
  content: '';
  display: block;
  position: absolute;
  width: 90px;
  height: 1px;
  background: #5e5e5e;
  top: 50%;
  left: -100px;
}
.page .textDio .textContainer .name[data-v-5c5f108e]::after {
  content: '';
  display: block;
  position: absolute;
  width: 90px;
  height: 1px;
  background: #5e5e5e;
  top: 50%;
  right: -100px;
}
.page .textDio .textContainer .textContent[data-v-5c5f108e] {
  width: 90%;
  height: 68%;
  margin: 20px auto 0;
  font-size: 15px;
  overflow-y: auto;
  text-align: left;
}
@media screen and (max-width: 1400px) {
.page .textDio .textContainer .textContent[data-v-5c5f108e] {
    height: 65%;
}
}
.page .textDio .textContainer .closebtn[data-v-5c5f108e] {
  display: inline-block;
  font-size: 20px;
  margin-top: 20px;
  transition: all 1s;
  cursor: pointer;
}
.page .textDio .textContainer .closebtn[data-v-5c5f108e]:hover {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.page[data-v-060f8f96] {
  position: relative;
  min-height: 500px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}
.page .img[data-v-060f8f96] {
  display: block;
  width: 100%;
}
.page .cover[data-v-060f8f96] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
}
.page .cover .sp1[data-v-060f8f96] {
  -ms-flex: 1;
      flex: 1;
  position: relative;
}
.page .cover .sp1 .cover-title[data-v-060f8f96] {
  position: absolute;
  width: 30%;
  right: 3.85%;
  top: 7.87%;
}
.page .cover .sp1 .warp[data-v-060f8f96] {
  position: absolute;
  width: 63.4%;
  height: 76%;
  top: 14.44%;
  right: 0;
  border-left: 2px solid #8bc1ff;
  box-sizing: border-box;
  padding: 25px 10px 48px;
}
.page .cover .sp1 .warp .box[data-v-060f8f96] {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 30px 0;
  background: rgba(0,0,0,0.1);
}
.page .cover .sp1 .warp .box .title[data-v-060f8f96] {
  position: absolute;
  height: 35px;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  line-height: 35px;
  top: 0;
  left: 5px;
}
.page .cover .sp1 .warp .box .btn-wrap[data-v-060f8f96] {
  position: absolute;
  width: 100%;
  height: 35px;
  left: 0;
  text-align: center;
  line-height: 35px;
}
.page .cover .sp1 .warp .box .btn-wrap span[data-v-060f8f96] {
  cursor: pointer;
}
.page .cover .sp1 .warp .box .wrap-top[data-v-060f8f96] {
  top: 0;
}
.page .cover .sp1 .warp .box .wrap-top .sp1-button[data-v-060f8f96] {
  display: inline-block;
  font-size: 32px;
  color: #0047bd;
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}
.page .cover .sp1 .warp .box .wrap-bottom[data-v-060f8f96] {
  bottom: 0;
}
.page .cover .sp1 .warp .box .wrap-bottom .sp1-button[data-v-060f8f96] {
  display: inline-block;
  font-size: 32px;
  color: #0047bd;
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
}
.page .cover .sp1 .warp .box .content[data-v-060f8f96] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}
.page .cover .sp1 .warp .box .content .video-wrap[data-v-060f8f96] {
  width: 98%;
  position: relative;
  cursor: pointer;
}
.page .cover .sp1 .warp .box .content .video-wrap .video-bg[data-v-060f8f96] {
  display: block;
  width: 100%;
}
.page .cover .sp1 .warp .box .content .video-wrap .play-video[data-v-060f8f96] {
  position: absolute;
  font-size: 280%;
  color: #fff;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out;
}
.page .cover .sp1 .warp .box .content .video-wrap[data-v-060f8f96]::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.page .cover .sp1 .warp .box .content .video-wrap[data-v-060f8f96]:hover::after {
  opacity: 1;
}
.page .cover .sp1 .warp .box .content .video-wrap:hover .play-video[data-v-060f8f96] {
  color: #f00;
  font-size: 350%;
}
.page .cover .sp1 .warp .btnBox[data-v-060f8f96] {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 35px;
}
.page .cover .sp1 .warp .btnBox .btn[data-v-060f8f96] {
  width: 50%;
  height: auto;
  float: left;
  box-sizing: border-box;
}
.page .cover .sp1 .warp .btnBox .btn[data-v-060f8f96]:nth-of-type(1) {
  padding: 0 3.5% 0 7%;
}
.page .cover .sp1 .warp .btnBox .btn[data-v-060f8f96]:nth-of-type(2) {
  padding: 0 7% 0 3.5%;
}
.page .cover .sp1 .warp .btnBox .btn a[data-v-060f8f96] {
  display: block;
  width: 100%;
}
.page .cover .sp2[data-v-060f8f96] {
  -ms-flex: 0.846;
      flex: 0.846;
  position: relative;
  font-size: 16px;
}
.page .cover .sp2 .textWrap[data-v-060f8f96] {
  width: 85%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
@media screen and (min-width: 1320px) {
.page .cover .sp2 .textWrap[data-v-060f8f96] {
    font-size: calc(100% + 4 * (100vw - 1320px) / 600);
}
}
.page .cover .sp2 .textWrap .text[data-v-060f8f96] {
  font-size: 1em;
  color: #fff;
  text-align: center;
  margin-left: 5%;
  margin-right: 5%;
  line-height: 1.2;
}
.page .cover .sp2 .textWrap .text[data-v-060f8f96]:not(:last-child) {
  margin-bottom: 5%;
}
.page .video-mask-view[data-v-060f8f96] {
  position: fixed;
  background-color: rgba(0,0,0,0.83);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10000;
}
.page .video-mask-view .video-mask-container[data-v-060f8f96] {
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
  height: 70%;
  width: 80%;
  max-height: 70%;
  max-width: 1100px;
  margin: auto;
  background: #000;
}
.page .video-mask-view .video-mask-container iframe[data-v-060f8f96] {
  width: 100%;
  height: 100%;
}
.page .video-mask-view .video-mask-container .close[data-v-060f8f96] {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 102%;
  top: 0;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/close2.b2f33e0.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.page .video-mask-view .video-mask-container .img[data-v-060f8f96] {
  border: 1px solid #000;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.page .textDio[data-v-060f8f96] {
  position: fixed;
  background-color: rgba(0,0,0,0.53);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10000;
}
.page .textDio .textContainer[data-v-060f8f96] {
  background: #eee;
  width: 450px;
  height: 728px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  border-radius: 8px;
}
@media screen and (max-width: 1400px) {
.page .textDio .textContainer[data-v-060f8f96] {
    width: 400px;
    height: 647px;
}
}
.page .textDio .textContainer .avatar[data-v-060f8f96] {
  width: 85px;
  height: 85px;
  margin: 20px auto 20px;
  border-radius: 50%;
  box-shadow: 0 4px 6px rgba(50,50,93,0.11), 0 1px 3px rgba(0,0,0,0.08);
  background-size: cover !important;
}
@media screen and (max-width: 1400px) {
.page .textDio .textContainer .avatar[data-v-060f8f96] {
    width: 80px;
    height: 80px;
}
}
.page .textDio .textContainer .name[data-v-060f8f96] {
  text-align: center;
  font-size: 32px;
  position: relative;
  display: inline-block;
}
.page .textDio .textContainer .name[data-v-060f8f96]::before {
  content: '';
  display: block;
  position: absolute;
  width: 90px;
  height: 1px;
  background: #5e5e5e;
  top: 50%;
  left: -100px;
}
.page .textDio .textContainer .name[data-v-060f8f96]::after {
  content: '';
  display: block;
  position: absolute;
  width: 90px;
  height: 1px;
  background: #5e5e5e;
  top: 50%;
  right: -100px;
}
.page .textDio .textContainer .textContent[data-v-060f8f96] {
  width: 90%;
  height: 68%;
  margin: 20px auto 0;
  font-size: 15px;
  overflow-y: auto;
  text-align: left;
}
@media screen and (max-width: 1400px) {
.page .textDio .textContainer .textContent[data-v-060f8f96] {
    height: 65%;
}
}
.page .textDio .textContainer .closebtn[data-v-060f8f96] {
  display: inline-block;
  font-size: 20px;
  margin-top: 20px;
  transition: all 1s;
  cursor: pointer;
}
.page .textDio .textContainer .closebtn[data-v-060f8f96]:hover {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.textContent p {
  margin-bottom: 15px;
  line-height: 1.2;
}

.page[data-v-6067e5c2] {
  position: relative;
  min-height: 500px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}
.page .img[data-v-6067e5c2] {
  display: block;
  width: 100%;
}
.page .cover[data-v-6067e5c2] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
}
.page .cover .sp1[data-v-6067e5c2] {
  -ms-flex: 1;
      flex: 1;
  position: relative;
}
.page .cover .sp1 .cover-title[data-v-6067e5c2] {
  position: absolute;
  width: 30%;
  right: 3.85%;
  top: 7.87%;
}
.page .cover .sp1 .warp[data-v-6067e5c2] {
  position: absolute;
  width: 63.4%;
  height: 76%;
  top: 14.44%;
  right: 0;
  border-left: 2px solid #8bc1ff;
  box-sizing: border-box;
  padding: 25px 10px 48px;
}
.page .cover .sp1 .warp .box[data-v-6067e5c2] {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 30px 0;
  background: rgba(0,0,0,0.1);
}
.page .cover .sp1 .warp .box .title[data-v-6067e5c2] {
  position: absolute;
  height: 35px;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  line-height: 35px;
  top: 0;
  left: 5px;
}
.page .cover .sp1 .warp .box .btn-wrap[data-v-6067e5c2] {
  position: absolute;
  width: 100%;
  height: 35px;
  left: 0;
  text-align: center;
  line-height: 35px;
}
.page .cover .sp1 .warp .box .btn-wrap span[data-v-6067e5c2] {
  cursor: pointer;
}
.page .cover .sp1 .warp .box .wrap-top[data-v-6067e5c2] {
  top: 0;
}
.page .cover .sp1 .warp .box .wrap-top .sp1-button[data-v-6067e5c2] {
  display: inline-block;
  font-size: 32px;
  color: #0047bd;
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}
.page .cover .sp1 .warp .box .wrap-bottom[data-v-6067e5c2] {
  bottom: 0;
}
.page .cover .sp1 .warp .box .wrap-bottom .sp1-button[data-v-6067e5c2] {
  display: inline-block;
  font-size: 32px;
  color: #0047bd;
  -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
}
.page .cover .sp1 .warp .box .content[data-v-6067e5c2] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page .cover .sp1 .warp .box .content ul[data-v-6067e5c2] {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  top: 0;
  transition: all 1s;
}
.page .cover .sp1 .warp .box .content .img-wrap[data-v-6067e5c2] {
  display: block;
  float: left;
  width: 33.33%;
  height: 33.33%;
  padding: 5px 5px;
  box-sizing: border-box;
}
.page .cover .sp1 .warp .box .content .img-wrap .imgbox[data-v-6067e5c2] {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  cursor: pointer;
}
.page .cover .sp1 .warp .box .content .img-wrap .imgbox img[data-v-6067e5c2] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page .cover .sp1 .warp .btnBox[data-v-6067e5c2] {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 35px;
}
.page .cover .sp1 .warp .btnBox .btn[data-v-6067e5c2] {
  width: 50%;
  height: auto;
  float: left;
  box-sizing: border-box;
}
.page .cover .sp1 .warp .btnBox .btn[data-v-6067e5c2]:nth-of-type(1) {
  padding: 0 3.5% 0 7%;
}
.page .cover .sp1 .warp .btnBox .btn[data-v-6067e5c2]:nth-of-type(2) {
  padding: 0 7% 0 3.5%;
}
.page .cover .sp1 .warp .btnBox .btn a[data-v-6067e5c2] {
  display: block;
  width: 100%;
}
.page .cover .sp2[data-v-6067e5c2] {
  -ms-flex: 0.846;
      flex: 0.846;
  position: relative;
  font-size: 16px;
}
.page .cover .sp2 .textWrap[data-v-6067e5c2] {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
@media screen and (min-width: 1320px) {
.page .cover .sp2 .textWrap[data-v-6067e5c2] {
    font-size: calc(100% + 4 * (100vw - 1320px) / 600);
}
}
.page .cover .sp2 .textWrap .text[data-v-6067e5c2] {
  font-size: 1em;
  color: #fff;
  text-align: center;
  margin-left: 5%;
  margin-right: 5%;
}
.page .cover .sp2 .textWrap .text[data-v-6067e5c2]:not(:last-child) {
  margin-bottom: 5%;
}
.page .imageViewer[data-v-6067e5c2] {
  position: fixed;
  background-color: rgba(0,0,0,0.83);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10000;
}
.page .imageViewer .imgwarp[data-v-6067e5c2] {
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
  height: 80%;
  width: 80%;
  max-height: 80%;
  max-width: 1200px;
  margin: auto;
}
.page .imageViewer .imgwarp.mini[data-v-6067e5c2] {
  width: 600px;
}
.page .imageViewer .imgwarp.mini .down[data-v-6067e5c2] {
  right: 10%;
  top: 1px;
}
.page .imageViewer .imgwarp.mini .down img[data-v-6067e5c2] {
  width: 100%;
}
.page .imageViewer .imgwarp .navcon[data-v-6067e5c2] {
  position: absolute;
  width: 100%;
  bottom: 53%;
  left: 0;
  right: 0;
  margin: auto;
}
.page .imageViewer .imgwarp .navcon .nav[data-v-6067e5c2] {
  position: absolute;
  width: 55px;
  height: 41px;
  background-size: 100% 100%;
  cursor: pointer;
}
.page .imageViewer .imgwarp .navcon .nav.prev[data-v-6067e5c2] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/prev-a.6abee2a.png);
  left: -10%;
}
.page .imageViewer .imgwarp .navcon .nav.prev[data-v-6067e5c2]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/prev-aa.f7fdc2e.png);
}
.page .imageViewer .imgwarp .navcon .nav.next[data-v-6067e5c2] {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/next-a.6748f1c.png);
  right: -10%;
}
.page .imageViewer .imgwarp .navcon .nav.next[data-v-6067e5c2]:hover {
  background-image: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/next-aa.5e2e126.png);
}
.page .imageViewer .imgwarp .down[data-v-6067e5c2] {
  width: 24%;
  height: 60px;
  position: absolute;
  right: 1%;
  top: 10px;
  background-size: 100% 100%;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
}
.page .imageViewer .imgwarp .close[data-v-6067e5c2] {
  width: 60px;
  height: 60px;
  position: absolute;
  right: -10px;
  top: -10px;
  background: url(https://webusstatic.yo-star.com/azurlane-us/blhx_us_web_backend/production/pc/static/close2.b2f33e0.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.page .imageViewer .imgwarp .img[data-v-6067e5c2] {
  border: 1px solid #000;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.page .textDio[data-v-6067e5c2] {
  position: fixed;
  background-color: rgba(0,0,0,0.53);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10000;
}
.page .textDio .textContainer[data-v-6067e5c2] {
  background: #eee;
  width: 450px;
  height: 728px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  border-radius: 8px;
}
@media screen and (max-width: 1400px) {
.page .textDio .textContainer[data-v-6067e5c2] {
    width: 400px;
    height: 647px;
}
}
.page .textDio .textContainer .avatar[data-v-6067e5c2] {
  width: 85px;
  height: 85px;
  margin: 20px auto 20px;
  border-radius: 50%;
  box-shadow: 0 4px 6px rgba(50,50,93,0.11), 0 1px 3px rgba(0,0,0,0.08);
  background-size: cover !important;
}
@media screen and (max-width: 1400px) {
.page .textDio .textContainer .avatar[data-v-6067e5c2] {
    width: 80px;
    height: 80px;
}
}
.page .textDio .textContainer .name[data-v-6067e5c2] {
  text-align: center;
  font-size: 32px;
  position: relative;
  display: inline-block;
}
.page .textDio .textContainer .name[data-v-6067e5c2]::before {
  content: '';
  display: block;
  position: absolute;
  width: 90px;
  height: 1px;
  background: #5e5e5e;
  top: 50%;
  left: -100px;
}
.page .textDio .textContainer .name[data-v-6067e5c2]::after {
  content: '';
  display: block;
  position: absolute;
  width: 90px;
  height: 1px;
  background: #5e5e5e;
  top: 50%;
  right: -100px;
}
.page .textDio .textContainer .textContent[data-v-6067e5c2] {
  width: 90%;
  height: 68%;
  margin: 20px auto 0;
  font-size: 15px;
  overflow-y: auto;
  text-align: left;
}
@media screen and (max-width: 1400px) {
.page .textDio .textContainer .textContent[data-v-6067e5c2] {
    height: 65%;
}
}
.page .textDio .textContainer .closebtn[data-v-6067e5c2] {
  display: inline-block;
  font-size: 20px;
  margin-top: 20px;
  transition: all 1s;
  cursor: pointer;
}
.page .textDio .textContainer .closebtn[data-v-6067e5c2]:hover {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.page[data-v-582141d4] {
  padding: 30px;
}
.page p[data-v-582141d4],
.page span[data-v-582141d4] {
  background: none !important;
}

.page[data-v-57f70274] {
  padding: 30px;
}