body,html{overflow:hidden}body{background-color:#ededed}#hk-main{background-color:#ededed}#main-wrap{width:1000px;margin:0 auto;overflow:hidden;padding:0 20px}#body{width:670px;float:left;margin-top:10px;padding-bottom:50px}.title{margin:25px 0;font-size:14px;padding-bottom:10px;border-bottom:1px solid #ddd;display:flex;align-items:center}.toolbox ul li{float:left;width:200px;margin:0 10px 10px 0}.toolbox ul li a{text-decoration:none;display:block;overflow:hidden;padding:15px;background:#fbfbfb}.toolbox ul li a:hover{background:#f7f7f7}.toolbox ul li a img{width:38px;height:38px;float:left;margin-right:15px}.toolbox ul li a span{cursor:pointer;font-size:13px;color:#b98484;font-weight:700}.toolbox ul li a p{cursor:pointer;margin-top:3px}#aside{float:left;width:258px;padding-left:40px;overflow:hidden}#aside .title{line-height:18px;border-bottom:1px solid #d6d4d3}.txtctrls textarea{width:100%;height:100%;resize:none;border:1px solid #ccc;display:block;margin-bottom:10px}#regex,#replaceTxt{font-weight:700}.txtctrls{overflow:hidden;margin-bottom:10px;border:1px solid #ccc}.txtctrls input{display:block;height:30px;line-height:30px;padding:0 8px;width:670px}.btn-opts{margin-bottom:15px}.btn-opts a{margin-right:3px;padding:2px 6px;background:#6ba7b3;color:#fff;border:1px solid #6ba7b3;font-weight:700;display:inline-block;text-decoration:none;cursor:pointer;text-align:center}.btn-opts a:hover{background:#5ea0ad;border-color:#5ea0ad}.input-wrap{margin-bottom:25px}.input-wrap input{height:20px;line-height:20px;padding:0 3px}#tips{color:#bb9d97;margin-bottom:25px}#hk-footer{margin-top:30px}.base64-input-txt{float:left;padding:10px;width:300px;border:1px solid #ccc;margin-right:15px;line-height:24px;background:#fff}.input-txt{border:1px solid #ccc;padding:10px;line-height:1.8;background:#fff}#input-txt{resize:none;width:100%;height:300px;border:none;color:#222}#img-wrap{float:left;height:312px;width:300px;min-height:50px;padding:10px;border:1px solid #ccc;text-align:center;background-position:0 0,10px 10px;background-size:20px 20px;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee 100%),linear-gradient(45deg,#eee 25%,#fff 25%,#fff 75%,#eee 75%,#eee 100%)}#img-wrap table{width:100%;height:300px}#img-wrap td{text-align:center;vertical-align:middle}#base64Img{display:none;max-height:300px;max-width:300px}.player-wrap-box{margin-top:15px;line-height:24px}#playurl{padding:5px 5px;width:510px;border:1px solid #ccc}#playerbox{resize:none;width:100%;height:400px;border:none}.video-js .vjs-current-time{display:block}.qrcode-input-box{float:left;margin-right:15px;width:260px;line-height:24px}.qrcode-txt-wrap{padding:10px;border:1px solid #ccc;background:#fff}#qrcode-wrap{border:1px solid #ccc;float:left;height:300px;width:300px;min-height:50px;padding:10px;text-align:center;background-position:0 0,10px 10px;background-size:20px 20px;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee 100%),linear-gradient(45deg,#eee 25%,#fff 25%,#fff 75%,#eee 75%,#eee 100%)}#qrcode-wrap table{width:100%;height:300px}#qrcode td{text-align:center;vertical-align:middle}#txt{resize:none;width:100%;border:none;height:136px;color:#222}#qrcode-options{width:100%;margin-bottom:5px}#qpmenu{overflow:hidden;background:#d8c3c4}#qpmenu li{float:left;padding:5px 0 0 5px;text-align:center;cursor:pointer}#qpmenu li a{display:block;padding:0 8px;text-decoration:none}#qpmenu li a.cur{background:#fff;cursor:default}.btn-opts,.toolbox ul li{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.opbox{display:none;border:1px solid #ccc;border-top:none;padding:25px 5px 5px 10px;height:90px;color:#666;background:#fff}#box-color{display:block}.qrsize{margin-top:10px}#gen{margin-left:10px}#box-effect input{margin-right:8px}#box-effect label{margin-right:15px}#qr-font{width:130px}.opbox p{padding:10px 0}.opbox label{margin-right:10px}.jscolor{width:60px;border:1px solid #ccc}.music-source{display:inline}.music-source a{margin-left:10px;color:#b98484;padding:0 3px}.music-source a.cur{background:#e26060;color:#fff}.music-source a.cur:hover{text-decoration:none}