html,body{background:#fefefe}html main,body main{min-height:600px}.result-tip{color:#888;margin-bottom:10px}.input-group-label{min-width:100px}.layui-laydate-content tbody tr:nth-child(even){background:none}.layer-img-box{padding:10px;background:#fff}.layer-img-box img{width:100%}.layer-img-box .text-tip{margin-top:6px;text-align:center;color:#555;font-size:14px}.red{color:red}h1{font-size:28px}@media (max-width:760px){h1{font-size:22px}}a{color:#059E7E}p{font-size:14px}[v-cloak]{display:none}.w-100{width:100%}.button,.button.disabled,.button[disabled],.button.disabled:hover,.button[disabled]:hover,.button.disabled:focus,.button[disabled]:focus{background-color:#059E7E;color:#fefefe}.tool-group .tool-item{display:block;position:relative;padding:15px;border-radius:6px;color:#8f8f8f;font-size:14px;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);margin-bottom:4px;transition:all 0.4s;width:100%;overflow:hidden}.tool-group .tool-item:hover{box-shadow:0 8px 20px 0 rgba(0, 0, 0, 0.15);transform:translate(0, -10px)}.tool-group .tool-item img.tool__icon{width:50px;height:50px;position:absolute;top:17px;left:15px;border-radius:6px}.tool-group .tool-item .tool__body{margin-left:65px;height:50px}.tool-group .tool-item .tool__body b{display:block;margin-top:4px;margin-bottom:4px;color:#262626;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-group .tool-item .tool__body span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-box{margin-top:10px}.btn-box button{border:1px solid #eaeaea;margin:6px;border-radius:4px;cursor:pointer}.btn-box .btn-convert{color:#409EFF;background:#ecf5ff;border-color:#b3d8ff}.btn-box .btn-convert:hover{background:#409EFF;border-color:#409EFF;color:#FFF}.btn-box .btn-demo{color:#909399;background:#f4f4f5;border-color:#d3d4d6}.btn-box .btn-demo:hover{background:#909399;border-color:#909399;color:#fff}.btn-box .btn-copy{color:#67C23A;background:#f0f9eb;border-color:#c2e7b0}.btn-box .btn-copy:hover{background:#67C23A;border-color:#67C23A;color:#FFF}.btn-box .btn-export{color:#E6A23C;background:#fdf6ec;border-color:#f5dab1}.btn-box .btn-export:hover{background:#E6A23C;border-color:#E6A23C;color:#FFF}.btn-box .btn-reset{color:#F56C6C;background:#fef0f0;border-color:#fbc4c4}.btn-box .btn-reset:hover{background:#F56C6C;border-color:#F56C6C;color:#FFF}.drag-box{border:2px dashed #bbb;margin-bottom:30px;border-radius:5px;text-align:center;font:20pt bold, "Vollkorn";color:#bbb;position:relative}@media (max-width:640px){.drag-box .drag-box{font-size:22px}}.drag-box .tip-word{padding:80px 15px;line-height:1.82;text-align:center;cursor:pointer;user-select:none}.drag-box .file-picker{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;filter:alpha(opacity=0);cursor:pointer}header{background:#1684EB;color:#fff;min-height:70px;padding-top:20px}@media (max-width:460px){header{min-height:50px}}header a{color:#fff}header .logo{float:left}header .logo a{font-size:22px;font-weight:700}@media (max-width:460px){header .logo a{font-size:20px}}header .logo a:hover{color:#fff}header .top-nav{float:right}header .top-nav li{list-style-type:none;display:inline-block;margin-left:15px}@media (max-width:460px){header .top-nav li{margin-left:10px}}header .top-nav li a{font-size:15px}header .top-nav li a:hover{color:#fff;text-decoration:underline}@media (max-width:460px){header .top-nav li a{font-size:14px}}header .lang-btn{cursor:pointer;padding:0 12px;border-radius:5px;line-height:36px;font-size:14px}header .lang-btn::before{display:inline-block;content:"";width:20px;height:20px;border-radius:50%;color:#fff;line-height:36px;margin-bottom:3px;background-image:url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTExLjk5IDJDNi40NyAyIDIgNi40OCAyIDEyczQuNDcgMTAgOS45OSAxMEMxNy41MiAyMiAyMiAxNy41MiAyMiAxMlMxNy41MiAyIDExLjk5IDJ6bTYuOTMgNmgtMi45NWMtLjMyLTEuMjUtLjc4LTIuNDUtMS4zOC0zLjU2IDEuODQuNjMgMy4zNyAxLjkxIDQuMzMgMy41NnpNMTIgNC4wNGMuODMgMS4yIDEuNDggMi41MyAxLjkxIDMuOTZoLTMuODJjLjQzLTEuNDMgMS4wOC0yLjc2IDEuOTEtMy45NnpNNC4yNiAxNEM0LjEgMTMuMzYgNCAxMi42OSA0IDEycy4xLTEuMzYuMjYtMmgzLjM4Yy0uMDguNjYtLjE0IDEuMzItLjE0IDJzLjA2IDEuMzQuMTQgMkg0LjI2em0uODIgMmgyLjk1Yy4zMiAxLjI1Ljc4IDIuNDUgMS4zOCAzLjU2LTEuODQtLjYzLTMuMzctMS45LTQuMzMtMy41NnptMi45NS04SDUuMDhjLjk2LTEuNjYgMi40OS0yLjkzIDQuMzMtMy41NkM4LjgxIDUuNTUgOC4zNSA2Ljc1IDguMDMgOHpNMTIgMTkuOTZjLS44My0xLjItMS40OC0yLjUzLTEuOTEtMy45NmgzLjgyYy0uNDMgMS40My0xLjA4IDIuNzYtMS45MSAzLjk2ek0xNC4zNCAxNEg5LjY2Yy0uMDktLjY2LS4xNi0xLjMyLS4xNi0ycy4wNy0xLjM1LjE2LTJoNC42OGMuMDkuNjUuMTYgMS4zMi4xNiAycy0uMDcgMS4zNC0uMTYgMnptLjI1IDUuNTZjLjYtMS4xMSAxLjA2LTIuMzEgMS4zOC0zLjU2aDIuOTVjLS45NiAxLjY1LTIuNDkgMi45My00LjMzIDMuNTZ6TTE2LjM2IDE0Yy4wOC0uNjYuMTQtMS4zMi4xNC0ycy0uMDYtMS4zNC0uMTQtMmgzLjM4Yy4xNi42NC4yNiAxLjMxLjI2IDJzLS4xIDEuMzYtLjI2IDJoLTMuMzh6Ii8+PC9zdmc+");vertical-align:middle;margin-right:2px;background-repeat:no-repeat;background-position:center;background-size:100%}header .lang-btn::after{display:inline-block;padding:0 10px 0 6px;content:"";width:8px;height:8px;border-radius:50%;color:#fff;margin-left:4px;line-height:36px;margin-bottom:2px;background-image:url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTM3LjQgMzc0LjZjMTIuNSAxMi41IDMyLjggMTIuNSA0NS4zIDBsMTI4LTEyOGM5LjItOS4yIDExLjktMjIuOSA2LjktMzQuOXMtMTYuNi0xOS44LTI5LjYtMTkuOEwzMiAxOTJjLTEyLjkgMC0yNC42IDcuOC0yOS42IDE5LjhzLTIuMiAyNS43IDYuOSAzNC45bDEyOCAxMjh6Ii8+PC9zdmc+");background-repeat:no-repeat;background-position:center;background-size:60%}header .lang-btn>ul{display:none;position:absolute;right:18px;top:35px;z-index:999;width:340px;flex-wrap:wrap;background:#fff;border:1px solid #eaeaea}header .lang-btn>ul li{width:50%;line-height:38px;padding:0 20px;align-items:center;color:#000;margin-left:0 !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-left:4px solid #fff;margin-bottom:0 !important}header .lang-btn>ul li.active,header .lang-btn>ul li:hover{border-left:4px solid #1684EB;background:#f1f3f4}header .lang-btn>ul li a{color:#000;font-size:14px !important;font-weight:400;text-decoration:none !important;display:block;user-select:none}header .lang-btn>ul li a:hover{color:#000 !important}header .lang-btn:hover ul{display:flex}footer,.footer{background:#373d41;padding:30px 0;border-top:1px solid #eaeaea;color:#999}footer a,.footer a{color:#73777a}footer a:hover,.footer a:hover{color:#fff}footer .footer-nav a,.footer .footer-nav a{color:#9b9ea0;margin-right:35px}@media (max-width:760px){footer .footer-nav a,.footer .footer-nav a{margin-right:10px;font-size:13px}}footer .footer-nav a:hover,.footer .footer-nav a:hover{color:#fff}footer .friend-link,.footer .friend-link{margin-bottom:20px;margin-top:30px}footer .friend-link a,.footer .friend-link a{font-size:14px;margin-left:0;margin-right:15px}footer p.copyright,.footer p.copyright{font-size:14px;text-align:left;color:#73777a}.result-table{width:98%;max-width:720px;margin:25px auto}.result-table td{border:1px solid #eaeaea}.result-table .field{background:#f9f9f9;color:#555;width:160px}.result-table .value{color:#333}.result-table .value a.copy-info{margin-left:10px;color:green;cursor:pointer}.result-table .unit,.result-table .tip{color:#888;margin-left:5px}body.page-tool main{min-height:550px;padding-top:15px}body.page-tool main .tool-wrapper{border:1px solid #eaeaea;box-shadow:4px 4px 8px #eaeaea;margin-bottom:25px;border-radius:6px}body.page-tool main .tool-wrapper .tool-meta{background:#f5f5f5;padding:8px 15px;border:1px solid #eaeaea}@media (max-width:640px){body.page-tool main .tool-wrapper .tool-meta .link-btn{margin-top:10px;margin-bottom:10px}}body.page-tool main .tool-wrapper .tool-meta .link-btn a{margin-right:15px;font-size:12px;cursor:pointer;user-select:none;color:#555;line-height:30px;vertical-align:middle}body.page-tool main .tool-wrapper .tool-meta .link-btn a i,body.page-tool main .tool-wrapper .tool-meta .link-btn a span{vertical-align:middle}body.page-tool main .tool-wrapper .tool-meta .link-btn a:hover{color:green}body.page-tool main .tool-wrapper .tool-meta .link-btn a.js-file-picker{display:none}body.page-tool main .tool-wrapper .tool-meta ul{text-align:right}@media (max-width:640px){body.page-tool main .tool-wrapper .tool-meta ul{display:none}}body.page-tool main .tool-wrapper .tool-meta ul li{display:inline-block;margin-left:15px;font-size:12px;cursor:pointer;user-select:none;color:#555}body.page-tool main .tool-wrapper .tool-meta ul li.js-show-demo{display:none}body.page-tool main .tool-wrapper .tool-meta ul li:hover{color:#1779ba}body.page-tool main .tool-wrapper .tool-meta ul li i{margin-right:5px;vertical-align:middle;font-size:16px;font-style:normal}body.page-tool main .tool-wrapper .tool-meta ul li span{vertical-align:middle}body.page-tool main .tool-wrapper .tool-meta ul li a{color:#555}body.page-tool main .tool-wrapper .tool-meta ul li a:hover{color:green}body.page-tool main .tool-wrapper .tool-meta ul li .add-favorite-btn::after{font-style:normal;font-family:"iconfont";content:""}body.page-tool main .tool-wrapper .tool-meta ul li .add-favorite-btn:hover::after,body.page-tool main .tool-wrapper .tool-meta ul li .add-favorite-btn.favorite::after{color:orange;content:""}body.page-tool main .tool-wrapper .tool-box{padding:25px 15px}body.page-tool main .tool-wrapper .loading-tip{text-align:center;color:#888;margin:80px 15px}body.page-tool main .tool-wrapper .result-box{margin-top:25px}body.page-tool main .tool-intro h2{font-size:20px;border-left:4px solid #009100;padding-left:8px}body.page-tool main .tool-intro h3{font-size:18px}body.page-tool main .breadcrumbs-wrapper .breadcrumbs{display:inline-block;margin-bottom:0}body.page-tool main .breadcrumbs-wrapper .breadcrumbs li h1{font-size:0.6875rem;line-height:20px;margin-bottom:0}body.page-tool main .breadcrumbs-wrapper .tool-extend-btn{color:#555;padding:0 6px;margin-top:-5px}body.page-tool main .breadcrumbs-wrapper .tool-extend-btn i{font-size:20px}body.page-tool main .h1-box{text-align:center;padding:35px 15px 15px 15px}body.page-tool main .h1-box h1{font-size:24px;color:#333}body.page-tool main .tool-collection{margin-bottom:15px}@media (max-width:640px){body.page-tool main .tool-collection{display:none}}body.page-tool main .tool-collection ul{margin:0;padding:0;list-style-type:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #eaeaea}body.page-tool main .tool-collection ul.expanded{white-space:inherit;overflow:hidden}body.page-tool main .tool-collection ul li{margin:0;display:inline-block;margin-right:15px;cursor:pointer}body.page-tool main .tool-collection ul li a{line-height:2.2;color:#555;display:inline-block;font-size:14px}body.page-tool main .tool-collection ul li a:hover{color:orange}body.page-tool main .tool-collection ul li.active{border-bottom:2px solid #1779ba;margin-top:1px}body.page-tool main .tool-collection ul li.active a{color:orange}.section-box{background:#fff;border-radius:8px;padding:15px;margin-bottom:25px;border:1px solid #eaeaea}.section-box h2{font-size:20px;margin-bottom:15px}.faqs-box{margin-top:60px;margin-bottom:60px}.faqs-box h2{text-align:center;font-weight:bold;font-size:32px;line-height:42px;letter-spacing:-0.02em;text-align:center;color:#0f172a;margin-bottom:40px}.faqs-box .faq-item{padding:30px;box-sizing:border-box;border-radius:12px;cursor:pointer;background:#f8fafc;width:100%;margin:0 auto 30px auto;box-shadow:0px 5px 8px rgba(231, 230, 236, 0.9)}@media (max-width:640px){.faqs-box .faq-item{border-radius:0;border:none;box-shadow:none}}.faqs-box .faq-item:hover{background:#f1f5f9}.faqs-box .faq-item .faq-header h3{font-weight:600;font-size:16px;line-height:24px;color:#1e293b;position:relative;margin-bottom:0}.faqs-box .faq-item .faq-header h3::after{content:"";width:24px;height:24px;border-radius:50%;margin-left:32px;background:#e2e8f0;position:absolute;background-image:url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguNDczIDkuODg2IDExLjMgNy4wNmEuNjY3LjY2NyAwIDEgMC0uOTQtLjk0Nkw4IDguNDczbC0yLjM2LTIuMzZhLjY2Ny42NjcgMCAwIDAtMS4wODQuMjE3LjY2Ny42NjcgMCAwIDAtLjA1LjI1Ni42NjcuNjY3IDAgMCAwIC4xOTQuNDczbDIuODI2IDIuODI3YS42NjcuNjY3IDAgMCAwIC45NDcgMFoiIGZpbGw9IiM2NDc0OEIiLz48L3N2Zz4=");background-repeat:no-repeat;top:0;right:0;background-position:center;background-size:90%;transform:rotate(0);transition:0.3s cubic-bezier(0.25, 0.1, 0.25, 1)}.faqs-box .faq-item .faq-content{margin-top:15px;display:none}.faqs-box .faq-item .faq-content p{margin-top:16px;margin-right:62px;margin-bottom:0}.faqs-box .faq-item.expanded .faq-header h3::after{transform:rotate(-180deg) !important}.faqs-box .faq-item.expanded .faq-content{display:block}body.page-single{background:#f5f5f5}body.page-single .page-content{padding:15px 25px;background:#fff;margin:30px 0;border-radius:8px}body.page-single .page-content article{margin-top:35px}body.page-single .page-content h1{margin-top:25px;font-size:32px}body.page-single .page-content h2{margin-top:25px;font-size:24px}body.page-single .page-content h3{margin-top:20px;font-size:22px}body.page-single .page-content h4{margin-top:15px;font-size:18px}body.page-single .page-content p{font-size:16px;margin-bottom:15px}body.page-single .page-content ul{margin-left:35px}body.page-single .page-content ul li{list-style-type:disc !important;margin-bottom:10px}