.pcHeader{display:flex;flex-direction:column;width:100%;height:100px;background-color:#1a1a1f;color:#fff}.pcHeader .top{width:100%;height:45px;background:linear-gradient(#343435,#000)}.pcHeader .top .imgLogo{display:inline-block;width:100px;height:100%;box-sizing:border-box;padding:7px;margin-left:10px}.pcHeader .top .imgLogo img{width:100%;height:100%}.pcHeader .top .right{float:right;height:100%;margin-right:50px}.pcHeader .top .right .rightItem{display:flex;align-items:center;justify-content:center;padding:0 10px;cursor:pointer;height:100%}.pcHeader .top .right .rightItem .iconfont{margin-right:10px}.pcHeader .tool{flex:1;display:flex;align-items:center}.pcHeader .tool .leftTool{display:flex;align-items:center;height:100%;width:90%}.pcHeader .tool .leftTool .tool-item{position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;width:100px;text-align:center;cursor:pointer;color:#bbb}.pcHeader .tool .leftTool .tool-item.active,.pcHeader .tool .leftTool .tool-item.active:hover{color:#3abeef}.pcHeader .tool .leftTool .tool-item:hover{color:#fff}.pcHeader .tool .leftTool .tool-item.menu{border-right:1px solid hsla(0,0%,97.6%,.21)}.pcHeader .tool .leftTool .tool-item.menu .icon-menu{border-radius:20px;width:66%;margin:0 auto;padding:3px 0;font-size:14px;border:2px solid #3c5d80;color:#91b9cd}.pcHeader .tool .leftTool .tool-item.menu .icon-menu.active{background:#3abeef;color:#2d2c2c;border:none}.pcHeader .tool .leftTool .tool-item .iconfont{font-size:20px}.pcHeader .tool .leftTool .tool-item .text{margin-top:5px;font-size:14px}.pcHeader .tool .leftTool .tool-item .layout-wrapper{position:absolute;height:88px;width:100px;bottom:-106px;left:20px;border:1px solid rgba(77,99,110,.81);border-radius:8px;background:rgba(20,32,42,.95);padding:6px 0;z-index:5}.pcHeader .tool .leftTool .tool-item .layout-wrapper table{margin:0 auto;border-collapse:collapse}.pcHeader .tool .leftTool .tool-item .layout-wrapper table td{cursor:pointer;height:26px;width:26px;transition:background-color .1s ease;border:1px solid #3c5d80}.pcHeader .tool .leftTool .tool-item .layout-wrapper table td.active,.pcHeader .tool .leftTool .tool-item .layout-wrapper table td.tempHover,.pcHeader .tool .leftTool .tool-item .layout-wrapper table td:hover{background-color:#20a5d6}.pcHeader .tool .leftTool .tool-item .layout{position:absolute;display:flex;justify-content:center;align-items:center;bottom:-95px;left:20px;padding:0 10px;background:rgba(20,32,42,.95);height:88px;width:250px;z-index:5;border:1px solid rgba(77,99,110,.81);border-radius:8px;color:#fff}.pcHeader .tool .leftTool .tool-item .layout .iconfont{width:80px;padding:10px;cursor:pointer}.pcHeader .tool .leftTool .tool-item .layout .iconfont.active{background-color:#2f4f4f}.pcHeader .tool .leftTool .tool-item .layout .iconfont:hover{color:#3abeef}.pcHeader .tool .leftTool .tool-item .more-wrapper{position:absolute;bottom:-59px;display:flex;justify-content:center;height:50px;width:730px;border:2px solid rgba(68,98,111,.95);background:rgba(20,32,42,.95);border-radius:7px;color:#bbb;z-index:2;right:-60px}.pcHeader .tool .leftTool .tool-item .more-wrapper .inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 10px}.pcHeader .tool .leftTool .tool-item .more-wrapper .inner:hover{color:#fff}.pcHeader .tool .leftTool .tool-item .more-wrapper .inner.active,.pcHeader .tool .leftTool .tool-item .more-wrapper .inner.active:hover{color:#3abeef}.pcHeader .tool .leftTool .tool-item .series-compare{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;bottom:-80px;padding:5px 0;left:20px;background:rgba(20,32,42,.95);width:150px;z-index:5;border:1px solid rgba(77,99,110,.81);border-radius:8px;color:#bbb}.pcHeader .tool .leftTool .tool-item .series-compare .filter{position:relative;width:100%;line-height:30px;border-bottom:1px solid rgba(77,99,110,.81)}.pcHeader .tool .leftTool .tool-item .series-compare .filter:last-child{border:none}.pcHeader .tool .leftTool .tool-item .series-compare .filter:hover{color:#fff}.pcHeader .tool .leftTool .tool-item .series-compare .filter .iconfont{position:absolute;left:10px}.tab-wrapper .more-wrapper{position:absolute;left:0;top:0;width:100%;z-index:10;transform:translate3d(0,-100%,0)}.tab-wrapper .more-wrapper .more{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;overflow:hidden;white-space:nowrap;background:#1a1a1f;font-size:0;padding:12px 16px 0 12px}.tab-wrapper .more-wrapper .more .inner{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:12px;margin-right:12px;padding:2px;box-sizing:border-box;width:90px;border:1px solid rgba(255,251,240,.4);border-radius:20px;text-align:center;cursor:pointer}.tab-wrapper .more-wrapper .more .inner.active{color:#3abeef}.tab-wrapper .more-wrapper .more .inner .text{margin-left:4px;line-height:28px;font-size:11px}.mobile .player-wrapper{height:36px;position:fixed;bottom:171px}.mobile .player-wrapper .player{align-self:center}.player-wrapper{display:flex;padding:8px 0;color:#fff;overflow:hidden;background:#1a1a1f;border-bottom:1px solid hsla(0,0%,100%,.1);width:100%;z-index:1}.player-wrapper .player{flex:1;justify-content:center;cursor:pointer;text-align:center}.player-wrapper .player.slider{flex:0 0 55%;display:flex;align-items:center}.player-wrapper .player.slider #slice-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#ebeff4;border-radius:10px;width:80%!important;height:4px;padding:0;border:none;margin:0}.player-wrapper .player.slider #slice-range:focus{outline:none}.player-wrapper .player.slider #slice-range::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;top:0;height:20px;width:20px;transform:translateY(0);background:#fff;border-radius:15px;border:5px solid #006eb3}.player-wrapper .player .iconfont{height:16px}.player-wrapper .multi-wrapper{display:flex}.player-wrapper .multi-wrapper .player{width:40px}.player-wrapper .multi-wrapper .player .iconfont{font-size:20px}.player-wrapper .play-framer-wrapper{position:fixed;top:10%;display:flex;background:#14202a;line-height:30px}.player-wrapper .play-framer-wrapper .play-framer-slider{display:flex;width:300px;align-items:center;justify-content:center}.player-wrapper .play-framer-wrapper .play-framer-slider #frame-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#ebeff4;border-radius:10px;width:60%!important;height:4px;padding:0;outline:none;border:none;margin:0;margin-right:10px}.player-wrapper .play-framer-wrapper .play-framer-slider .icon-close{cursor:pointer;margin-left:20px}li,ul{list-style:none}.mobile .series{position:fixed;bottom:48px}.series{width:100%;height:123px}.series .series-wrapper{padding:12px 16px;overflow:hidden;white-space:nowrap;background:#1a1a1f;width:100%;height:100%;box-sizing:border-box}.series .series-wrapper .series-list{cursor:pointer}.series .series-wrapper .series-list .swiper-slide{text-align:center;display:flex;justify-content:center;align-items:center;width:101px;cursor:pointer}.series .series-wrapper .series-list .swiper-slide .series-item{position:relative;display:inline-block;box-sizing:border-box;width:100px;height:100px;margin:0;border:1px solid hsla(0,0%,97.6%,.21);cursor:pointer}.series .series-wrapper .series-list .swiper-slide .series-item.active{border:1px solid #3abeef}.series .series-wrapper .series-list .swiper-slide .series-item .thumb-wrapper{width:98px;height:98px}.series .series-wrapper .series-list .swiper-slide .series-item .fail{position:absolute;left:2px;top:-3px;color:red;box-sizing:border-box;width:10px;font-size:12px}.series .series-wrapper .series-list .swiper-slide .series-item .text-wrapper{position:absolute;top:0;width:100%;height:100%}.series .series-wrapper .series-list .swiper-slide .series-item .text-wrapper .text{position:absolute;width:100%;top:92%;transform:translateY(-92%);text-align:center;font-size:11px;line-height:20px;color:#fff;background:rgba(0,0,0,.3);border-radius:2px 2px 0 0;box-shadow:0 0 4px 1px rgba(0,0,0,.3)}.layInfo .top{top:10px}.layInfo .bottom,.layInfo .top{position:absolute;text-align:left;z-index:1}.layInfo .bottom{bottom:9px}.layInfo .left{left:16px}.layInfo .right{right:16px}.layInfo .text{font-size:12px;padding-bottom:4px;color:hsla(0,0%,100%,.8)}.layInfo .text .text-info{text-align:justify;-moz-text-align-last:justify;text-align-last:justify;display:inline-block;width:60px}.orientationMaker{position:relative;top:0;left:0;width:100%;height:100%;color:#fff;font-size:12px}.orientationMaker .topMiddle{position:absolute;top:5px;left:50%;z-index:1}.orientationMaker .leftMiddle{position:absolute;top:50%;left:20px;z-index:1}.ruler-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;right:10px;background:transparent;pointer-events:none;width:45px;height:100%;z-index:1}.ruler-wrapper #ruler{border:none;background-color:transparent}.wrapper{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;align-items:center;color:#fff}.wrapper .loading{display:flex;text-align:center;padding-top:30px;height:50px;justify-content:space-between}.wrapper .loading span{display:block;margin:0 10px;-webkit-animation:move ease infinite;animation:move ease infinite;width:20px;font-size:28px}.wrapper .msg{font-size:22px;margin-top:30px}@-webkit-keyframes move{0%{margin-top:-10px;border-bottom:1px solid}50%{margin-top:10px;border:none}to{margin-top:-10px}}@keyframes move{0%{margin-top:-10px;border-bottom:1px solid}50%{margin-top:10px;border:none}to{margin-top:-10px}}.mpr{width:100%;overflow:hidden}.mpr,.mpr .mprLeft{display:flex;align-items:center;height:100%}.mpr .mprLeft{justify-content:center;width:50%;border-right:1px solid #353333}.mpr .mprLeft .mprItem-wrapper{width:100%;height:100%;position:relative}.mpr .mprLeft .mprItem-wrapper .dicom{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.mpr .mprLeft .mprItem-wrapper .dicom .mprItem{width:85%;height:85%}.mpr .mprRight{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;box-sizing:border-box}.mpr .mprRight .mprBottom,.mpr .mprRight .mprTop{width:100%;height:50%}.mpr .mprRight .mprBottom .mprItem-wrapper,.mpr .mprRight .mprTop .mprItem-wrapper{width:100%;height:100%;position:relative}.mpr .mprRight .mprBottom .mprItem-wrapper .dicom,.mpr .mprRight .mprTop .mprItem-wrapper .dicom{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.mpr .mprRight .mprBottom .mprItem-wrapper .dicom .mprItem,.mpr .mprRight .mprTop .mprItem-wrapper .dicom .mprItem{width:80%;height:85%}.mpr .mprRight .border{width:100%;border-bottom:1px solid #353333}.tab-wrapper{position:fixed;left:0;bottom:0;color:#fff;width:100%;height:48px;z-index:10}.tab-wrapper .tab-out{display:flex;height:100%;z-index:10;background:#1a1a1f;width:100%;border-top:1px solid hsla(0,0%,97.6%,.21);box-sizing:border-box}.tab-wrapper .tab-out .out-item{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;overflow:hidden;text-decoration:none;cursor:pointer}.tab-wrapper .tab-out .out-item.active{color:#3abeef}.msg-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.msg-wrapper,.msg-wrapper .message{display:flex;align-items:center;justify-content:center}.msg-wrapper .message{padding:15px 20px;z-index:20;background:#fff;color:#000;border-radius:10px}.msg-wrapper .message span{font-size:20px}.msg-wrapper .message .iconfont{font-size:28px;margin-right:20px}.msg-wrapper .warn{background:#e23535;color:#fff}.msg-wrapper .mask{position:absolute;top:0;left:0;background:rgba(0,0,0,.5);width:100%;height:100%;z-index:10}.progress{background:#000;width:100%;height:100%;z-index:1000}.progress .wrapper{display:flex;align-items:center;justify-content:flex-end}.progress .wrapper .barWrapper{position:relative;bottom:50px;width:90%;height:30px;background:#fff;line-height:30px;box-sizing:border-box;border-radius:15px}.progress .wrapper .barWrapper .bar{display:inline-block;background:#0496ff;line-height:30px;text-align:right;color:#fff;font-size:18px;font-weight:600;border-radius:15px}.mobile,.pc{position:relative;height:100%}.mobile,.mobile .view,.pc,.pc .view{width:100%;overflow:hidden}.mobile .mpr-wrapper,.pc .mpr-wrapper{width:100%;height:100%}.mobile .progress,.pc .progress{position:relative;bottom:40px;background:#000;width:100%;height:100%;z-index:1000}.mobile .progress .bar,.pc .progress .bar{margin:0 auto;width:90%}.mobile .progress .el-progress,.pc .progress .el-progress{width:100%}.mobile .progress .el-progress .el-progress-bar__outer,.pc .progress .el-progress .el-progress-bar__outer{background:#fff}.pc .view{height:100%;position:relative}.pc .preset-wrapper{top:105px}.preset-wrapper{position:absolute;top:8px;left:9px;z-index:10;width:239px;border:2px solid rgba(68,98,111,.95);border-radius:10px;background:rgba(20,32,42,.95);color:#bbb}.preset-wrapper .preset-item{display:flex;justify-content:center;align-items:center;line-height:31px;border-bottom:1px solid #3a3737;margin-bottom:2px;cursor:pointer}.preset-wrapper .preset-item.active,.preset-wrapper .preset-item.active:hover{color:#3abeef}.preset-wrapper .preset-item:hover{color:#fff}.preset-wrapper .preset-item:last-child{border:none}.preset-wrapper .preset-item div{width:50%;text-indent:1em}.main-wrapper{position:relative}.main-wrapper .canvas-item{position:relative;width:100%;height:100%;display:inline-block;border:1px solid #353333;box-sizing:border-box}.main-wrapper .canvas-item.active{border-color:#3abeef}.main-wrapper .canvas-item .series-link{position:absolute;right:50px;top:55px;width:24px;height:24px;background-color:hsla(0,0%,60%,.2);color:#fff;z-index:1;text-align:center;line-height:24px;cursor:pointer}.mobile .message{width:80%}.mobile .hint-message{text-align:center;color:#000}.mobile .hint-message .icon-tips{color:#3abeef}.mobile .hint-message .button-groups{display:flex;width:80%;margin:30px auto 0}.mobile .hint-message .button-groups .hint-button{margin:0 10px;padding:10px;width:45%;text-align:center;background:#eee;border-radius:10px}.mobile .hint-message .button-groups .hint-button.hint-primary{background:#3abeef;color:#fff}.export-message{position:absolute;top:3rem;right:3rem;display:flex;align-items:center;padding:0 12px;color:#3abeef;background-color:rgba(60,60,60,.8);z-index:10}.export-message .export-message-close{position:absolute;padding:2px;top:-5px;right:6px;cursor:pointer;color:#ccc}.export-message .export-message-close:hover{color:#f80808}.export-message .export-message-msg{margin-left:10px}.export-message .export-message-loader,.export-message .export-message-loader:after{border-radius:50%;width:1rem;height:1rem}.export-message .export-message-loader{margin:10px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:.2rem solid hsla(0,0%,100%,.2);border-right:.2rem solid hsla(0,0%,100%,.2);border-bottom:.2rem solid hsla(0,0%,100%,.2);border-left:.2rem solid #3abeef;transform:translateZ(0);-webkit-animation:load 1.1s linear infinite;animation:load 1.1s linear infinite}.mobile-screen{position:absolute;top:50px;right:20px;width:22px;height:22px}@-webkit-keyframes load{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes load{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}