.orthodontics-container{background-color:#f7f8fa}.orthodontics-container 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-container header .title{font-size:20px;color:#333;padding-left:28px}.orthodontics-container 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-container header .avatar img{max-width:40px;max-height:40px}.orthodontics-container header .name{font-size:16px;color:#333;margin-left:10px}.orthodontics-container header .ml20{font-size:15px;margin-left:20px}.orthodontics-container .container{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - 60px);overflow:hidden}.orthodontics-container .container-box{-webkit-box-flex:1;-ms-flex:1;flex:1}.orthodontics-container .container-box .nav{height:60px;padding-top:10px}.orthodontics-container .container-box .nav .formRowCol{float:left;margin-bottom:0;padding-left:0}.orthodontics-container .container-box .nav .formRowCol .el-date-editor{width:150px!important}.orthodontics-container .container-box .nav .formRowCol .ant-select{width:180px}.orthodontics-container .container-right{width:400px;background-color:#fff;-webkit-box-shadow:-2px 0 8px #d5d9e1;box-shadow:-2px 0 8px #d5d9e1}.orthodontics-container .container-right h3{height:50px;line-height:50px;border-bottom:1px solid #dfe3e8;margin-bottom:0;padding-left:20px}.orthodontics-container .container-list{height:calc(100vh - 190px)}.orthodontics-container .container-list .__view{padding:5px 15px 5px 5px}.orthodontics-container .container-list .item{display:inline-block;padding:5px;cursor:pointer}.orthodontics-container .container-list .item div{width:180px;height:180px;background-color:#f7f8fa;border:1px dashed transparent;border-radius:2px;position:relative;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}.orthodontics-container .container-list .item div .anticon-close-circle{color:red;position:absolute;top:-10px;right:-10px;z-index:1;display:none}.orthodontics-container .container-list .item div .anticon-close-circle svg{width:20px;height:20px}.orthodontics-container .container-list .item div img{max-width:175px;max-height:175px}.orthodontics-container .container-list .item div span{padding:0 8px;height:20px;color:#fff;font-size:12px;background-color:rgba(0,0,0,.2);display:inline-block;position:absolute;left:1px;bottom:1px;z-index:1}.orthodontics-container .container-list .item:hover div{border-color:#1784fc}.orthodontics-container .container-list .item:hover div .anticon-close-circle{display:inline-block}.orthodontics-container .container-btn{height:80px;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;-webkit-box-shadow:-5px 0 8px #d5d9e1;box-shadow:-5px 0 8px #d5d9e1}.orthodontics-container .container-btn .ant-btn{width:300px;color:#1784fc;border-color:#1784fc;background-color:#f0f9ff}.orthodontics-container .container-btn .ant-upload-list-text{display:none}.draggable{width:150px;height:150px;cursor:-webkit-grab;cursor:grab}.dropzone{width:200px;height:200px;border:2px dashed #ccc;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;cursor:pointer}.dropzone--active{border:2px dashed #00f}.dropzone img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}