.screen-shot-bg{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);z-index:1005}.screen-shot-bg .screen-shot-container{animation:popshow .3s ease-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:840px;height:588px;background:#fff;box-shadow:0 0 10px 0 rgba(196,196,196,.5);border-radius:4px}.screen-shot-bg .screen-shot-container.vertical{height:616px}.screen-shot-bg .screen-shot-container .uploading-cover{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.25);display:none;z-index:999}.screen-shot-bg .screen-shot-container .insert-video-close{position:absolute;top:24px;right:24px;width:36px;height:36px;text-align:center;line-height:36px;cursor:pointer}.screen-shot-bg .screen-shot-container .insert-video-close .close-icon{color:#999;font-size:14px}.screen-shot-bg .screen-shot-container .insert-video-close:hover .close-icon{color:#6b7a84}.screen-shot-bg .screen-shot-container .insert-video-tab{margin:24px 24px auto}.screen-shot-bg .screen-shot-container .insert-video-tab .tab-item{display:inline-block;padding-bottom:6px;margin-right:36px;font-size:16px;color:#333;line-height:1}.screen-shot-bg .screen-shot-container .insert-video-tab .tab-item.active{color:#4dc86f;border-bottom:2px solid #4dc86f}.screen-shot-bg .screen-shot-container .chose-cover{display:inline-block;font-family:PingFangSC-Regular;font-size:16px;color:#33cc75;padding:24px 0 6px;margin-left:24px;border-bottom:2px solid #33cc75}.screen-shot-bg .screen-shot-container .close{float:right;right:14px;cursor:pointer;height:36px;width:36px;font-size:30px;color:#5b5b5b;text-align:center}.screen-shot-bg .screen-shot-container .placeholder{display:block;margin:114px auto 0}.screen-shot-bg .screen-shot-container .text-wait{text-align:center;font-family:PingFangSC-Medium;font-size:20px;color:#333;margin:15px auto 0;line-height:20px}.screen-shot-bg .screen-shot-container .text-upload{text-align:center;font-family:PingFangSC-Regular;margin:15px auto 0;font-size:16px;color:#999;line-height:16px}.screen-shot-bg .screen-shot-container .confirm-btn{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-family:PingFangSC-Regular;width:86px;height:36px;background-image:linear-gradient(-90deg,#29cfb3 0,#33cc75 99%);border-radius:4px;text-align:center;color:#fff;font-size:14px;line-height:36px;cursor:pointer}.screen-shot-bg .screen-shot-container .confirm-btn .uploading{display:inline-block;background-image:url(http://gss0.bdstatic.com/7051cy89RcgCncy6lo7D0j9wexYrbOWh7c50/iknow/pc-answer-video/uploading.png);background-size:100% 100%;width:16px;height:16px;transform-origin:center;animation:rotate 3s linear infinite;vertical-align:middle;margin-right:4px}.screen-shot-bg .screen-shot-container .screenshot-preview{width:528px;height:317px;background-size:auto 100%;background-position:center center;background-repeat:no-repeat;position:relative}.screen-shot-bg .screen-shot-container .screenshot-preview.vertical{border:1px solid #efefef;box-sizing:border-box;width:530px!important;height:319px!important}.screen-shot-bg .screen-shot-container .screenshot-preview .width-box{box-sizing:border-box;opacity:0;position:absolute;display:inline-block;word-break:break-all;table-layout:fixed;font-size:40px;max-width:320px;font-weight:700;cursor:default}.screen-shot-bg .screen-shot-container .screenshot-preview .width-box-vertical{box-sizing:border-box;opacity:0;position:absolute;display:inline-block;word-break:break-all;table-layout:fixed;font-size:20px;max-width:120px;font-weight:700;cursor:default}.screen-shot-bg .screen-shot-container .screenshot-preview .line-vertical{display:none;z-index:1;width:100%;box-sizing:border-box;border-bottom:1px dashed rgba(255,255,255,.7);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.screen-shot-bg .screen-shot-container .screenshot-preview .line-transverse{display:none;z-index:1;height:100%;box-sizing:border-box;border-left:1px dashed rgba(255,255,255,.7);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box{background-repeat:no-repeat;background-size:contain;position:relative}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .safe-area{width:100%;height:224px;box-sizing:border-box;border:1px dashed transparent;position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%)}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .drag{cursor:move;display:inline-block;position:absolute}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .drag .textarea{word-break:break-all;table-layout:fixed;min-height:24px;line-height:24px;background:transparent;max-width:120px;overflow:hidden;font-size:20px;border:0 none;outline:0;resize:none;font-weight:700}@media screen and (-webkit-min-device-pixel-ratio:0){.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .drag .textarea textarea{font-family:"PingFang SC"}}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .drag .close-area{width:100px;height:30px;background-color:transparent;position:absolute;top:-30px;right:0;cursor:default;display:none}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .drag .close-area .big-font{box-sizing:border-box;width:20px;height:20px;position:absolute;top:50%;right:50%;font-size:12px;color:rgba(255,255,255,.7);line-height:20px;text-align:center;border-radius:4px;transform:translateY(-50%);background:rgba(0,0,0,.5);cursor:pointer}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .drag .close-area .big-font.font-active{background:#FFF;border:1px solid #33CC75;color:#33CC75;line-height:18px}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .drag .close-area .big-font:hover{border:1px solid #33CC75;line-height:18px}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .drag .close-area .little-font{box-sizing:border-box;width:20px;height:20px;position:absolute;top:50%;right:25%;font-size:12px;color:rgba(255,255,255,.7);line-height:20px;text-align:center;border-radius:4px;transform:translateY(-50%);background:rgba(0,0,0,.5);cursor:pointer}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .drag .close-area .little-font.font-active{background:#FFF;border:1px solid #33CC75;color:#33CC75;line-height:18px}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .drag .close-area .little-font:hover{border:1px solid #33CC75;line-height:18px}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .drag .close-area .close-icon{box-sizing:border-box;width:20px;height:20px;position:absolute;top:50%;right:0;border-radius:4px;transform:translateY(-50%);background:rgba(0,0,0,.5);cursor:pointer}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .drag .close-area .close-icon:hover{border:1px solid #33CC75}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .drag .close-area .close-icon::after{width:13px;height:13px;position:absolute;content:'';display:block;top:50%;left:50%;transform:translate(-50%,-50%);background:url(https://gss0.bdstatic.com/7051cy89RcgCncy6lo7D0j9wexYrbOWh7c50/iknow/cover-image-process/delete.png) center center no-repeat;background-size:contain}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .first-bgc>div:nth-child(1){background-color:#bdcff9;border:2px solid #8777B8;border-radius:12px;box-sizing:border-box;width:100%;height:100%;position:absolute;top:7px}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .first-bgc>div:nth-child(2){position:relative;top:0;background:#FEEBFD;border:2px solid #8777B8;border-radius:12px;box-sizing:border-box;padding:7px 11px 2px 12px;z-index:20}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .first-bgc>div>textarea{color:#FD52A2}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .first-bgc>div>textarea::-webkit-input-placeholder{color:rgba(253,82,162,.3)}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .first-bgc .active-line{z-index:1;width:calc(100% + 6px);height:calc(100% + 11px);top:-3px;left:-4px;position:absolute;border:1px solid #0078FF;display:none}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .second-bgc{padding:7px 11px 7px 12px}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .second-bgc .active-line{z-index:1;width:calc(100% + 6px);height:calc(100% + 11px);top:-3px;left:-4px;position:absolute;border:1px solid #0078FF;display:none}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .second-bgc .textarea{-webkit-text-stroke:1px #1645C1;text-shadow:0 0 1px #1645C1;color:#fff}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .second-bgc textarea::-webkit-input-placeholder{-webkit-text-stroke:1px #1645C1;text-shadow:0 0 1px #1645C1;color:#fff;opacity:.3}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .third-bgc>div:nth-child(1){left:0;background-color:#FCD06C;border:2px solid #000;box-sizing:border-box;width:calc(100% + 5px);height:calc(100% + 6px);position:absolute;top:0;border-radius:12px}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .third-bgc>div:nth-child(1)::before{display:block;content:'';position:absolute;bottom:-16px;width:0;height:0;z-index:2;right:20px;border:9px solid;border-color:#FCD06C transparent transparent}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .third-bgc>div:nth-child(1)::after{display:block;content:'';position:absolute;bottom:-21px;width:0;height:0;z-index:1;right:19px;border:10px solid;border-color:#000 transparent transparent}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .third-bgc>div:nth-child(2)::before{display:block;content:'';position:absolute;bottom:-15px;width:0;height:0;z-index:10;right:23px;border:8px solid;border-color:#FFF transparent transparent}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .third-bgc>div:nth-child(2){position:relative;top:0;background:#FFF;border:2px solid #000;border-radius:12px;box-sizing:border-box;padding:4px 5px 0 8px;z-index:20}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .third-bgc>div>textarea{color:#FFC428}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .third-bgc>div>textarea::-webkit-input-placeholder{color:#FFC428;opacity:.4}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .third-bgc>div:nth-child(2)::after{display:block;content:'';position:absolute;bottom:-18px;width:0;height:0;z-index:9;right:23px;border:8px solid;border-color:#000 transparent transparent}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .third-bgc .active-line{z-index:1;width:calc(100% + 7px);height:calc(100% + 18px);top:-3px;left:-2px;position:absolute;border:1px solid #0078FF;display:none}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .forth-bgc{z-index:20;padding:5px 6px 1px 7px;background-color:#FFF}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .forth-bgc .textarea{color:#3B0175}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .forth-bgc textarea::-webkit-input-placeholder{color:#3B0175;opacity:.4}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .forth-bgc::before{position:absolute;width:calc(100% - -2px);left:2px;height:6px;bottom:-6px;content:'';background:#A280F4;z-index:-1;transform:skewX(45deg)}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .forth-bgc::after{position:absolute;width:5px;height:100%;top:2px;right:-5px;content:'';background:#8658E5;z-index:-1;transform:skewY(45deg)}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .forth-bgc .active-line{z-index:1;width:calc(100% + 11px);height:calc(100% + 10px);top:-3px;left:-4px;position:absolute;border:1px solid #0078FF;display:none}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .fifth-bgc .active-line{z-index:1;width:calc(100% + 11px);height:calc(100% + 10px);top:-3px;left:-3px;position:absolute;border:1px solid #0078FF;display:none}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .fifth-bgc>div:nth-child(1){box-sizing:border-box;height:calc(100% - 5px);width:calc(100% - 3px);position:absolute;top:11px;right:-6px;border-bottom:2px solid #000;border-right:2px solid #000}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .fifth-bgc>div:nth-child(2)::before{display:block;content:'';position:absolute;bottom:2px;width:0;height:0;z-index:2;right:1px;border:7px solid;border-color:#000 transparent transparent;transform:rotate(135deg)}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .fifth-bgc>div:nth-child(2)::after{display:block;content:'';position:absolute;bottom:10px;width:32px;height:2px;z-index:2;right:-20px;background-color:#000;transform:rotate(135deg)}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .fifth-bgc>div:nth-child(2){z-index:20;position:relative;top:0;background:rgba(255,255,255,.8);border:2px solid #000;box-sizing:border-box;padding:4px 6px 2px 7px;clip-path:polygon(0 0,100% 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 100%,0 0)}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .fifth-bgc>div>textarea{color:#000}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .fifth-bgc>div>textarea::-webkit-input-placeholder{color:#000;opacity:.4}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .sixth-bgc{z-index:20;padding:7px 11px 0 12px;background:rgba(197,34,38,.6)}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .sixth-bgc .textarea{color:#fff}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .sixth-bgc textarea::-webkit-input-placeholder{color:#fff;opacity:.6}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .sixth-bgc .active-line{z-index:1;width:calc(100% + 5px);height:calc(100% + 5px);top:-3px;left:-3px;position:absolute;border:1px solid #0078FF;display:none}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .seventh-bgc .close-icon{top:25%!important}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .seventh-bgc .font{top:25%!important}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .seventh-bgc .active-line{z-index:1;width:calc(100% + 18px);height:calc(100% + 18px);top:-10px;left:-10px;position:absolute;border:1px solid #0078FF;display:none}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .seventh-bgc>div:nth-child(1){background-color:rgba(255,255,255,.8);border:1px solid #000;box-sizing:border-box;width:calc(100% + 10px);height:calc(100% + 10px);position:absolute;top:-5px;left:-5px}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .seventh-bgc>div:nth-child(1) div:nth-child(1){position:absolute;width:4px;height:8px;top:-4px;left:-1px;border-left:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .seventh-bgc>div:nth-child(1) div:nth-child(2){position:absolute;width:8px;height:4px;top:-1px;left:-4px;border-top:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .seventh-bgc>div:nth-child(1) div:nth-child(3){position:absolute;width:4px;height:8px;top:-4px;right:-1px;border-left:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .seventh-bgc>div:nth-child(1) div:nth-child(4){position:absolute;width:8px;height:4px;top:-1px;right:-4px;border-top:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .seventh-bgc>div:nth-child(1) div:nth-child(5){position:absolute;width:4px;height:8px;bottom:-4px;right:-1px;border-left:1px solid #000;border-top:1px solid #000;border-right:1px solid #000}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .seventh-bgc>div:nth-child(1) div:nth-child(6){position:absolute;width:8px;height:4px;bottom:-1px;right:-4px;border-top:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .seventh-bgc>div:nth-child(1) div:nth-child(7){position:absolute;width:4px;height:8px;bottom:-4px;left:-1px;border-left:1px solid #000;border-top:1px solid #000;border-right:1px solid #000}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .seventh-bgc>div:nth-child(1) div:nth-child(8){position:absolute;width:8px;height:4px;bottom:-1px;left:-4px;border-top:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .seventh-bgc>div:nth-child(2){z-index:20;position:relative;top:0;background:#FFF;border:1px solid #000;box-sizing:border-box;padding:4px 5px 2px}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .seventh-bgc>div>textarea{color:#000}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .seventh-bgc>div>textarea::-webkit-input-placeholder{color:#000;opacity:.4}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .eighth-bgc{padding:7px 11px 7px 12px}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .eighth-bgc .textarea{-webkit-text-stroke:1px #000;text-shadow:0 0 1px #000;color:#FCC403}.screen-shot-bg .screen-shot-container .screenshot-preview .vertical-box .eighth-bgc textarea::-webkit-input-placeholder{-webkit-text-stroke:1px #000;text-shadow:0 0 1px #000;color:#FCC403;opacity:.3}.screen-shot-bg .screen-shot-container .screenshot-preview .safe-area{width:440px;height:257px;box-sizing:border-box;border:1px dashed transparent;position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%)}.screen-shot-bg .screen-shot-container .screenshot-preview .drag{cursor:move;display:inline-block;position:absolute}@media screen and (-webkit-min-device-pixel-ratio:0){.screen-shot-bg .screen-shot-container .screenshot-preview .drag textarea{font-family:"PingFang SC"}}.screen-shot-bg .screen-shot-container .screenshot-preview .drag .textarea{word-break:break-all;table-layout:fixed;min-height:46px;line-height:46px;background:transparent;max-width:320px;overflow:hidden;font-size:40px;border:0 none;outline:0;resize:none;font-weight:700}.screen-shot-bg .screen-shot-container .screenshot-preview .drag .close-area{width:100px;height:30px;background-color:transparent;position:absolute;top:-30px;right:0;cursor:default;display:none}.screen-shot-bg .screen-shot-container .screenshot-preview .drag .close-area .big-font{box-sizing:border-box;width:20px;height:20px;position:absolute;top:50%;right:50%;font-size:12px;color:rgba(255,255,255,.7);line-height:20px;text-align:center;border-radius:4px;transform:translateY(-50%);background:rgba(0,0,0,.5);cursor:pointer}.screen-shot-bg .screen-shot-container .screenshot-preview .drag .close-area .big-font.font-active{background:#FFF;border:1px solid #33CC75;color:#33CC75;line-height:18px}.screen-shot-bg .screen-shot-container .screenshot-preview .drag .close-area .big-font:hover{border:1px solid #33CC75;line-height:18px}.screen-shot-bg .screen-shot-container .screenshot-preview .drag .close-area .little-font{box-sizing:border-box;width:20px;height:20px;position:absolute;top:50%;right:25%;font-size:12px;color:rgba(255,255,255,.7);line-height:20px;text-align:center;border-radius:4px;transform:translateY(-50%);background:rgba(0,0,0,.5);cursor:pointer}.screen-shot-bg .screen-shot-container .screenshot-preview .drag .close-area .little-font:hover{border:1px solid #33CC75;line-height:18px}.screen-shot-bg .screen-shot-container .screenshot-preview .drag .close-area .little-font.font-active{background:#FFF;border:1px solid #33CC75;color:#33CC75;line-height:18px}.screen-shot-bg .screen-shot-container .screenshot-preview .drag .close-area .close-icon{box-sizing:border-box;width:20px;height:20px;position:absolute;top:50%;right:0;border-radius:4px;transform:translateY(-50%);background:rgba(0,0,0,.5);cursor:pointer}.screen-shot-bg .screen-shot-container .screenshot-preview .drag .close-area .close-icon:hover{border:1px solid #33CC75}.screen-shot-bg .screen-shot-container .screenshot-preview .drag .close-area .close-icon::after{width:13px;height:13px;position:absolute;content:'';display:block;top:50%;left:50%;transform:translate(-50%,-50%);background:url(https://gss0.bdstatic.com/7051cy89RcgCncy6lo7D0j9wexYrbOWh7c50/iknow/cover-image-process/delete.png) center center no-repeat;background-size:contain}.screen-shot-bg .screen-shot-container .screenshot-preview .first-bgc>div:nth-child(1){background-color:#bdcff9;border:3px solid #8777B8;border-radius:20px;box-sizing:border-box;width:100%;height:100%;position:absolute;top:12px}.screen-shot-bg .screen-shot-container .screenshot-preview .first-bgc .active-line{z-index:1;width:calc(100% + 6px);height:calc(100% + 16px);top:-3px;left:-4px;position:absolute;border:1px solid #0078FF;display:none}.screen-shot-bg .screen-shot-container .screenshot-preview .first-bgc>div:nth-child(2){z-index:20;position:relative;top:0;background:#FEEBFD;border:3px solid #8777B8;border-radius:20px;box-sizing:border-box;padding:13px 2px 2px 15px}.screen-shot-bg .screen-shot-container .screenshot-preview .first-bgc>div>textarea{color:#FD52A2}.screen-shot-bg .screen-shot-container .screenshot-preview .first-bgc>div>textarea::-webkit-input-placeholder{color:rgba(253,82,162,.3)}.screen-shot-bg .screen-shot-container .screenshot-preview .second-bgc{z-index:20;padding:7px 11px 7px 12px}.screen-shot-bg .screen-shot-container .screenshot-preview .second-bgc .textarea{-webkit-text-stroke:1px #1645C1;text-shadow:0 0 1px #1645C1;color:#fff}.screen-shot-bg .screen-shot-container .screenshot-preview .second-bgc textarea::-webkit-input-placeholder{-webkit-text-stroke:1px #1645C1;text-shadow:0 0 1px #1645C1;color:#fff;opacity:.3}.screen-shot-bg .screen-shot-container .screenshot-preview .second-bgc .active-line{z-index:1;width:calc(100% + 6px);height:calc(100% + 16px);top:-3px;left:-4px;position:absolute;border:1px solid #0078FF;display:none}.screen-shot-bg .screen-shot-container .screenshot-preview .third-bgc .active-line{z-index:1;width:calc(100% + 13px);height:calc(100% + 22px);top:-3px;left:-4px;position:absolute;border:1px solid #0078FF;display:none}.screen-shot-bg .screen-shot-container .screenshot-preview .third-bgc>div:nth-child(1){left:0;background-color:#FCD06C;border:3px solid #000;box-sizing:border-box;width:calc(100% + 7px);height:calc(100% + 9px);position:absolute;top:1px;border-radius:20px}.screen-shot-bg .screen-shot-container .screenshot-preview .third-bgc>div:nth-child(1)::before{display:block;content:'';position:absolute;bottom:-16px;width:0;height:0;z-index:2;right:20px;border:9px solid;border-color:#FCD06C transparent transparent}.screen-shot-bg .screen-shot-container .screenshot-preview .third-bgc>div:nth-child(1)::after{display:block;content:'';position:absolute;bottom:-22px;width:0;height:0;z-index:1;right:18px;border:11px solid;border-color:#000 transparent transparent}.screen-shot-bg .screen-shot-container .screenshot-preview .third-bgc>div:nth-child(2)::before{display:block;content:'';position:absolute;bottom:-15px;width:0;height:0;z-index:10;right:23px;border:9px solid;border-color:#FFF transparent transparent}.screen-shot-bg .screen-shot-container .screenshot-preview .third-bgc>div:nth-child(2){z-index:20;position:relative;top:0;background:#FFF;border:3px solid #000;border-radius:20px;box-sizing:border-box;padding:13px 14px 5px}.screen-shot-bg .screen-shot-container .screenshot-preview .third-bgc>div>textarea{color:#FFC428}.screen-shot-bg .screen-shot-container .screenshot-preview .third-bgc>div>textarea::-webkit-input-placeholder{color:#FFC428;opacity:.4}.screen-shot-bg .screen-shot-container .screenshot-preview .third-bgc>div:nth-child(2)::after{display:block;content:'';position:absolute;bottom:-19px;width:0;height:0;z-index:9;right:23px;border:9px solid;border-color:#000 transparent transparent}.screen-shot-bg .screen-shot-container .screenshot-preview .forth-bgc{z-index:20;padding:7px 11px 7px 12px;background-color:#FFF}.screen-shot-bg .screen-shot-container .screenshot-preview .forth-bgc .textarea{color:#3B0175}.screen-shot-bg .screen-shot-container .screenshot-preview .forth-bgc textarea::-webkit-input-placeholder{color:#3B0175;opacity:.4}.screen-shot-bg .screen-shot-container .screenshot-preview .forth-bgc .active-line{z-index:1;width:calc(100% + 18px);height:calc(100% + 17px);top:-3px;left:-4px;position:absolute;border:1px solid #0078FF;display:none}.screen-shot-bg .screen-shot-container .screenshot-preview .forth-bgc::before{position:absolute;width:100%;left:7px;height:12px;bottom:-12px;content:'';background:#A280F4;z-index:-1;transform:skewX(45deg)}.screen-shot-bg .screen-shot-container .screenshot-preview .forth-bgc::after{position:absolute;width:12px;height:100%;top:7px;right:-12px;content:'';background:#8658E5;z-index:-1;transform:skewY(45deg)}.screen-shot-bg .screen-shot-container .screenshot-preview .fifth-bgc .active-line{z-index:1;width:calc(100% + 16px);height:calc(100% + 16px);top:-4px;left:-4px;position:absolute;border:1px solid #0078FF;display:none}.screen-shot-bg .screen-shot-container .screenshot-preview .fifth-bgc>div:nth-child(1){box-sizing:border-box;height:calc(100% - 5px);width:calc(100% - 3px);position:absolute;top:15px;right:-10px;border-bottom:2px solid #000;border-right:2px solid #000}.screen-shot-bg .screen-shot-container .screenshot-preview .fifth-bgc>div:nth-child(2)::before{display:block;content:'';position:absolute;bottom:4px;width:0;height:6px;z-index:2;right:6px;border:14px solid;border-color:#000 transparent transparent;transform:rotate(135deg)}.screen-shot-bg .screen-shot-container .screenshot-preview .fifth-bgc>div:nth-child(2)::after{display:block;content:'';position:absolute;bottom:9px;width:38px;height:3px;z-index:2;right:-14px;background-color:#000;transform:rotate(135deg)}.screen-shot-bg .screen-shot-container .screenshot-preview .fifth-bgc>div:nth-child(2){z-index:20;position:relative;top:0;background:rgba(255,255,255,.8);border:3px solid #000;box-sizing:border-box;padding:7px 11px 2px 12px;clip-path:polygon(0 0,100% 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 100%,0 0)}.screen-shot-bg .screen-shot-container .screenshot-preview .fifth-bgc>div>textarea{color:#000}.screen-shot-bg .screen-shot-container .screenshot-preview .fifth-bgc>div>textarea::-webkit-input-placeholder{color:#000;opacity:.4}.screen-shot-bg .screen-shot-container .screenshot-preview .sixth-bgc{z-index:20;padding:7px 11px 0 12px;background:rgba(197,34,38,.6)}.screen-shot-bg .screen-shot-container .screenshot-preview .sixth-bgc .textarea{color:#fff}.screen-shot-bg .screen-shot-container .screenshot-preview .sixth-bgc textarea::-webkit-input-placeholder{color:#fff;opacity:.6}.screen-shot-bg .screen-shot-container .screenshot-preview .sixth-bgc .active-line{z-index:1;width:calc(100% + 6px);height:calc(100% + 6px);top:-4px;left:-4px;position:absolute;border:1px solid #0078FF;display:none}.screen-shot-bg .screen-shot-container .screenshot-preview .seventh-bgc .active-line{z-index:1;width:calc(100% + 34px);height:calc(100% + 34px);top:-18px;left:-17px;position:absolute;border:1px solid #0078FF;display:none}.screen-shot-bg .screen-shot-container .screenshot-preview .seventh-bgc .close-icon{top:2%!important}.screen-shot-bg .screen-shot-container .screenshot-preview .seventh-bgc .font{top:2%!important}.screen-shot-bg .screen-shot-container .screenshot-preview .seventh-bgc>div:nth-child(1){background-color:rgba(255,255,255,.8);border:1px solid #000;box-sizing:border-box;width:calc(100% + 13px);height:calc(100% + 12px);position:absolute;top:-6px;left:-6px}.screen-shot-bg .screen-shot-container .screenshot-preview .seventh-bgc>div:nth-child(1) div:nth-child(1){position:absolute;width:5px;height:14px;top:-9px;left:-1px;border-left:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000}.screen-shot-bg .screen-shot-container .screenshot-preview .seventh-bgc>div:nth-child(1) div:nth-child(2){position:absolute;width:14px;height:5px;top:-1px;left:-9px;border-top:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000}.screen-shot-bg .screen-shot-container .screenshot-preview .seventh-bgc>div:nth-child(1) div:nth-child(3){position:absolute;width:6px;height:14px;top:-9px;right:-1px;border-left:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000}.screen-shot-bg .screen-shot-container .screenshot-preview .seventh-bgc>div:nth-child(1) div:nth-child(4){position:absolute;width:15px;height:5px;top:-1px;right:-9px;border-top:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000}.screen-shot-bg .screen-shot-container .screenshot-preview .seventh-bgc>div:nth-child(1) div:nth-child(5){position:absolute;width:6px;height:14px;bottom:-9px;right:-1px;border-left:1px solid #000;border-top:1px solid #000;border-right:1px solid #000}.screen-shot-bg .screen-shot-container .screenshot-preview .seventh-bgc>div:nth-child(1) div:nth-child(6){position:absolute;width:15px;height:5px;bottom:-1px;right:-9px;border-top:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000}.screen-shot-bg .screen-shot-container .screenshot-preview .seventh-bgc>div:nth-child(1) div:nth-child(7){position:absolute;width:5px;height:14px;bottom:-9px;left:-1px;border-left:1px solid #000;border-top:1px solid #000;border-right:1px solid #000}.screen-shot-bg .screen-shot-container .screenshot-preview .seventh-bgc>div:nth-child(1) div:nth-child(8){position:absolute;width:14px;height:5px;bottom:-1px;left:-9px;border-top:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000}.screen-shot-bg .screen-shot-container .screenshot-preview .seventh-bgc>div:nth-child(2){z-index:20;position:relative;top:0;background:#FFF;border:1px solid #000;box-sizing:border-box;padding:7px 11px 2px 12px}.screen-shot-bg .screen-shot-container .screenshot-preview .seventh-bgc>div>textarea{color:#000}.screen-shot-bg .screen-shot-container .screenshot-preview .seventh-bgc>div>textarea::-webkit-input-placeholder{color:#000;opacity:.4}.screen-shot-bg .screen-shot-container .screenshot-preview .eighth-bgc{padding:7px 11px 7px 12px}.screen-shot-bg .screen-shot-container .screenshot-preview .eighth-bgc .textarea{-webkit-text-stroke:1px #000;text-shadow:0 0 1px #000;color:#FCC403}.screen-shot-bg .screen-shot-container .screenshot-preview .eighth-bgc textarea::-webkit-input-placeholder{-webkit-text-stroke:1px #000;text-shadow:0 0 1px #000;color:#FCC403;opacity:.3}.screen-shot-bg .chose-screenshot-text{text-align:left;font-family:PingFangSC-Regular;font-size:14px;line-height:14px;color:#333;margin:15px auto 0}.screen-shot-bg .padding-box{width:100%;box-sizing:border-box;padding-left:50px;padding-top:23px}.screen-shot-bg .titlebgc-choose-box{overflow-y:auto;position:absolute;right:50px;top:74px;height:408px;width:192px;background:#F5F5F5;border-radius:4px}.screen-shot-bg .titlebgc-choose-box .titlebgc-title{height:44px;width:100%;font-size:16px;color:#303030;letter-spacing:0;line-height:44px;text-align:center}.screen-shot-bg .titlebgc-choose-box .bgc-box{width:155px;height:364px;overflow-y:auto;margin:0 10px 0 27px}.screen-shot-bg .titlebgc-choose-box .bgc-box .titlebgc-item{width:138px;height:70px;background:#E6E6E6;border-radius:6px;margin-bottom:10px;position:relative}.screen-shot-bg .titlebgc-choose-box .bgc-box .titlebgc-item .item{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:48px;width:98px;background-repeat:no-repeat;background-position:center;background-size:contain}.screen-shot-bg .titlebgc-choose-box .bgc-box .titlebgc-item .item1{background-image:url(https://gss0.bdstatic.com/7051cy89RcgCncy6lo7D0j9wexYrbOWh7c50/iknow/cover-image-process/pic1.png)}.screen-shot-bg .titlebgc-choose-box .bgc-box .titlebgc-item .item2{background-image:url(https://gss0.bdstatic.com/7051cy89RcgCncy6lo7D0j9wexYrbOWh7c50/iknow/cover-image-process/pic2.png)}.screen-shot-bg .titlebgc-choose-box .bgc-box .titlebgc-item .item3{background-image:url(https://gss0.bdstatic.com/7051cy89RcgCncy6lo7D0j9wexYrbOWh7c50/iknow/cover-image-process/pic9.png)}.screen-shot-bg .titlebgc-choose-box .bgc-box .titlebgc-item .item4{background-image:url(https://gss0.bdstatic.com/7051cy89RcgCncy6lo7D0j9wexYrbOWh7c50/iknow/cover-image-process/pic4.png)}.screen-shot-bg .titlebgc-choose-box .bgc-box .titlebgc-item .item5{background-image:url(https://gss0.bdstatic.com/7051cy89RcgCncy6lo7D0j9wexYrbOWh7c50/iknow/cover-image-process/pic5.png)}.screen-shot-bg .titlebgc-choose-box .bgc-box .titlebgc-item .item6{background-image:url(https://gss0.bdstatic.com/7051cy89RcgCncy6lo7D0j9wexYrbOWh7c50/iknow/cover-image-process/pic6.png)}.screen-shot-bg .titlebgc-choose-box .bgc-box .titlebgc-item .item7{background-image:url(https://gss0.bdstatic.com/7051cy89RcgCncy6lo7D0j9wexYrbOWh7c50/iknow/cover-image-process/pic7.png)}.screen-shot-bg .titlebgc-choose-box .bgc-box .titlebgc-item .item8{background-image:url(https://gss0.bdstatic.com/7051cy89RcgCncy6lo7D0j9wexYrbOWh7c50/iknow/cover-image-process/pic8.png)}.screen-shot-bg .titlebgc-choose-box .bgc-box .select-active{border-bottom:2px solid #33CC75;border-left:2px solid #33CC75;border-top:2px solid #29CFB3;border-right:2px solid #29CFB3;box-sizing:border-box;border-radius:6px}.screen-shot-bg .titlebgc-choose-box .bgc-box .select-active:after{content:'';position:absolute;top:-1px;right:-1px;width:16px;height:16px;background-image:url(https://gss0.bdstatic.com/7051cy89RcgCncy6lo7D0j9wexYrbOWh7c50/iknow/cover-image-process/check.png);background-repeat:no-repeat;background-position:center;background-size:contain}.screen-shot-bg .titlebgc-choose-box .bgc-box-vertical{height:414px!important}.screen-shot-bg .titlebgc-choose-box .bgc-box::-webkit-scrollbar{width:6px;height:1px}.screen-shot-bg .titlebgc-choose-box .bgc-box::-webkit-scrollbar-thumb{border-radius:3px;background:#C6C6C6}.screen-shot-bg .titlebgc-choose-box-vertical{height:461px!important}.screen-shot-bg .chose-screenshot-list{font-size:0;margin:10px auto 0}.screen-shot-bg .chose-screenshot-list .first-img{margin-right:2px;position:relative;display:inline-block}.screen-shot-bg .chose-screenshot-list .first-img .rec{position:absolute;top:3px;right:3px;width:34px;height:18px;background:#ffb431;border-radius:9px;font-size:12px;color:#fff;line-height:18px;text-align:center}.screen-shot-bg .chose-screenshot-list .first-img img{border:2px solid #33cc75;margin-right:0}.screen-shot-bg .chose-screenshot-list img{margin-right:2px;cursor:pointer;position:relative;border:2px solid transparent}.screen-shot-bg .chose-screenshot-list img:last-child{margin-right:0}@keyframes popshow{0%{transform:translate(-50%,-50%) scale3d(0.3,.3,.3)}70%{transform:translate(-50%,-50%) scale3d(1.3,1.3,1.3)}100%{transform:translate(-50%,-50%) scale3d(1,1,1)}}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}