html{font-size:50px;background:0 0}body{opacity:1;background:#2c2c32;min-width:auto}header{background:#3c3c46;z-index:10;font-size:15px;line-height:45px;transition:transform .2s}header .logo{width:45px;height:100%;background-position:-425px -43px}header .left-line{position:relative}header .left-line:after{content:"";position:absolute;width:1px;height:22px;top:12px;left:0;padding:0;background:rgba(255,255,255,.1)}header.iframe .author-wrapper,header.iframe .logo,header.iframe .project-name{display:none}.edit-btn{float:left;font-size:12px;padding:0 15px}.small-simple-button:hover{color:#3c3c46}.container-height{height:calc(100vh - 45px)}.body-wrapper{position:relative;top:45px;display:flex;transition:all .2s ease-in-out}.page-contain-mask{pointer-events:none;z-index:1;position:relative}.page-contain-mask .fixed-box{position:fixed}.page-contain-mask .size-tip{width:119px;height:46px;background:#ed544d;z-index:2}.page-contain-mask .selected-box{border:1px solid #ed544d}.page-contain-mask .selected-box .abs-dot{width:2px;height:2px;border-radius:2px;border:1px solid #ed544d;position:absolute;background:#fff}.page-contain-mask .selected-box .left-top-dot{top:-2px;left:-2px}.page-contain-mask .selected-box .right-top-dot{top:-2px;right:-2px}.page-contain-mask .selected-box .right-bottom-dot{bottom:-2px;right:-2px}.page-contain-mask .selected-box .left-bottom-dot{bottom:-2px;left:-2px}.page-contain-mask .hover-box{border:1px solid #009bff}.page-contain-mask .vertical-line{position:fixed;height:100%;top:0;border:1px dashed #009bff;border-top:none;border-bottom:none}.page-contain-mask .horizontal-line{position:fixed;left:0;width:100%;border:1px dashed #009bff;border-left:none;border-right:none}.page-contain-mask .size-box{background:#ed544d;padding:0 4px;height:16px;line-height:16px;font-size:10px}.page-contain-mask .show-distance>span{position:fixed;display:inline-block;height:16px;padding:0 4px;background:#ed544d;color:#fff;line-height:16px;transform:translateY(-50%) translateX(-50%)}.page-contain-mask .show-distance .small-x-text{transform:translateY(50%) translateX(-50%)}.page-contain-mask .show-distance .small-y-text{transform:translateY(-50%) translateX(50%)}.page-contain-mask .show-distance .show-rect-width{transform:translateY(-100%) translateX(-50%)}.page-contain-mask .show-distance .show-rect-height{transform:translateY(-50%) translateX(0)}.page-contain-mask .distance-line{position:fixed;background:#ed544d}.preview-scroll{z-index:1;width:100%;height:100%;position:absolute;pointer-events:none;transition:opacity .2s}.preview-scroll .contentBox{pointer-events:auto}.preview-scroll .vertical-scroll.scroll-drag,.preview-scroll .vertical-scroll:hover{top:auto}.preview-scroll .vertical-scroll{top:auto;bottom:0}.project-name{float:left;padding:0 5px}.author-wrapper{float:left;position:relative}.author-wrapper:hover .author-list-wrapper{display:block}.author-num{position:relative;float:left;padding:0 10px 0 28px;font-size:13px}.author-num::before{content:"";position:absolute;width:20px;height:20px;top:12px;left:8px;padding:0;background-image:url(../images/new_images-fea10d2fa0.png);background-size:1000px 1000px;background-position:-735px -55px}.author-list-wrapper{position:absolute;top:30px;left:50%;transform:translateX(-50%);padding-top:20px;display:none}.author-list{position:relative;font-size:12px;width:220px;border-radius:4px;border:1px solid #fff;background:rgba(44,44,50,.96);box-shadow:0 2px 8px rgba(0,0,0,.3);padding:10px 15px;box-sizing:border-box}.author-list::after{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:20px;height:6px;background-image:url(../images/new_images-fea10d2fa0.png);background-size:1000px 1000px;background-position:-475px -62px}.author-list li{height:34px;line-height:34px;position:relative}.author-list li::before{content:'协同者';position:absolute;display:block;top:0;right:0;opacity:.6;height:34px;line-height:34px}.author-list li.creator::before{content:'创建者'}.switch-mode{position:absolute;left:50%;top:0;transform:translateX(-50%);height:100%}.switch-mode span{position:relative;display:inline-block;width:100px;height:100%;text-indent:45px;cursor:pointer}.switch-mode span:before{content:'';position:absolute;width:30px;height:30px;top:8px;left:15px;background-image:url(../images/new_images-fea10d2fa0.png);background-size:1000px 1000px;background-position:-550px -50px}.switch-mode span.active{color:#ffb4b4;border-bottom:2px solid #ffb4b4;box-sizing:border-box}.switch-mode span.active:before{background-position:-760px -50px}.switch-mode span:nth-child(2):before{background-position:-580px -50px}.switch-mode span:nth-child(2).active:before{background-position:-790px -50px}.switch-mode span:nth-child(3):before{background-position:-965px -155px}.switch-mode span:nth-child(3).active:before{background-position:-930px -128px}.left-btns-group{float:left;border-left:1px solid rgba(44,45,50,.8);border-right:1px solid rgba(44,45,50,.8);padding-right:20px}.left-btns-group li{position:relative;float:left;font-size:13px;line-height:45px;padding-left:25px;margin-left:10px;cursor:pointer}.left-btns-group li.active{color:#f56464}.left-btns-group li.active.catalog::before{background-position:-730px -50px}.left-btns-group li.active.note::before{background-position:-760px -50px}.left-btns-group li::before{content:'';position:absolute;left:0;top:7px;width:30px;height:30px;background-image:url(../images/new_images-fea10d2fa0.png);background-size:1000px 1000px}.left-btns-group li.catalog::before{background-position:-580px -50px}.left-btns-group li.note::before{background-position:-610px -50px}.right-btns-group{float:right;height:45px;padding:0 5px 0 5px;font-size:13px}.right-btns-group li{float:right;position:relative;width:30px;height:100%;cursor:pointer}.right-btns-group li.setting{background-position:-670px -43px}.right-btns-group li.setting.on .view-setting-wrapper,.right-btns-group li.setting:hover .view-setting-wrapper{display:block}.right-btns-group li.share{background-position:-640px -43px}.right-btns-group li.refresh{background-position:-610px -43px}.right-btns-group li.event{background-position:-640px -43px}.right-btns-group li.fullscreen{background-position:-700px -43px}.right-btns-group li.active.share{background-position:-850px -43px}.right-btns-group li.active.refresh{background-position:-820px -43px}.right-btns-group li.active.event{background-position:-790px -43px}.right-btns-group li.active.fullscreen{background-position:-910px -43px}.back-btn{float:right;position:relative;width:52px;height:100%;margin-left:10px;background-color:rgba(245,100,100,.5);cursor:pointer}.back-btn::before{content:'';position:absolute;left:11px;top:6px;width:30px;height:30px;background-image:url(../images/new_images-fea10d2fa0.png);background-size:1000px 1000px;background-position:-940px -50px}.percent-btn{float:right;position:relative;font-size:13px;width:40px;text-align:center;margin-right:10px;cursor:pointer}.percent-btn:hover .scale-setting-wrapper{display:block}.page{overflow-y:scroll}.webpage-wrapper{margin:auto;z-index:1}.preview-lr-panel.rightPanel{right:0;left:auto;border-right:none;box-shadow:-2px 0 15px rgba(0,0,0,.15);padding-top:86px}.preview-lr-panel.rightPanel .toggle-btn{right:auto;left:-16px;top:50%}.preview-lr-panel.rightPanel .toggle-btn::after{transform:rotate(180deg)}.preview-lr-panel.fold.leftPanel{transform:translateX(-100%)}.preview-lr-panel.fold.leftPanel .toggle-btn{transform:translate(50%,-50%)}.preview-lr-panel.fold.leftPanel .toggle-btn .toggle-btn::after{transform:rotate(180deg)}.preview-lr-panel.fold.rightPanel{transform:translateX(100%)}.preview-lr-panel.fold.rightPanel .toggle-btn{transform:translate(-50%,-50%)}.preview-lr-panel.fold.rightPanel .toggle-btn .toggle-btn::after{transform:rotate(0)}.preview-note-panel{left:10px;right:10px;top:55px;bottom:10px;width:auto;border-radius:2px}.preview-note-panel li{margin-top:0;padding-top:15px}#appContainer{position:absolute;overflow:hidden}#appContainer.webpage-wrapper{cursor:auto}#appContainer.mobile-wrapper{transition:opacity .2s}p[contenteditable=true]{cursor:text}.preview-lr-panel.rightPanel{right:0;left:auto;border-right:none;box-shadow:-2px 0 15px rgba(0,0,0,.15)}.preview-lr-panel.rightPanel .mark-list{overflow:scroll;max-height:100%}.preview-lr-panel.rightPanel .toggle-btn{right:auto;left:-16px;top:50%}.preview-lr-panel.rightPanel .toggle-btn::after{transform:rotate(180deg)}.preview-lr-panel.fold.leftPanel{transform:translateX(-100%)}.preview-lr-panel.fold.leftPanel .toggle-btn::after{transform:rotate(180deg)}.preview-lr-panel.fold.rightPanel{transform:translateX(100%)}.preview-lr-panel.fold.rightPanel .toggle-btn::after{transform:rotate(0)}p[contenteditable=true]{cursor:text}.preview-scale-setting{position:relative;left:auto;top:auto;border:1px solid #000}.preview-scale-setting .scale-group{border-bottom:none}.scale-setting-wrapper{position:absolute;top:30px;right:-5px;padding-top:20px;display:none}.view-setting-wrapper{position:absolute;top:30px;left:50%;transform:translateX(-50%);padding-top:20px;display:none}.preview-view-setting{width:210px;background:#34343d;box-shadow:0 0 10px 2px rgba(0,0,0,.2);border-radius:2px;border:1px solid #000}.preview-view-setting .setting-btn{float:left;position:relative;width:33.3%;font-size:12px;line-height:16px;padding-left:33px;margin:10px 0;box-sizing:border-box;border-right:1px solid #000}.preview-view-setting .setting-btn:nth-child(3){border:none}.preview-view-setting .setting-btn::before{content:'';position:absolute;left:12px;top:-2px;width:20px;height:20px;background-image:url(../images/new_images-fea10d2fa0.png);background-size:1000px 1000px;background-position:-685px -180px}.preview-view-setting .setting-btn.note::before{background-position:-715px -180px}.preview-view-setting .setting-btn.event::before{background-position:-745px -180px}.preview-view-setting .setting-btn.active{color:#ffb4b4}.preview-view-setting .setting-btn.active.phone-frame::before{background-position:-685px -215px}.preview-view-setting .setting-btn.active.note::before{background-position:-715px -215px}.preview-view-setting .setting-btn.active.event::before{background-position:-745px -215px}.preview-view-setting .setting-btn.disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.page-mark-panel .catalog-list{left:0;top:75px;width:220px;padding:10px}.select-wrapper{float:left;margin:0 15px 10px 15px;padding-top:10px;border-top:1px solid #000}.preview-fullscreen.body-wrapper{margin-top:0}.preview-fullscreen header{top:-45px}.preview-fullscreen.container-height{height:100vh}.preview-fullscreen .container-height{height:100vh}.preview-fullscreen .preview-lr-panel{top:0}.exit-fullScreen{position:fixed;top:10px;right:10px;height:26px;width:26px;z-index:11;background-color:rgba(0,0,0,.2);transition:padding-left .2s,background-color .2s;cursor:pointer}.exit-fullScreen:hover{padding-left:110px;background-color:rgba(0,0,0,.8)}.exit-fullScreen:hover:before{opacity:1}.exit-fullScreen:before{content:'退出全屏 [ESC]';white-space:nowrap;position:absolute;right:30px;top:0;font-size:14px;color:#fff;line-height:26px;opacity:0;transition:opacity .2s .1s}.exit-fullScreen:after{content:'';background-image:url(../images/new_images-fea10d2fa0.png);background-size:1000px 1000px;background-position:-942px -52px;position:absolute;height:26px;width:26px;line-height:26px}.empty-note{position:absolute;width:80px;height:80px;top:48%;left:50%;transform:translate(-50%,-50%);background-position:-85px -330px}.empty-note:after{content:'没有备注啊...';font-size:12px;color:#979797;margin-top:90px;display:block;text-align:center}.view-btn{margin:10px;font-size:12px}.view-btn:hover{color:#3c3c46}.mobile-body .pageContainer{position:absolute;width:100%;height:100%;overflow:hidden;top:1px;left:1px;transition:transform .2s}.web-body .pageContainer{transform-origin:0 0;position:relative}.is-mask-discuss.discuss-panel .solved-box .top-content .dot-mine,.is-mask-discuss.discuss-panel .solved-box .top-content .userInfo-img,.is-mask-discuss.discuss-panel .solved-box .top-content .userInfo-nick{opacity:1}.is-mask-discuss.discuss-panel .solved-box p{opacity:1}.discuss-panel{position:relative}.discuss-panel.is-edit .discuss-list,.discuss-panel.is-mask-discuss .discuss-list{pointer-events:none}.discuss-panel.is-edit .discuss-box,.discuss-panel.is-mask-discuss .discuss-box{opacity:.5}.discuss-panel.is-edit .discuss-box.hover,.discuss-panel.is-mask-discuss .discuss-box.hover{opacity:1}.discuss-panel .discuss-list{position:fixed;top:45px;bottom:60px;width:240px}.discuss-panel .discuss-list .edit-item,.discuss-panel .discuss-list .hover{z-index:111;position:relative}.discuss-panel.is-edit .discuss-list{bottom:178px}.discuss-panel .discuss-scroll-list{position:absolute}.discuss-panel .click-more-reply{margin:0 auto;margin-bottom:4px}.discuss-panel .edit-box-normal{background:rgba(60,60,70,.98);position:fixed;bottom:0;width:100%;height:60px;align-items:center;justify-content:center;box-shadow:0 -2px 11px rgba(0,0,0,.25)}.discuss-panel .edit-box-normal input{background:#2c2d32;width:208px;height:36px;border-radius:4px;margin:12px;padding-left:8px;font-size:13px}.discuss-panel .edit-box-active{height:178px;position:fixed;bottom:0;width:100%;box-shadow:0 -2px 11px rgba(0,0,0,.25);background:rgba(60,60,70,.98)}.discuss-panel .edit-box-active .reply-nick{position:absolute;left:20px;top:18px;color:rgba(255,255,255,.4);font-size:13px;max-width:120px;pointer-events:none;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.discuss-panel .edit-box-active .edit-content{margin-left:12px;margin-top:12px;width:216px;height:116px;background:#2c2d32}.discuss-panel .edit-box-active .edit-content .edit-input{height:116px}.discuss-panel .edit-box-active .edit-content .edit-input{outline:0}.discuss-panel .edit-box-active .edit-content #editTextarea{outline:0}.discuss-panel .edit-box-active .edit-content .comment-message{width:198px;height:114px;background:#2c2d32;border:1px solid #f56464;color:#fff;padding:6px 8px 0;font-size:13px;overflow:scroll;border-radius:4px}.discuss-panel .edit-box-active .edit-content .option-prompt{width:20px;height:20px;background-position:-816px -137px;position:absolute;z-index:111;left:198px;bottom:58px;cursor:pointer}.discuss-panel .edit-box-active .edit-option{margin-left:12px;margin-top:18px;height:24px;width:216px;line-height:24px}.discuss-panel .edit-box-active .edit-option .dot-index{position:relative;float:left;left:0;top:0}.discuss-panel .edit-box-active .edit-option .dot-index div{background-color:#f56464}.discuss-panel .edit-box-active .edit-option .dot-index .cancel-dot{display:none}.discuss-panel .edit-box-active .edit-option .dot-index:hover .dot-number{display:none}.discuss-panel .edit-box-active .edit-option .dot-index:hover .cancel-dot{display:inline-block;background-position:-849px -137px}.discuss-panel .edit-box-active .edit-option .discuss-base-btn{text-align:center;font-size:12px;border-radius:4px;cursor:pointer;float:right}.discuss-panel .edit-box-active .edit-option .cancel-btn,.discuss-panel .edit-box-active .edit-option .send-btn-disabled{height:22px;width:58px;border:1px solid rgba(255,255,255,.4);background:#44444f;line-height:22px}.discuss-panel .edit-box-active .edit-option .send-btn{height:24px;width:60px;background:#c73e3e;color:#fff}.discuss-panel .edit-box-active .edit-option .cancel-btn{margin-right:12px}.discuss-panel .edit-box-active .edit-option .send-btn-disabled{color:rgba(255,255,255,.4);cursor:default}.discuss-panel .empty-discuss-box{display:flex;width:240px;align-items:center;justify-content:center}.discuss-panel .empty-discuss-box .empty-discuss{width:124px;position:fixed;top:50%;transform:translateY(-50%)}.discuss-panel .empty-discuss-box .empty-discuss .empty-img{width:84px;height:95px;margin:0 auto;background-position:-784px -170px}.discuss-panel .empty-discuss-box .empty-discuss .empty-text{font-size:12px;color:#979797;text-align:center}.discuss-panel .click-more-reply{width:208px;height:24px;border-radius:2px;background:rgba(0,0,0,.15);color:rgba(255,255,255,.4);font-size:12px;text-align:center;line-height:24px;cursor:pointer}.discuss-panel .click-more-reply:hover{color:rgba(255,255,255,.6)}.discuss-panel .solved-box .dot-index .dot-success{background-color:#5cc465;background-position:-51px -22px}.discuss-panel .solved-box .dot-mine,.discuss-panel .solved-box .userInfo-img,.discuss-panel .solved-box .userInfo-nick,.discuss-panel .solved-box p{opacity:.5}.discuss-panel .hide-content-box p{height:20px}.discuss-panel .dot-index{width:20px;height:20px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;position:absolute;left:12px;top:12px;z-index:1;cursor:pointer}.discuss-panel .dot-index div{width:18px;height:18px;border-radius:9px;background-color:#3c3d43;text-align:center;line-height:18px}.discuss-panel .discuss-box{display:flex;font-size:12px;flex-direction:column;margin:10px 16px 20px;width:208px;justify-content:space-between}.discuss-panel .discuss-box:first-child{margin-top:15px}.discuss-panel .discuss-box .top-content{position:relative;margin-top:12px;vertical-align:center;height:26px;line-height:26px}.discuss-panel .discuss-box .top-content .drop-menu-box{z-index:111}.discuss-panel .discuss-box .top-content .userInfo-img{width:26px;height:26px;border-radius:13px;margin-right:8px;float:left}.discuss-panel .discuss-box .top-content .userInfo-nick{float:left}.discuss-panel .discuss-box .top-content .userInfo-nick-discuss-other{max-width:144px}.discuss-panel .discuss-box .top-content .userInfo-nick-discuss-mine{max-width:132px}.discuss-panel .discuss-box .top-content .userInfo-nick-reply-other{max-width:132px}.discuss-panel .discuss-box .top-content .userInfo-nick-reply-mine{max-width:120px}.discuss-panel .discuss-box .top-content .dot-mine{color:#ffb4b4;float:left}.discuss-panel .discuss-box .bottom-content{margin-top:12px;width:208px;display:flex;align-items:center;justify-content:space-between}.discuss-panel .discuss-box .bottom-content>span{font-size:12px;color:#d8d8d8;opacity:.4}.discuss-panel .discuss-box p{width:208px;font-size:13px;line-height:20px;margin-top:8px;user-select:text}.discuss-panel .discuss-box .option-menu{width:12px;height:26px;float:right;background-position:-685px -136px;cursor:pointer;display:none}.discuss-panel .discuss-box .discuss-reply-btn{width:13px;height:13px;background-position:-712px -144px;cursor:pointer;display:none}.discuss-panel .discuss-box:hover .discuss-reply-btn,.discuss-panel .discuss-box:hover .option-menu{display:block}.discuss-panel .comment-box{background:rgba(0,0,0,.15);width:208px;border-radius:4px;margin-top:4px;padding-bottom:12px;margin-bottom:0}.discuss-panel .comment-box .comment-content{margin-left:12px;margin-right:12px}.discuss-panel .comment-box .comment-content p{width:182px}.discuss-panel .comment-box .bottom-content{width:184px}.discuss-panel .reply-solved-box{background:rgba(0,0,0,.075)}.discuss-panel .reply-solved-box .top-content .dot-mine,.discuss-panel .reply-solved-box .top-content .userInfo-img,.discuss-panel .reply-solved-box .top-content .userInfo-nick{opacity:.5}.discuss-panel .reply-solved-box p{opacity:.5}.discuss-panel .atwho-view{z-index:11110!important;width:170px;max-height:234px;box-shadow:0 2px 8px rgba(0,0,0,.15);border:1px solid #fff;border-radius:4px;font-size:12px;position:absolute;bottom:0;left:-.8em;cursor:default;background-color:rgba(60,60,70,.98)}.discuss-panel .atwho-tip{font-size:12px;height:32px;line-height:32px;padding-left:12px;color:rgba(255,255,255,.4);position:absolute;top:0;left:0}.discuss-panel .atwho-view ul{list-style:none;margin-top:32px;overflow:scroll;max-height:198px}.discuss-panel .atwho-view ul li{display:block}.discuss-panel .atwho-view ul li{box-sizing:border-box;white-space:nowrap;display:flex;align-items:center;height:32px;line-height:32px;padding-left:12px}.discuss-panel .atwho-view ul li span{overflow:hidden;text-overflow:ellipsis}.discuss-panel .atwho-view .cur{background-color:rgba(0,0,0,.35)}.discuss-panel .atwho-panel{position:absolute}.discuss-panel .atwho-inner{position:relative}.discuss-panel .atwho-view::-webkit-scrollbar{width:11px;height:11px}.discuss-panel .atwho-view::-webkit-scrollbar-thumb{min-height:36px;border:2px solid transparent;border-top:3px solid transparent;border-bottom:3px solid transparent;background-clip:padding-box;border-radius:7px}@keyframes extendBox{0%{transform:scale(1.2);-webkit-transform:scale(1.2);opacity:1}25%{transform:scale(1.5);-webkit-transform:scale(1.5);opacity:.8}50%{transform:scale(2);-webkit-transform:scale(2);opacity:.6}75%{transform:scale(2.8);-webkit-transform:scale(2.8);opacity:.4}100%{transform:scale(4);-webkit-transform:scale(4);opacity:0}}.mark-base-img{background:url(../images/new_images-fea10d2fa0.png);background-size:1000px 1000px}.show-distance-type{width:68px;height:12px;display:flex;justify-content:space-between;align-items:space-between;margin-bottom:16px;cursor:pointer}.show-distance-type .relative-distance{width:12px;height:12px;border-radius:2px;background:url(../images/new_images-fea10d2fa0.png);background-size:1000px 1000px;background-color:#f56464;background-position:-908px -136px}.show-distance-type .absolute-distance{width:12px;height:12px;border-radius:2px;box-sizing:border-box;border:1px solid rgba(255,255,255,.8)}.show-distance-type .distance-type-tip{font-size:12px;color:#f2f2f2;width:48px;height:12px;line-height:12px}.mark-top{position:fixed;display:flex;background:#4a4a56;top:45px}.mark-top .mark-top-menu{display:flex;height:40px;line-height:40px;justify-content:center;font-size:12px;border-bottom:1px solid rgba(0,0,0,.2);border-right:1px solid rgba(0,0,0,.2)}.mark-top #codePreview,.mark-top #colorModel{width:66px}.mark-top #unit{width:52px}.mark-top #doubleGraph{width:53px}.mark-top .mark-top-doubleGraph{border-right:0}.mark-top .mark-top-doubleGraph .C_selectBox:not(.blank)::after{top:16px}.mark-top .C_selectBox{position:relative;cursor:pointer;color:#fff;width:60px;height:40px;line-height:40px;border-radius:4px;border:0;background:#4a4a56}.mark-top .mark-top .C_selectBox{text-align:center}.mark-top .C_selectBox span{text-indent:0;padding-right:16px;text-align:center}.mark-top .C_selectBox:not(.blank)::after{top:16px;right:5px}.custom-input{position:absolute;width:60px;height:40px;top:0;right:0;z-index:2;background:#4a4a56;color:#fff;text-align:center;font-size:12px;line-height:40px}.mark-data-common{width:140px;height:24px;border-radius:4px;text-indent:8px;font-size:12px;background:rgba(0,0,0,.2);color:rgba(255,255,255,.6)}.mark-body-top{width:208px;margin:16px auto;border-bottom:1px solid rgba(255,255,255,.1)}.mark-body-top .body-top-style{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto}.mark-body-top .body-top-style .style-rect{display:flex;margin-bottom:16px}.mark-body-top .body-top-style .style-rect .style-key{width:20px;line-height:24px}.mark-body-top .body-top-style .style-rect .style-value{width:76px;height:24px;line-height:24px;border-radius:4px;text-indent:8px;font-size:12px;background:rgba(0,0,0,.2);color:rgba(255,255,255,.6)}.mark-data-title{display:flex;height:20px;justify-content:space-between;align-items:center;margin-bottom:16px}.mark-data-title .mark-list-header{font-size:13px;padding-left:6px;border-left:2px solid #f56464}.mark-data-title .export-btn{background-image:url(../images/new_images-fea10d2fa0.png);background-size:1000px 1000px;width:20px;height:20px;background-position:-970px -133px}.mark-list-common{position:relative;width:208px;margin:0 auto;border-bottom:1px solid rgba(255,255,255,.1)}.mark-list-common .mark-list-header{font-size:13px;padding-left:6px;border-left:2px solid #f56464;margin:16px 0;margin-left:-8px}.mark-list-common .mark-list-btn{width:212px;height:28px;font-size:12px;margin:0 auto 16px;opacity:.8;border-radius:4px;background:#3b3c45;border:1px solid #fff;color:#fff;cursor:pointer}.mark-list-common .mark-list-btn:hover{border:1px solid #f56464;color:#f56464}.mark-list-content{display:flex;flex-wrap:wrap;margin-top:16px;line-height:24px}.mark-list-content .list-content-header{width:42px;font-size:12px;opacity:.75}.mark-list-content .word-content-header{width:48px;margin-right:8px}.mark-list-content .style-content-header{width:48px;margin-right:20px}.mark-list-content .mark-color-panel{width:18px;height:18px;margin:auto 0;border-radius:50%;margin-right:8px;box-sizing:border-box}.mark-list-content .mark-color-panel:hover{border:1px solid #fff}.mark-border .mark-color-panel{margin-top:3px}.title-data{width:192px;line-height:28px;padding:0 8px;font-size:12px;border-radius:4px;color:rgba(255,255,255,.6);margin-bottom:16px;background:rgba(0,0,0,.2)}.common-line{display:inline-flex}.common-line .common-line-data{width:54px;overflow:hidden}.common-column{display:inline-flex;margin-left:16px}.common-column .common-column-data{width:54px}.form-color-data{width:140px}.mark-border-data{width:208px;display:flex;justify-content:flex-end}.mark-border-data .border-data{width:64px;margin-left:12px}.common-btn{height:24px;line-height:12px;font-size:12px;border-radius:2px;background:rgba(184,184,208,.12);color:#fff;cursor:pointer;border:1px solid transparent;box-sizing:border-box}.common-btn:hover{border:1px solid #f56464}.font-style{width:208px;display:flex;justify-content:space-between}.parent-set-btn{margin:0 8px 8px 0;padding:6px 8px;margin-bottom:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mark-form{padding-bottom:16px}.mark-border-color{margin-bottom:8px}.mark-list-subelement{padding-bottom:8px}.subelement-btn{margin:0 8px 8px 0;padding:6px 8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:208px}.page-mark-panel .catalog-list>li .name-wrapper{max-width:204px}.page-mark-panel .catalog-list>li.layer-2 .name-wrapper{max-width:188px}.page-mark-panel .catalog-list>li.layer-3 .name-wrapper{max-width:172px}.page-mark-panel .catalog-list>li.layer-4 .name-wrapper{max-width:156px}.page-mark-panel .catalog-list>li.layer-5 .name-wrapper{max-width:140px}.page-mark-panel .catalog-list>li.layer-6 .name-wrapper{max-width:124px}.page-mark-panel .catalog-list>li.layer-7 .name-wrapper{max-width:108px}.page-mark-panel .catalog-list>li.layer-8 .name-wrapper{max-width:92px}.mark-text-content{padding-bottom:16px}.style-color-panel{background:#007aff}.style-border-panel{background:#d3d3d3}.mark-bg-color{overflow:hidden}.mark-style-shadow{display:flex;margin:8px 0 0;justify-content:space-between}.mark-style-shadow .shadow-list{width:44px;height:44px;text-align:center}.mark-style-shadow .shadow-list .shadow-list-head{opacity:.4;font-size:12px;line-height:12px;margin-bottom:8px}.mark-style-shadow .shadow-list .shadow-list-text{height:24px;line-height:24px;background:#2e2f36;border-radius:4px;color:rgba(255,255,255,.6);overflow:hidden}.mark-style-shadow .shadow-x,.mark-style-shadow .shadow-y{position:relative;margin-right:8px}.mark-style-shadow .shadow-blur,.mark-style-shadow .shadow-spread{margin-left:8px}.mark-style-shadow .shadow-y::after{content:'';position:absolute;width:1px;height:10px;right:-8px;top:4px;background:rgba(255,255,255,.1)}.mark-list-text{width:192px;padding:6px 8px;border-radius:4px;font-size:12px;line-height:20px;background:rgba(0,0,0,.2);color:rgba(255,255,255,.6)}.mark-style-data{padding-bottom:16px}.mark-word-text{width:64px;margin-left:12px;margin-bottom:16px}.mark-color-header{font-size:12px;color:#fff;opacity:.6;margin:16px 0 8px}.mark-color-list{position:relative;display:flex;flex-wrap:wrap;width:207px;margin-bottom:10px}.mark-color-list .color-panel:nth-child(8n){margin-right:0}.page-color-list{margin-bottom:6px}.color-panel{width:18px;height:18px;margin:auto 0;border-radius:50%;margin-right:9px;margin-bottom:10px;box-sizing:border-box}.color-panel:hover{border:1px solid #fff}.mark-mode .textC>p{pointer-events:none}.page-mark-panel .name-wrapper{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mark-css{border-bottom:0}.mark-css .mark-css-copy{position:absolute;width:20px;height:20px;right:0;top:0;background:url(../images/new_images-fea10d2fa0.png);background-size:1000px 1000px;background-position:-459px -449px;cursor:pointer}.mark-css .mark-css-data{width:192px;padding:6px 8px;border-radius:4px;margin-bottom:20px;font-size:12px;background:rgba(0,0,0,.2);color:rgba(255,255,255,.6)}.mark-css .mark-css-data pre{white-space:pre-wrap;user-select:text}.pageStructTool{position:relative;color:#fff;font-size:13px;margin:10px 12px;padding-bottom:8px;background:#3c3c45;border-bottom:solid 1px rgba(255,255,255,.1);z-index:1}.pageStructTool span{margin-left:20px}.pageStructTool:before{position:absolute;content:'';background-image:url(../images/new_images-fea10d2fa0.png);background-size:1000px 1000px;background-position:-145px -469px;height:20px;width:20px;top:-1px;left:-1px}.pageStructTool.contr-struct-tool:before{background-position:-5px -489px}.pageStructTool .toolBox{position:absolute;top:2px;right:2px}.pageStructTool .toolBox i{font-size:18px;cursor:pointer;margin-left:5px}.pageStructTool .add-folder{background-position:-186px -470px}.pageStructTool .add-page{background-position:-26px -490px}.pageStructTool .search-struct{background-position:-46px -490px}.pageStructTool .fold-all-struct{background-position:-279px -203px}.pageStructTool .fold-all-struct.struct-is-fold{background-position:-299px -203px}.struct-tab-box .struct-tab{display:inline-block;color:#fff;line-height:30px;width:65px;margin:10px 15px 0 30px;text-align:center;cursor:pointer;font-size:14px}.struct-tab-box .struct-tab.active{color:#f56464;border-bottom:2px solid #f56464}.preview-page-panel.page-mark-panel .page-num{margin:10px 10px 0}.preview-page-panel.page-mark-panel .preview-pages{top:80px;bottom:0}.struct-search-container{position:relative;height:32px;margin:6px 12px;margin-top:4px;border-bottom:1px solid #f56464}.struct-search-container input{color:#fff;text-align:left;line-height:32px;font-size:13px;text-indent:16px}.struct-search-container .new-base-img.search{background-image:url(../images/new_images-fea10d2fa0.png);background-size:1000px 1000px;position:absolute;display:block;width:12px;height:12px;background-position:-260px -205px;left:0;top:10px}.struct-search-container .cancel-search{position:absolute;width:20px;height:20px;right:0;top:6px;background-position:-618px -3px;cursor:pointer}.struct-search-container .cancel-search:hover{background-position:-618px -23px}.share-tip-box .share-code{position:absolute;right:-6px;top:2px;width:40px;height:40px}.share-tip-box .share-popup{position:absolute;display:flex;align-items:center;width:184px;height:52px;top:50px;left:-100px;background:#3c3d43;color:#fff;font-size:12px;box-sizing:border-box;border:1px solid #eee;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.5)}.share-tip-box .share-popup:before{content:"";position:absolute;left:111px;top:-6px;border-width:0 6px 6px;border-style:solid;border-color:transparent transparent #3c3d43;z-index:10}.share-tip-box .share-popup:after{content:"";position:absolute;left:109px;top:-8px;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #eee;z-index:0}.share-tip-box .share-popup.popup-right{left:-150px}.share-tip-box .share-popup.popup-right:before{left:161px}.share-tip-box .share-popup.popup-right:after{left:159px}.share-tip-box .share-popup .popup-img{width:24px;height:24px;background:url(../images/new_images-fea10d2fa0.png);background-size:1000px 1000px;background-position:-128px -650px;margin:0 8px 0 14px}.share-tip-box .anim-breath-dom,.share-tip-box .anim-breath::after{content:'';position:absolute;left:50%;top:50%;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.3);border:1px solid #fff;transform:translate(-50%,-50%);animation:breath 2.5s ease-in-out both;animation-iteration-count:infinite}@keyframes breath{0%{opacity:.3;transform:translate(-50%,-50%) scale(1)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1)}75%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}100%{opacity:.3;transform:translate(-50%,-50%) scale(1)}}.note-popover{position:fixed;left:300px;top:100px;width:240px;padding:15px;box-sizing:border-box;background:rgba(60,61,67,.97);line-height:1.8;color:#fff;border-radius:4px;box-shadow:0 4px 7px rgba(0,0,0,.2);transition:opacity .1s;z-index:2}.note-popover pre{font-family:inherit;white-space:pre-wrap;word-wrap:break-word;font-size:inherit;width:100%;display:inline-block}.project-panel{top:0;margin:0 auto;cursor:crosshair;position:absolute;width:100%;height:100%;z-index:4}.project-panel.is-create-dot .spot-box{pointer-events:none}.project-panel .solved-dot{opacity:.5}.project-panel .mouse-tip{width:156px;height:36px;background:rgba(0,0,0,.5);border:1px solid #fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.25);text-align:center;line-height:36px;color:#fff;font-size:12px;position:fixed;border-radius:4px}.project-panel .hover-discuss-dot{transform:scale(1.2)}.project-panel.is-click-dot .click .extend-box{position:absolute;width:38px;height:38px;border-radius:19px;background:#f56464;opacity:0;top:0;left:0;animation:.5s extendBox ease;z-index:-1}.project-panel .create-dot .dot-point{transform:scale(1.2)}.project-panel.is-hover-dot .spot-box{opacity:.5}.project-panel.is-hover-dot .spot-box .solved-dot{opacity:1}.project-panel.is-hover-dot .spot-box:hover{opacity:1}.project-panel.is-hover-dot .hover{opacity:1;z-index:100}.project-panel.is-hover-dot .hover .dot-point{transform:scale(1.2)}.project-panel .edit-dot{display:none}.project-panel.is-normal{cursor:default}.project-panel.is-normal .mouse-tip{display:none}.project-panel.is-create-dot .spot-box{opacity:.5}.project-panel.is-create-dot .spot-box .solved-dot{opacity:1}.project-panel.is-create-dot .spot-box:not(.create-dot):hover .dot-point{transform:scale(1)}.project-panel.is-create-dot .spot-box.create-dot{opacity:1}.project-panel.is-create-dot .spot-box.create-dot .dot-point{opacity:1;transform:scale(1.2)}.project-panel .my-area .drag-area{cursor:move}.project-panel .my-dot{cursor:move}.project-panel .spot-drag-box.spot-has-area>.dot-box{pointer-events:none}.project-panel .spot-drag-box .drag-area{cursor:move}.project-panel .spot-drag-box .dot-box{cursor:move}.project-panel .spot-box .drag-box{display:none}.project-panel .spot-box .my-drag{display:block}.project-panel .spot-box.spot-has-area>.dot-box{pointer-events:none}.project-panel .hover-spot-box{width:1000px}.project-panel .hover-spot-box .dot-box .dot-point{transform:scale(1.2)}.project-panel .dot-box{position:absolute;z-index:1}.project-panel .dot-box:hover{z-index:1}.project-panel .dot-box:hover .dot-point{transform:scale(1.2)}.project-panel .dot-box .dot-point{box-shadow:0 3px 5px rgba(0,0,0,.2);width:38px;height:38px;background:#fff;border-radius:19px;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .2s}.project-panel .dot-box .dot-point .index-dot{width:32px;height:32px;border-radius:16px;text-align:center;line-height:32px;font-size:18px;background:#f56464;color:#fff}.project-panel .dot-box .dot-point .solved-dot{width:32px;height:32px;border-radius:16px;background-color:#5cc465;background-position:-874px -128px}.project-panel .drag-area{border:1px solid #f56464;box-sizing:border-box;background:rgba(245,100,100,.2);position:absolute;cursor:default}.project-panel .solved-drag-area{border:1px solid #ffb4b4;background:rgba(255,180,180,.2)}.project-panel .drag-box{width:4px;height:4px;border:1px solid #000;background:#fff;position:absolute;cursor:se-resize}.note-popover-enter{opacity:.01}.note-popover-enter.note-popover-enter-active{opacity:1}.note-popover-leave{opacity:1}.note-popover-leave.note-popover-leave-active{opacity:.01}