You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
24 KiB
1 line
24 KiB
.task-wrapper{height:100vh;width:100%;display:flex;flex-flow:column nowrap;justify-content:center;overflow:hidden}.tasks-body{height:calc(100vh - 54px);width:100%;display:flex;flex-flow:row nowrap;align-items:center}.tasks-body .resize-x-bar{width:4px;cursor:ew-resize;height:100%;display:flex;flex-flow:column nowrap;justify-content:center;background:#111c24}.tasks-body .resize-x-bar.has-unity-3d{cursor:inherit;width:0}.tasks-body .resize-x-bar.has-unity-3d .btn-resize{margin-left:0}.tasks-body .right-panel{flex:3 0 auto;position:relative;height:100%;background:#111c24}.tasks-body .right-panel .unity-3d-container{height:100%}.tasks-body .right-panel.vnc{justify-content:space-between}.tasks-body .left-panel{flex:2 0 auto;position:relative;height:100%}.tasks-body .btn-resize{display:flex;flex-flow:column nowrap;text-align:center;justify-content:center;align-items:center;width:24px;height:24px;font-size:24px;z-index:10;border-radius:50%;position:absolute;margin-left:-10px;opacity:.7;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);background-color:#e0e0e0;color:rgba(0,0,0,.87)}.tasks-body .btn-resize:hover{opacity:1}.ghost-link{color:#1b4061!important;margin:8px;border:1px solid #1b4061;height:30px;padding:0 16px;border-radius:2px;line-height:30px}.ghost-link:hover{color:#4cacff;border:1px solid #4cacff;text-decoration:none;background-color:rgba(0,0,0,.08)}::-webkit-scrollbar{height:6px;width:6px;background:rgba(0,0,0,.1)!important}::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#ccc;background:#b7b7b7!important;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#e1ede1}.unity-3d-nav{position:absolute;right:32px;bottom:32px;z-index:100;display:flex;flex-flow:row nowrap}.unity-3d-nav .ghost-link{display:block}.trapezoid{position:absolute;cursor:pointer;width:0;height:100px;background:transparent;border-radius:0 8px 8px 0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:20px solid #fff;opacity:.7;z-index:10;box-shadow:3px 3px 2px 1px rgba(0,0,0,.2)}.trapezoid:hover a{color:#4badff}.trapezoid a{position:relative;display:block;height:100%;color:#888}.trapezoid a .iconfont{position:absolute;font-size:14px!important;top:50%;left:50%;margin-left:-17px;margin-top:-10.5px;z-index:100}.task-header{display:flex;flex-flow:row nowrap;align-items:center;width:100%;background-color:#fafafa;border-bottom:1px solid #f3f3f3;padding:4px 15px;height:45px;justify-content:space-between}.task-header a{color:#1890ff;font-size:18px}.task-header h3{margin-left:14px;flex:1 0;white-space:nowrap;overflow:hidden;font-size:18px;margin-bottom:0}.task-header span{background-color:#ffd633;color:#fff;display:inline-block;padding:0 10px;border-radius:25px;line-height:25px;height:25px;font-size:12px}.hide{display:none}.unity-3d-container{width:100%;height:354px;position:relative}.unity-3d-container .unity3d-panel{border:0;position:absolute;top:0;bottom:0;left:0;right:0;z-index:2;background:#fff}.unity-3d-container.enlarge .unity3d-panel{position:fixed;z-index:1000}.tab-panel-body{padding:16px}.tab-nav{width:100%;display:flex;flex-flow:row nowrap;border-bottom:1px solid #ddd}.tab-nav.tab-fixed{position:absolute;top:45px;z-index:100;background:#fff;left:0;width:100%}.tab-nav a{color:#05101a;font-size:16px;text-align:center}.tab-nav span{display:inline-block;margin-left:5px;padding:0 5px;color:#666;background:#ccc;text-align:center;border-radius:50%;font-size:12px;line-height:20px}.tab-nav li{flex:1 1 auto;height:40px;line-height:40px;padding:0 30px;overflow:hidden;text-align:center}.tab-nav li.active{border-bottom:2px solid #4cacff}.btn-enlarge{position:absolute;top:10px;right:10px;z-index:3;color:#fff}.btn-enlarge.enlarge{color:#4cacff;position:fixed;z-index:1003}.tab-panel-body{height:calc(100vh - 190px);overflow-y:auto}.has-unity-3d .content-wrapper{height:calc(100vh - 151px);overflow-y:auto}.has-unity-3d .content-wrapper .comment-input-editor-container{position:absolute;bottom:0;width:100%;left:0}.has-unity-3d .tab-panel-body{min-height:calc(100vh - 544px);height:auto}.answer-tip p{text-align:center}.task-list-container{width:100%;min-height:calc(100vh - 54px);background:#111c24;color:#fff;overflow:hidden}.task-list-container .task-tip{background:#282f35;border:1px solid #707070;border-radius:100px;width:375px;height:52px;font-size:12px;margin:20px auto;padding:0 20px;display:flex;align-items:center}.task-list-container .task-tip span{color:#ffbd4c}.task-drawer{top:54px;bottom:0}.task-drawer .ant-drawer-content{background:transparent}.task-drawer .ant-drawer-body{background:#111c24;padding:0;margin-bottom:54px}.task-item-container{padding:15px 15px 25px;border-bottom:1px solid #222c34;position:relative;color:#747a7f}.task-item-container.active:before{content:" ";border-left:3px solid #4cacff;height:22px;width:0;position:absolute;top:22px;left:0}.task-item-container.finish{color:#fff}.task-item-container.finish span{color:#747a7f}.task-item-container .flex-container{margin-bottom:10px;padding-left:20px}.task-item-container .flex-container:first-child{padding-left:0}.task-item-container .flex-container p{margin:0;flex:1 1 auto;font-size:12px}.task-item-container .flex-container p span{color:#747a7f}.task-item-container .flex-container a{color:#bcc6cd;font-size:14px}.task-item-container .highlight{color:#ffa800;display:inline-block;margin-left:12px}.task-item-container .rate-container{font-size:12px;padding-left:20px}.task-item-container .green{color:#29bd8b}.space-between{justify-content:space-between}.pagination-container{padding:12px 0 0}.lds-ring{position:relative;width:40px;height:40px;margin:0 auto}.ids-ring-wrapper{position:absolute;z-index:1000;width:100%;height:100%;display:flex;flex-flow:column nowrap;justify-content:center}.ids-ring-wrapper p{text-align:center;margin-top:12px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:32px;height:32px;margin:4px;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:4px solid transparent;border-top-color:#1976d2}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nodata-panel-wrapper{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:100%}.nodata-panel-wrapper .nodata-panel{width:100%}.nodata-panel-wrapper img{display:block;margin:0 auto 20px}.nodata-panel-wrapper p{font-size:20px;text-align:center;color:#999}.discuss-item-container{display:flex;flex-flow:row nowrap;width:100%;padding:15px;border-bottom:1px solid #e3e3e3;overflow:hidden}.discuss-item-container section{margin-left:15px;flex:1 1 auto;width:100%}.discuss-item-container .grey{color:#ccc}.discuss-content{margin:4px 0;word-break:break-word;word-wrap:break-word}.discuss-content img{max-width:200px}.discuss-info{display:flex;flex-flow:row wrap;align-items:center;color:#999;line-height:16px;font-size:12px}.discuss-info .top{color:#fff;padding:0 8px;background:#ff4343;border-radius:8px;text-align:center}.discuss-info .gift{cursor:default}.discuss-info .view-code{color:#4cacff}.discuss-info a{color:#999}.discuss-info a,.discuss-info span{margin-right:15px}.btn-group{display:flex;flex-flow:row nowrap;justify-content:flex-end;margin-bottom:8px}.btn-group .btn-top .iconfont{transform:rotate(180deg);display:inline-block}.btn-group a{width:31px;text-align:center;color:#888}.btn-group a .iconfont{font-size:14px!important}.second-level-discuss{padding:2px 8px}.second-level-discuss .btn-group{opacity:0}.second-level-discuss:hover{background:#ebebeb}.second-level-discuss:hover .btn-group{opacity:1}.discuss-info-body{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between}.reply-discuss-container{background:#f4f4f4;border-radius:4px;margin-bottom:6px;position:relative;margin-top:6px}.reply-discuss-container:before{content:" ";position:absolute;border-color:#000;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;left:13px;top:-9px;border-bottom:10px solid #f4f4f4}.discuss-item-editor{width:100%;overflow:hidden}.discuss-item-editor .btn-send{cursor:pointer;border:none;padding:0 12px;color:#fff;letter-spacing:1px;text-align:center;font-size:14px;height:30px;line-height:30px;border-radius:2px;font-weight:400;margin-right:22px;margin-top:6px;background:#4cacff;float:right}.image-preview-container{display:flex;flex-flow:column nowrap;position:fixed;align-items:center;justify-content:center;top:0;left:0;right:0;bottom:0;z-index:100;background:rgba(0,0,0,.8)}.image-preview-container .image-preview{transition:transform .4s linear;max-width:86%}.image-preview-container .button-group{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-end;position:absolute;z-index:101;right:10px;top:10px}.image-preview-container .button-group a,.image-preview-container .button-group button{color:rgba(0,0,0,.65);margin-right:10px}.comment-input-editor-container{position:relative;background:#fff;width:100%;box-shadow:0 -3px 5px 0 rgba(76,172,255,.2)}.comment-input-editor-container.active{position:absolute;height:calc(100vh - 54px);background:transparent;z-index:1000;width:100%;display:flex;flex-flow:column nowrap;justify-content:center;top:0}.comment-input-editor-container .input-mask{flex:1 0 0;background:transparent;width:100%}.comment-input-editor-container .text-area{display:flex;flex-flow:row nowrap;padding:10px 20px;align-items:center}.comment-input-editor-container .text-area input{border-radius:15px;border:1px solid #eaeaea;background-color:#fff;overflow:hidden;height:32px;padding:0 16px;line-height:32px;outline:none;flex:1 0 0;margin-right:10px}.comment-input-editor-container .text-area a{color:#888;display:block;height:32px;line-height:32px;margin-right:20px;display:flex;flex-flow:row nowrap}.comment-input-editor-container .text-area a span{line-height:32px;font-size:16px}.comment-input-editor-container .tip-container{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.comment-input-editor-container .tip-container p{font-size:12px;color:#ff6800}.comment-input-editor-container .hide{display:none}.comment-input-editor-container .md-container{background:#fff;padding:10px 20px}.btn-send{cursor:pointer;display:inline-block;border:none;padding:0 12px;color:#fff;background:#4cacff;letter-spacing:1px;text-align:center;font-size:14px;height:30px;line-height:30px;border-radius:2px;font-weight:400}.to-certification-link{color:#1890ff!important;display:block;text-align:center}.choose-answer-item{padding:20px 20px 0}.choose-answer-item b{font-size:16px}.choose-answer-item p{margin-bottom:8px}.answer-item-container{padding:20px;border-bottom:1px solid #eaeaea;font-size:15px;color:#cdcdcd}.answer-item-container a{color:#1890ff}.answer-item-container .level{color:#9a9a9a;flex:0 0 55px}.answer-item-container .view-time{margin-right:16px}.answer-item-container .name{color:#4c4c4c;flex:1 1 auto}.unlock-answer-list{width:100%}.unlock-answer-list td,.unlock-answer-list th{text-align:center;padding:5px;font-weight:400;color:rgba(0,0,0,.54)}.unlock-answer-list tbody{background:#f4faff}.unlock-answer-list .gold-color{color:#ff6800}.unity3d-panel{width:100%;height:100%}.task-header-container{display:flex;flex-flow:row nowrap;align-items:center;height:54px;background:#05101a;padding:0 15px;color:#fff}.task-header-container .shixun-info{flex:1 0 auto;text-align:center;font-size:16px;color:#fff;display:flex;flex-flow:column nowrap;justify-content:center;margin:0}.task-header-container .shixun-info span{font-size:13px;font-weight:400}.task-header-container .task-user-info{display:flex;flex-flow:row nowrap;align-items:center;color:#fff;font-size:16px}.task-header-container .task-user-info img{border-radius:50%;margin-right:12px}.task-header-container .grade-info{margin-left:24px;height:32px;padding:0 15px;background:#1f2f3b;border-radius:25px;line-height:32px;display:flex;flex-flow:row nowrap;align-items:center}.task-header-container .circle-icon{width:20px;height:20px;background:#ffd633;border-radius:10px;margin-right:5px}.task-header-container .btn-out{display:flex;flex-flow:row nowrap;align-items:center;color:#fff;font-size:16px;margin-left:12px}.task-header-container .btn-out .iconfont{font-size:24px!important;margin-right:8px}.action-bar-container{display:flex;flex-flow:row nowrap;height:40px;overflow:hidden;align-items:center;justify-content:space-between}.action-bar-container .edit-status{color:#888;font-size:14px}.action-bar-container img{display:block}.action-bar-container .action-bar{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-end;flex:1 0 0}.action-bar-container .action-bar a{margin-right:11px;color:#747a7f;text-decoration:none}.action-bar-container .action-bar a i.iconfont{display:inline-block;margin-right:5px}.action-bar-container .action-bar a:hover{color:#4cacff}.test-set-container{position:relative;height:258px;background:#111c24;overflow:hidden auto;color:#f4f1ed}.resize-y-bar{height:3px;background:#111c24;border-top:1px solid #19527b;cursor:ns-resize}.code-area-container{background:#111c24;overflow-y:auto}.right-panel{display:flex;flex-flow:column nowrap;justify-content:center}.action-container{position:relative;background:#05101a;height:51px}.choose-container{margin:0;padding:10px 20px}.choose-container li{margin-bottom:15px}.choose-container .subject{margin-bottom:5px;font-size:14px;overflow:hidden;letter-spacing:.5px}.choose-container .subject .subject-body{float:left;color:#8b9399}.choose-container .subject .subject-body img{max-width:100%}.choose-container .option a{display:block;outline:none;color:#8b9399;padding-left:38px;line-height:22px;overflow:hidden;margin-bottom:10px}.choose-container .option a:last-child{margin-bottom:0}.choose-container .checkbox,.choose-container .radio{display:block;width:18px;float:left;height:18px;border:1px solid #5e707a;border-radius:50%;margin-right:16.5px}.choose-container .abackgroodcolor{margin:14px auto auto;padding-bottom:14px;padding-left:5px;padding-top:10px;background:hsla(0,0%,84.7%,.04)}.choose-container .active{background:url(https://ali-cdn.educoder.net/react/build/static/media/success.2e2721eb.svg);background-size:100%}.choose-container .checkbox{border-radius:2px}.choose-container .checkbox.active{background:url(https://ali-cdn.educoder.net/react/build/static/media/checkbox.f32c12cb.svg);background-size:100%}.choose-game-item{padding:16px 15px;background:#010e1f;border-radius:4px}.choose-game-item p{margin:0}.choose-game-item .output-title-container{text-align:center;display:flex;flex-flow:row nowrap;justify-content:space-between;color:#747a7f;align-items:center;margin-bottom:12px}.choose-game-item .output-title-container span{flex:1 1 auto}.choose-game-item .output-title-container .output-title{color:#fff}.test-case-list{padding:8px 16px}.test-header{height:34px;padding:0 25px;line-height:34px;color:#f4f1ed;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;background-color:#111c24;border-bottom:1px solid #222c34}.test-header a{color:#747a7f}.test-header span{position:relative;display:block;cursor:pointer;padding:0 25px}.test-header span.active:after{content:"";position:absolute;left:50%;margin-left:-10px;top:auto;bottom:0;right:auto;height:2px;width:20px;background-color:#29bd8b}.test-result{padding:8px 15px 0;font-size:14px;font-family:PingFangSC-Bold,PingFang SC;line-height:25px;font-weight:700;overflow:hidden;margin-bottom:0}.test-result p{font-size:14px!important}.test-result .markdown-body p{white-space:nowrap}.test-result.success{color:#29bd8b}.test-result.failer,.test-result.failer p{color:#d55!important}.test-result img{display:block;margin-right:5px}.test-result .count{display:flex;flex-flow:row nowrap;float:left;align-items:center;line-height:25px;padding:0 10px 0 4px}.test-case-item{width:100%;margin:0 auto 10px;background:#1f2f3b;font-size:14px}.test-case-item .case-header{padding:9px 20px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.test-case-item .case-header .iconfont{font-size:14px!important;color:#f4f1ed}.test-case-item .case-header .description{color:#616b77;padding:0 8px;font-size:12px}.test-case-item .item-desc{display:none}.test-case-item .item-desc.show{display:block}.test-case-item .item-tip{font-size:12px;color:#c67676;line-height:12px}.test-case-item h2{font-size:14px;color:#bfbfbf;margin:0;line-height:21px;display:flex;flex-flow:row nowrap;align-items:center}.test-case-item h4{font-size:14px;color:#637da6;line-height:14px;padding:15px 0 5px}.test-case-item p{font-size:14px;line-height:20px;letter-spacing:1px}.arrow-down{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #bfbfbf}.test-title{margin-left:10px}.arrow-right{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid #bfbfbf}.case-info{flex:1 0 0;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center}.case-info i,.case-info img{margin-left:8px}.action-container{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;color:#747a7f;padding:0 15px}.action-container .eval-btn-group{justify-content:flex-end;flex:2 1 0}.action-container .eval-desc{flex:3 2 0}.action-container .eval-desc span{width:168px}.action-container .eval-desc span:last-child{flex:3 1 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-container span{margin-right:15px}.action-container .btn-run{background:#4cacff;color:#fff;font-weight:700;border:0 solid transparent;padding:0 12px;letter-spacing:1px;text-align:center;font-size:14px;height:30px;line-height:30px;border-radius:3px;display:flex;flex-flow:row nowrap}.action-container .btn-run:disabled{background:#555d68}.evaluate-result-container{position:fixed;left:0;right:0;bottom:0;top:0;z-index:100;background:rgba(0,0,0,.8);display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.evaluate-result-container footer{width:308px;left:50%;margin-left:-154px;position:absolute;top:435px;text-align:center;color:#fff}.evaluate-result-container footer .star-tip{margin:0}.evaluate-result-container footer a{background-color:#4cacff;opacity:.8;display:block;width:120px;height:30px;line-height:30px;border-radius:2px;color:#fff;margin:12px auto 0}.evaluate-result-container .close-line{color:#fff}.evaluate-result-container .gold-circle{margin-right:8px;width:17px;height:17px;border-radius:50%;background-color:#ffd633;display:block}.evaluate-result-body{position:relative;width:652px}.evaluate-result-body .close-line{position:absolute;top:0;right:0}.gold-and-experience{position:absolute;top:308px;width:100%;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;line-height:26px;font-size:16px;color:#b27919}.gold-and-experience img{margin-right:8px}.gold-and-experience .flex-container:first-child{margin-right:18px}.code-area-container{position:relative}.code-area-container .only-view{position:absolute;z-index:2;right:80px;top:36px}.code-area-container .monaco-editor-container{height:100%}.diff-panel-container{display:flex;flex-flow:row nowrap;width:100%;height:100%;background:#010e1f;color:#fff;justify-content:space-between;white-space:pre;line-height:20px;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-weight:400;font-size:12px;font-feature-settings:"liga" 0,"calt" 0;line-height:18px;letter-spacing:0}.diff-panel-container div{flex:1 0 auto;width:49%;white-space:pre;overflow-x:auto;padding:10px 14px;background:#1e1e1e}.diff-panel-container div:first-child{margin-right:4px}.diff-panel-container .line-break{display:block;height:20px}.diff-panel-container del{color:#d55;white-space:pre;text-decoration:none}.diff-panel-container del.empty{background:#d55}.diff-panel-container ins{color:#2ea44f;white-space:pre;text-decoration:none}.diff-panel-container ins.empty{background:#2ea44f}.tpi-code-setting{height:calc(100vh - 54px);background:#031b2a;padding:15px 13px 15px 26px;color:#ddd;font-size:13px;line-height:17px}.tpi-code-setting h3{color:#008cff;font-size:16px;line-height:21px;padding-bottom:12px;text-align:left;width:100%;display:block;border-bottom:1px solid #092436}.tpi-code-setting .file-item{color:#ddd;padding:20px 0 0;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.tpi-code-setting .file-item:last-child{margin-bottom:25px}.tpi-code-setting span{color:#597a8f}.setting-drawer .ant-drawer-content-wrapper{top:54px}.setting-drawer .ant-drawer-body{background:#031b2a;padding:0;height:100%}.setting-drawer .ant-select-selection{width:120px;background:#0a2030;color:#597a8f;border:1px solid #597a8f}.code-area-container section{height:calc(100% - 40px);overflow:hidden}.code-area-container .xterm-panel{height:100%;overflow:hidden;background:#000}.code-area-container .xterm-panel .xterm,.code-area-container .xterm-panel .xterm-rows,.code-area-container .xterm-panel .xterm-screen{height:100%!important}.code-area-container .navs{display:flex;flex-flow:row nowrap;align-items:center}.code-area-container .navs .arrow-right{cursor:pointer}.code-area-container .navs ul{margin:0;padding:0;display:flex;flex-flow:row nowrap;align-items:center;height:40px}.code-area-container .navs ul li.flex-container{text-align:center;width:120px}.code-area-container .navs ul li:not(first-child) a{padding:0 25px}.code-area-container .navs ul a{display:block;color:#bfbfbf;padding:0 15px;position:relative;line-height:40px;text-align:center;height:40px}.code-area-container .navs ul a .iconfont{font-size:14px!important;display:inline-block;margin-left:5px}.code-area-container .navs ul a.active:after{content:"";position:absolute;left:50%;margin-left:-10px;top:auto;bottom:0;right:auto;height:2px;width:20px;background-color:#29bd8b}.code-area-container .action-bar-container{flex:5 0 auto}.dir-tree span{color:#cbcbcb}.path-container{position:absolute;margin:0;z-index:3;top:40px;left:2px;overflow-y:auto;background:#010e1f;padding:12px 10px;font-weight:400;color:#747a7f;box-shadow:0 3px 10px 0 #1f2f3b}.path-container li{height:22px;padding:0 10px;font-size:14px;line-height:22px;white-space:nowrap;overflow:hidden;display:flex;flex-flow:row nowrap;align-items:center;margin-bottom:5px}.path-container li a{color:#747a7f}.path-container li a:hover{color:#eee}.path-container li.active a{color:#2ea4ff}.eval-picture-panel{position:fixed;top:54px;bottom:0;left:0;overflow-y:scroll;overflow-x:hidden;background:rgba(0,0,0,.6);-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0);right:0;z-index:101}.eval-picture-panel h2{text-align:center;color:#1890ff;margin:16px auto 0}.eval-picture-panel .output-txt{padding:10px;-webkit-box-shadow:1px 6px 24px rgba(17,28,36,.2);box-shadow:1px 6px 24px rgba(17,28,36,.2);min-height:500px;overflow-y:auto;width:60%;margin:20px auto;box-sizing:border-box;outline:none}.eval-picture-panel .output-txt.html{width:90%}.eval-picture-panel .nothing{border:1px dashed #333;height:auto}.eval-picture-panel img{max-width:100%;display:block;margin:0 auto 40px;width:300px}.eval-picture-panel .img-list{flex:1 1 auto;margin-right:1%;height:100%;min-height:calc(100vh - 140px)}.eval-picture-panel .img-list:last-child{margin-right:0}.eval-picture-panel h4{font-weight:400;font-size:18px;text-align:center}.eval-picture-panel .picture-body{background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 0 10px #ccc;height:calc(100vh - 44px);overflow:hidden}.eval-picture-panel .picture-body .flex-container{padding:15px 20px}.eval-picture-panel .picture-body h3{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding:0 15px;text-align:center;line-height:70px;height:70px;border-radius:10px 10px 0 0;font-size:16px}.vnc-panel{height:calc(100vh - 140px);overflow:hidden}.vnc-mask{background:rgba(0,0,0,.5);z-index:1;top:0}.vnc-mask,.vnc-test-list{position:absolute;bottom:51px;width:100%}.vnc-test-list{background:#111c24;z-index:100;height:35px;overflow:hidden}.vnc-test-list.large{height:calc(100vh - 105px)}.vnc-test-list.pop{height:257px}.vnc-test-list .test-case-list{overflow-y:auto;height:190px}.arrow-container{position:absolute;top:0;width:54px;height:27px;left:50%;margin-left:-27px;background:#2a3a4f;z-index:10;border-bottom-left-radius:100px;border-bottom-right-radius:100px;color:#fff;text-align:center;cursor:pointer;opacity:.4;transition:all .3s}.arrow-container .iconfont{font-size:14px!important}.vnc-test-list-body{position:relative;height:100%} |