.bg{position:fixed;top:0;bottom:0;left:0;right:0;z-index:99999;background-color:hsla(0,0%,50.2%,.4)}.tool-introduce{position:fixed;top:120px;left:50%;width:800px;margin-left:-400px;z-index:100000}.tool-introduce video::-webkit-media-controls-enclosure{overflow:hidden}.tool-introduce video::-webkit-media-controls-panel{width:calc(100% + 30px)}.tool-introduce .tool-top{position:absolute;overflow:hidden;height:40px;left:0;right:0;line-height:40px;text-align:center;color:#fff;z-index:100001;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8)),to(transparent));background-image:linear-gradient(rgba(0,0,0,.8),transparent)}.tool-introduce .tool-top .intro-title{line-height:40px;font-weight:400}.tool-introduce .tool-top .nolonger-box,.tool-introduce .tool-top .video-close{position:absolute;cursor:pointer}.tool-introduce .tool-top .nolonger-box{left:20px;top:7px;min-width:120px;height:22px;line-height:22px;padding:0 10px;border-radius:10px;background:#212026;font-size:12px}.tool-introduce .tool-top .nolonger-box .nolonger-label{line-height:22px}.tool-introduce .tool-top .nolonger-box .nolonger-play{height:20px;margin:-2px 5px 0 0;vertical-align:middle}.tool-introduce .tool-top .video-close{top:0;right:20px;font-size:20px}.tool-introduce .tool-video{width:800px;height:450px}abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,details,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;background:transparent}article,aside,details,figure,footer,header,main,nav,section,summary{display:block}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}embed,img,object{max-width:100%}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:separate;border-spacing:0}th{font-weight:700;vertical-align:bottom}td{font-weight:400;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type=radio]{vertical-align:text-bottom}input[type=checkbox]{vertical-align:bottom}.ie7 input[type=checkbox]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}input,select,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:700}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}.clickable,button,input[type=button],input[type=file],input[type=submit],label{cursor:pointer}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.clearfix:after{content:" ";display:block;clear:both}body{min-width:1250px}a:active,a:hover,a:link,a:visited{text-decoration:none}.box{position:relative;width:100%;min-height:calc(100% - 50px);padding-top:50px}.header[data-v-ec6adffc]{position:relative;z-index:9999;width:100%;height:35px;padding:5px;padding-left:20px;top:0;background-color:#f5f5f5;line-height:26px;font-size:14px;color:#666}.header a[data-v-ec6adffc]{padding-left:15px;cursor:pointer;color:#666}.header a[data-v-ec6adffc]:hover{color:#009ae0}.header a[data-v-ec6adffc]:link,.header a[data-v-ec6adffc]:visited{color:#666}.header .split[data-v-ec6adffc]{margin-top:6px;border-left:1px solid #666;display:inline-block;height:12px;margin-left:10px}.header .new-features[data-v-ec6adffc]{float:right;margin-right:50px;color:#8ab8e7;font-size:12px;cursor:pointer}.footer[data-v-ec6adffc]{position:absolute;bottom:0;left:0;right:0;height:80px;text-align:center;line-height:80px;font-size:14px;background-color:#f5f5f5;color:#666}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}50%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}50%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}}.shake-card{-webkit-animation:shake .8s ease-in-out 2;animation:shake .8s ease-in-out 2}.card{background-color:#fff;border-radius:4px;-webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,.06);box-shadow:0 2px 1px 0 rgba(0,0,0,.06);display:inline-block;position:relative;width:300px;height:115px;padding:20px 18px;margin:10px}.card .icon{width:55px;height:auto;margin-right:20px;float:left}.card .icon.fonts{display:block;float:none;margin:auto;width:auto;height:60px}.card .help-button{position:absolute;bottom:-1px;right:5px;color:#8ab8e7;font-size:12px;cursor:pointer}.card .help-button .help-icon{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAB/UlEQVQ4T8WUP2gUQRTGv7e7ZyUKHhzuBSMYI4h9FLSIFt5eDAqCtZWtRcLtERCSNIbbgGlE8E9hbREsorcXLA6x0cbGP6BRxIu3ZyTYWbi78+QtN7C53F0iHGSbWb6Z+c373nszhAF/NGAe9gZYWWmeFCflyfzHnRz1jdCrBU/AuAAg2wZtAqjH0d8bM5NHf3eD9wR6fvCOgD/MuBcDddlsAuMgXAcwZip1bnpi6G0ntCvQq7XWWcWPysWhOdmw+KxxWsbSpSOvZaxUf8wRGbMm7RueLmQbaeg2oFdrLRNglQqHL8tCr9pcZuCU/BPw3i3mrya633wIUM517Ct9gRU/2CDiW24h/8B7/n0ERmbNYIzJJkV4AxUedyeGv1T8QLSVsmPnegK91Y1RqPiTBXN0ysmtLVSDcUusFu162+aU69gHBHDHbxyKYG3CME+4F3OfNXSL5U6gXiTVJsZ+E+ZNOWjXwCThKcsauFgLZpOiFOx5re3KcjvZTwE66Dr2+XSErNQHXfWk8n5rCYQRXbyulkVc8n/ZIcJvzLygAZJLmZsp2kk/6rahODqjW6knMIly9edZKPUKwGOD+G4Yhl9Fz2QyxxSoDMY1ZjWfjrgvUCZvv1jPWpF5H3I70leP+SU4KknrdN6Sdq92k7dqA3scdj5q+4q9eQ//J9J/k2/NFWngb+MAAAAASUVORK5CYII=) no-repeat;display:inline-block;vertical-align:middle;height:23px;width:20px}.card .new-icon{position:absolute;width:28px;height:12px;top:8px;right:8px}.card h2{margin:5px 0;font-weight:500}.card p{color:#999;font-size:.9em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card .dimmer{position:absolute;top:0;left:0;bottom:20px;right:0;z-index:1;cursor:pointer;background-color:#138ef6;opacity:.902;border-radius:4px;text-align:center;vertical-align:middle}.card .dimmer div{width:100%;height:100%;margin:0}.card .dimmer div a{display:inline-block;text-decoration:none;margin-top:30px;text-align:center}.card .dimmer div a img{max-width:40px}.card .dimmer div a:nth-child(2),.card .dimmer div a:nth-child(3){margin-left:20px}.card .dimmer div p{color:#fff;margin-top:10px;font-size:12px}.card .dimmer img{width:20px;height:20px;display:inline-block}.card .hidden{display:none}.card .linker{position:absolute;top:0;left:0;bottom:20px;right:0;z-index:1;cursor:pointer}.content[data-v-84c4a8ec]{overflow:hidden}.sidebar[data-v-84c4a8ec]{position:fixed;width:200px;top:0;left:0;bottom:0;background-color:#e9eef2;z-index:999;padding-top:34px}.sidebar li[data-v-84c4a8ec]{border-bottom:1px solid #bcc9d5;border-top:1px solid #fff}.sidebar li a img[data-v-84c4a8ec]{width:30px;height:30px;margin:0;display:inline-block;vertical-align:middle;margin-right:10px}.sidebar li.active a[data-v-84c4a8ec]{border-right:10px solid #005bac;color:#005bac}.sidebar li:hover a[data-v-84c4a8ec],.sidebar li[data-v-84c4a8ec]:hover{color:#005bac}.sidebar li[data-v-84c4a8ec]:first-child{border-top:none}.sidebar img[data-v-84c4a8ec]{display:block;margin:5px auto}.sidebar a[data-v-84c4a8ec]{display:block;height:80px;line-height:80px;margin:0 auto;font-size:18px;font-weight:500;text-align:left;padding-left:20px;text-decoration:none;color:#005bac;border-right:10px solid #e9eef2}.sidebar a[data-v-84c4a8ec]:visited{color:inherit}.main-wrapper main[data-v-84c4a8ec]{margin:0 auto;padding:0 40px 0 40px}.main-wrapper main .tools[data-v-84c4a8ec]{padding-bottom:100px;max-width:1280px;margin:0 auto}.main-wrapper main .tools>h1[data-v-84c4a8ec]{margin-top:1em;margin-bottom:.8em;font-size:1.2em;font-weight:600}.main-wrapper main .tools>div[data-v-84c4a8ec]{border-radius:6px;background-color:#f5f7fa;padding:20px}.box[data-v-a28ffce8]{background-color:#f5f7fa;padding-bottom:50px}.content[data-v-a28ffce8]{width:1000px;margin:50px auto}.content nav[data-v-a28ffce8]{display:-webkit-box;display:-ms-flexbox;display:flex}.content nav a[data-v-a28ffce8]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;padding:10px;color:#138ef6;border:2px solid #138ef6}.content nav .active[data-v-a28ffce8]{background-color:#138ef6;color:#fff}.content h1[data-v-a28ffce8]{font-size:2em;text-align:center;margin:50px 0}.content input[data-v-a28ffce8]{outline:none;border:none;padding:15px;height:45px;width:calc(100% - 100px);border-radius:3px;background-color:#fff;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.03);box-shadow:0 4px 8px 0 rgba(0,0,0,.03)}.content .button[data-v-a28ffce8],.content button[data-v-a28ffce8]{display:inline-block;border:none;outline:none;padding:0;background-color:#138ef6;-webkit-box-shadow:0 4px 8px 0 rgba(19,142,246,.23);box-shadow:0 4px 8px 0 rgba(19,142,246,.23);height:45px;width:100px;color:#fff}.content .output[data-v-a28ffce8]{text-align:center;margin:50px 0;font-size:25px}.content .output #shortlink[data-v-a28ffce8]{display:block;margin:auto;width:500px;height:50px;border:2px dashed #138ef6;border-radius:10px;margin-bottom:20px;line-height:50px;text-align:center}.content .output #qrcode[data-v-a28ffce8]{margin:auto;width:300px;height:300px;border:2px dashed #ccc;margin-bottom:20px;line-height:300px}.content .output .button[data-v-a28ffce8],.content .output button[data-v-a28ffce8]{height:40px;border-radius:20px;font-size:14px;line-height:40px}.box[data-v-238dd46a]{background-color:#f5f7fa;padding-bottom:50px}.content[data-v-238dd46a]{width:1000px;margin:50px auto}.content nav[data-v-238dd46a]{display:-webkit-box;display:-ms-flexbox;display:flex}.content nav a[data-v-238dd46a]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;padding:10px;color:#138ef6;border:2px solid #138ef6}.content nav .active[data-v-238dd46a]{background-color:#138ef6;color:#fff}.content h1[data-v-238dd46a]{font-size:2em;text-align:center;margin:50px 0}.content input[data-v-238dd46a]{outline:none;border:none;padding:15px;height:45px;width:calc(100% - 100px);border-radius:3px;background-color:#fff;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.03);box-shadow:0 4px 8px 0 rgba(0,0,0,.03)}.content .button[data-v-238dd46a],.content button[data-v-238dd46a]{display:inline-block;border:none;outline:none;padding:0;background-color:#138ef6;-webkit-box-shadow:0 4px 8px 0 rgba(19,142,246,.23);box-shadow:0 4px 8px 0 rgba(19,142,246,.23);height:45px;width:100px;color:#fff}.content .output[data-v-238dd46a]{text-align:center;margin:50px 0;font-size:25px}.content .output #shortlink[data-v-238dd46a]{display:block;margin:auto;width:500px;height:50px;border:2px dashed #138ef6;border-radius:10px;margin-bottom:20px;line-height:50px;text-align:center}.content .output #qrcode[data-v-238dd46a]{margin:auto;width:300px;height:300px;border:2px dashed #ccc;margin-bottom:20px;line-height:300px}.content .output .button[data-v-238dd46a],.content .output button[data-v-238dd46a]{height:40px;border-radius:20px;font-size:14px;line-height:40px}