.type_write_test{height:100%}.type_write_test .type_write_box{text-align:center;background-color:#f4f4f4;height:calc(100% - 60px);overflow:auto}.type_write_test .type_write_box .center_box{width:860px;height:560px;margin:30px auto 25px;background:#fff;border-radius:4px;position:relative}.type_write_test .type_write_box .center_box .center_title{font-size:20px;font-family:MicrosoftYaHei,MicrosoftYaHei-Bold;color:#333;line-height:76px;height:76px;text-align:center;border-bottom:1px solid #ecf0f1}.type_write_test .type_write_box .center_box .content_box{width:690px;margin:auto;text-align:center;font-size:14px}.type_write_test .type_write_box .center_box .content_box .content_tips{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;margin:20px 0;background:#edf4ff;border:1px solid #7fb4ff;border-radius:2px;height:88px;font-weight:400;font-size:14px;color:#000;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 18px}.type_write_test .type_write_box .center_box .content_box .content_tips i{margin:2px 5px;font-size:12px}.type_write_test .type_write_box .center_box .content_box .content_tips div p{height:29px}.type_write_test .type_write_box .center_box .content_box .el-textarea__inner{height:235px;background:#fafafc;border-radius:2px;border:1px solid #e3e3e6;font-size:14px;padding:10px 15px;color:#a7a7a8}.type_write_test .type_write_box .center_box .content_box .bottom_tips{text-align:left;margin:12px 0 24px 0;color:#f80}.type_write_test .type_write_box .center_box .content_box .bottom_tips img{width:14px}.type_write_test .type_write_box .center_box .content_box .el-button{display:inline-block;margin:0 auto 0;font-size:12px;background:#55a5fd;padding:7px 25px;width:114px;border-radius:4px;cursor:pointer;color:#fff}.type_write_test .type_write_box .center_box .content_box .is-disabled{background-color:#f3f3f3;border-color:#f3f3f3;color:#999}.type_write_test .type_write_box .center_box .writng_change_btn{font-size:14px;position:absolute;right:110px;bottom:150px;color:#55a5fd;background:#fff;cursor:pointer;border-radius:2px;padding:5px 10px;-webkit-box-shadow:0 4px 15px 0 rgba(88,88,88,.1);box-shadow:0 4px 15px 0 rgba(88,88,88,.1)}.type_write_test .type_write_box .center_box .writng_change_btn img{width:14px;margin:0 5px 0 0}.typewriting{position:absolute;background:#fff;border:1px solid #55a5fd;color:#55a5fd;right:80px;bottom:150px;width:165px;text-align:left;height:35px;line-height:35px;padding-left:40px;padding-right:10px;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 15px 8px;margin-right:30px;border-radius:5px}.typewriting:hover{color:#fff;cursor:pointer;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 15px 8px #55a5fd}