.special{height:auto;padding:0 30px 20px 30px}.special .question-header{height:60px;border-bottom:1px solid #e9e9e9;margin-bottom:12px;position:sticky;top:0;padding-top:20px;background:#fff;z-index:2}.special .question-header .question-left{float:right;height:40px;max-width:400px;font-size:14px;font-weight:400;color:#707070;line-height:40px;margin-right:16px}.special .question-header .question-left .el-tooltip{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.special .question-header .question-right{height:40px;float:right;font-size:14px;font-weight:400;color:#707070;line-height:40px}.special .question-header .question-right .unit-num{margin-right:16px}.special .question-header .question-right i{color:#55a5fd}.special .question-header .unitlefttime{float:left;font-size:16px;width:231px;height:30px;line-height:30px;text-align:center;color:#d0021b;font-weight:700;background:rgba(208,2,27,.04);border:1px dashed #d0021b;opacity:1;border-radius:4px}.special .question-section{min-height:390px}.special .question-section .question-title{font-size:15px;font-weight:400;color:#707070;line-height:22px;margin-bottom:10px}.special .question-section .question-note{padding:5px 15px;background-color:#ffc;border:1px solid rgba(255,219,88,.7);color:#ffa62f;line-height:20px;border-radius:0;font-size:12px;margin-bottom:20px}.special .question-section .res-body{font-size:15px;font-weight:400;color:#000;line-height:24px;margin-bottom:20px}.special .question-section .question-body{font-size:15px;font-weight:400;color:#000;line-height:24px;margin-bottom:24px;min-height:80px}.special .question-section .bcbox{position:relative}.special .question-section .bcbox .lbox{margin-right:240px}.special .question-section .bcbox .lbox .selectbox{height:32px}.special .question-section .bcbox .lbox .selectbox .rselect{float:right}.special .question-section .bcbox .lbox .selectbox .selcettext{font-size:14px;font-weight:400;color:#000}.special .question-section .bcbox .lbox .selectbox .lantip{color:red;font-size:12px;margin-left:10px}.special .question-section .bcbox .lbox .selectbox .selectdemo{font-size:14px;font-weight:400;color:#0e99cf;margin-left:12px;cursor:pointer}.special .question-section .bcbox .lbox .selectbox:after{content:"";display:block;height:0;overflow:hidden;clear:both}.special .question-section .bcbox .lbox .writearea{width:100%;background:#2e2e2e;border:1px solid #d2d2d2;color:#fff}.special .question-section .bcbox .lbox .runbox{padding:16px 0}.special .question-section .bcbox .lbox .runbox .runbtn{width:80px;height:30px;display:inline-block;font-size:14px;font-weight:500;color:#0e99cf;line-height:30px;text-align:center;cursor:pointer;background:rgba(14,153,207,.04);-webkit-box-shadow:0 0 1px 0 rgba(0,110,153,.41);box-shadow:0 0 1px 0 rgba(0,110,153,.41);border-radius:4px;border:1px solid #0e99cf}.special .question-section .bcbox .lbox .runbox .runwrong{font-size:14px;font-weight:500;color:#f5a623;margin-left:12px}.special .question-section .bcbox .lbox .runbox .runright{color:green}.special .question-section .bcbox .lbox .runarea{width:100%;background:#eee;opacity:.69;border:1px solid #d2d2d2}.special .question-section .bcbox .righttipbox{width:228px;position:absolute;right:0;top:32px}.special .question-section .bcbox .righttipbox .shubox{background:rgba(14,153,207,.06);border:1px dashed #eaeaea;padding-left:12px;margin-bottom:12px}.special .question-section .bcbox .righttipbox .shubox .shutitle{font-size:12px;font-weight:700;color:#4a4a4a;line-height:24px}.special .question-section .bcbox .righttipbox .shubox .shucont{height:233px;font-size:12px;font-weight:400;color:#4a4a4a;line-height:24px;word-break:break-all;overflow-y:auto}.special .question-section .bcbox .CodeMirror-wrap{height:210px}.special .question-section .bcbox .runarea{height:120px}.special .question-section .bcbox .righttipbox .shubox .shucont{height:167px}.special .question-section .question-images{margin-bottom:40px;width:100%;overflow:hidden}.special .question-section .question-images .question-img{max-height:180px;margin-right:20px;margin-bottom:20px;float:left}.special .question-section .question-Upload .up-box{border:1px dashed #dfe3e8;border-radius:2px;padding:16px 20px}.special .question-section .question-Upload .up-box .fileInputer{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.special .question-section .question-Upload .up-box .upload-tip{font-size:12px;color:#aaa;line-height:20px;margin-top:6px}.special .question-section .question-Upload .up-box .operate-tip{font-size:13px;color:#dc143c;margin-left:50px}.special .question-section .question-Upload .up-box .download{margin-top:14px}.special .question-section .question-Upload .up-box .download a{font-size:13px;color:#0e99cf;line-height:20px}.special .question-section .question-Upload .up-box .download a:hover{color:#009}.special .question-section .question-Upload .upextbox{position:relative;padding-bottom:20px;margin-top:10px}.special .question-section .question-Upload .upextbox .textarea-q{width:100%;background:#fbfeff;font-size:16px;font-weight:400;color:#000;line-height:29px;border:1px solid #ccc;padding-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.special .question-section .question-Upload .upextbox .textareatip{position:absolute;right:10px;font-size:12px;color:#ccc;bottom:0}.special .question-section .question-Upload .upextbox .textareatip .red{color:red}.special .question-section #recording-player video{width:293px}.special .btnbox{margin-top:30px}.special .btnbox .btn{width:86px;background:#55a5fd;-webkit-box-shadow:0 2px 7px 0 rgba(14,153,207,.41);box-shadow:0 2px 7px 0 rgba(14,153,207,.41);border-radius:4px;float:left;cursor:pointer;font-size:14px;font-weight:500;color:#fff;line-height:34px;text-align:center}.special .btnbox .btn:hover{background:rgba(85,165,253,.8);-webkit-box-shadow:0 0 1px 0 rgba(61,91,122,.33);box-shadow:0 0 1px 0 rgba(61,91,122,.33)}.special .btnbox .backbtn{margin-right:30px}.special .btnbox .markbtn{float:left;margin-left:60px;line-height:34px;font-weight:700;color:#d0021b}.special .btnbox .calcbtn{font-size:14px;font-weight:400;color:#55a5fd;line-height:34px;margin-left:20px;cursor:pointer;float:left}.special .btnbox .appendixbtn,.special .btnbox .choosebtn,.special .btnbox .testList{float:right;margin-left:30px}.special .btnbox .testList{width:110px}.special .btnbox .typewriting{position:relative;background:#fff;border:1px solid #55a5fd;color:#55a5fd;width:115px;text-align:left;padding-left:30px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAACTUlEQVQ4T82UTWgTQRTH35vZJaG28bv0YEpz6TUHU6kgWAp+VEQMtr2kNYqg4KHaQwVF8NBDpFdFEBFsGwVJJYdKRRT86KFgU2lQLypU66UeAhpMGrs782Tarm7ibrLe3OPMf37//3vzZrEnKeYBIQwePyL4BsSiE/34vNoR7E6KO4jUUiYi3LRu9h2A5v8G8POpGDqs/1Gik2v3OHUgk88A6EUqpnV4LKZM9n+Ad97M6M3+1oAVLR0P5Nyq8ZQ4OkpbGRohZKzJDiJJhkRa0nz6+1QvLtv3aoJN0zzNudZarc+rBqRl0nH8XUEt8CsiGPZ6eQXgLx/1YV7pq4NJviXAixa4eSNsONWGh688pftOZkJScXE5Oz13JmJ4BivopU4+6Neo8URKDrhemuTvUsdxwRF8ZGwl4uN8FtYTK+jVLn6dIdTlCvDaJCjZwSsCikNT4pZaE4Jy6bg+4whWU8C5TADAGwBaaNsB2wf2sES+CB8roWsGKM5NimuW2USf9rAKWOy2p7qwl+/TUfqdWrCtgQUHJ8WNfwarVgzvZyNEICrBPh03c4SG3nviqNojJONBTH/smFgJjt01DiChXm3UEgdZPLQFDz35IEduz9Lcao+Jf0n3Y9YVHB2nMEcRdAPvCkLj2XZ2efoTjVpQpS0apczUyfolV7D6L7TUhztrpbYbWxPh+kAs8dp0lF+iWwUSKf/5R3ZGPY6aYCXoSlLAz8wIl1jnBlVJF0vZjAX1BLZgPWMUMslsYhoEVHsEoyIILffTLHxVPa00/QU7JSAkGEr9gQAAAABJRU5ErkJggg==) no-repeat 5px 8px}.special .btnbox .typewriting .list{position:absolute;bottom:40px;right:0;width:320px;height:150px;font-size:16px;background:#fff;-webkit-box-shadow:0 0 8px rgba(64,123,255,.3);box-shadow:0 0 8px rgba(64,123,255,.3)}.special .btnbox .typewriting .list ul{padding:10px;height:100%;overflow:auto}.special .btnbox .typewriting .list ::-webkit-scrollbar{width:6px;height:8px}.special .btnbox .typewriting .list ::-webkit-scrollbar-track{border-radius:10px;background:#f6f8fa}.special .btnbox .typewriting .list ::-webkit-scrollbar-thumb{border-radius:10px;background:#d6d7d8}.special .btnbox .typewriting .list ::-webkit-scrollbar-thumb:hover{background:#b1b1b1}.special .btnbox .typewriting .list li{height:35px;line-height:35px;color:#333;padding-left:10px;border-bottom:1px solid #f2f2f2}.special .btnbox .typewriting .list li.s{background:#edf6ff}.special .btnbox .typewriting:hover{color:#fff;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAABjElEQVQ4T82UvytGYRTHP99BiYhEFoPFymCxSUnJwF9gM4pR2QzKpMhiMtotJr+Gt/yKsEi9g4VBYUC96ei8PVe32/vc+74mZ7r3ec79nO8595wjM7sCBqnfXoEZSYd5n8jM1oGhjFNHCPYGeOCsLUiqdf7rp1pRzWwUOACOJPlzw/Y/wGbWBLQn8iW9xFKpS7GZdQH9QG8GVAGegHtJn+m7QjAwBwwUFNkDnKczKAKfAisN/LljSe/uXwS+BZZS4FZgCtiNBPsATiRVGgE7dBHoAeZzsriTVI6Bh4EzIFHs0E2gBbgEvjJgV7odzl4klWJg74JV4AYoA93h/aEG1HnfwEaqDffywCMZVeNAc6QEfcDWX8BeirWgLMvuBNqA6XBRkbRfU7E7mNkE4JOWZ7PAZAh6ERwfJV3ngX2Veoox8+5YBnaABOq+PihPeWBXO1aH6nTgakdEByTxDDsi+xNjGfjElXw4CsGh1r7NvK+9h2PmW85LUIXWBU6pT7abB/Iy+VA48Nlrmo34A1SnkxXIx1HEAAAAAElFTkSuQmCC) no-repeat 5px 8px #55a5fd}.special .btnbox-tip{line-height:16px;font-size:12px;color:#999;margin-top:8px;width:163px;float:right}.special .iframe-box{position:fixed;left:500px;top:10px;overflow:auto;height:calc(100% - 20px);width:340px}.special .iframe-box .iframe-title{height:30px;font-size:18px;color:#aaa;padding-right:6px;padding-left:6px;background-color:#dee1e6}.special .iframe-box .iframe-title .iframe-tip{float:left;font-size:12px;line-height:30px}.special .iframe-box .iframe-title i{cursor:pointer;float:right;line-height:30px}.special .iframe-box iframe{height:calc(100% - 36px)}.special .appendix{position:fixed;border:1px solid #ccc;left:500px;top:10px;width:540px;overflow:auto;max-height:600px}.special .appendix .appendix-title{height:30px;font-size:18px;color:#aaa;padding-right:6px;padding-left:6px;background-color:#dee1e6}.special .appendix .appendix-title .appendix-tip{float:left;font-size:12px;line-height:30px}.special .appendix .appendix-title i{cursor:pointer;float:right;line-height:30px}.special .appendix img{width:100%}.play{width:50px;height:50px;line-height:52px;text-align:center;background-color:#fff;border:1px solid #ccc;border-radius:50%;position:absolute;bottom:20px;left:50%;margin-left:-25px}.start{width:35px;height:35px;border-radius:50%;background-color:#ccc;margin-top:6px}.start,.stop{display:inline-block}.stop{width:15px;height:15px;border-radius:5px;background-color:red;margin-top:16px}.save{right:20px}.back,.save{width:50px;height:35px;line-height:35px;text-align:center;background-color:#fff;border:1px solid #ccc;border-radius:3px;position:absolute;bottom:25px}.back{left:20px}.settime{width:100%;height:40px;line-height:40px;background-color:rgba(0,0,0,.5);color:#fff}.finish,.settime{text-align:center}.finish{margin-top:100px;padding:20px}#btn-start-recording{width:50px;height:50px;margin:10px auto;border-radius:50%}.primary-btn{color:#fff;background-color:#409eff;border-color:#409eff}.primary-btn:hover{color:#fff;background:#66b1ff;border-color:#66b1ff}