.dh-typecard__box{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:999}.dh-typecard__box .dh-typecard__box_main{height:448px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff}.dh-typecard{height:448px;border:1px solid #e8e8e8;border-right:none;overflow:hidden;border-collapse:collapse;position:relative}.dh-typecard:after{content:"";display:inline-block;width:1px;height:100%;background:#e8e8e8;position:absolute;right:0;top:0}.dh-typecard .dh-typecard__headbox{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #e8e8e8;-webkit-box-sizing:border-box;box-sizing:border-box;padding:21px 24px;color:rgba(0,0,0,.8);font-size:16px;font-weight:700}.dh-typecard .dh-typecard__headbox,.dh-typecard .dh-typecard__headbox .closeBtn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dh-typecard .dh-typecard__headbox .closeBtn{width:24px;height:24px;cursor:pointer}.dh-typecard .dh-typecard__headbox .closeBtn .ten-icon{font-weight:unset;color:#adadad;margin:0 auto}.dh-typecard .dh-typecard__headbox .ten-icon--refresh{color:#0052d9;position:relative;top:3px;cursor:pointer}.dh-typecard .dh-typecard__typetree{height:calc(100% - 136px);overflow-x:auto}.dh-typecard .dh-typecard__typetree,.dh-typecard .dh-typecard__typetree .dh-typecard__node__box{display:-webkit-box;display:-ms-flexbox;display:flex}.dh-typecard .dh-typecard__typetree .typetree__item{display:inline-block;border-right:1px solid #e8e8e8;height:100%;overflow:auto;width:210px}.dh-typecard .dh-typecard__typetree .typetree__item .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 16px;overflow:hidden;white-space:wrap;cursor:pointer}.dh-typecard .dh-typecard__typetree .typetree__item .item span{display:inline-block;max-width:120px}.dh-typecard .dh-typecard__typetree .typetree__item .item:hover{background:#edf3fc}.dh-typecard .dh-typecard__typetree .typetree__item .item.fouces{font-weight:700}.dh-typecard .dh-typecard__typetree .typetree__item .item.item--focus{color:#0052d9}.dh-typecard .dh-typecard__typetree .typetree__item .item .ten-icon--right{color:#adadad;font-size:16px;float:right;position:relative;top:3px}.dh-typecard .dh-typecard__typetree .typetree__item::-webkit-scrollbar{width:3px;height:3px}.dh-typecard .dh-typecard__typetree .typetree__item::-webkit-scrollbar-thumb{border-radius:20px;background:rgba(0,0,0,.15)}.dh-typecard .dh-typecard__typetree .typetree__item::-webkit-scrollbar-track{border-radius:20px;background:transparent}.dh-typecard .dh-typecard__footer{width:100%;-webkit-box-shadow:0 -8px 30px 0 hsla(0,0%,77.3%,.5);box-shadow:0 -8px 30px 0 hsla(0,0%,77.3%,.5);background:hsla(0,0%,98.4%,.8);padding:16px 24px;text-align:right}.dh-typecard .dh-typecard__footer .ten-button{min-width:81px}.dh-typecard .dh-typecard__footer p{float:left;line-height:40px;font-size:14px}.dh-typecard .dh-typecard__footer p span{display:inline-block;color:#0052d9;margin-left:8px;cursor:pointer}.dh-typecard .dh-typecard__footer p span img{width:12px;height:12px;position:relative;top:1px}