.orthodontics-imageView{min-width:1366px;background-color:#f5f7fa}.orthodontics-imageView .ant-spin{max-height:70vh!important}.orthodontics-imageView.open .container{overflow-y:auto;height:calc(100vh - 110px)}.orthodontics-imageView.open .container-left{height:inherit;overflow-y:inherit}.orthodontics-imageView.open .container-box .box{height:inherit}.orthodontics-imageView .flex-justifyCent-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.orthodontics-imageView .ma15{width:74%!important;margin:0 auto;padding:15px 0}.orthodontics-imageView header{height:60px;line-height:60px;background:#fff;-webkit-box-shadow:0 0 5px #d5d9e1;box-shadow:0 0 5px #d5d9e1;z-index:1;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.orthodontics-imageView header .title{font-size:20px;color:#333;padding-left:28px}.orthodontics-imageView header .avatar{width:40px;height:40px;border-radius:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:10px;margin-left:30px}.orthodontics-imageView header .avatar img{max-width:40px;max-height:40px}.orthodontics-imageView header .name{font-size:16px;color:#333;margin-left:10px}.orthodontics-imageView header .name .icon-sex1{color:#1784fc;display:inline-block}.orthodontics-imageView header .name .icon-sex2{color:pink;display:inline-block}.orthodontics-imageView header .ml20{font-size:15px;margin-left:20px}.orthodontics-imageView header .anticon-close{width:60px;height:60px;float:right;position:fixed;top:0;right:0;padding:20px;cursor:pointer}.orthodontics-imageView header .anticon-close svg{width:20px;height:20px}.orthodontics-imageView header .anticon-close:hover{color:#1784fc}.orthodontics-imageView .container-nav{display:-webkit-box;display:-ms-flexbox;display:flex;height:50px}.orthodontics-imageView .container-nav .head-left{width:235px;height:50px;line-height:50px;border-bottom:1px solid #dfe3e8;margin-bottom:0;padding-left:10px;color:#333;background-color:#fff}.orthodontics-imageView .container-nav .head-left .title{font-size:16px}.orthodontics-imageView .container-nav .head-left .dropdown{float:right;cursor:pointer;position:relative}.orthodontics-imageView .container-nav .head-left .dropdown .text{width:100px;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;margin:9px}.orthodontics-imageView .container-nav .head-left .dropdown:hover .menu1,.orthodontics-imageView .container-nav .head-left .dropdown:hover .menu1 .menuItem:nth-child(2):hover .menu2{display:block}.orthodontics-imageView .container-nav .head-left .dropdown .menu1{width:130px;height:80px;position:absolute;top:40px;left:-35px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);background-color:#fff;border-radius:4px;padding:4px 0;z-index:9;display:none}.orthodontics-imageView .container-nav .head-left .dropdown .menu1 .menuItem{height:36px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #f1f1f1}.orthodontics-imageView .container-nav .head-left .dropdown .menu1 .menuItem .anticon-check{width:28px;height:36px;padding:10px 0;color:#52c41a;font-weight:700;opacity:0}.orthodontics-imageView .container-nav .head-left .dropdown .menu1 .menuItem .anticon-caret-right{padding-left:18px}.orthodontics-imageView .container-nav .head-left .dropdown .menu1 .menuItem:hover{background-color:#f0f9ff}.orthodontics-imageView .container-nav .head-left .dropdown .menu1 .menuItem.active>.anticon-check{opacity:1}.orthodontics-imageView .container-nav .head-left .dropdown .menu2{width:260px;position:absolute;top:0;left:129px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);background-color:#fff;border-radius:4px;padding:4px 0;z-index:9;display:none}.orthodontics-imageView .container-nav .flex-tabs{-webkit-box-flex:1;-ms-flex:1;flex:1;height:50px;margin:0 15px;padding-top:5px}.orthodontics-imageView .container-nav .flex-tabs .tabs{width:140px;height:45px;line-height:45px;text-align:center;display:inline-block;color:#333;cursor:pointer}.orthodontics-imageView .container-nav .flex-tabs .tabs.active,.orthodontics-imageView .container-nav .flex-tabs .tabs:hover{color:#1890ff;background-color:#fff;border-radius:6px 6px 0 0}.orthodontics-imageView .container{height:calc(100vh - 110px)}.orthodontics-imageView .container .cont{display:-webkit-box;display:-ms-flexbox;display:flex}.orthodontics-imageView .container .mt8{margin-top:8px}.orthodontics-imageView .container-left{width:235px;height:calc(100vh - 110px);min-height:calc(100vh - 110px);background-color:#fff;-webkit-box-shadow:-2px 0 8px #d5d9e1;box-shadow:-2px 0 8px #d5d9e1;overflow-y:auto;padding:10px 0 5px 15px}.orthodontics-imageView .container-left .item{width:200px;height:188px;border-radius:6px;-webkit-box-shadow:0 4px 12px rgba(50,59,80,.10196078431372549);box-shadow:0 4px 12px rgba(50,59,80,.10196078431372549);background-color:#f7f8fa;border:2px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:10px;cursor:pointer}.orthodontics-imageView .container-left .item:first-child{margin-top:0}.orthodontics-imageView .container-left .item .type{border-radius:6px 0;height:34px;width:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px}.orthodontics-imageView .container-left .item .type.state1{color:#f36934;background-color:#ffefe2}.orthodontics-imageView .container-left .item .type.state2{color:#2271dd;background-color:#d7e8ff}.orthodontics-imageView .container-left .item .type.state3{color:#554ac5;background-color:#d8dbff}.orthodontics-imageView .container-left .item .type.state4{color:#1d8248;background-color:#c6f5da}.orthodontics-imageView .container-left .item .text{height:33px;overflow-wrap:break-word;color:#333;font-size:24px;font-weight:500;white-space:nowrap;line-height:33px;margin-top:30px;text-align:center}.orthodontics-imageView .container-left .item .date{height:20px;overflow-wrap:break-word;color:#6a6d71;font-size:14px;white-space:nowrap;line-height:20px;margin-top:8px;text-align:center}.orthodontics-imageView .container-left .item.active,.orthodontics-imageView .container-left .item:hover{border-color:#00c2eb}.orthodontics-imageView .container-left .item.active.bg1,.orthodontics-imageView .container-left .item:hover.bg1{background:-webkit-gradient(linear,left top,left bottom,from(#fffdfc),to(#fff3e8));background:linear-gradient(180deg,#fffdfc,#fff3e8)}.orthodontics-imageView .container-left .item.active.bg2,.orthodontics-imageView .container-left .item:hover.bg2{background:-webkit-gradient(linear,left top,left bottom,from(#f7fbff),to(#e1eeff));background:linear-gradient(180deg,#f7fbff,#e1eeff)}.orthodontics-imageView .container-left .item.active.bg3,.orthodontics-imageView .container-left .item:hover.bg3{background:-webkit-gradient(linear,left top,left bottom,from(#f7f7ff),to(#e1e4ff));background:linear-gradient(180deg,#f7f7ff,#e1e4ff)}.orthodontics-imageView .container-left .item.active.bg4,.orthodontics-imageView .container-left .item:hover.bg4{background:-webkit-gradient(linear,left top,left bottom,from(#f7fff9),to(#e1ffeb));background:linear-gradient(180deg,#f7fff9,#e1ffeb)}.orthodontics-imageView .container-box{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px 15px 0 15px;background-color:#fff;margin:0 15px}.orthodontics-imageView .container-box .box{height:calc(100vh - 120px);min-height:calc(100vh - 120px)}.orthodontics-imageView .container-box .box .imgBox{width:100%;height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 4px;position:relative;background-color:#f7f8fa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid transparent;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:auto 10vh}.orthodontics-imageView .container-box .box .imgBox .tips{width:80px;height:18px;line-height:18px;text-align:center;background-color:rgba(0,0,0,.5);border-radius:0 0 2px 0;font-size:12px;font-weight:400;color:#fff;position:absolute;top:0;left:0}.orthodontics-imageView .container-box .box .imgBox .img{width:100%;height:100%}.orthodontics-imageView .container-box .box .imgBox .img img{height:100%!important;width:100%!important;-o-object-fit:contain;object-fit:contain}.orthodontics-imageView .container-box .box .imgBox .tools{width:100%;position:absolute;bottom:0;left:0;height:28px;background-color:rgba(51,51,51,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;visibility:hidden}.orthodontics-imageView .container-box .box .imgBox .tools div{-webkit-box-flex:1;-ms-flex:1;flex:1;height:28px;text-align:center}.orthodontics-imageView .container-box .box .imgBox .tools div img{width:16px;height:16px}.orthodontics-imageView .container-box .box .imgBox:hover{border-color:rgba(23,132,252,.8)}.orthodontics-imageView .container-box .box .imgBox:hover .tools{visibility:inherit}.orthodontics-imageView .container-box .box .imgBox.active{border-color:rgba(23,132,252,.8)}.orthodontics-imageView .container-box .box .faceTool{padding:15px;height:30%;background:#fff;border-radius:0 6px 6px 6px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}.orthodontics-imageView .container-box .box .frame{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:70%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 15px 15px 15px}.orthodontics-imageView .container-box .box .oralPhoto,.orthodontics-imageView .container-box .box .xrayPhoto{height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.orthodontics-imageView .container-box .box .oralPhoto{width:calc(52.51% - 7px)}.orthodontics-imageView .container-box .box .oralPhoto .cont-row{width:100%;height:calc(33.33333% - 5.33333px);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}.orthodontics-imageView .container-box .box .oralPhoto .cont-row>div{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 4px}.orthodontics-imageView .container-box .box .xrayPhoto{width:calc(47.49% - 7px)}.orthodontics-imageView .container-box .box .xrayPhoto .cont-row1{width:100%;height:calc(54.54% - 8px);margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.orthodontics-imageView .container-box .box .xrayPhoto .cont-row2{width:100%;height:45.46%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.orthodontics-imageView .container-box .box .xrayPhoto .cont-row2>div{-webkit-box-flex:1;-ms-flex:1;flex:1}.orthodontics-imageView .container-box .box .castmodule{height:100%;padding:15px}.orthodontics-imageView .container-box .box .castmodule .cont-row{width:100%;height:calc(33.33333% - 5.33333px);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}.orthodontics-imageView .container-box .box .castmodule .cont-row>div{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 4px}.orthodontics-imageView .container-box .box2{padding-bottom:10px}.orthodontics-imageView .container-box .box2 .flex{width:100%;height:188px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:10px}.orthodontics-imageView .container-box .box2 .flex:first-child{margin-top:0}