.ivu-shrinkable-menu{height:100%;width:100%}.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item{padding-left:33px}.sidebar-menu-con::-webkit-scrollbar{width:2px}.sidebar-menu-con::-webkit-scrollbar-thumb{background-color:#000}.lock-screen-back{border-radius:50%;z-index:-1;-webkit-box-shadow:0 0 0 0 #667aa6 inset;box-shadow:inset 0 0 0 0 #667aa6;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all 3s;transition:all 3s}.main{position:absolute;width:100%;height:100%;background:#fff}.main .unlock-con{width:0;height:0;position:absolute;left:50%;top:50%;z-index:11000}.main .sidebar-menu-con{height:100%;position:fixed;top:0;left:0;z-index:21;-webkit-transition:width .3s;transition:width .3s}.main .layout-text{display:inline-block;white-space:nowrap;position:absolute}.main .main-hide-text .layout-text{display:none}.main-content-container{position:relative}.main-header-con{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:block;padding-left:200px;width:100%;height:100px;z-index:20;-webkit-box-shadow:0 2px 1px 1px hsla(0,0%,39.2%,.1);box-shadow:0 2px 1px 1px hsla(0,0%,39.2%,.1);-webkit-transition:padding .3s;transition:padding .3s}.main-breadcrumb{padding:8px 15px 0}.main-menu-left{background:#464c5b;height:100%}.main .tags-con{height:40px;z-index:-1;overflow:hidden;background:#f0f0f0}.main .tags-con .tags-outer-scroll-con{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:120px;width:100%;height:100%}.main .tags-con .tags-outer-scroll-con .tags-inner-scroll-body{position:absolute;padding:2px 10px;overflow:visible;white-space:nowrap;-webkit-transition:left .3s ease;transition:left .3s ease}.main .tags-con .tags-outer-scroll-con .close-all-tag-con{position:absolute;right:0;top:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:8px;text-align:center;width:110px;height:100%;background:#fff;-webkit-box-shadow:-3px 0 15px 3px rgba(0,0,0,.1);box-shadow:-3px 0 15px 3px rgba(0,0,0,.1);z-index:10}.main-header{height:60px;background:#fff;-webkit-box-shadow:0 2px 1px 1px hsla(0,0%,39.2%,.1);box-shadow:0 2px 1px 1px hsla(0,0%,39.2%,.1);position:relative;z-index:11}.main-header .navicon-con{margin:6px;display:inline-block;position:relative;z-index:999}.main-header .header-middle-con{position:absolute;left:60px;top:0;right:340px;bottom:0;padding:10px;overflow:hidden}.main-header .header-avator-con{position:absolute;right:0;top:0;height:100%;width:350px}.main-header .header-avator-con .switch-theme-con{display:inline-block;width:40px;height:100%}.main-header .header-avator-con .message-con{display:inline-block;width:30px;padding:18px 0;text-align:center;cursor:pointer}.main-header .header-avator-con .message-con i{vertical-align:middle}.main-header .header-avator-con .change-skin{font-size:14px;font-weight:500;padding-right:5px}.main-header .header-avator-con .switch-theme{height:100%}.main-header .header-avator-con .user-dropdown-menu-con{position:absolute;right:0;top:0;width:150px;height:100%}.main-header .header-avator-con .user-dropdown-menu-con .main-user-name{display:inline-block;width:80px;word-break:keep-all;white-space:nowrap;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;text-align:right}.main-header .header-avator-con .user-dropdown-innercon{height:100%;padding-right:14px}.main-header .header-avator-con .full-screen-btn-con{display:inline-block;width:30px;padding:18px 0;text-align:center;cursor:pointer}.main-header .header-avator-con .full-screen-btn-con i{vertical-align:middle}.main-header .header-avator-con .lock-screen-btn-con{display:inline-block;width:30px;padding:18px 0;text-align:center;cursor:pointer}.main-header .header-avator-con .lock-screen-btn-con i{vertical-align:middle}.main .single-page-con{position:absolute;top:100px;right:0;bottom:0;overflow:auto;background-color:#f0f0f0;z-index:1;-webkit-transition:left .3s;transition:left .3s}.main .single-page-con .single-page{margin:10px}.main-copy{text-align:center;padding:10px 0 20px;color:#9ea7b4}.taglist-moving-animation-move{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.logo-con{min-height:60px;padding-top:8px;text-align:center;background:#515a6e}.logo-con img{min-height:54px;width:90%}#footTable .ivu-table-body::-webkit-scrollbar{display:none}.preview-box{width:100%;background:url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMqaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDdFMUNFNzc4NjlFMTFFOUFCOUU5RDkxNEZENTMwRTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDdFMUNFNzg4NjlFMTFFOUFCOUU5RDkxNEZENTMwRTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowN0UxQ0U3NTg2OUUxMUU5QUI5RTlEOTE0RkQ1MzBFNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowN0UxQ0U3Njg2OUUxMUU5QUI5RTlEOTE0RkQ1MzBFNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAICAgICAgICAgIDAgICAwQDAgIDBAUEBAQEBAUGBQUFBQUFBgYHBwgHBwYJCQoKCQkMDAwMDAwMDAwMDAwMDAwBAwMDBQQFCQYGCQ0LCQsNDw4ODg4PDwwMDAwMDw8MDAwMDAwPDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIAC8ALwMBEQACEQEDEQH/xABnAAEBAQEBAAAAAAAAAAAAAAABAAMECQEBAAAAAAAAAAAAAAAAAAAAABAAAQEGAwYHAQEAAAAAAAAAAQIAMUEiAwQRYTJx4UITM0MhUdESYhQkUiMRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/APeiysbI2doTZ0CTRpkk00/yMmDWnYWJCsbOgZj20+jAiwsfev8AFQcO2nPJgjYWPMT+KhpPbTlkwKrCxl/FQ1Dtp9GCVYWOA/FQeO2nz2MBZUwbK0mV0acT/IYNqaAQqZQmMWBFOdc6nCO1gjTHMTMrSYnJgVUxLOrUIsEqmMBOt44j5hgwsQv6VpMOhTh8RmwbUwvBUw1GG9gQF+9c4cIb2CIXzEzjSYbM2BUFyzjUIb2CUKmAnDxw5jNg57I1PpWkiejT4viMmDamamCsEJ1Hi3MCDU965EuHFtyYAmpzEyJ0ni2ZMCo1JZE6hxbmBUamAkS8cWYyYOexX+KzlV0KcPiGDamvwVKrUYMCFzrlU4QYIr/0TKrSYbGCWvTKrUIMCpfgJVPED5hgxsSPpWb+hTh8QwbUj4KfqMGBBHvW9whtYIkcxL9JhsYFZEr9QgWCURgHvED5hg//2Q==) repeat;overflow:hidden;border-bottom:1px solid #eee}.preview-box .pre-s-box{width:360px;margin:20px auto 10px;overflow:hidden}.preview-box .audio-box{width:40px;border-right:1px solid #eee;height:200px;float:left;background:#fff;margin-top:235px}.preview-box .icon-box{width:40px;height:40px;line-height:40px;text-align:center;font-size:16px;cursor:pointer;color:#2d8cf0;overflow:hidden;position:relative}.preview-box .icon-box .upload{position:absolute;opacity:0;top:0;left:0;cursor:pointer;width:100%;padding:20px}.preview-box .phone-content{background:url(../img/iphone-x.3f5eeab0.png) no-repeat;width:300px;height:580px;float:left;padding:60px 29px 40px}.preview-box .phone-content .pre-box{width:244px;height:490px;overflow-y:scroll;overflow-x:hidden}.preview-box .phone-content .pre-box .pre-tips{border:1px dashed #ddd;font-size:16px;color:#999;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:30px;height:150px;width:242px;padding:10px;margin-top:30px}.preview-box .phone-content .pre-box .frame-content{position:relative;width:242px;margin-bottom:10px;border:1px dashed #fff}.preview-box .phone-content .pre-box .frame-content audio,.preview-box .phone-content .pre-box .frame-content img,.preview-box .phone-content .pre-box .frame-content video{width:240px}.preview-box .phone-content .pre-box .frame-content.act{border:1px dashed #5cc3ff}.preview-box .phone-content .pre-box .frame-content:hover{border:1px dashed #ddd}.preview-box .phone-content .pre-box .frame-content .bottom-item{position:absolute;bottom:0;height:40px;line-height:40px;background:rgba(0,0,0,.6);display:none;width:100%}.preview-box .phone-content .pre-box .frame-content .bottom-item .icon-box-s{width:40px;height:40px;line-height:40px;display:inline-block;text-align:center;font-size:16px;cursor:pointer;color:#fff}.preview-box .phone-content .pre-box .frame-content:hover .bottom-item{display:block}.preview-box .phone-content .pre-box .frame-text,.preview-box .phone-content .pre-box .head-t{border-radius:30px;height:30px;background:#eee;margin-bottom:10px;line-height:30px;padding:0 20px}.preview-box .phone-content .pre-box .frame-text{height:auto}audio{width:240px;height:30px;outline:none}.vue-treeselect__control{border-radius:4px!important;border:1px solid #dcdee2!important;height:32px!important}.translate{display:inline-block;padding:20px 200px 0 20px}body,html{background:#f0f0f0;overflow:hidden}.app-main,body,html{width:100%;height:100%}.app-main{background:#fff}