body{margin:0;padding:0;color:#242424;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;overflow-x: hidden;}
*,::after,::before{box-sizing:border-box}
.disabled,[disabled]{cursor:not-allowed}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
.iconfont{font-size:inherit!important}
.iconfont.iconfont-2x{font-size:2rem!important}
.iconfont.font-normal{font-weight:400!important}
.iconfont.iconfont-circle{border:2px solid currentColor;border-radius:100%;padding:5px;margin-right:5px}
small .iconfont.iconfont-circle{border-width:1px;padding:0;margin-right:2px}
.iconfont.iconfont-2x.iconfont-circle{border-width:3px}
a,a:visited{color:#585858;text-decoration:none}
a:hover{color:#f47920;text-decoration:none}
a.link-default,a.link-default:visited{color:#157dd3}
a.link-primary,a.link-primary:visited{color:#f47920}
a.link-error,a.link-error:visited{color:#e6162d}
a.link-default:hover,a.link-error:hover,a.link-primary:hover{text-decoration:underline}
.link-muted,.link-muted:visited{color:#999}
.link-muted:hover{color:inherit}
a[disabled],a[disabled]:hover{color:#999;pointer-events:all;-moz-user-select:none;-webkit-user-select:none;user-select:none}
.btn.link-btn,.btn.link-btn:hover{color:#157dd3;border:0;background-color:transparent}
.btn.link-btn:hover{text-decoration:underline}
.red{color:#ff0000}
abbr{text-decoration:none;border-bottom:1px dotted;cursor:help}
h1{font-size:2rem;margin-top:0}
h2{font-size:1.8rem;margin-top:0}
h3{font-size:1.35rem;margin-top:0}
h4{font-size:1.15rem;margin-top:0}
p{margin:0 0 1rem 0}
ol,ul{margin:0;padding:0}
ul.inline>li{display:inline-block}
fieldset{margin:0;border:1px solid #d6d9d9}
fieldset>legend{padding:0 8px;font-weight:500;font-size:.95rem}
fieldset>.field-body{padding:8px}
template{display:none}
button:focus,input:focus,textarea:focus{outline:0}
.btn,a.btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid #ccc;color:#585858;background-color:#e4e4e4;white-space:nowrap;vertical-align:middle;cursor:pointer;font-size:.9rem;padding:8px 16px;border-radius:2px;line-height:1;text-align:center;user-select:none;-webkit-user-select:none;transition:background-color .25s}
.btn:hover,a.btn:hover{border-color:#b8b8b8;color:#242424;background-color:#d0d0d0;text-decoration:none}
.btn.btn-primary,.btn.btn-primary:visited,a.btn.btn-primary,a.btn.btn-primary:visited{border-color:#f47920;color:#fff;background-color:#f47920}
.btn.btn-primary:hover,a.btn.btn-primary:hover{border-color:#8c531b;background-color:#96582a;text-decoration:none}
.btn.btn-outline,.btn.btn-outline:visited,a.btn.btn-outline,a.btn.btn-outline:visited{border-color:#999;color:#585858;background-color:#fff}
.btn.btn-outline:hover,a.btn.btn-outline:hover{color:#242424;border-color:#777;text-decoration:none}
.btn-outline.btn-inverse,.btn-outline.btn-inverse:hover{border-color:#fff;background-color:transparent;color:#fff}
.btn-outline.border-2x{border-width:2px}
.btn.btn-info,.btn.btn-info:visited,a.btn.btn-info,a.btn.btn-info:visited{border-color:#3eb4d8;color:#fff;background-color:#48c5eb}
.btn.btn-info:hover,a.btn.btn-info:hover{border-color:#36a3c4;background-color:#34aed3;text-decoration:none}
.btn.btn-error,.btn.btn-error:visited,a.btn.btn-error,a.btn.btn-error:visited{border-color:#cf0d24;color:#fff;background-color:#e6162d}
.btn.btn-error:hover,a.btn.btn-error:hover{border-color:#c7152a;background-color:#d8172d;text-decoration:none}
.btn.btn-sm{font-size:.8em;padding:7px 10px}
.btn.btn-xs{font-size:.75em;padding:5px 6px}
.btn.btn-lg{font-size:1em;padding:12px 20px}
.btn.btn-block{display:block;width:100%}
.btn.btn-loading.btn-block{display:flex}
.btn.disabled,.btn.disabled:hover,.btn[disabled],.btn[disabled]:hover{color:#a8a8a8;text-shadow:.5px .5px 0 #f8f8f8;background-color:#e9e9e9;border-color:#c4c4c4;cursor:not-allowed}
.btn-wrap>.btn+.btn{margin-left:15px}
.btn-loading::before{content:'';flex-shrink:0;width:18px;height:18px;background:url(../images/xloading.gif) center center transparent;background-size:100%;margin:-2px 4px -2px 0;-webkit-animation:xloading 1s steps(12,end) infinite;animation:xloading 1s steps(12,end) infinite}
.btn-group{display:inline-flex;vertical-align:middle}
.btn-group>.btn{flex:0 1 auto}
.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
.btn-group>.btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
.btn-group>.btn+.btn{margin-left:-1px}
input[type=file]{display:block}
.row.row-layout>[class*=col-]+.col-xs-12{margin-top:.6rem}
.form-group.form-group-item-center>.row{align-items:center}
.form-group>.row+.row{margin-top:1rem}
.form-group.form-group-sm{font-size:.9rem}
.form-group.form-group-sm>.row+.row{margin-top:.5rem}
.form-group .row>label{font-weight:600;}
.form-group:not(.static-form-group) .row>label{line-height:3}
.form-group .row-textarea>label{margin-top:8px}
.form-group .row>label.control-label,.form-group .row>label.option-label{line-height:inherit}
.form-group.form-group-item-center .row>label{line-height:1.8}
.form-group+.form-group{margin-top:1rem}
.select2-container.select2-container--default .select2-selection--multiple{border-color:#d2d6d6;border-radius:.125rem;padding:.275rem .5rem}
.select2-container.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#119e49}
.select2-container.select2-container--default .select2-search--inline .select2-search__field{margin-top:0;margin-left:0;padding:.25rem 0}
.select2-container.select2-container--default .select2-dropdown{border-color:#119e49;border-radius:.125rem}
.select2-container.select2-container--default.select2-container--open .select2-dropdown--below{border-top-left-radius:0;border-top-right-radius:0}
.select2-container.select2-container--default.select2-container--open .select2-dropdown--above{border-bottom-left-radius:0;border-bottom-right-radius:0}
.select2-container.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#f47920}
.select2-container.select2-container--default .select2-results__option--selected{background-color:#f2f2f4}
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice{border-radius:.125rem;margin:.15rem .3rem .15rem 0;font-size:.9em;border-color:#b4b6b6;background-color:#f2f2f4}
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{padding:0 6px;border-right-color:#b4b6b6}
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__display{display:inline-block;padding:.125rem .4rem}
.form-control{position:relative;display:block;width:100%;height:calc(2.15rem + 2px);padding:.5rem .875rem;font-size:.9rem;color:#242424;border:1px solid #d2d6d6;border-radius:.125rem;background-color:#fff;transition:border-color .15s ease-in-out;-webkit-appearance:none}
.form-control:focus{border-color:#119e49}
.form-control:invalid,.form-control:required{border-color:#f68b87;background-color:#fff8f1}
.form-control.disabled,.form-control.disabled:focus,.form-control.readonly,.form-control.readonly:focus,.form-control[disabled],.form-control[disabled]:focus,.form-control[readonly],.form-control[readonly]:focus{border-color:#d2d6d6;background-color:#f6f6f6;color:#999}
.form-control.readonly,.form-control.readonly:focus,.form-control[readonly],.form-control[readonly]:focus{color:inherit}
.form-control.readonly.bg-default,.form-control.readonly.bg-default:focus,.form-control[readonly].bg-default,.form-control[readonly].bg-default:focus{background-color:#fff}
.form-control::placeholder{color:#b9b9bb;opacity:1}
.form-control.form-control-lg{padding:.7rem .875rem;height:2.6rem;font-size:1.3rem}
.form-control.form-control-xl{height:3.8rem;font-size:1.8rem}
.form-control.form-control-inverse{border-color:#fff}
input[type=search],input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
select:focus{outline:0}
select.form-control{padding-right:28px;background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right 12px center no-repeat #fff;background-size:8px 10px;line-height:1;-webkit-appearance:none;-moz-appearance:none}
textarea.form-control,textarea.form-control.form-control-lg,textarea.form-control.form-control-xl{height:auto;resize:none}
input[type=number][disabled],input[type=search][disabled],input[type=text][disabled],input[type=url][disabled] input[type=tel][disabled]{background-color:#f2f2f2}
.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}
.input-group>.form-control,.row-control-group .input-group>.form-control{position:relative;flex:1 1 auto;width:1%;border-top-right-radius:0;border-bottom-right-radius:0}
.input-group-lg>.form-control{height:calc(2.5rem + 2px);padding:.715rem .8rem;font-size:1rem;border-top-left-radius:.15rem;border-bottom-left-radius:.15rem}
.input-group-lg>.form-control:focus{z-index:9}
.input-group-lg>textarea.form-control{height:auto}
.input-group-xl>.form-control{height:calc(3.25rem + 2px);padding:.75rem 1rem;font-size:1.15rem;border-top-left-radius:.15rem;border-bottom-left-radius:.15rem}
.input-group .sp-replacer{border:1px solid #d6d9d9;padding-left:8px;padding-right:6px;display:flex;align-items:center}
.input-group .sp-replacer+.form-control{margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}
.input-group-prepend{display:flex}
.input-group-prepend+input.form-control{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}
.input-group-append{display:flex;margin-left:-1px;max-width:40%}
.input-group-append>.btn,.input-group-append>.form-control{border-top-left-radius:0;border-bottom-left-radius:0}
.input-group-append>select{height:100%}
.input-group-text{display:flex;align-items:center;background-color:#e8e8e8;color:#242424;padding:.15rem .7rem;border:1px solid #d2d6d6;user-select:none;-webkit-user-select:none}
.input-group-append>.input-group-text{border-top-right-radius:2px;border-bottom-right-radius:2px}
.input-group-prepend>.input-group-text{border-top-left-radius:2px;border-bottom-left-radius:2px}
.input-group-lg .input-group-append>.input-group-text{padding:.15rem .85rem;font-size:1.05em}
.not-selectable{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.selectable{-webkit-user-select:all;-moz-user-select:all;user-select:all}
.callout{position:absolute;max-width:20em;padding:.5em 1em;margin:.6em 0 0 0;border-radius:2px;background-color:#fff2e5;color:#301c0a;border:1px solid rgba(0,0,0,.3);box-shadow:.05em .2em .6em rgba(0,0,0,.2);font-size:.8em;transform:scale(0);transition:.2s transform}
.callout:before{content:"";position:absolute;top:-.45em;left:1.5em;padding:.35em;background:inherit;border:inherit;border-right:0;border-bottom:0;transform:rotate(45deg)}
.callout.expanded{transform:scale(1);transition:.3s cubic-bezier(.25,.1,.3,1.5) transform;transform-origin:1.4em -.4em}
.container.container-fw-xs{padding:0!important;overflow:hidden}
.row.row-control-group{line-height:1.5}
.row-control-group:not(.no-margin)>[class*=col-]+[class*=col-]{margin-top:10px}
.row-control-group .btn,.row-control-group .form-control{width:100%}
.flex-direction-row{flex-direction:row}
.flex-direction-column{flex-direction:column}
.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
table{border-collapse:collapse;width:100%;font-size:.9rem;margin-bottom:10px}
table caption{text-align:left;font-size:1.2em;font-weight:700;margin-bottom:.2em}
table td,table th{padding:12px;border:1px solid #e4e8ee;line-height:1.5}
table td{background-color:#fff;word-break:break-all}
table tbody tr:hover{background-color:#f8f8f8}
table tbody tr:hover td,table tbody tr:hover th{background-color:transparent}
table tbody tr:hover td[rowspan]{background-color:#fff}
table th{background-color:#f4f4f8;white-space:nowrap}
.table-responsive table td,.table-responsive table th{word-break:normal}
table.table-sm{font-size:.8rem}
table.table-sm td,table.table-sm th{padding:.5rem;line-height:1.35}
pre{font-size:.9rem;font-family:Consolas,Monaco,courier,monospace;margin-top:0;overflow-wrap:break-word;white-space:pre-wrap}
pre[data-placeholder]{position:relative}
pre[data-placeholder]:empty::before{position:absolute;content:attr(data-placeholder);color:#ccc;top:.5rem}
code{font-size:.875em;font-family:Menlo,Consolas,Monaco,courier,monospace;background-color:#f6f6f9;padding:3px 5px;margin:0 1px;color:#e6162d;border-radius:2px;white-space:nowrap;vertical-align:baseline;line-height:1.5;outline:0}
kbd{font-size:.85em;font-family:Consolas,Monaco,courier,monospace;background-color:#f4f4f7;border:1px solid #a8a8a8;padding:4px 5px 2px 5px;margin:0 1px;color:#000;border-radius:2px;line-height:1.5;outline:0;cursor:default}
.monospace{font-family:Consolas,Menlo,Monaco,courier,monospace}
hr{border:0;border-top:1px solid #e8e8e8;margin-top:1rem;margin-bottom:1rem;box-sizing:content-box}
.progress{display:flex;font-size:.8rem;background-color:#fff;padding:2px;height:1.2rem;border-radius:20px;border:1px solid #d8d8d8;overflow:hidden}
.progress.progress-lg{height:2.5rem;padding:4px}
.progress-bar{display:flex;justify-content:center;align-items:center;background-color:#f47920;border-radius:20px;color:#242424;width:0;text-shadow:1px 0 rgba(255,255,255,.5);text-align:center;white-space:nowrap;transition:width .6s ease}
.progress-bar.progress-bar-full-width{width:100%}
.progress-bar.progress-bar-success{background-color:#52df8a}
.progress-bar.progress-bar-error{background-color:#e6162d;color:#fff;text-shadow:none}
.progress-bar.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}
.progress-bar.progress-bar-striped{background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:2rem 2rem}
@-webkit-keyframes progress-bar-stripes{from{background-position:0 0}
    to{background-position:2rem 0}
}
@keyframes progress-bar-stripes{from{background-position:0 0}
    to{background-position:2rem 0}
}
.img-fw-xs{width:100%}
.img-circle{border-radius:100%}
.img-rounded{border-radius:6px}
.img-preview,.img-responsive{max-width:100%;height:auto}
.align-right{text-align:right}
.tooltip{position:absolute;z-index:999;display:block;margin:0;font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.8rem;word-wrap:break-word}
.tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}
.tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}
.tooltip-inner{max-width:200px;padding:.15rem .4rem;color:#fff;text-align:center;background-color:#000;border-radius:2px}
.tooltip-inner>a,.tooltip-inner>a:visited{color:currentColor!important;text-decoration:underline}
.tooltip[x-placement^=top]{padding:.4rem 0}
.tooltip[x-placement^=top] .tooltip-arrow{bottom:0}
.tooltip[x-placement^=top] .tooltip-arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}
.tooltip[x-placement^=bottom]{padding:.5rem 0}
.tooltip[x-placement^=bottom] .tooltip-arrow{top:.1rem}
.tooltip[x-placement^=bottom] .tooltip-arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}
.tooltip[x-placement^=left]{padding:0 .5rem}
.tooltip[x-placement^=left] .tooltip-arrow{right:.1rem;width:.4rem;height:.8rem}
.tooltip[x-placement^=left] .tooltip-arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}
.tooltip[x-placement^=right]{padding:0 .5rem}
.tooltip[x-placement^=right] .tooltip-arrow{left:.1rem;width:.4rem;height:.8rem}
.tooltip[x-placement^=right] .tooltip-arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}
.dropdown-container{position:relative}
.dropdown-panel{display:none;position:absolute;right:0;text-align:left;border:1px solid #d0d0d0;background-color:#fff;padding:3px 0;border-radius:4px;box-shadow:0 0 10px rgba(56,56,56,.15);z-index:9999}
.dropdown-panel.created{display:block}
.dropdown-panel.right-8{right:8px}
.dropdown-panel.top-0{top:0}
.dropdown-panel.with-caret{margin-top:10px}
.dropdown-panel.with-caret::after,.dropdown-panel.with-caret::before{content:'';position:absolute;border-left:8px solid transparent;border-right:8px solid transparent;z-index:-1}
.dropdown-panel.with-caret::before{top:-8px;right:20px;border-bottom:8px solid #d0d0d0}
.dropdown-panel.with-caret::after{right:20px;top:-7px;border-bottom:8px solid #fff}
.dropdown-panel.entrance-panel.with-caret::after,.dropdown-panel.entrance-panel.with-caret::before{border-bottom-color:#393939}
.dropbefore::before{content:'';margin-right:.275rem}
.dropright.dropbefore::before{margin-right:.4rem;margin-left:.175rem}
.dropright::after,.dropright::before{display:inline-block;width:0;height:0;border-left:.3rem solid;border-right:0;border-bottom:.3rem solid transparent;border-top:.3rem solid transparent}
.dropright:not(.dropbefore)::after{content:'';margin-left:.275rem}
.dropdown::after,.dropdown::before{display:inline-block;width:0;height:0;vertical-align:.215em;border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}
.dropdown:not(.dropbefore)::after{content:'';margin-left:.275rem}
.dropdown.btn:not(.dropbefore)::after{content:'';margin-left:.5rem}
.dropup::after{content:'';display:inline-block;width:0;height:0;margin-left:.275rem;vertical-align:.215rem;border-top:0;border-right:.3rem solid transparent;border-bottom:.3rem solid;border-left:.3rem solid transparent}
.btn-more{display:inline-flex;justify-content:center;align-items:center;border:0 solid #ddd;width:2.5rem;height:2.5rem;background-color:transparent;border-radius:100%;overflow:hidden;cursor:pointer}
.btn-more:active,.btn-more:focus{background-color:#f2f4f2;color:#242424}
.btn-more::before{position:relative;top:-7px;content:"\2026";font-size:2em;height:10px;line-height:6px;color:#777;border:0 solid red}
.btn-more:hover::before{color:#242424}
.datepicker{cursor:pointer}
.card-wrap+.card-wrap{margin-top:1em}
.card{box-shadow:2px 2px 9px #e8e8e8;border:0 solid #eee;border-top-left-radius:4px;border-top-right-radius:4px;overflow:hidden}
.card.card-sm{font-size:.9em}
.card-image{display:block}
.card-image img{display:block;max-width:100%;height:auto}
.card-body,.card-footer{padding:1em;line-height:1.5}
.card-title{font-size:1em;margin-bottom:.3em}
.card-title a{color:inherit}
.card a:hover{text-decoration:underline}
.card-footer a{color:#157dd3}
.tabs{position:relative;margin-bottom:1rem;list-style:none}
.tabs>li{position:relative;display:inline-block;color:#585858;margin-bottom:.5rem;border-bottom:2px solid transparent;background-color:#fff;font-size:.9rem;cursor:pointer}
.tabs>li:not(:last-child){margin-right:1rem}
.tabs>li:focus{outline:0}
.tabs>li.active{color:#242424;font-weight:600;border-bottom-color:#f29587}
.tabs>li>a{display:block;padding:4px 4px;color:inherit;text-decoration:none}
.tabs>li>a:hover{color:#000}
.tabs i.iconfont{font-weight:400}
.tab-content{display:none}
.list-group{display:flex;flex-direction:column;padding:0;margin:0;line-height:1.4}
.list-group.hoverable>.list-group-item:hover{background-color:#f8f8f8}
.list-group-item{position:relative;display:flex;justify-content:flex-start;align-items:center;padding:.6rem 1.2rem;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}
.list-group-item:first-child{border-top-left-radius:2px;border-top-right-radius:2px}
.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:2px;border-bottom-left-radius:2px}
.list-group-item.list-group-item-header{background-color:#f6f6f8}
a.list-group-item:hover{background-color:#f8f8f8;color:#242424}
.list-group-item-img-top .list-group-item{align-items:flex-start}
.list-group-with-img>.list-group-item.list-group-item-header{padding-top:.8rem;padding-bottom:.8rem}
.list-group-with-img>.list-group-item>img{border-radius:4px;margin-right:.5rem}
.collapsable,.fadable{display:none}
.highlight-error{background-color:#f8dddf}
.highlight-regex{background-color:#f04848;color:#fff}
.highlight-regex-next{background-color:#398fc0;color:#fff}
.alert{position:relative;padding:.875rem;margin-top:1rem;margin-bottom:1rem;font-size:.95rem;border:1px solid;background-color:#f8f8f8;border-radius:.125rem}
.row .alert{margin-top:0;margin-bottom:0}
.alert-success{color:#1c462d;background-color:#e9ffe7;border-color:#abd3b4}
.alert-info{color:#028ddd;background-color:#f4f9fd;border-color:#6dbde2}
.alert-error{color:#5a1019;background-color:#ffeff0;border-color:#f2c4c8}
.alert-warning{color:#ac8400;background-color:#fff9ec;border-color:#d3a614}
.alert a{color:inherit;text-decoration:underline}
.alert a.alert-link{font-weight:600}
.alert ol,.alert ul{margin-left:2.5em;margin-bottom:.75em}
.alert p{margin-bottom:.5em}
.alert>:last-child{margin-bottom:0}
.alert-heading{font-size:1.2rem;font-weight:400;color:inherit;margin-top:0;margin-bottom:.5em}
ol.row,ul.row{list-style:none;padding:0}
.font-weight-normal{font-weight:400!important}
.font-size-xxs{font-size:.8rem!important}
.font-size-xs{font-size:.85rem!important}
.font-size-sm{font-size:.9rem!important}
.font-size-sn{font-size:1rem!important}
.font-size-lg{font-size:1.1rem!important}
.font-size-xl{font-size:1.15rem!important}
.font-size-xxl{font-size:1.2rem!important}
.mb-0{margin-bottom:0!important}
.mb-1{margin-bottom:1rem!important}
.mb-2{margin-bottom:2rem!important}
.mt-0{margin-top:0!important}
.mt-1{margin-top:1rem!important}
.mt-2{margin-top:2rem!important}
.mt-3{margin-top:3rem!important}
.ml-1{margin-left:1rem!important}
.ml-2{margin-left:2rem!important}
.ml-3{margin-left:3rem!important}
.mr-1{margin-right:1rem!important}
.mr-2{margin-right:2rem!important}
.mr-3{margin-right:3rem!important}
.pa-0{padding:0!important}
.pa-1{padding:1rem!important}
.pt-1{padding-top:1rem!important}
.pl-1{padding-left:1rem!important}
.required::after{content:'*';color:#e6162d;position:relative;top:-3px;left:3px}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.text-error{color:#e6162d}
.text-success{color:#3bb76d}
.text-info{color:#48c5eb}
.text-warning{color:#e9994b}
.text-muted{color:#999;padding-top:5px;display:inline-block;}
.text-lg{font-size:2rem}
.text-break{word-break:break-all}
.word-break{word-break:break-word}
.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.text-or{font-size:.9em;font-weight:300;color:#999;margin:0 1rem;line-height:1}
.text-hr{display:flex;align-items:center;margin:.5rem 0}
.text-hr::after,.text-hr::before{content:'';border-bottom:1px solid #e4e4e4}
.text-hr::after{flex:1;margin-left:.5rem}
.text-hr-center::before{flex:1;margin-right:.5rem}
.font-normal{font-weight:400}
.bg-gray{background-color:#eeeeeb}
.bg-white{background-color:#f8f8f8}
.bg-black{background-color:#000}
.bg-default{background-color: #f7f9fb}
.bg-danger{background-color:#dc3545!important}
.bg-info{background-color:#17a2b8!important}
.bg-success{background-color:#28a745!important}
.bg-primary{background-color:#007bff!important}
.bg-warning{background-color:#ffc107!important}
.custom-error{display:none;position:relative;font-size:.85em;padding-left:1.35em;margin-top:.5em;color:#e6162d;text-align:justify;line-height:1.35}
.custom-error::before{position:absolute;display:inline-block;content:'\e836';font-family:iconfont;left:1px;top:0;width:1em;height:1em}
.align-self-start{align-self:flex-start}
.align-self-stretch{align-self:stretch}
.hidden{display:none!important}
.block{display:block!important}
.clear {clear: both;}
.dt-message{position:fixed;top:50px;font-size:.9rem;text-align:center;padding:8px;width:100%;z-index:15000}
.dt-message-wrap{margin:.5rem 0;width:100%;opacity:0;transition:height .2s ease-in-out,padding .2s ease-in-out}
.dt-message-body{display:inline-flex;align-items:center;background:#fff;padding:.75rem 1rem;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,.2);line-height:1.35}
.dt-message-body>i.iconfont{margin-right:5px}
.dt-message-body>i.loading{flex-shrink:0;width:16px;height:16px;margin-right:6px;background-size:100%;-webkit-animation:ani-load-loop 1.2s linear infinite;animation:ani-load-loop 1.2s linear infinite}
@keyframes ani-load-loop{0%{transform:rotate(0)}
    50%{transform:rotate(180deg)}
    to{transform:rotate(1turn)}
}
._3rd-ad-wrapper{margin:1rem -.5rem 0 -.5rem}
.post-section{background-color:#f2f2f4}
.tag-list-header{text-align:center}
.tag-list-header h1{margin:0;font-weight:400;font-size:1.2rem}
.tag-list{display:flex;flex-wrap:wrap;justify-content:center;padding:1em 0}
.tag-list>a{border:1px solid #eee;border-radius:24px;padding:.2em 1.2em;margin:.75em 1em;font-size:.8em;background-color:#fff}
.post-item{padding:1.25em 1.25em;background-color:#fff}
.post-item+.post-item{margin-top:.5em}
.link-post-image{display:block;border-radius:2px;overflow:hidden}
.link-post-image img{display:block}
.post-title{font-weight:500;margin-bottom:5px}
.post-item .post-title{font-size:1.2em;line-height:1.3}
.post-item .post-title a{display:block;color:currentColor;transition:all .25s}
.post-item .post-title a:hover{color:#f47920}
.text-modifier{font-size:.65em;font-weight:400;border-radius:2px;line-height:1;padding:.4em .4em .3em .4em;vertical-align:3px}
.text-sticky{background-color:#f0c417;color:#fff}
.text-editor-choice{background-color:#e6162d;color:#fff}
.text-original{display:inline-block;font-size:.8em;padding:2px 7px;margin-right:6px;border:1px solid #d4d4d4;border-radius:16px;line-height:1.2}
.post-meta{font-size:.8em;color:#999}
.post-meta>span:not(:last-child){margin-right:1em}
.post-meta a{color:currentColor}
.post-excerpt{font-size:.9em;margin-top:.5em;text-align:justify}
.post-excerpt a{color:#157dd3}
.post-excerpt a:hover{text-decoration:underline}
.post-excerpt>ol,.post-excerpt>ul{margin-bottom:1rem;margin-left:2.5rem}
.post-excerpt>:last-child{margin-bottom:0}
.post-header{margin-bottom:2rem}
.post-header.with-bottom-line{padding-bottom:1rem;border-bottom:1px solid #eee}
.post-header>h1{font-size:2em;font-weight:400;margin-bottom:0}
.post-header>.post-subtitle{font-weight:300}
.post-entry img,.post-header img{max-width:100%;height:auto}
.post-single{padding:1.5em 1em 1em 1em;background-color:#fff;box-shadow:1px 1px 4px #eee}
.post-single .post-title{font-size:1.35em;line-height:1.3}
.post-share{position:fixed;top:34%;margin-left:-8em;font-size:.8em;text-align:center;color:#b1b6be}
.post-entry{font-size:1rem;text-align:justify}
.post-single .post-entry{font-size:.95rem;margin-top:1.25rem}
.post-entry *~h2{margin-top:1.5em}
.post-entry h2{font-size:1.35em;line-height:1.5;border-bottom:1px solid #e8e8e8;padding-bottom:.2em;margin-bottom:1em}
.post-entry *~h3{margin-top:1.5em}
.post-entry h3{font-size:1.1em;margin-bottom:1em}
.post-entry h3>.iconfont{font-weight:400}
.post-entry h4{font-size:1em;margin-bottom:1em}
.post-entry ol,.post-entry ul{margin-left:3em;margin-bottom:1em;padding-right:1rem;line-height:1.6}
.post-entry ol>li+li,.post-entry ul>li+li{margin-top:.3em}
.post-entry figure{text-align:center;padding:0;margin:0 0 2em 0}
.post-entry img{display:block;max-width:100%;height:auto;margin:0 auto}
.post-entry figure figcaption{display:inline-block;font-size:.9em;text-align:center;color:#aaa;margin-top:6px;border-bottom:1px solid #e8e8e8}
.post-entry a,.post-entry a:visited{color:#157dd3}
.post-entry a:hover{text-decoration:underline}
.post-entry blockquote{color:#585858;background-color:#f6f7f7;margin:0 0 2em 0;padding:1.25em 1.5em;font-size:.95em;font-weight:300}
.post-entry blockquote>:last-child{margin-bottom:0}
.post-entry>:last-child{margin-bottom:0}
.post-origin{color:#585858;border:1px solid #e2e5e9;background-color:#f7fbff;padding:1em;margin-top:1em;font-size:.8em;word-break:break-all}
.post-neighbour{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-top:1px solid #eee;padding:1em}
.post-neighbour>div{color:#ccc;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.post-neighbour>a,.post-neighbour>a:visited,.post-neighbour>div{width:100%;font-size:.9em;line-height:1.6;color:currentColor}
.post-neighbour>a:hover{background-color:#f9faf9}
.post-neighbour *+*{margin-top:.5em}
.post-neighbour strong{margin-right:.5em}
.post-tags{display:flex;color:#999;font-size:.8rem;border-top:0 solid #eee;border-bottom:0 solid #eee;padding-top:0;padding-bottom:0;margin-top:1em}
.post-tag-list{list-style:none}
.post-tag-list>li{display:inline-block;margin-right:.5em}
.post-tag-list>li>a{color:inherit}
.post-tag-list>li>a:hover{text-decoration:underline}
.post-section .aside-box{background-color:#fff;line-height:1.5;font-size:.95em;box-shadow:1px 1px 4px #eee}
.aside-box-title{font-size:1em;border-bottom:1px solid #e8e8e8;padding:.75em 1em;margin:0}
.aside-box-title .iconfont{font-weight:400}
.category-list{list-style:none;padding:.5em 0;margin:0}
.category-list>li>a,.category-list>li>a:visited{display:flex;justify-content:space-between;align-items:center;border-left:2px solid transparent;padding:.5em 1em}
.category-list>li>a:hover{border-color:currentColor;background-color:#f9faf9}
.category-list .post-count{color:#999;font-size:.9em}
.article-list{list-style:none;padding:.5em 0;margin:0}
.article-list>li>a,.article-list>li>a:visited{display:block;border-left:2px solid transparent;padding:.5em 1em;color:currentColor}
.article-list>li>a:hover{color:#f47920;border-color:#f47920;background-color:#f9faf9}
.article-list>li>a>small{display:block;color:#999;margin-top:3px}
.tag-cloud{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:1em}
.tag-cloud>a{font-size:.85em;border:1px solid #eee;background-color:#f9faf9;padding:3px 10px;margin:6px;border-radius:24px}
.hot-tool-list{list-style:none}
.hot-tool-list>li>a,.hot-tool-list>li>a:visited{display:flex;align-items:center;padding:1em}
.hot-tool-list>li>a:hover{background-color:#f9faf9}
.hot-tool-list>li>a>img{margin-right:8px;border-radius:4px}
.post-section-header{background-color:#fff;border-bottom:1px solid #e8e8e8;font-size:1rem;padding:.75em 1em;line-height:1.5}
.post-section-title{font-size:.9em;margin:0}
.post-section-description{font-size:.8em;color:#999}
.related-posts{margin-top:.6rem}
.related-posts .post-title{font-size:1em}
.related-posts .post-excerpt{line-height:1.5;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box}
.post-section-footer{background-color:#fff;border-top:1px solid #e8e8e8;font-size:1rem;padding:1em;line-height:1.5;text-align:center}
.category-section{background:#f2f2f4;padding:1rem 0}
.category-info-title{display:flex;align-items:center;line-height:1}
.category-icon-box{display:flex;justify-content:center;align-items:center;flex-shrink:0;background-color:#242424;background:linear-gradient(0deg,#242424,#585858);color:#fff;width:48px;height:48px;font-size:1.75em;margin-right:10px;border:2px solid #fff;border-radius:8px}
.category-info-title h1{font-size:1.75em;margin:0}
.category-summary{margin-top:1em;text-align:justify}
.category-tools{border-radius:2px;box-shadow:1px 1px 2px #ddd;overflow:hidden}
.category-list-text{font-size:18px;font-weight:700;padding:1em;background-color:#fff;border-bottom:1px solid #ddd}
.category-aside .aside-box{background-color:#fff;box-shadow:1px 1px 2px #ddd}
.recom-tools{list-style:none}
.recom-tools>li>a{display:flex;align-items:center;padding:.75em 1em;font-size:.9em;line-height:1.2}
.recom-tools>li>a:hover{background-color:#f9faf9}
.recom-tools>li>a img{margin-right:.75em;border-radius:4px}
.content-header{padding:15px}
.content-header .container{border-bottom:1px solid #dde0d8; padding-bottom: 10px;}
.content-container{padding:0rem .5rem 1rem .5rem;min-height:400px;}
.content-container aside{margin-top:20px}
.aside-box+.aside-box:not(.is_stuck){margin-top:.75em}
.related-tool-wrap{margin-top:1rem;font-size:.9rem}
.related-tool-wrap>a,.related-tool-wrap>a:visited{color:currentColor;margin-right:1rem}
.related-tool-wrap>a:last-child{margin-right:0}
.related-tool-wrap>a:hover{text-decoration:underline}
.hero{position:relative;padding-bottom:20px;}
.hero-content{position:relative;padding-left:20px;padding-right:20px;color:#000}
.hero-content h2{font-size:1.2rem;margin-bottom:10px;line-height:1.5}
.hero img{display:block;margin:0 auto}
.lead{color:inherit;font-size:1rem}
label{display:inline-block}
.label{display:inline-block;font-size:.9rem;padding:5px 8px;width:auto!important;color:#585858;background-color:#e8e8e8;border-radius:2px;line-height:1}
.label.label-sm{font-size:.8rem;padding:4px 5px}
.label.label-success{color:#fff;background-color:#f47920}
.label.label-error{color:#fff;background-color:#e6162d}
.label.label-info{color:#fff;background-color:#f47920}
.label.label-warning{color:#fff;background-color:#e9994b}
.label-category>a{display:block;color:#fff;background-color:#68d1c8;padding:5px 6px 4px 6px;font-size:.8em;border-radius:2px;line-height:1}
.row-list>.row+.row{margin-top:15px}
.row-list>.row>label{font-weight:600}
.content-container.signup-container{position:relative;padding-top:4rem;padding-bottom:4rem}
.join-flow{position:relative;margin:0 0 2rem 0;display:flex;justify-content:space-between;counter-reset:step}
.join-flow::after{content:'';position:absolute;display:block;border-top:4px solid #f8f8f8;top:21px;left:20px;right:20px;z-index:1}
.join-flow>li{list-style:none;text-align:center;font-size:.85rem;color:#ccc}
.join-flow>li.active{color:#585858}
.join-flow>li::before{position:relative;display:block;counter-increment:step;content:counter(step);background-color:#f8f8f8;font-size:1.2em;font-weight:600;width:40px;height:40px;line-height:40px;margin:0 auto 10px auto;text-align:center;border-radius:100%;z-index:2}
.why-join-list{list-style:none;margin-bottom:30px;margin-left:10px;font-size:.85rem}
.why-join-list>li+li{margin-top:12px}
.why-join-list>li::before{content:'\e642';font-family:iconfont;font-weight:600;margin-right:12px}
.signup-footer-link{position:relative;font-size:.85em;text-align:center;margin-top:3rem;z-index:9}
.signup-success-wrap{background-color:#f9faf9;padding:2.5rem;margin:1.5rem 0;border:1px solid #ddd;border-radius:4px}
.signup-success-title{color:#f47920;font-weight:400}
.signup-success-content{margin-left:3.75rem}
.signup-success-content>ul{margin-left:1.25rem}
.signup-success-content>*+*{margin-top:1.5rem}
.member-body{padding-top:15px;padding-bottom:15px}
.member-sidebar{border:1px solid #ddd;background-color:#f8f8f8;border-radius:4px;overflow:hidden}
.member-info-box{display:flex;align-items:center;padding:1.5rem 2rem;line-height:1.35}
.member-info-box>.my-avatar{margin-right:10px;border-radius:100%}
.member-info-brief .member-name{font-size:1.75rem;font-weight:400;letter-spacing:-.5px;margin:0}
.signature{color:#999;font-size:.8em}
.member-menu{position:relative;border-top:1px solid #e8e8e8}
.member-menu>li{list-style:none}
.member-menu>li+li{border-top:1px solid #e8e8e8}
.member-menu>li.active>a,.member-menu>li.active>a:hover{color:#f47920;background-color:#fff;cursor:default}
.member-menu>li>a,.member-menu>li>a:visited{display:block;padding:1rem 2.5rem;font-size:1.15rem}
.member-menu>li>a:hover{background-color:#fff}
.member-menu>li>a>i{display:inline-block;width:36px;text-align:center}
.member-content{border:1px solid #ddd;border-radius:4px}
.member-content+.member-content{margin-top:1rem}
.member-content-title{font-size:1.2rem;font-weight:400;padding:1rem 1.5rem;line-height:1.5;margin:0;background-color:#f8f8f8;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:1px solid #dfdfdf}
.member-content-title.flexible{display:flex;justify-content:space-between;align-items:center}
.member-content-title i.iconfont{margin-right:.4em}
.member-content-title>a{font-size:.8em}
.member-content-title>a>i.iconfont{margin-right:0;margin-left:.2em}
.member-content-body{padding:2rem}
.member-content-body .form-group label{font-weight:400}
.member-content-body .no-content{text-align:center;padding-top:4rem;padding-bottom:4rem}
.member-content-block+.member-content-block{margin-top:3rem}
.member-content-block-title{font-size:1.5em;font-weight:400;border-bottom:1px solid #e8e8e8;margin-bottom:.75em}
.member-content-footer{display:flex;padding:1rem;border-top:1px solid #eee}
.member-tip{font-size:.85em;color:#9a99af}
.collected-tool-item{padding-top:1.5rem;padding-bottom:1.5rem;transition:all .3s}
.collected-tool-item:hover{background-color:#f8f9f8}
.collected-tool-item+.collected-tool-item{border-top:1px solid #e8e8e8}
.collected-tool-list>.collected-tool-item:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.collected-tool-image{margin-left:2em;margin-right:.5em}
.collected-tool-image>a{display:block;border-radius:6px;overflow:hidden}
.collected-tool-image>a>img{display:block}
.collected-tool-title{font-size:1.05em;font-weight:400;margin-bottom:0;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.collected-tool-title a{color:inherit}
.collected-tool-title a:hover{text-decoration:underline}
.collected-tool-meta{color:#aaadb6;font-size:.8em;line-height:1.5}
.collected-tool-meta>span{display:inline-flex;align-items:center;line-height:1.2}
.collected-tool-meta>span>i.iconfont{margin-right:2px}
.collected-tool-meta>span>a{color:inherit}
.collected-tool-meta>span>a:hover{color:#585858}
.collected-tool-meta>span+span{margin-left:.8em;padding-left:1em;border-left:1px solid #ddd}
.avatar-upload-wrap{width:204px}
.viewed-history-group-title{position:relative;border-bottom:0 solid #ddd;font-size:1.2rem;font-weight:400;padding:.35em 1.5em;margin:1.5em 0 .5em 0;line-height:1}
.viewed-history-group-title::before{position:absolute;content:"";display:inline-block;left:-1px;top:0;width:4px;height:100%;background-color:#585858;z-index:999}
.viewed-history-item{font-size:.9rem;padding-top:.2em;padding-bottom:.2em;transition:all .3s}
.viewed-history-item:hover{background-color:#f8f9f8}
.viewed-history-item img{border-radius:3px;vertical-align:middle}
.viewed-time-label{color:#999}
.activation-wrap{background-color:#f9faf9;border:1px solid #ddd;padding:2.5rem;border-radius:4px}
.activation-wrap h2{font-size:1.75rem;font-weight:400}
.activation-actions{padding-left:2.75rem}
.activation-faq{margin-left:30px}
.activation-faq li+li{margin-top:1.5rem}
.activation-faq li>h3{font-size:1em;margin-bottom:0}
.activation-faq li>p{font-size:.9em}
.captcha{height:35px;display:block;cursor:pointer;border:1px solid #ccc}
.captcha.captcha-lg{height:42px}
a.captcha-refresh{color:#999;font-size:.9rem}
a.captcha-refresh:hover{text-decoration:underline}
.uploader-wrap{position:relative;border:2px dashed #ddd;background-color:#f9faf9;width:100%;padding-top:60px;padding-bottom:40px;text-align:center;line-height:1.5}
.uploader-wrap.active{border-color:#f47920;border-style:solid}
.uploader-content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}
.uploader-content.align-start{justify-content:flex-start;align-items:flex-start}
.uploader-content .btn,.uploader-content .link{position:relative;overflow:hidden}
.uploader-content .link input{cursor:pointer}
.uploader-content .btn input[type=file],.uploader-content .link input[type=file]{position:absolute;opacity:0;left:0;right:0;top:0;bottom:0;margin:0}
.uploader-content .btn input[type=file]::after,.uploader-content .link input[type=file]::after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:0;cursor:pointer}
.uploader-content .text-or{margin:1rem 0}
.uploader-content a,.uploader-content a:visited{color:#157dd3;font-size:.9em}
.uploader-content a:not(.link){font-weight:300}
.uploader-content a:hover{text-decoration:underline}
.uploader-desc{font-weight:300;font-size:.9rem;padding:0 15px;margin-top:15px;margin-bottom:0}
.uploader-desc.uploader-desc-sm{font-size:.95rem}
.pagination{list-style:none;display:flex}
.pagination>li+li{margin-left:.5rem}
.pagination>li>a,.pagination>li>a:visited,.pagination>li>span{display:block;padding:.4rem .7em;font-size:.9em;text-align:center;border:1px solid #ccc;border-radius:4px;background-color:#fff;color:#999;line-height:1;transition:all .3s}
.pagination>li.active>span,.pagination>li>a:hover{background-color:#f8f9f8;border-color:#f47920;color:#f47920}
.pagination.flex-end{justify-content:flex-end}
.pagination-simple{justify-content:space-between}
.pagination.pagination-simple>li>a,.pagination.pagination-simple>li>a:visited{border:1px solid #eee;background-color:#f9faf9;font-weight:700;color:#585858;padding:.5em 1.35em;border-radius:24px;line-height:inherit;letter-spacing:1px}
.pagination.pagination-simple>li>a:hover{color:currentColor;border-color:#999}
.breadcrumb-wrap{padding-top:10px;padding-bottom:10px;background-color:#f8f8f8;border-bottom:1px solid #e8e8e8}
.breadcrumb{list-style:none;margin:0;padding:0;font-size:.9rem;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.breadcrumb>li{display:inline-block}
.breadcrumb>li:not(:first-child)::before{content:'/';display:inline-block;margin:0 10px}
.page-header{background-color:#000}
main{min-height:100vh;}
.search-form{position: relative;top: 12px;}
.search-form .form-control{border:0;color:#fff;background-color:rgba(255,255,255,.12);transition:all .4s}
.search-form .form-control:focus{color:#242424;background-color:#fff}
.btn-search{border-color:#fff;border-right:0}
.hot-search-wrap{font-size:.85rem;color:#ccc}
.hot-search-list{list-style:none;margin:3px 0 0 0;padding:0}
.hot-search-list>li{display:inline-block}
.hot-search-list>li+li{margin-left:10px}
.hot-search-list>li>a,.hot-search-list>li>a:visited{color:inherit}
.hot-search-list>li>a:hover{color:#fff}
.link-category{display:inline-block;padding:9px;margin-left:10px;border-radius:2px;background:#fff;}
.dropdown-menu{list-style:none}
.dropdown-menu>li>a,.dropdown-menu>li>a:visited{display:flex;line-height:1;padding:8px 12px;font-size:.85rem;word-break:keep-all;white-space:nowrap}
.dropdown-menu.category-dropdown-menu>li>a{padding:10px 32px 10px 16px;font-size:.9rem}
.dropdown-menu.category-dropdown-menu>li>a:hover{background-color:#140d0d;color:#fff;font-weight:600}
.dropdown-menu>li>a>i.iconfont{margin-right:6px}
.dropdown-menu>li>a:hover>i.iconfont{font-weight:400}
.dropdown-menu>li.line{border-top:1px solid #e4e4e4;margin-top:5px;margin-bottom:5px}
main>section+section{margin-top:30px}
.category-title{display:flex;justify-content:space-between;align-items:flex-end;font-size:1.25rem;font-weight:400;margin-bottom:10px;color:#000;line-height:1}
.category-title>a,.category-title>a:visited{color:#999;font-size:.9rem;font-weight:400}
.category-title>a:hover{color:#585858}
.button-group{display:flex;flex-wrap:wrap;justify-content:space-between}
.button-group>.btn{width:48%;margin-bottom:15px}
.highlight{color:#e6162d}
.search-header{padding:20px 10px;margin-bottom:10px;border-bottom:1px solid #e8e8e8}
.search-header h1{font-size:1.1rem;margin-bottom:0}
.search-meta{font-size:.85rem;color:#999}
.search-result{padding:10px}
.search-result-item{line-height:1.5}
.search-result-item+.search-result-item{margin-top:15px}
.search-result-title{font-size:1rem;font-weight:400;margin:0}
.search-result-title a,.search-result-title a:visited{color:#242424}
.search-result-title a:hover{text-decoration:underline}
.search-result-url{display:flex;align-items:center;margin-bottom:5px}
.search-result-url>img{width:20px;border-radius:100%;margin-right:4px}
.search-result-url>a,.search-result-url>a:visited{color:#f47920;font-size:.8rem}
.search-result-summary{color:#585858;font-size:.8rem;margin-bottom:0}
.ad-wrap{background-color:#fff;padding:.5rem;box-shadow:1px 1px 2px #ddd}
.text-ad-wrap{margin:1rem 0;padding:.8rem;border:1px solid #e6162d;border-left-width:6px;background:#fff9ec;font-size:.925rem;border-radius:4px;color:#e6162d}
.text-ad-wrap a{color:inherit}
.text-ad-wrap a:hover{text-decoration:underline}
.link-ad{position:relative;display:block;border-radius:6px;opacity:.975;transition:all .2s;overflow:hidden}
.link-ad:hover{opacity:1}
.link-ad img{display:block;max-width:100%;height:auto}
.hot-tool-section{position:relative;padding-top:10px;padding-bottom:50px;background-color:#f2f4f2;margin-top:0}
.hot-tool-wrap{background-color:#fff;border-radius:4px;padding:20px 10px 10px 10px}
.hot-tool-wrap .category-title{font-size:1.25rem}
.hot-tool-wrap .tool-grid{margin-top:-10px}
.hot-category-wrap{margin:40px auto 0 auto;text-align:center}
.hot-category-wrap h3{position:relative;margin-bottom:10px;font-weight:300}
.hot-category-wrap h3::after{content:'';position:absolute;top:20px;border-top:1px solid #fff;display:block;width:100%;z-index:-1}
.hot-category-wrap h3>span{position:relative;background-color:#f2f4f2;padding:0 15px}
.hot-category-list{list-style:none}
.hot-category-list>li{display:inline-block}
.hot-category-list>li>a,.hot-category-list>li>a:hover{display:block;font-size:.9rem;font-weight:300;border:2px solid #fff;background-color:rgba(255,255,255,.5);color:#242424;padding:6px 14px;margin:10px}
.hot-category-list>li>a:hover{color:#f47920;border-color:#f47920;font-weight:400;background-color:transparent}
.tool-grid{padding:0;list-style:none}
.tool-item{position:relative}
.tool-item-ad{font-size:.85rem}
.tool-item-ad .tool-item-header h2{font-size:1.05rem}
.tool-item-ad .tool-item-header h2 small{font-weight:400;color:#f47920}
.tool-item-ad .tool-item-header h2 a:hover{color:currentColor}
.tool-item-ad .tool-item-header h2 a:hover small{text-decoration:underline}
.tool-sponsor{position:absolute;bottom:1rem;right:2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.tool-grid .tool-item{border:1px solid #dddedf;font-size:1rem;border-radius:6px;transition:all .3s;overflow:hidden;background-color: #fafafa;}
.tool-grid>li+li{margin-top:.75rem}
.ad-banner-section{margin-top:.5rem;margin-bottom:.5rem}
.ad-banner-section a,.ad-banner-section a:visited{position:relative;display:flex;justify-content:center;align-items:center;border-radius:2px;overflow:hidden}
.ad-banner-section a>img{max-width:100%;height:auto;transition:all .4s}
.ad-banner-section a:hover>img{transform:scale(1.02)}
.ad-append{display:none;margin-top:.5rem;font-size:.8rem;line-height:1.5;color:#e6162d}
.hot-tool-section .tool-grid>li{margin-top:10px}
.hot-tool-section .tool-grid .tool-item{background-color:#fff;padding:1.25rem 1.25rem .8rem 1.25rem}
.tool-item-header{display:flex;flex-wrap:wrap;align-items:center;background-color:#fff;line-height:1}
.tool-grid .tool-item-header{padding:1rem 1rem 0 1rem;background-color: #fafafa;}
.hot-tool-section .tool-grid .tool-item-header{background:0 0;border:0 none;padding:0}
.tool-item-header img{margin-right:10px;border-radius:5px;background-color:#fff;width:40px;border:1px solid #ddd;}
.tool-item-header a,.tool-item-header a:visited{display:block;color:currentColor}
.tool-item-header a:hover{color:#f47920}
.tool-item-header>.row{position:relative;z-index:9}
.tool-item-header h2{margin:0;padding:0;font-size:16px;flex-grow:1;flex-basis:0;max-width:100%}
.tool-item-header h3{margin:0;padding:0;font-size:14px;flex-grow:1;flex-basis:0;max-width:100%}
.hot-tool-section .tool-item-header h3{font-size:1.3em}
.tool-item-body{position:relative;color:#585858;text-align:justify;line-height:1.6}
.tool-grid .tool-item-body{padding:0 1rem;margin-top:0.5rem;font-size:.85em}
.tool-list .tool-item-body{margin-top:1em}
.hot-tool-section .tool-item-body{padding:0;margin-top:10px;font-size:inherit}
.tool-item-footer{position:relative;margin-top:1rem;font-size:.9rem}
.tool-item-footer.with-subtools{background-color:#f8f8fa;padding:1rem}
.tool-item-footer.with-subtools>label{font-size:.85em;font-weight:700;color:#999}
.tool-grid .tool-item-footer{padding:.5rem;border-top:1px solid #dddedf}
.hot-tool-section .tool-grid .tool-item-footer{padding:.75rem 0 0 0}
.hot-tool-section .tool-grid .tool-item-footer::before{content:'';position:absolute;display:block;width:10px;height:10px;top:-6px;left:15px;transform:rotate(45deg);border-top:1px solid #dddedf;border-left:1px solid #dddedf;background-color:#fff}
.sub-tool-entries{list-style:none;margin-top:.25rem}
.sub-tool-entries>li{display:inline-block;margin-right:1em;font-weight:300;line-height:2}
.sub-tool-entries>li::before{content:'#';color:#ccc;padding:0 3px;font-weight:300;font-size:.9em}
.tool-list{list-style:none}
.tool-list>.tool-item{background-color:#fff;padding:1rem}
.tool-list>.tool-item+.tool-item{border-top:1px solid #eee}
.more-tool-list>li{margin-bottom:1rem}
.tool-main{padding-top:40px}
a.tool-title{cursor: pointer;}
.tool-title{color:#000;font-size:1.2rem;margin-bottom:0;margin-top:0;letter-spacing:-.5px}
.category-info-title i.iconfont,.category-title i.iconfont,.tool-title>i.iconfont{font-weight:400}
.tool-meta{font-size:.9rem;color:#999;margin-bottom:10px}
.tool-meta{display:flex;align-items:center}
.tool-meta>span{display:inline-flex}
.tool-meta>span>*+*{margin-left:4px}
.tool-meta>span+span{margin-left:15px}
.tool-meta>span>a{font-size:inherit;color:inherit}
.tool-meta>span>a:hover{color:#f47920}
.tool-summary{text-align:justify;color:#585858;}
.tool-summary a{color:#157dd3}
.tool-desc{border:1px solid #ddd;border-radius:2px;overflow:hidden}
.tool-desc-heading{padding:8px 16px;background-color:#f7f9fb;border-bottom:1px solid #ddd}
.tool-desc-heading strong{font-size:.95rem}
.tool-desc-entry{padding:1.25em;text-align:justify;word-break:break-all;line-height:1.618}
.tool-desc-entry h2{font-size:1.2rem;line-height:1.2rem;margin-top:0;padding-bottom:0.5rem;border-bottom:1px solid #e8e8e8;margin-bottom: 0.5rem}
.tool-desc-entry *~h2{margin-top:36px}
.tool-desc-entry h3{font-size:1.15em;margin-top:0}
.tool-desc-entry *~h3{margin-top:30px;margin-bottom:15px}
.tool-desc-entry h2,.tool-desc-entry h3,.tool-desc-entry h4{text-align:left}
.tool-desc-entry .anchor,.tool-desc-entry .anchor:visited{margin-left:-32px;font-weight:400;color:currentColor;line-height:1}
.tool-desc-entry .anchor:hover{text-decoration:none}
.tool-desc-entry .anchor>span{visibility:hidden}
.tool-desc-entry .anchor>span::after{content:"\e7c6";font-family:iconfont;font-size:1.75rem}
.tool-desc-entry h2:hover>.anchor>span,.tool-desc-entry h3:hover>.anchor>span,.tool-desc-entry h4:hover>.anchor>span{visibility:visible}
.tool-desc-entry a,.tool-desc-entry a:visited{color:#157dd3}
.tool-desc-entry a:hover{text-decoration:underline}
.tool-desc-entry p:last-child{margin-bottom:0}
.tool-desc-entry ol,.tool-desc-entry ul{margin-left:2em}
.tool-desc-entry ol:not(:last-child),.tool-desc-entry p:not(:last-child),.tool-desc-entry ul:not(:last-child){margin-bottom:1.5rem}
.tool-desc-entry ol>li+li,.tool-desc-entry ul>li+li{margin-top:5px}
.tool-desc-entry figure{text-align:center;padding:0;margin:0 0 2.5em 0}
.tool-desc-entry img{display:block;max-width:100%;height:auto;margin:0 auto}
.tool-desc-entry figure figcaption{display:inline-block;font-size:.9em;text-align:center;color:#aaa;margin-top:6px;border-bottom:1px solid #e8e8e8}
.tool-desc-entry blockquote{color:#585858;background-color:#f6f7f7;font-size:.95em;font-weight:300;padding:10px;}
.tool-desc-entry blockquote p{margin-bottom:0}
.tool-desc-entry blockquote ol+p,.tool-desc-entry blockquote p+ol,.tool-desc-entry blockquote p+p,.tool-desc-entry blockquote p+ul,.tool-desc-entry blockquote ul+p{margin-top:.7rem}
.tool-desc-entry .google-auto-placed{margin-bottom:1.25rem}
.tool-desc-footer{padding-left:1.5em;padding-right:1.5em}
.tool-last-updated{font-size:.8em;color:#999}
.text-option-line{position:relative;font-size:.9rem;color:#585858;margin:1rem 0}
.text-option-line>span{background-color:#f7f7f4;padding:0 .5rem 0 0;position:relative;z-index:10}
.text-option-line::after{content:'';position:absolute;display:block;border-top:1px solid #e8e8e8;width:100%;top:12px;z-index:1}
a.link-more-tool,a.link-more-tool:visited{display:block;background-color:#fdfffe;border:1px solid #dddedf;font-size:.9rem;padding:22px;line-height:1.5;border-radius:6px;transition:all .4s}
a.link-more-tool:hover{color:#242424;border-color:#cccdce}
a.link-more-tool.link-more-tool-1:hover{background-color:#f7fdff}
a.link-more-tool.link-more-tool-2:hover{background-color:#fff9fa}
a.link-more-tool.link-more-tool-3:hover{background-color:#fefced}
a.link-more-tool.link-more-tool-4:hover{background-color:#f5f9f6}
.more-tool-title{position:relative;line-height:1;font-size:1.35em;margin:0 0 .75rem 0}
.more-tool-title::before{content:'#';font-weight:300;font-size:.9em;margin-right:6px}
.link-more-tool-1 .more-tool-title{color:#1f596d}
.link-more-tool-2 .more-tool-title{color:#c04f4f}
.link-more-tool-3 .more-tool-title{color:#bead3a}
.link-more-tool-4 .more-tool-title{color:#308a24}
.more-tool-badget{position:absolute;display:inline-block;top:-8px;margin-left:8px}
.more-tool-short-desc{margin:0 0 .75rem 0;padding-left:1rem}
.more-tool-view-more{font-size:.9em;color:#999;padding-left:1rem;line-height:1}
a.link-more-tool:hover .more-tool-view-more{color:currentColor}
a.link-short-url{color:#242424;text-decoration:underline;margin-right:8px}
a.link-short-url:hover{color:#f47920}
.feature-section{background-color:#f9faf9;background-size:cover;border-top:1px solid #e8e8e8;padding:40px 0}
.feature-header{text-align:center}
.feature-header h3{font-size:1.4rem;margin-top:0;margin-bottom:0}
.feature-header h4{font-size:1.1rem;font-weight:300;color:#585858;margin-top:0;padding:0 15px;line-height:1.5;letter-spacing:1px}
.feature-header h4::after{content:'';display:block;width:25%;border-top:2px solid #f47920;margin:15px auto 40px auto}
.feature-list{list-style:none}
.feature-list li{padding:0 20px}
.feature-list li>h4{font-size:1.1rem;margin-bottom:0}
.feature-list li>p{color:#585858;padding-left:22px;font-weight:300;text-align:justify}
.feature-list li>p strong{font-weight:400}
.tool-footer{margin-top:20px}
.tool-content-wrap{background-color:#fdfae9;border:1px solid #ddd;padding:15px;border-radius:2px;margin-bottom: 5px;}
.tool-content-body{padding:15px}
.tool-content-body>.table-responsive{margin-left:-16px;margin-right:-16px;width:auto}
.tool-content-wrap+.tool-content-wrap{margin-top:.6rem}
.tool-content-wrap>.tool-content-header{display:flex;justify-content:space-between;align-items:center;padding:0 15px;height:52px;background-color:#f8f3e1;border-bottom:1px solid #ddd}
.tool-content-wrap.bg-gray>.tool-content-header{background-color:#eeeeeb}
.tool-content-wrap.bg-white>.tool-content-header{background-color:#f8f8f8}
.tool-content-wrap.bg-black>.tool-content-header{background-color:#000}
.tool-content-header i.iconfont{font-weight:400}
.tool-content-header>h2,.tool-content-header>h3,.tool-content-header>h4{margin:0;line-height:1;font-size:1rem}
.tool-content-wrap.bg-gray{background-color:#f7f7f4}
.tool-content-wrap.bg-white{background-color:#fff}
.tool-content-wrap.bg-black{border-color:#000;background-color:#000;color:#fff}
.tool-content-result-wrap{border:1px solid #ddd;background-color:#fff;padding:20px;border-radius:2px}
.tool-content-wrap .nit-title{font-size:1.2rem;border-left:4px solid #f47920;margin-left:-15px;margin-bottom:1rem;padding-left:11px;line-height:1.5}
.tool-content-wrap .nit-title>span{font-weight:400;font-size:.5em;color:#999;margin-left:.5rem}
.tool-content-wrap>h4{margin-bottom:.3rem;font-size:1rem;border-bottom:1px solid #eee}
.page-nav-box h2{font-size:.8rem;margin:0 0 .25em 0;color:#585858}
.dx-menu{position:relative}
.dx-menu li{font-size:.95em;list-style:none;line-height:2}
.dx-menu.simple-menu li{font-size:.9em;line-height:1.8}
.dx-menu::before{position:absolute;content:'';top:0;bottom:0;left:6px;width:2px;background-color:#f4f6f4;opacity:.8}
.dx-menu>li+li{margin-top:.5em}
.dx-menu.simple-menu>li+li{margin-top:.2em}
.dx-menu>li>ul{font-size:.9em}
.dx-menu:not(.simple-menu)>li{font-weight:700}
.dx-menu>li::before{width:6px;height:6px}
.dx-menu>li>ul>li{font-weight:400}
.dx-menu a{position:relative;display:block;color:currentColor;padding-left:1.5em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.dx-menu>li>ul>li>a{padding-left:3em;padding-right:1em}
.dx-menu a:hover,.dx-menu li.active>a{color:#f47920;background-color:#f8f9f8}
.dx-menu a::before{position:absolute;content:'';left:4px;top:50%;margin-top:-3px;width:6px;height:6px;border-radius:100%;margin-right:.75em;background-color:currentColor}
.dx-menu>li>ul a::before{width:4px;height:4px;left:26px;margin-top:-2px}
.glossary-list{border-top:1px solid #ddd;padding-top:2em;padding-bottom:2em}
.glossary-word-list+.glossary-word-list{border-top:1px solid #e8e8e8;margin-top:.7em;padding-top:.7em}
.glossary-word-list>p{margin-bottom:0}
.glossary-word-list>p>strong{margin-right:.5em}
a.glossary-index{color:inherit;font-size:1.2em}
.http-status-code-group+.http-status-code-group{margin-top:2rem}
.http-status-code-list>.row{font-size:.9em;padding-top:1em;padding-bottom:1em;color:#585858}
.http-status-code-list>.row:hover{background-color:#fafafa;color:inherit}
.http-status-code-list>.row>strong{font-size:1.1em;letter-spacing:1px}
.http-status-code-list>.row:first-child{border-top:2px solid #ddd}
.http-status-code-list>.row:last-child{border-bottom:1px solid #ddd}
.http-status-code-list>.row+.row{border-top:1px dotted #ddd}
.http-status-code-detail{line-height:1.5}
.http-status-code-detail>div+div{margin-top:5px}
.tool-content-wrap .http-status-code-group .nit-title{font-weight:400;margin-bottom:0}
.pornhub-text-wrap{display:inline-flex;justify-content:center;align-items:center;text-align:center;padding:15px;margin:0 auto;line-height:1;font-size:48px;font-weight:700;font-family:Helvetica,Arial,sans-serif;background-color:#000}
.pornhub-text-wrap.flex-direction-column{align-items:stretch}
.pornhub-text{margin:0 2px}
.pornhub-text:focus{outline:0}
.pornhub-text-wrap.flex-direction-column>.pornhub-text+.pornhub-text{margin-top:3px}
.pornhub-highlight{background-color:#f90;color:#000;border-radius:6px;padding:8px}
label .pornhub-highlight{border-radius:2px;padding:4px;margin:0 2px;font-weight:600;font-size:.9em}
.color-preview-text{font-size:.9rem;line-height:1.5;margin-bottom:10px;color:#777}
.color-preview-area{position:relative;border:1px solid #e8e8e8;height:194px}
.color-preview-area::after,.color-preview-area>i{content:'';position:absolute;display:block;top:0;bottom:0;left:0;right:0;z-index:10}
.color-preview-area::after{background:url(../images/transparent.png) repeat #fff;z-index:0}
.dark-inverse{color:#fff}
.palette-item{border:1px solid transparent;font-size:.9rem;text-align:center;padding:5px 0;margin:7px 0;cursor:pointer}
.palette-item:hover{border-color:#48c5eb;outline:rgba(72,197,235,.4) solid thick}
.text-line-stat-wrap{border:1px solid #d6d9d9;border-radius:2px;padding:1rem 1.25rem;margin-bottom:.5rem;background-color:#f6f6f9;font-size:.9rem}
.text-line-stat-wrap>p{margin-bottom:0}
.text-line-stat-wrap>p>span{font-size:1.5em}
.id-card-number{font-size:1.05em;font-weight:600;letter-spacing:2px;line-height:1}
.table-keyword tbody>tr:nth-child(1) td,.table-keyword tbody>tr:nth-child(2) td,.table-keyword tbody>tr:nth-child(3) td{font-size:1rem;font-weight:700;font-style:italic}
.table-keyword tbody>tr:nth-child(1) td{color:#f47920}
.table-keyword tbody>tr:nth-child(2) td{color:#e6162d}
.table-keyword tbody>tr:nth-child(3) td{color:#ac8400}
.current-timestamp{font-size:1.05em;font-weight:500;color:#e6162d;letter-spacing:3px}
.time-convert-result-wrap{font-size:.95rem;margin-top:.8rem;color:#f47920}
.time-convert-result{font-size:1.05em}
.date-input-row [class^=col-xs]:nth-child(-n+3){margin-bottom:.6rem}
.image-merge-preview{border:1px dashed #999;background-color:#fff;padding:.35rem;max-width:100%;border-radius:4px}
.image-merge-wrapper{position:relative;display:flex;flex-direction:column;height:540px;overflow-y:scroll;transition:.25s}
.image-merge-item{position:relative;display:flex;flex-shrink:0;width:100%;height:auto;transition:.4s}
.image-merge-wrapper.image-with-gutter>.image-merge-item+.image-merge-item{margin-top:.35rem}
.image-merge-item::before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background-color:transparent;transition:.35s;z-index:1}
.image-merge-item:hover::before{background-color:rgba(228,228,228,.8)}
.image-merge-item>img{flex:1;max-width:100%}
.image-merge-item-action{position:absolute;top:0;right:0;z-index:5}
.image-merge-item-action .dropdown-panel{right:0}
.btn-merge-action{opacity:0;transition:.2s}
.image-merge-item:hover .btn-merge-action{opacity:1}
.image-clip-preview-wrap{padding:5px;border:1px solid #d8d8d8;background:#fff;border-radius:4px}
.image-clip-preview,.image-round-preview{position:relative;width:100%;height:100%}
.image-clip-preview::after,.image-clip-preview::before{position:absolute;content:'';display:block;z-index:999}
.image-clip-preview::before{top:33.33%;width:100%;height:33.33%;border-top:3px solid #fff;border-bottom:3px solid #fff}
.image-clip-preview::after{left:33.33%;width:33.33%;height:100%;border-left:3px solid #fff;border-right:3px solid #fff}
.image-clip-preview img,.image-round-preview img{position:absolute;width:100%;z-index:200}
.image-clip-operation{padding:.75rem 1.25rem 1rem 1.25rem;margin-top:25px}
.image-round-operation{padding:1rem 1.75rem 1.25rem .25rem;margin-top:25px}
.image-clip-step{font-size:.85rem;line-height:normal}
.image-clip-step h4{font-size:1em;margin:0 0 4px 0}
.image-clip-step+.image-clip-step{margin-top:1.2rem}
.image-clip-tip{margin-top:5px}
.bg-transparent{position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%}
.bg-transparent::before{content:attr(data-placeholder);color:#fff;font-size:.9rem;font-weight:600;text-shadow:0 0 2px #666;z-index:100}
.bg-transparent::after{content:'';position:absolute;display:block;top:0;bottom:0;left:0;right:0;background:url(../images/transparent.png) repeat #fff;z-index:0}
.wechat-qrcode-result{border:1px solid #e4e4e4;border-radius:4px;background-color:#f8f8f8;text-align:center;padding:2rem 0}
.provice-panel{top:45px;padding:1rem;border:1px solid #ddd;border-radius:2px;background-color:#fff;box-shadow:0 0 10px rgba(56,56,56,.15)}
.provice-panel>.row+.row{margin-top:.5rem}
.provice-panel h3{font-size:1rem;padding-top:.25rem;padding-bottom:.25rem;margin-bottom:0}
.province-list>li{list-style:none;display:inline-block;margin-right:.5rem}
.province-list>li>a{display:block;padding:.25rem .5rem;font-size:1rem;border:1px solid transparent}
.province-list>li>a:hover{border-color:#f47920}
.oil-price-box{font-size:1rem;border:1px solid #48c5eb;background-color:#f5fdff;border-radius:2px;overflow:hidden}
.oil-price-box+.oil-price-box{margin-top:1rem}
.oil-price-box.oil-no-price-box{border-color:#ddd;background-color:#f8f8f8;color:#999;cursor:not-allowed}
.oil-label,.oil-price{text-align:center;padding:.6rem 0}
.oil-label{position:relative}
.oil-label::after{content:'';position:absolute;display:inline-block;top:24%;border-left:18px solid #f5fdff;border-top:24px solid transparent;border-bottom:24px solid transparent;right:-18px}
.oil-no-price-box .oil-label::after{border-left-color:#f8f8f8}
.oil-label>span:first-child{font-size:2.4em;margin-right:.1em}
.oil-label>span:last-child{font-size:.9em}
.oil-price>span:nth-child(2){font-size:2.4em}
.oil-price{background-color:#dbf5fd;color:#e6162d;text-shadow:1px 1px 0 #fff}
.oil-no-price-box .oil-price{background-color:#eee}
.oil-no-price-box .oil-price>span{font-size:2.2em;color:#999}
.district-wrap>.row>div+div{margin-top:1rem}
.district-item{border:1px solid #ddd;padding:1.5rem;border-radius:4px;background:#fff;background:linear-gradient(-30deg,#f6f6f8,#fafafd);box-shadow:-1px -1px 0 rgba(255,255,255,.8) inset}
.district-item>h4{font-size:1.2rem;margin-bottom:.6rem}
.district-item>ul{margin-left:2.75rem;color:#585858}
.district-item>ul>li{list-style:square}
.district-item>ul>li+li{margin-top:.5rem}
.district-item>ul>li>label{width:70px;font-weight:600}
.action-history-wrap{position:relative}
.history-panel{display:none;position:absolute;top:35px;left:0;background-color:#fff;padding:10px 14px;min-width:120px;line-height:1;border:1px solid #d0d0d0;border-radius:4px;box-shadow:0 0 8px rgba(0,0,0,.1)}
.history-panel::before{content:'';position:absolute;top:-5px;left:20px;border-top:1px solid #d0d0d0;border-right:1px solid #d0d0d0;background-color:#fff;width:8px;height:8px;transform:rotate(-45deg)}
.history-panel>a{display:block;font-size:.9rem;padding:6px 0;color:inherit}
.history-panel>a:hover{color:#f47920;font-weight:600}
.result-header{margin-bottom:1rem}
.result-header h3{margin:0}
.result-title{position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:5px}
h3.result-title{font-size:1.2rem;margin-top:30px}
h4.result-title{font-size:1.1rem;margin-top:30px}
.result-indicator{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;height:320px;border:2px dashed #ccc;font-weight:300;font-size:1rem;color:#585858;background-color:#f8f8f8}
.result-indicator img{max-width:100%;height:auto}
.no-result-section{margin-top:1rem}
.no-result{border:1px dashed #e4e8ee;padding:30px 10px;font-size:.9rem;color:#585858;background-color:#f9f9ff;text-align:center}
.no-result.has-error{color:#e6162d}
.query-result{padding:30px 10px;font-size:.9rem;color:#585858;background-color:#f9f9ff;text-align:center}
.query-result strong{color: red;}
.keep-space{display:flex}
.keep-space>*+*{margin-left:.5em}
.muted-param{font-size:.85em;color:#999}
.linux-command-list{list-style:none;align-items:stretch}
.linux-command-list>li{margin-bottom:1rem}
.linux-command-list>li>a,.linux-command-list>li>a:visited{display:block;border:1px solid #ddd;background-color:#f8f8f8;padding:.75rem;line-height:1.5;height:100%}
.linux-command-list>li>a:hover{border-color:#f47920}
.related-command-list{list-style:none;line-height:2}
.emoji-list fieldset {margin-bottom: 0.9rem;padding: 0.7rem 1rem 1rem 1rem;border: 1px solid #ccc;border-radius: 5px;}
.emoji-list fieldset legend {font-size: 14px;background-color: #fff;padding: 0 0.75rem;color: #000;font-weight: bold;}
.emoji-list ul {display: grid;grid-template-columns: repeat(15, 1fr);gap: 5px;}
.emoji-list ul li {border: solid 1px #dde0d8;display: inline-block;margin: 0.29rem;width:4rem;height:4rem;text-align: center;cursor: pointer;overflow: hidden;font-size: .2rem;white-space: nowrap;text-overflow: ellipsis;}
.emoji-list ul li span {display: block;font-size: 2rem;height:4rem;line-height:4rem;}
.symbol-list>li{list-style:none;margin-left:-1px;margin-top:-1px;overflow:hidden}
.symbol-list>li>a,.symbol-list>li>a:visited{position:relative;display:inline-block;width:42px;height:42px;line-height:42px;text-align:center;background-color:#f2f4f2;border:1px solid #ccc;color:#0e7d9e;font-size:1.2em;z-index:1}
.symbol-list>li>a:hover{background-color:#fff;border-color:#f47920;color:#f47920;font-size:1.4em;z-index:2}
.computer-english-index-wrap{padding:.8rem 1.2rem;margin-bottom:1rem;font-size:.9rem;border:1px solid #d8d8d8;border-radius:2px;background-color:#f8f8f8}
.computer-english-indices{margin:5px 0 0 -5px;list-style:none}
.computer-english-indices>li{margin:.25rem .5rem .25rem 0;line-height:1.5}
.computer-english-indices>li>span{cursor:not-allowed}
.computer-english-indices>li>a,.computer-english-indices>li>a:visited{color:#157dd3;padding:3px 6px;border-radius:2px}
.computer-english-indices>li.active>a,.computer-english-indices>li.active>a:hover,.computer-english-indices>li>a:hover{background-color:#f29587;color:#fff}
.table-colors>tbody>tr>td:nth-child(3),.table-colors>tbody>tr>td:nth-child(6),.table-computer-english>tbody>tr>td:nth-child(3),.table-named-colors>tbody>tr>td:nth-child(5){font-family:Consolas,Monaco,courier,monospace}
.computer-english-example-list{margin:0 0 0 1.3em}
.computer-english-example-list>li+li{margin-top:1.3em}
.computer-english-example-list>li{line-height:1.5}
.computer-english-example-list>li .example-cn{color:#585858;font-size:.85em;margin-top:.3em}
.reference-wrap h2{margin-bottom:.3rem;font-size:1.75rem;font-weight:400}
.reference-wrap h3{margin-bottom:.2rem;font-size:1.2rem}
.reference-wrap h2~h2,.reference-wrap h3~h3{margin-top:1rem}
.reference-wrap h2>small,.reference-wrap h3>small{font-weight:lighter;font-size:.75em;color:#ccc;margin-left:.5rem}
.reference-wrap h2>small{font-size:.6em}
.reference-wrap table tfoot td{font-size:.9rem;color:#585858;background-color:#f8f8f8;padding-top:1em;padding-bottom:1em}
.related-beian-table{font-size:.85rem;color:#425879}
.related-beian-table td{text-align:center}
.httpstatus-overview{padding-left:35px}
.httpstatus-overview .label{font-size:.8rem;font-weight:600}
.httpstatus-overview>.row-list>.row{line-height:1.2}
.label-list{display:flex;align-content:center;color:#585858}
.label-list>*+*{margin-left:.5rem}
.text-response-headers{font-size:1rem;margin-bottom:.5rem}
.raw-response-headers{margin-top:20px}
.raw-response-headers>a{font-size:1rem}
pre.pre-content.random-numbers{display:flex;flex-wrap:wrap;padding:20px 15px}
.random-numbers>b{width:20%;font-size:1.1rem;text-align:center}
pre.pre-content{padding:10px 5px 10px 15px;margin-top:5px;margin-bottom:5px;font-size:.9rem;border:1px solid #ddd;word-break:break-all;background-color:#fff;max-height:500px;overflow:scroll}
pre.pre-content::before{content:none}
pre.pre-content.ws-pre{white-space:pre}
pre.pre-content>code{margin:0;padding:0}
.terminal-char{color:#b8b8b8;margin-right:5px;user-select:none;-webkit-user-select:none}
.form-control-group{border:1px solid #ddd;border-radius:2px;overflow:hidden}
.form-control-group-header{border-bottom:1px solid #ddd;background-color:#f7f9fb;padding:10px 15px;font-size:.95rem}
.form-control-group-header.flexible{display:flex;justify-content:space-between;align-items:center}
.form-control-group-body .CodeMirror,.form-control-group-body .form-control{border-radius:0;line-height:1.5;border:0}
.form-control-group-body:not(.with-code-editor) .CodeMirror,.form-control-group-body:not(.with-code-editor) .form-control{background:#fff;min-height:auto}
.form-control-group-body.with-code-editor .CodeMirror-gutters{border-right-width:0;background-color:#fefff9}
.form-control-group-body>pre{margin:0}
.form-control-group-body .CodeMirror.CodeMirror-focused,.form-control-group-body .form-control:focus{border:0}
.form-control-group-body-regex .CodeMirror pre{font-size:1rem}
.form-control-group-body-regex .CodeMirror{padding:8px 0 0 0;height:80px}
.form-control-group-body-regex .CodeMirror pre.CodeMirror-line{font-weight:600;letter-spacing:.5px}
.form-control-group-body-regex .CodeMirror pre.CodeMirror-placeholder,.form-control-group-body-subject .CodeMirror pre.CodeMirror-placeholder{margin-top:0}
.form-control-group-body-subject .CodeMirror{padding:10px 0;height:400px}
.form-control-group-body-code .CodeMirror{padding:12px 4px;height:auto}
.form-control-group-body-code.form-control-group-body-code-sm .CodeMirror{line-height:1.35}
.form-control-group-body-code.form-control-group-body-code-sm .CodeMirror pre{font-size:.85em}
.form-control-group-inner{background:#f9faf9}
.form-control-group-inner>pre{margin:0;height:360px;padding:1rem;line-height:1.6;word-wrap:break-word;white-space:pre-wrap;overflow:scroll}
.msg-block+.msg-block{margin-top:.5em}
.form-control-group-footer{border-top:1px solid #ddd;background-color:#f6f6f6;padding:10px 15px;font-size:.95rem}
.most-populars{font-size:.85rem;margin-top:5px;color:#777}
.most-populars a,.most-populars a:visited{color:inherit}
.most-populars a:hover{color:#f47920}
.most-populars a+a{margin-left:5px}
.height450{height:450px}
.form-control-group-matches{margin-top:1rem}
pre.regex-matches{padding:10px 5px 10px 15px;margin:0;font-size:.9rem;background-color:#fdfffe;line-height:1.8;height:100%;overflow:scroll}
.fake-info-base{font-size:1.2em;line-height:1.5}
.fake-info-group{font-size:.95em}
.fake-info-group+.fake-info-group{margin-top:1.5rem}
.fake-info-group>.row{line-height:1.5}
.fake-info-group>.row>div:first-child{font-weight:600;color:#585858}
.fake-info-group>.row+.row{margin-top:.5rem}
.word-count-result-wrap{padding:.75rem 0}
.word-count-result-wrap>p{display:flex;justify-content:space-between;align-items:center;padding:0 1.35rem;margin-bottom:0;font-size:.9rem}
.word-count-result-wrap>p:not(.word-count-total):hover{background-color:#f8f8f8}
.word-count-result-wrap>p.word-count-total{font-size:1.2rem;margin-bottom:.75rem;border-bottom:1px dashed #ddd}
.word-count-result-wrap>p:nth-child(2){color:#e6162d}
.word-count-result-wrap>p:nth-child(3){color:#5a1019}
.word-count-result-wrap>p:nth-child(4){color:#157dd3}
.word-count-result-wrap>p:nth-child(5){color:#f47920}
.word-count-result-wrap>p>span{font-size:1.35em;letter-spacing:1px;font-style:italic}
.code-snapshot-top-option-container{padding-left:16px;padding-right:16px;margin-bottom:.5rem}
.code-snapshot-top-option-container>.top-option-item+.top-option-item{margin-top:.5rem}
.top-option-item>.row>label+div{margin-left:.5rem}
.source-code-wrap{position:relative;padding:1.25rem;background-color:transparent}
.code-snapshot-option-container{border:2px solid #fff;border-radius:2px;margin-bottom:.5rem}
.code-snapshot-option-container .option-title{font-size:1rem;margin:0;padding:.5rem .75rem;border-bottom:2px solid #fff}
.code-snapshot-option-wrap{font-size:.9em;padding:1.25rem}
.source-code-window{position:relative;overflow:hidden}
.source-code-watermark{position:absolute;bottom:4px;right:10px;width:96px}
.source-code-watermark img{max-width:100%}
.win-control{display:none;position:relative;height:40px;padding:10px 16px;z-index:20}
.win-control>i{display:inline-block;width:12px;height:12px;border-radius:100%}
.win-control>i+i{margin-left:8px}
.win-control>i:nth-child(1){background-color:#ff5f56}
.win-control>i:nth-child(2){background-color:#ffbd2e}
.win-control>i:nth-child(3){background-color:#27c93f}
.source-code-window .CodeMirror{height:auto;min-height:346px;margin-top:-40px;padding:45px 13px 10px 13px;line-height:1.5;box-shadow:none}
.source-code-window .CodeMirror .CodeMirror-cursor{border-width:2px}
.canvas-wrap{position:relative;overflow:hidden}
.canvas-wrap canvas{display:block;background-color:#f6f6f6;max-width:100%;height:auto}
.canvas-options{position:absolute;left:-2px;top:-2px;background-color:rgba(255,255,255,.9);padding:.5rem .75rem;border:2px solid #999;border-bottom-right-radius:1rem}
.canvas-operations{position:absolute;right:.4rem;top:.4rem;background-color:rgba(200,200,200,.4);padding:.4rem}
.fn-container{padding:3rem 0;background:#fdfae9}
.fn-error{margin-top:calc(-4rem - 1px);margin-bottom:2rem;display:none}
.fn-list>.fn-item+.fn-item{margin-top:.5rem}
.fn-remove{padding-top:.5rem}
.fn-option-panel{right:0;top:40px;padding:1.5rem 2rem;max-width:320px}
.form-group.fn-option-form{font-size:.9em}
.form-group.fn-option-form>.row+.row{margin-top:.75rem}
.fn-canvas-wrap{border-top:2px solid rgba(24,24,24,.4);border-bottom:2px solid rgba(24,24,24,.4)}
.device-viewport{background-color:#157dd3;color:#fff;text-align:center;padding:4rem 2rem;margin-top:-1px}
.device-viewport>h3{font-size:1rem;font-weight:400;margin-bottom:2rem;margin-top:0;line-height:1}
.viewport-info{display:flex;justify-content:center;font-size:3rem}
.viewport-info>*{margin:0 1rem}
.viewport-info>div{line-height:.8}
.viewport-info>div>small{display:block;font-weight:100;font-size:.5em;color:rgba(255,255,255,.75)}
.viewport-symbol{font-size:.85em}
.device-feature-wrap{margin:3rem auto 0 auto}
.device-feature-title{font-size:1.5rem;margin-bottom:1rem;text-align:center;line-height:1.5}
.device-feature-title>small{display:block;font-size:.5em;font-weight:400;color:#999}
.feature-item{background-color:#f4f8fa;height:100%}
.feature-item>h4{margin-bottom:0;padding:1rem;background-color:#242424;color:#fff;line-height:1}
.feature-item>ul{list-style:none;padding:0 1rem}
.feature-item>ul>li{display:flex;align-items:center;padding:.75rem 0}
.feature-item>ul:not(.single)>li{justify-content:space-between}
.feature-item>ul>li+li{border-top:1px solid #e8e8ee}
.feature-item>ul>li>.iconfont{margin-right:5px;font-weight:700}
.device-user-agent{background-color:#f4f8fa;margin-top:1rem;padding:2rem 0 1rem 0}
.device-user-agent-text{font-size:1rem;font-weight:300}
.info-list{list-style:none;margin:0;padding:0}
.info-list>li{display:flex}
.info-list>li+li{margin-top:5px}
.image-info-list>li>label{width:30%;font-weight:600}
.info-list>li>span{width:70%}
.response-header-table{margin-top:8px}
.httpstatus-table{border:2px solid #e4e8ee}
.httpstatus-table td a{color:#157dd3}
.httpstatus-table>tbody>tr>td,.httpstatus-table>thead>tr>th{border-left:0;border-right:0}
.httpstatus-table>tbody>tr>td:first-child,.httpstatus-table>thead>tr>th:first-child{padding-left:20px}
.link-redirect-chain{position:relative;padding-left:32px;display:inline-block}
.link-redirect-chain::before{position:absolute;content:'\21b3';left:10px;color:#242424}
.wp-theme-result{border-top:6px solid #e8e8e8;padding:1.2rem 0}
.wp-theme-name{font-size:1.75rem;margin:0;padding-bottom:1rem;border-bottom:1px solid #e8e8e8}
.wp-theme-details>.row{border-bottom:1px solid #e8e8e8;padding:.75rem 0}
.wp-theme-details>.row>label{font-weight:600}
.wp-theme-details a,.wp-theme-details a:visited{color:#157dd3}
.wp-theme-details a:hover{text-decoration:underline}
.response-header-wrap{position:absolute;right:-2px;top:36px;border:1px solid #d8d8d8;border-radius:2px;background-color:#fff;background:linear-gradient(0,#fafafa,#fdfdfd,#fff);padding:15px 20px 15px 15px;margin-top:5px;width:350px;text-align:left;z-index:99;box-shadow:0 0 8px 1px #e8e8e8}
.response-header-wrap::before{content:'';position:absolute;top:-7px;right:40px;width:12px;height:12px;border-top:1px solid #ddd;border-right:1px solid #ddd;background-color:#fff;transform:rotate(-45deg)}
.redirect-list-title{font-size:1.3rem;margin-top:3rem;margin-bottom:15px}
.redirect-item+.redirect-item{margin-top:30px}
.redirect-counter{font-size:1.1rem;margin:0 0 10px 0;padding-bottom:0;border-bottom:1px solid #e8e8e8}
.response-header-list{list-style:none;font-size:.9rem}
.response-header-list>li+li{margin-top:6px}
.response-header-list>li>label{width:100px;margin-right:1rem;text-align:right;font-weight:600}
.list-table{color:#425879}
.list-table th{background-color:#fff;text-align:right;width:27.5%}
.list-table th>small{font-weight:400}
.list-table.sha-table th{width:auto}
.sha-table tbody tr td:nth-child(3),.sha-table tbody tr td:nth-child(4){text-align:center}
.list-table td a{color:#f47920}
.httpstatus-table td a:hover,.list-table td a:hover{text-decoration:underline}
.list-table tr td.table-lead{text-align:center;background-color:#f6f8f0;padding:12px 0;}
.list-table tr.table-lead td,.list-table tr.table-lead th{background-color:#f6f8f0}
.tool-desc-entry ol.alexa-rank{list-style:none;margin-left:0;counter-reset:step;border-top:3px solid #f2f2f4;border-bottom:2px solid #f2f2f4}
.alexa-rank>li{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;padding:.75em .75em .75em 2.5em}
ol.alexa-rank>li+li{border-top:1px solid #f2f2f4;margin:0}
.alexa-rank>li:hover{background-color:rgba(220,220,220,.1)}
.alexa-rank>li::before{position:absolute;counter-increment:step;content:counter(step);font-style:italic;font-size:1.05em;left:.5em;font-weight:700;color:#585858}
.alexa-rank>li:nth-child(1)::before{color:#e6162d}
.alexa-rank>li:nth-child(2)::before{color:#f04848}
.alexa-rank>li:nth-child(3)::before{color:#f29587}
.alexa-rank>li>div{width:100%}
.alexa-rank>li>div:first-child{font-weight:700}
.alexa-rank>li>div:last-child{font-size:.9em;margin-top:5px}
.alexa-rank>li>div>a{display:inline-block}
.alexa-rank>li>div>a+a{margin-left:1em}
.alexa-rank>li>div>a[rel*=external]::after{content:'\e7bb';font-family:iconfont}
.domain-more-info{font-size:.9rem;color:#585858}
.domain-more-info>p:last-child{margin-bottom:0}
.domain-content-wrap{position:relative;background:#f9f9ff;border:1px solid #ddd;padding:30px;margin-top:15px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
.domain-content-wrap::before{position:absolute;content:'';display:block;top:-1px;left:-1px;right:-1px;border-top:5px solid #242424}
.domain-content-warning-wrap::before{border-top-color:#e9994b}
.domain-content-error-wrap::before{border-top-color:#e6162d}
.domain-content-success-wrap::before{border-top-color:#f47920}
.domain-content-wrap a,.domain-content-wrap a:visited{color:#157dd3}
.domain-content-wrap a:hover{text-decoration:underline}
.domain-content-wrap h3{font-size:1.2rem}
.domain-whois{margin-bottom:1rem}
.domain-whois>p{margin-bottom:5px;display:flex}
.domain-whois>p>label{width:22%;margin-right:10px;font-weight:600;text-align:right}
.domain-whois>p>span{width:78%}
.domain-registars{font-size:.9rem}
.convert-result-list{font-size:.9rem}
.convert-result-item{background-color:#f2f4f2;border:1px solid #ddd;padding:5px 10px}
.convert-result-item+.convert-result-item{margin-top:10px}
.optimize-compare{font-size:.8em;color:#999;text-align:center}
.optimize-compare>span{margin:0 .5rem}
.base64-convert-result-item{padding:1rem}
.base64-img-wrap{position:relative;padding:0;overflow:hidden}
.base64-heigh-img-wrap::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(180deg,rgba(255,255,255,0),#f2f4f2)}
.base64-img-wrap img{max-width:100%;height:auto;border:2px solid #585858;padding:.3rem;background-color:#fff;border-radius:8px}
.txt-base64{padding-top:1.4rem;padding-bottom:1.4rem}
.converted-size{display:inline-block;color:#f47920;width:70px;font-size:.9em}
.error-ico{display:none}
.cheatsheet-wrap h2{margin-bottom:.5rem}
.cheatsheet-wrap h2~h2{margin-top:2rem}
.cheatsheet-wrap h3{margin-bottom:.25rem;font-size:1.25rem}
.cheatsheet-wrap h3~h3{margin-top:2rem}
.cheatsheet-wrap h3>small{font-size:.75em;font-weight:lighter;color:#ccc;margin-left:.5rem}
.cheatsheet-wrap .alert+.alert{margin-top:1rem}
.cheatsheet-wrap .alert ul{margin:0}
ul.cheatsheet{list-style:none;margin-bottom:1rem}
ul.cheatsheet>li{display:flex;align-items:flex-start;border-bottom:1px dashed #e4e4e4;padding:.75rem 0;transition:all .35s}
ul.cheatsheet.git-cheatsheet>li{flex-wrap:wrap}
ul.cheatsheet>li:last-child{border-bottom-style:solid}
ul.cheatsheet>li.cheatsheet-head{font-weight:500;font-size:.85em;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;padding:.35rem 0;color:#999}
ul.cheatsheet>li:not(.cheatsheet-head):hover{background-color:#f8f8fd}
ul.cheatsheet>li>div:first-child{width:50%;padding:0 .5rem;flex-shrink:0}
ul.cheatsheet.git-cheatsheet>li.cheatsheet-head{display:none}
ul.cheatsheet.git-cheatsheet>li>div{width:auto;padding:0}
ul.cheatsheet>li>div:last-child{flex-grow:1}
ul.cheatsheet.git-cheatsheet>li>div:first-child{margin-right:.5rem}
ul.cheatsheet.git-cheatsheet>li>div:first-child code{padding:0;background-color:transparent}
.cheatsheet code{color:#000}
.cheatsheet kbd{font-weight:600;border:0;background-color:#e8e8ed;color:#000;line-height:1;padding:6px 8px}
.dict-word-result{font-size:.9rem}
.dict-word-result a,.dict-word-result a:visited{color:#157dd3;font-weight:600}
.dict-word-result a:hover{text-decoration:underline}
.dict-word-typos{font-size:1rem}
.dict-word-typos .dict-word-list{margin-top:.5rem;margin-left:1.35rem}
.dict-word-typos+.dict-word-title{margin-top:1.75rem}
.dict-word-title{font-size:3rem;margin-bottom:.35rem;line-height:1;letter-spacing:-1px}
.dict-word-phone{color:#999;line-height:1.5}
.dict-word-phone>span{letter-spacing:-.5px}
.dict-word-phone>span+span{margin-left:1rem}
.dict-word-phone>span>code{font-size:1em;margin-left:0;padding:0;color:currentColor;background-color:transparent;border-radius:0}
.dict-word-phone a{font-weight:inherit}
.dict-word-phone>span>code+a{margin-left:.5rem}
.dict-word-phone>span.dict-word-full-link-wrapper{display:block;margin-left:0;font-size:.85em}
.dict-word-trans{font-weight:500;margin-top:1rem;line-height:1.5}
.dict-word-trans>.row+.row{margin-top:.35rem}
.dict-word-distribution{min-width:240px;height:224px;padding:.25rem;margin-top:.5rem;border:1px solid #e8e8e8}
.dict-word-trans-ee{margin-top:.75rem}
.dict-word-trans-ee a{font-weight:400}
.dict-word-trans-ee details summary{cursor:pointer}
.dict-word-trans-ee details .dict-word-synonyms{border-left:1px dotted #cccdce;margin-left:.25rem;padding-left:.75rem}
.dict-word-trans-ee .dict-word-synonym-trans{font-style:italic}
.dict-word-exam-types{margin-top:1rem}
.dict-word-exam-types>label{display:inline-block;background-color:#ddd;font-size:.75rem;padding:0 .35rem;border-radius:2px;margin-right:.8rem;margin-bottom:.5rem;opacity:.5}
.dict-word-exam-types>label:last-child{margin-right:0}
.dict-word-discriminations,.dict-word-rels,.dict-word-synonyms{padding-left:.2rem}
.dict-block-heading{margin-bottom:.25rem}
.dict-word-list{margin-left:1.5rem;line-height:1.5}
.dict-word-list.hide-more-items>li:nth-child(n+6){display:none}
.dict-word-list .dict-word-item+.dict-word-item{margin-top:.25rem}
a.link-more-phrases{display:inline-flex;align-items:center;font-weight:400;color:inherit;margin-top:.5rem;margin-left:.4rem}
a.link-more-phrases:hover{text-decoration:none}
a.link-more-phrases::before{content:"";border-bottom:6px solid currentColor;border-left:5px solid transparent;border-right:5px solid transparent;margin-right:.5rem}
.dict-word-list.hide-more-items~a.link-more-phrases::before{border-top:6px solid currentColor;border-bottom:0}
a.link-dict-word+span{margin-left:.75rem}
.dict-word-synonym-item{line-height:1.6}
.dict-word-synonym-item+.dict-word-synonym-item{margin-top:.75rem}
.dict-word-synonym-words>a+a{margin-left:.5rem}
.dict-word-synonym-words+.dict-word-synonym-trans{margin-top:.25rem}
.dict-word-rels{line-height:1.5}
.dict-word-rels>.row+.row{margin-top:.5rem}
.dict-word-pos{font-weight:600;font-size:.925rem}
.dict-word-discrimination+.dict-word-discrimination{margin-top:.75rem}
.dict-word-discrimination h4{font-size:1rem;margin-bottom:0}
.dict-recent-search-wrapper{font-size:.85rem;margin-top:1rem;opacity:.8}
.dict-recent-search-wrapper>ul{padding-left:1.25rem;padding-right:1.25rem}
.table-shortcut+.table-shortcut{margin-top:2rem}
.table-shortcut caption{font-size:1.35em}
.table-shortcut tr td label{color:#babfce;font-size:.85em}
.table-shortcut tr td kbd{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;color:#585858;border-color:#e4e4e4;border-radius:4px;box-shadow:0 1px 0 #dadadd;line-height:1;padding:2px 6px}
.table-shortcut tr:hover td kbd{color:#000}
.svg-wave-container{position:relative;border:1px solid #e8e8e8;border-radius:6px;height:100%;min-height:300px;overflow:hidden}
.svg-wave-title{margin:2rem 0;font-size:1.5rem;text-align:center}
.svg-wave-graphic{position:absolute;bottom:0;width:100%}
.svg-wave-graphic>svg{display:block}
.btn-svg-wave-refresh{position:absolute;right:1.5rem;top:2.35rem}
.keycode-playground{position:relative}
.keycode-playground .option-wrap{line-height:1}
.keycode-tip{display:flex;justify-content:center;align-items:center;text-align:center;height:240px}
.pending-keydown-tip{font-size:1.75rem;font-weight:lighter;color:#999}
.listen-keydown-tip{font-size:1.2rem;color:#e6162d}
.keycode-event-info{list-style:none;font-family:Consolas,Menlo,Monaco,courier,monospace}
.keycode-event-info>li{display:flex;align-items:center;padding:2px 0;border-top:1px dotted transparent;border-bottom:1px dotted transparent}
.keycode-event-info>li:hover{border-top-color:#ddd;border-bottom-color:#ddd}
.keycode-event-info>li>label{width:45%;font-size:.9em}
.keycode-event-tip{font-size:.8em;color:#999;margin-top:1rem}
.keycode-event-tip code{color:#242424}
.keycode-display{display:flex;justify-content:center;align-items:center;font-size:10rem;line-height:1.5;color:#e9994b}
.mobile-input{position:fixed;bottom:0;left:0;right:0;padding:1rem}
.colorful-text-preview{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;min-height:120px;background-color:#e6eff8;border-radius:4px;padding:1.5rem;line-height:1}
.colorful-text-preview-tip{font-size:1.5rem;font-weight:lighter}
.pswd-strength{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;max-width:120px;margin:0 auto;font-size:.8rem}
.pswd-strength::after{content:attr(data-text);flex-shrink:0;margin-left:4px;color:#585858;white-space:nowrap}
.pswd-strength>span{width:15%;height:4px;background-color:#d8d8d8}
.pswd-strength>span+span{margin-left:2px}
.pswd-strength>span.pswd-strong{background:#008000}
.pswd-strength>span.pswd-middle{background-color:#f29587}
.pswd-strength>span.pswd-weak{background-color:#e6162d}
.email-template-group{border-bottom:2px solid #ddd}
.email-template-group-item{border-top:1px solid #ddd;padding-top:1em;padding-bottom:1em;line-height:1.5}
.reference-wrap .email-template-group-item h3{margin-top:.5rem;font-size:1.3rem}
.email-template-group-item h3>a,.email-template-group-item h3>a:visited{display:block;color:currentColor}
.email-template-group-item h3>a:hover{color:#157dd3}
.email-template-meta{font-size:.8em;color:#999;margin-bottom:.75em}
.email-template-meta>span+span{margin-left:1em}
.email-template-body>pre{font-family:inherit}
.email-template-body>h3{font-size:1em}
.paypal-service-charge-list{margin:.7em 0 0 1.8em;list-style:none}
.paypal-service-charge-list>li{position:relative}
.paypal-service-charge-list>li+li{margin-top:.3em}
.paypal-service-charge-list>li::before{position:absolute;content:'';left:-18px;top:10px;display:inline-block;width:6px;height:6px;border-radius:100%}
.paypal-service-charge-list>li:nth-child(1):before{background-color:#f47920}
.paypal-service-charge-list>li:nth-child(2):before{background-color:#f05d6e}
.paypal-service-charge-list>li:nth-child(3):before{background-color:#73d5f3}
.paypal-service-charge-list>li label{width:80px;font-weight:700}
.paypal-service-charge-list>li a{margin-left:.35em;font-size:.8em}
.aq-graph{position:absolute;display:flex;flex-direction:column;justify-content:center;right:5px;bottom:5px;text-align:center;border:5px solid #fff;border-radius:100%;background-color:#157dd3;width:88px;height:88px;overflow:hidden}
.aq-value{font-size:2.25rem;font-weight:600;margin-top:-20px;color:#fff}
.aq-value.small{font-size:1rem;margin-top:-16px}
.aq-text{position:absolute;bottom:0;width:100%;background-color:#000;color:#fff;padding:0 0 4px 0;font-size:.7rem;text-align:center;letter-spacing:-.5px}
.btn.btn-exchange{color:#157dd3;background-color:#f8f8f8;padding:0;height:100%;font-size:.9rem;border-radius:0}
.rate-result{font-size:1.2rem;font-weight:600}
.unit-result-header{margin-bottom:1.5em}
.unit-result-header>h3{margin-bottom:0}
.screenshot-detail{font-size:.9rem}
.screenshot-detail h4{margin-bottom:1rem;color:#f47920}
.screenshot-detail>p>label{width:70px;font-weight:600}
.screenshot-output-wrap{width:100%}
.screenshot-error{padding:1rem;font-size:1.2rem;color:#e6162d;text-align:center}
.screenshot-failed{display:flex;align-items:center;justify-content:center;min-height:245px}
.arrow-box{display:flex;justify-content:center;align-items:center;color:#157dd3;text-shadow:0 1px 0 #fff;line-height:1.2;width:100%;min-height:60px;border-radius:6px;font-weight:300;font-size:1.5em;letter-spacing:2px}
.arrow-positions>label{width:40%}
.hz-list{display:flex;align-items:flex-end;flex-wrap:wrap;list-style:none;margin:0!important;padding:0}
.hz-list>li{width:25%;margin:1em 0;text-align:center}
.hz-list.three-col-xs>li{width:33.3333333%}
.hz-list>li>ruby{display:block;font-family:KaiTi;font-size:2em;color:#000;line-height:1}
.hz-list>li>ruby>rt{padding:5px;font-family:Consolas,Menlo,Monaco,courier,monospace}
.hz-list>li>small{color:#585858}
.text-converted-result{height:240px!important;background-color:#f8f8f8!important;overflow:scroll}
.custom-input-list>.custom-input-item{display:flex;margin-right:0}
.custom-input-list>.custom-input-item+.custom-input-item{margin-top:.35rem}
.custom-input-item,.custom-option{display:inline-flex;position:relative;font-size:1rem;margin:0 1rem 0 0;padding:0;line-height:1.5;cursor:pointer}
.custom-input-item.custom-input-item-sm{font-size:.9rem}
.custom-input-item>input[type=checkbox],.custom-input-item>input[type=radio],.custom-option>input[type=checkbox],.custom-option>input[type=radio]{position:absolute;left:-999em;width:0;height:0;opacity:0}
.custom-option>span{position:relative;display:inline-flex;justify-content:center;align-items:center;color:#585858;padding:7px 16px 7px 16px;background-color:#fff;border:1px solid #d4d4d4;transition:all .2s}
.custom-option>span:hover{color:#242424;border-color:#585858}
.custom-option>span::after{content:'';position:absolute;right:0;bottom:0;border-left:8px solid transparent;border-top:6px solid transparent;border-right:8px solid #d4d4d4;border-bottom:6px solid #d4d4d4}
.custom-option>input[type=checkbox]:checked+span,.custom-option>input[type=radio]:checked+span{color:#f47920;border-color:#f47920}
.custom-option-with-checkmark>.custom-option>input:checked+span::before,.custom-option.with-checkmark>input:checked+span::before{position:absolute;content:'\e642';font-family:iconfont;font-size:.5em;right:-1px;bottom:-3px;color:#fff;line-height:1;z-index:10}
.custom-option>input[type=checkbox]:checked+span::after,.custom-option>input[type=radio]:checked+span::after{border-right-color:#f47920;border-bottom-color:#f47920}
.custom-option>input[disabled]+span{background-color:#f2f2f2;border-color:#b4b4b4;color:#999;cursor:not-allowed}
.custom-option>input[disabled]:checked+span{background-color:#eee;border-color:#585858;color:#585858}
.custom-option>input[disabled]+span::after{border-right-color:#b4b4b4;border-bottom-color:#b4b4b4}
.custom-option>input[disabled]:checked+span::after{border-right-color:#585858;border-bottom-color:#585858}
.custom-input-item>span{position:relative;padding-left:24px;min-height:24px}
.custom-input-item.custom-input-item-sm>span{padding-left:20px}
.custom-input-item>span:empty{padding-left:0}
.custom-input-item>span::before{content:'';position:absolute;left:0;top:3px;width:18px;height:18px;border:1px solid #999;background-color:#fff;transition:all .2s}
.custom-input-item.custom-input-item-inverse:hover>span::before,.custom-input-item.custom-input-item-inverse>input[type=checkbox]:checked+span::before,.custom-input-item.custom-input-item-inverse>input[type=checkbox]:focus+span::before,.custom-input-item.custom-input-item-inverse>input[type=radio]:checked+span::before,.custom-input-item.custom-input-item-inverse>input[type=radio]:focus+span::before,.custom-input-item.custom-input-item-inverse>span::before{border-color:#fff}
.custom-input-item.custom-input-item-sm>span::before{width:16px;height:16px}
.custom-input-item>input[type=checkbox]+span::before{border-radius:2px}
.custom-input-item>input[type=radio]+span::before{border-radius:100%}
.custom-input-item:hover>span::before,.custom-input-item>input[type=checkbox]:checked+span::before,.custom-input-item>input[type=checkbox]:focus+span::before,.custom-input-item>input[type=radio]:checked+span::before,.custom-input-item>input[type=radio]:focus+span::before{border-color:#f47920}
.custom-input-item>input[type=checkbox]+span::after{position:absolute;content:'\F272';font-family:bootstrap-icons;font-size:1em;font-weight:700;left:1px;top:0;color:#f47920;opacity:0;transition:opacity .2s}
.custom-input-item>input[type=checkbox]:checked+span::after{opacity:1}
.custom-input-item>input[type=radio]+span::after{position:absolute;content:'';left:4px;top:7px;width:10px;height:10px;background-color:#f47920;border-radius:100%;opacity:0;transition:opacity .25s}
.custom-input-item>input[type=radio]:checked+span::after{opacity:1}
.custom-input-item.custom-input-item-sm>input[type=radio]+span::after{width:8px;height:8px}
.custom-input-item>input[disabled]+span,.custom-input-item>input[disabled]+span::after,.custom-input-item>input[disabled]+span::before,.custom-input-item>input[disabled]:checked+span::after,.custom-input-item>input[disabled]:checked+span::before{color:#a8a8a8;border-color:#ccc;cursor:not-allowed;user-select:none;-webkit-user-select:none;-moz-user-select:none}
.custom-input-item>input[disabled]+span::before{background-color:#f2f2f2}
.custom-input-item>input[type=radio][disabled]:checked+span::after{background-color:#ccc}
.feedback-param{padding-left:.5rem;padding:20px 0;line-height:30px;}
.feedback-form,.feedback-success{margin-bottom:3rem}
.format-option-wrap{padding-top:10px;padding-bottom:10px}
.httpstatus-heading{font-weight:600;border-bottom:2px solid #ddd;margin-bottom:10px;padding-bottom:5px}
.httpstatus-body .label{font-size:.85rem;font-weight:600}
.qrcode-wrap img{border:1px solid #585858}
.form-group-qrcode{display:none}
.stacked-border-box{background-color:#fff;border:1px solid #ddd;box-shadow:0 10px 0 -5px #fdfdfa,0 10px 1px -4px #ddd,0 20px 0 -10px #fdfdfa,0 20px 1px -9px #ddd}
.stacked-border-box.stacked-border-box-warning{background-color:#fff9ec;border-color:#d3a614;box-shadow:0 10px 0 -5px #fcf6e8,0 10px 1px -4px #d3a614,0 20px 0 -10px #fcf6e8,0 20px 1px -9px #d3a614}
.file-hash-result-box{padding:1.5rem;margin-top:1rem;text-align:center}
.file-hash-result-title{margin-bottom:0;font-size:1.15rem;opacity:.75;letter-spacing:-1px}
.file-hash-result{display:block;font-size:1.5rem;color:#157dd3;margin:1rem 0;text-decoration:underline;line-height:1.4;word-break:break-all;user-select:all;cursor:pointer}
.file-hash-result::selection{color:#fff;background-color:#157dd3}
.result-output-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;font-weight:300;font-size:1.05rem}
.result-title+.img-output-container{margin-top:0}
.img-output-container{display:flex;justify-content:center;align-items:center;min-height:300px;border:2px dashed #4d88a5;}
.img-output-container:hover{border-color:#47a8d8}
.img-output-container.douyin-img-output-container{min-height:245px}
.img-output-container.qrcode-img-output-container{min-height:278px}
.img-placeholder{color:#babfce;font-weight:300}
.img-output-wrap canvas,.img-output-wrap img,.img-output-wrap svg{display:block;max-width:100%;height:auto;margin:0 auto}
.barcode-img-output-container .img-output-wrap{max-height:480px}
.barcode+.barcode{margin-top:1rem}
.barcode-buttons>.btn{display:block;width:100%}
.barcode-buttons>.btn+.btn{margin-top:10px}
.qrcode-tip{position:relative;border:1px solid #e8e8e8;background-color:#fafafd;padding:15px 20px 15px 35px;text-align:justify;font-size:.9rem;font-weight:300;color:#999}
.qrcode-tip::before{position:absolute;content:'\e836';font-family:iconfont;left:12px}
.qrcode-option-tip{font-size:.9rem;font-weight:300;color:#999;margin-bottom:15px}
.logo-icon-list{margin-top:-16px}
.link-icon,.link-icon:visited{display:block;padding:12px;margin-top:16px;border:1px solid #e4e4e4;transition:all .3s}
.link-icon:hover{border-color:#585858}
.link-icon>img{display:block;margin:0 auto;width:24px;height:auto;border-radius:100%}
.meta-tag-form-group a[data-example],.meta-tag-form-group a[data-example]:visited{color:#157dd3;margin-right:.35rem}
.meta-tag-form-group a[data-example]:hover{color:#242424}
.tool-powered-by{font-size:.8rem;color:#999;text-align:center}
.tool-powered-by a,.tool-powered-by a:visited{color:inherit}
.print-date{font-size:.9rem;text-align:right}
.track-info-header{position:relative;padding:1rem .5rem 0 .75rem}
.track-title{margin-bottom:.3rem;margin-top:0;color:#000;font-size:1.1rem;line-height:1.5}
.track-title>span{letter-spacing:1px}
.track-meta{font-size:.8rem;padding-left:2px;color:#585858}
.track-meta>span{margin-right:1.5rem}
.track-meta>span:last-child{margin-right:0}
.track-info-status{position:absolute;right:2rem;top:1.3rem;color:currentColor;background-color:#eee;padding:.6rem 1rem;border-radius:1.5rem;font-size:.9rem;font-weight:600;line-height:1}
.track-info-status-success{color:#f47920;background-color:#e2f8e7}
.track-info-status-error{color:#e6162d;background-color:#f8dddf}
.domain-content-wrap a.link-track-error,.domain-content-wrap a:hover.link-track-error{color:inherit;text-decoration:none}
.track-info-body{padding:0 .5rem .5rem .75rem}
.track-list{list-style:none;margin-left:.5rem;margin-right:.5rem;margin-top:1.5rem;font-size:.9rem}
.track-list>li{position:relative;padding-left:2em;line-height:1.5;border-left:2px solid transparent}
.track-list>li:first-child{color:#f90;font-weight:600}
.track-list.signed-in>li:first-child{color:#f47920;font-weight:600}
.track-list>li:not(:last-child){border-left-color:#ccc;padding-bottom:1.2rem}
.track-list>li>.track-time{font-size:.9em;font-family:'Trebuchet MS',Arial,sans-serif;letter-spacing:.5px;margin-bottom:3px;line-height:1}
.track-list>li:not(:first-child)>.track-time{color:#585858}
.track-list>li:not(:last-child)>div:last-child{border-bottom:1px solid #eee;padding-bottom:.75rem}
.track-list>li::after,.track-list>li::before{content:'';position:absolute;display:block;border-radius:100%}
.track-list>li::before{top:-2px;left:-9px;width:16px;height:16px;background-color:#fff;border:2px solid #999;box-shadow:0 2px 0 0 #f7f7f4,0 -2px 0 0 #f7f7f4}
.track-list>li:first-child::before{border-color:#f90}
.track-list>li:first-child::after{background-color:#f90}
.track-list.signed-in>li:first-child::before{border-color:#f47920;background-color:#f47920}
.track-list.signed-in>li:first-child::after{content:'\e642';font-family:iconfont;font-size:.9em;color:#fff;width:0;height:0;left:-7px;top:-3px}
.track-list>li:first-child::before,.track-list>li:last-child::before{box-shadow:none}
.track-list>li::after{top:3px;left:-4px;width:6px;height:6px;background-color:#999}
.track-list>li:last-child::before{width:22px;height:22px;left:-12px;top:-4px}
.track-list>li:last-child::after{content:'\e66e';font-family:iconfont;font-size:.8em;color:#999;width:0;height:0;left:-7px;top:-2px}
.wk-tool-info{background-color:#fefeff;border:1px solid #bbb8b8;padding:1.5rem;border-radius:.25rem}
.wk-tool-info h3{font-weight:400;font-size:1.25rem;margin-bottom:.5rem}
.wk-tool-links{display:flex;align-items:center;font-size:.9em;padding-left:1.6rem}
.wk-tool-links>a,.wk-tool-links>a:visited{display:inline-flex;align-items:center;color:currentColor}
.wk-tool-links>a:hover{color:#157dd3}
.wk-tool-links a+a{margin-left:1.5em}
.wk-tool-links>a>svg{margin-right:4px}
.wk-main-frame{border-bottom:2px solid #ccc;border-top:2px solid #ccc;height:604px;overflow:hidden}
.shares{margin-top:8px;font-size:.8rem;color:#777}
.share-to,.share-to:hover,.share-to:visited{display:inline-block;width:22px;height:22px;line-height:23px;color:#fff;border-radius:100%;font-size:.85rem;transition:all .3s;text-align:center}
.share-to+.share-to{margin-left:6px}
.post-share .share-to{display:block;background-color:#fff;width:34px;height:34px;line-height:34px;color:#b1b6be;font-size:1.2rem;margin-top:12px;box-shadow:0 2px 4px rgba(180,180,180,.4)}
.post-share .share-to:hover{color:#fff}
.post-share .share-to+.share-to{margin-left:0}
.share-to-wechat{background-color:#52df8a}
.share-to-wechat:hover{background-color:#f47920}
.share-to-wechat-title{display:flex;align-items:center;margin-bottom:20px;text-align:left;line-height:1.5}
.share-to-wechat-title>img{margin-right:8px}
.tingle-modal-box__content .share-to-wechat-title>h4{margin-bottom:0}
.share-to-weibo{background-color:#f05d6e}
.share-to-weibo:hover{background-color:#e6162d}
.share-to-qq{background-color:#73d5f3}
.share-to-qq:hover{background-color:#48c5eb}
.share-to-qzone{background-color:#ffcd00}
.share-to-qzone:hover{background-color:#f0c417}
.share-tips{font-size:.9rem;font-weight:300}
.page-qrcode-container{margin-bottom:.5rem}
.tool-share{border:1px solid #ddd;border-radius:2px;padding:12px;background-color:#f8f8f8}
.tool-share h2{font-size:1rem;margin:0}
.tool-same {border: 1px solid #ddd;border-radius: 2px; background-color: #f8f8f8;}
.tool-url{position:relative;font-size:.9rem;border:1px solid #d8d8d8;padding:.3rem .5rem;border-radius:2px;background-color:#fff}
.tool-url>.btn{position:absolute;right:.3rem;top:.3rem;font-size:.8rem;padding:6px 6px;z-index:10}
.tool-url::after{content:'';position:absolute;width:20px;height:80%;background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.8) 10%,#fff);right:42px;top:10%;z-index:5}
.relative{position:relative}
.relative .btn-copy{position:absolute;right:15px;bottom:7px}
a.btn-copy:hover{text-decoration:none}
.chinese-amount-words-wrap{border:1px solid #ddd;background-color:#fff;padding:20px 30px}
.chinese-amount-words{display:flex;flex-wrap:wrap;list-style:none;font-size:1.5rem;line-height:1.5}
.chinese-amount-words+.chinese-amount-words{margin-top:10px;padding-top:15px;border-top:1px dashed #ddd}
.chinese-amount-words>li{margin-right:1.75rem}
.page-error{padding-top:60px;padding-bottom:60px}
.page-error h1{font-size:1.5rem;margin-bottom:0;color:#e6162d}
.text-page-not-found-en{color:#a8a8a8;font-size:.9rem}
.page-errro-btn-wrap{margin-top:30px}
.page-footer{font-size:.8rem;padding:20px 0 10px 0;color:#fff;background-color:#000;text-align:center}
.page-footer a{margin: 0 3px;}
.page-footer a,.page-footer a:visited{color:#fff}
.page-footer a:hover{text-decoration:underline}
.page-footer p{margin:5px 0}
.links-container>a+a{margin-left:.5rem}
.modal-wechat-qrcode .tingle-modal-box{width:96%;margin-left:auto;margin-right:auto;text-align:center}
.page-qrcode-container img{margin:0 auto}
.tingle-modal-box__content{position:relative;padding:1rem}
.tingle-modal-box__content .tingle-modal-title,.tingle-modal-box__content h4{margin-top:0;margin-bottom:.5rem;font-size:1.2rem}
.tingle-modal-box__content .modal-header{margin-bottom:1rem}
.tingle-modal-box__content .modal-header.underline{padding-bottom:.5rem;border-bottom:1px solid #e8e8e8}
.tingle-modal-box__content .modal-header h4{margin:0;line-height:1}
.tingle-modal-box__content>:last-child{margin-bottom:0}
.tingle-modal__close{position:absolute;font-family:inherit;font-size:1.8rem;color:#585858;width:2rem;height:2rem;top:5px;right:5px}
.tingle-modal-box__footer>.btn+.btn{margin-left:.75rem}
.tingle-modal__close:hover{color:inherit}
.custom-file{display:block;position:relative;width:100%;margin:0;cursor:pointer}
.custom-file::after,.custom-file::before{content:'';display:table}
.custom-file-input{position:absolute;display:block;width:100%;opacity:0}
.custom-file-control{display:flex;align-items:center;position:relative;overflow:hidden;height:auto;white-space:nowrap;color:#777;font-weight:400;font-size:.9rem;padding:4px 6px;border-radius:2px;line-height:1.8;-webkit-user-select:none;user-select:none}
.custom-file-lg .custom-file-control{padding:7px 6px}
.custom-file-lg .custom-file-control::after{padding:7px 12px}
.custom-file-control::after{content:'浏览...';position:absolute;top:0;right:0;bottom:0;display:block;color:#666;border:0 solid #d6d9d9;border-left-width:1px;border-top-right-radius:1px;border-bottom-right-radius:1px;background-color:#e8e8e8;padding:4px 12px;line-height:1.8}
.custom-file-control:active,.custom-file-control:focus,.custom-file-control:hover,.custom-file-input:focus~.custom-file-control{border-color:#f47920}
.custom-file-control:hover::after{color:#242424}
.custom-file-control img{max-width:100%;width:24px;height:auto}
.custom-file-control .filename-preview{padding:0 6px}
.loading-section{padding:40px;font-size:.9rem;display:none}
.loading-section .loading{margin-right:10px}
.loading{display:inline-block;width:1.5rem;height:1.5rem;background-color:#58c3e4;-webkit-animation:loading 1.15s infinite ease-in-out;animation:loading 1.15s infinite ease-in-out}
@-webkit-keyframes loading{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}
    50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}
    100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}
}
@keyframes loading{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}
    50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}
    100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}
}
.loading-box.editor-loading{justify-content:center;height:346px}
.loading-box{display:flex;justify-content:flex-start;align-items:center;font-size:.9rem;color:#585858;line-height:1}
.loading-rect{display:inline-block;height:26px;font-size:.9em;margin-right:8px}
.loading-rect>i{display:inline-block;height:100%;width:4px;background-color:rgba(85,102,102,.8);-webkit-animation:loading-rect-animate 1.2s infinite ease-in-out;animation:loading-rect-animate 1.2s infinite ease-in-out}
.loading-rect>i+i{margin-left:3px}
.loading-rect>i:nth-child(2){-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.loading-rect>i:nth-child(3){-webkit-animation-delay:-1s;animation-delay:-1s}
.loading-rect>i:nth-child(4){-webkit-animation-delay:-.9s;animation-delay:-.9s}
.loading-rect>i:nth-child(5){-webkit-animation-delay:-.8s;animation-delay:-.8s}
@-webkit-keyframes loading-rect-animate{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}
    20%{-webkit-transform:scaleY(1);transform:scaleY(1)}
}
@keyframes loading-rect-animate{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}
    20%{-webkit-transform:scaleY(1);transform:scaleY(1)}
}
@-webkit-keyframes xloading{0%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
    100%{-webkit-transform:rotate3d(0,0,1,360deg);transform:rotate3d(0,0,1,360deg)}
}
@keyframes xloading{0%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
    100%{-webkit-transform:rotate3d(0,0,1,360deg);transform:rotate3d(0,0,1,360deg)}
}
.loading-text{display:inline-flex;align-items:center;font-size:.95em;color:#585858;line-height:1;user-select:none;-webkit-user-select:none}
.loading-text::before{content:'';flex-shrink:0;width:18px;height:18px;background:url(../images/xloading.gif) center center transparent;background-size:100%;margin-right:4px;-webkit-animation:xloading 1s steps(12,end) infinite;animation:xloading 1s steps(12,end) infinite}
.container{box-sizing:border-box;margin-left:auto;margin-right:auto;padding-right:.5rem;padding-left:.5rem}
.container-fluid{padding-right:1.5rem;padding-left:1.5rem}
.row{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-8px;margin-left:-8px}
.row.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.col.reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-offset-0,.col-md-offset-1,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-offset-0,.col-xl-offset-1,.col-xl-offset-10,.col-xl-offset-11,.col-xl-offset-12,.col-xl-offset-2,.col-xl-offset-3,.col-xl-offset-4,.col-xl-offset-5,.col-xl-offset-6,.col-xl-offset-7,.col-xl-offset-8,.col-xl-offset-9,.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:100%;flex-basis:100%;padding-right:8px;padding-left:8px;max-width:100%}
.col-xs{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}
.col-xs-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}
.col-xs-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}
.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}
.col-xs-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}
.col-xs-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}
.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}
.col-xs-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}
.col-xs-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}
.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}
.col-xs-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}
.col-xs-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}
.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}
.col-xs-offset-0{margin-left:0}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-11{margin-left:91.66666667%}
.start-xs{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}
.center-xs{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}
.end-xs{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}
.top-xs{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.middle-xs{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.bottom-xs{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.around-xs{-ms-flex-pack:distribute;justify-content:space-around}
.between-xs{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.first-xs{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}
.last-xs{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.site-title{position:relative;top:10px}

@media only screen and (min-width:576px){
    .container{width:578px;max-width:100%}
    .col-sm{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}
    .col-sm-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}
    .col-sm-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}
    .col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}
    .col-sm-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}
    .col-sm-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}
    .col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}
    .col-sm-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}
    .col-sm-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}
    .col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}
    .col-sm-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}
    .col-sm-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}
    .col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}
    .col-sm-offset-0{margin-left:0}
    .col-sm-offset-1{margin-left:8.33333333%}
    .col-sm-offset-2{margin-left:16.66666667%}
    .col-sm-offset-3{margin-left:25%}
    .col-sm-offset-4{margin-left:33.33333333%}
    .col-sm-offset-5{margin-left:41.66666667%}
    .col-sm-offset-6{margin-left:50%}
    .col-sm-offset-7{margin-left:58.33333333%}
    .col-sm-offset-8{margin-left:66.66666667%}
    .col-sm-offset-9{margin-left:75%}
    .col-sm-offset-10{margin-left:83.33333333%}
    .col-sm-offset-11{margin-left:91.66666667%}
    .start-sm{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}
    .center-sm{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}
    .end-sm{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}
    .top-sm{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
    .middle-sm{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    .bottom-sm{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
    .around-sm{-ms-flex-pack:distribute;justify-content:space-around}
    .between-sm{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
    .first-sm{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}
    .last-sm{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
    .code-snapshot-top-option-container>.top-option-item+.top-option-item{margin-left:3rem;margin-top:0}
}
@media only screen and (min-width:768px){
    .container{width:770px;max-width:100%;}
    .col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-offset-0,.col-md-offset-1,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:8px;padding-left:8px}
    .col-md{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}
    .col-md-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}
    .col-md-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}
    .col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}
    .col-md-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}
    .col-md-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}
    .col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}
    .col-md-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}
    .col-md-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}
    .col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}
    .col-md-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}
    .col-md-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}
    .col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}
    .col-md-offset-0{margin-left:0}
    .col-md-offset-1{margin-left:8.33333333%}
    .col-md-offset-2{margin-left:16.66666667%}
    .col-md-offset-3{margin-left:25%}
    .col-md-offset-4{margin-left:33.33333333%}
    .col-md-offset-5{margin-left:41.66666667%}
    .col-md-offset-6{margin-left:50%}
    .col-md-offset-7{margin-left:58.33333333%}
    .col-md-offset-8{margin-left:66.66666667%}
    .col-md-offset-9{margin-left:75%}
    .col-md-offset-10{margin-left:83.33333333%}
    .col-md-offset-11{margin-left:91.66666667%}
    .start-md{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}
    .center-md{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}
    .end-md{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}
    .top-md{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
    .middle-md{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    .bottom-md{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
    .around-md{-ms-flex-pack:distribute;justify-content:space-around}
    .between-md{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
    .first-md{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}
    .last-md{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
    .hidden-md{display:none!important}
    .container.container-fw-xs{padding:auto!important}
    main>section+section{margin-top:20px}
    .hero{padding-bottom:0;background-position:right -112px center;}
    .hero-content h2{font-size:2.2rem;font-weight:400}
    .lead{font-size:1.5rem;font-weight:300;margin-bottom:15px}
    .alert{padding:1.25rem}
    .alert.alert-sm{padding:.8rem 1rem;font-size:.9rem}
    .form-group>.row>label.control-label:not(.text-left){text-align:right}
    .button-group{justify-content:flex-start}
    .button-group.button-group-center{justify-content:center}
    .button-group>.btn{width:auto;margin-bottom:0}
    .button-group>.btn+.btn{margin-left:15px}
    .row.row-layout>[class*=col-]+.col-xs-12{margin-top:0}
    .row.row-control-group{align-items:flex-start}
    .row-control-group:not(.no-margin)>[class*=col-]+[class*=col-]{padding-left:0;margin-top:0}
    .row-list>.row>label{text-align:right}
    .img-fw-xs{width:auto}
    .card-wrap+.card-wrap{margin-top:0}
    .ad-banner-section{margin-top:1rem;margin-bottom:1rem}
    .ad-banner-section a,.ad-banner-section a:visited{display:inline-flex;border-radius:4px}
    .ad-banner-section a.with-ad-text::after{position:absolute;content:'广告';bottom:0;right:0;background-color:rgba(248,248,248,.7);color:rgba(255,255,255,.9);font-size:12px;line-height:1.2;padding:3px 3px 2px 4px;border-top-left-radius:2px}
    .uploader-wrap{padding-top:90px;padding-bottom:90px}
    .uploader-content{flex-direction:row}
    .uploader-content .text-or{margin:0 1rem}
    .uploader-desc{font-size:1.1rem}
    .tabs::after{content:'';position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid #e4e4e4;z-index:1}
    .tabs>li{margin-right:0;margin-bottom:0;border-bottom:0}
    .tabs>li:first-child{margin-left:10px}
    .tabs>li.active{border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-bottom:0;background-color:#fff;z-index:2}
    .tabs>li.active::before{content:'';position:absolute;left:-1px;right:-1px;top:-1px;border-top:3px solid #f29587}
    .tabs>li>a{padding:9px 12px}
    .tabs.tabs-simple>li>a{padding:2px 12px}
    .tabs.tabs-simple>li:not(:last-child){margin-right:1rem}
    .tabs.tabs-simple::after{content:none}
    .tabs.tabs-simple>li:first-child{margin-left:0}
    .tabs.tabs-simple>li.active{border:0;border-bottom:3px solid #f29587}
    .tabs.tabs-simple>li.active::before{border-top:0}
    .content-header{padding:10px 0}
    .post-section{padding-top:1rem;padding-bottom:1rem}
    .post-section .aside-box{font-size:.9em}
    .post-header>h1{font-size:2.5em}
    .post-header>.post-subtitle{font-size:1.15em}
    .post-entry,.post-header{padding-left:0;padding-right:0}
    .post-entry h2{font-size:1.5em}
    .post-entry h3{font-size:1.15em}
    .post-entry p{line-height:2em}
    .post-item+.post-item{border-top:1px solid #eee;margin-top:0}
    .post-item .post-title{font-size:1.3em}
    .post-excerpt{font-size:.95em}
    .related-posts{margin-top:1rem}
    .related-posts .post-title{font-size:1.2em}
    .related-posts .post-excerpt{line-height:inherit}
    .post-section-title{font-size:1em}
    .post-section-description{font-size:.9em}
    .post-single{padding:2em}
    .post-single .post-title{font-size:1.75em}
    .post-neighbour{flex-direction:row;padding:0}
    .post-neighbour *+*{margin-top:0}
    .post-neighbour>a,.post-neighbour>a:visited,.post-neighbour>div{width:50%;padding:1.2em}
    .post-neighbour>a:last-child,.post-neighbour>div:last-child{text-align:right}
    .post-neighbour strong{display:block;margin-right:0}
    .tag-list-header h1{font-size:1.75rem}
    .hz-list.three-col-xs>li,.hz-list>li{width:16.6666667%}
    .hot-tool-section{padding-top:40px}
    .hot-tool-section .tool-item-body{height:85px}
    .hot-tool-section .tool-item-header h3{font-size:1.2em;letter-spacing:-.5px}
    .tool-tips{font-size: 12px; color: #ccc; font-weight: normal; margin-top: 10px}
    .hot-category-wrap{width:65%}
    .hot-tool-wrap{padding:25px 20px 20px 20px}
    .tool-sponsor{top:2rem;bottom:auto}
    .tool-grid>li+li{margin-top:0;margin-bottom:20px}
    .hot-tool-section .tool-grid>li{margin-top:16px;margin-bottom:0}
    .tool-grid .tool-item-header{padding:1rem 1rem 0 1rem}
    .hot-tool-section .tool-grid .tool-item-header{padding:0}
    .category-title{font-size:1.2rem}
    .hot-tool-wrap .category-title{font-size:1.5rem}
    .category-info-header{padding:1.5em}
    .category-icon-box{width:56px;height:56px;font-size:2em;border-width:3px}
    .category-info-title h1{font-size:2em}
    .tool-grid .tool-item:hover{border-color:#cccdce}
    .tool-grid .tool-item-body{padding:0 1rem;height:60px;}
    .tool-grid .tool-item-body p{-webkit-line-clamp: 2;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;overflow:hidden;}
    .tool-item-footer{margin-top:1.25rem}
    .tool-title{font-size:1.35rem}
    .tool-meta{font-size:1rem}
    .tool-summary{font-size:1rem;line-height:1.5rem}
    .tool-desc-entry h2{font-size:1.3em}
    .tool-desc-entry h3{font-size:1.2em}
    .tool-desc-entry ol,.tool-desc-entry ul{margin-left:3em}
    .tool-desc-footer{padding-left:2.2em;padding-right:2.2em}
    .alexa-rank>li>div{width:auto}
    .alexa-rank>li>div:first-child{font-weight:400}
    .alexa-rank>li>div:last-child{margin-top:0}
    .pornhub-logo-options{width:60%;margin:0 auto}
    .feature-section{padding:20px 0}
    .feature-header h3{font-size:1.8rem;font-weight:400}
    .feature-header h4{font-size:1.4rem;line-height:inherit;padding:0}
    .feature-header h4::after{width:12%}
    .feature-list li>h4{font-size:1.25rem;font-weight:400}
    .feature-list li>p{padding-left:25px;padding-right:15px}
    .content-container{padding:10px 0}
    .content-container aside{margin-top:0}
    aside>.aside-box+.aside-box:not(.is_stuck){margin-top:1rem}
    .aside-about{font-size:.9rem;padding-left:1.5rem}
    .track-info-header{padding:1rem 1.5rem 0 1.5rem}
    .track-title{font-size:2rem}
    .track-meta{font-size:.9rem}
    .track-info-body{padding:0 1rem 1rem 1.5rem}
    .track-list{font-size:1rem;margin-left:.8rem;margin-right:.8rem;margin-top:2rem}
    .track-list>li:not(:last-child)>div:last-child{padding-bottom:1rem}
    .track-list>li::before{top:-1px}
    .track-list>li::after{top:4px}
    .track-list>li:first-child::before{width:22px;height:22px;left:-12px;top:-4px}
    .track-list>li:first-child::after{width:10px;height:10px;left:-6px;top:2px}
    .track-list.signed-in>li:first-child::after{font-size:1em;left:-9px;top:-5px}
    .device-viewport{padding:5rem 2rem}
    .viewport-info{font-size:4rem}
    .device-feature-wrap{width:80%}
    .device-feature-title{font-size:2rem}
    .device-user-agent{margin-top:3rem;padding:3rem 0}
    .device-user-agent-text{font-size:1.35rem}
    .search-header{padding:10px 0;margin-bottom:20px}
    .search-header h1{font-size:1.5rem;margin-bottom:0}
    .search-result{border:1px solid #e8e8e8;border-radius:2px;padding:30px;background:#fafafa}
    .search-result-item+.search-result-item{margin-top:25px}
    .search-result-title{font-size:1.2rem}
    .search-result-summary{font-size:.9rem}
    .tool-content-body,.tool-content-wrap{padding:20px}
    .tool-content-body>.table-responsive{margin-left:-31px;margin-right:-31px}
    .tool-content-wrap+.tool-content-wrap{margin-top:1rem}
    .tool-content-wrap>.tool-content-header{padding:0 30px}
    .tool-content-header>h2,.tool-content-header>h3,.tool-content-header>h4{font-size:1.05rem}
    .tool-content-wrap .nit-title{font-size:1.35rem;margin-left:-30px;padding-left:26px}
    .http-status-code-group+.http-status-code-group{margin-top:3rem}
    .domain-more-info{font-size:1rem;padding-left:48px}
    .domain-content-wrap{padding:40px}
    .domain-content-wrap h3{font-size:1.5rem}
    .domain-whois>p>label{width:66px;margin-right:15px}
    .domain-whois>p>span{width:auto}
    .chinese-amount-words{font-size:2rem}
    .chinese-amount-words>li{margin-right:2.2rem}
    .form-control-group-matches{margin-top:0;height:100%}
    .logo-icon-list{margin-top:-10px}
    .link-icon,.link-icon:visited{padding:11px}
    .link-icon>img{width:36px}
    .random-numbers>b{width:15%}
    .barcode-buttons{display:flex;justify-content:space-between}
    .barcode-buttons>.btn+.btn{margin-left:15px;margin-top:0}
    .pm25-title{font-size:1.5rem}
    .weather-subtitle{font-size:1.6rem}
    .weather-7-days>li,.weather-7-days>li:first-child{width:12.428265%;margin-bottom:0}
    .weather-24-hours-chart{padding:40px 30px 20px 30px}
    .btn.btn-exchange{font-size:1.2rem}
    .rate-result{font-size:2rem}
    .timestamp-convert-wrap>fieldset{padding:.8rem 1.2rem 1.2rem 1.2rem}
    .timestamp-convert-wrap>fieldset>legend{font-size:1.4rem}
    .time-convert-result-wrap{font-size:1.5rem}
    .date-input-row [class^=col-xs]:nth-child(-n+3){margin-bottom:0}
    .source-code-wrap{padding:2.25rem}
    .source-code-watermark{bottom:5px;right:12px;width:146px}
    .district-wrap>.row>div{margin-bottom:1rem}
    .district-wrap>.row>div+div{margin-top:0}
    .image-info-list>li>label{width:15%}
    .info-list>li>span{width:75%}
    .base64-convert-result-item{padding:1.5rem}
    .modal-wechat-qrcode .tingle-modal-box{width:28%}
    .modal-icon .tingle-modal-box{width:40%}
    .tingle-modal-box__content{padding:2rem}
    .tingle-modal-box__footer{padding:1rem 1.5rem}
    .feedback-param{padding-left:3.5rem}
    .entrance-wrap{margin-top:.4em}
    .signup-form-wrap aside{min-height:586px}
    ul.cheatsheet>li>div:first-child{width:35%}
    ul.cheatsheet.git-cheatsheet>li{flex-wrap:nowrap}
    ul.cheatsheet.git-cheatsheet>li.cheatsheet-head{display:flex}
    ul.cheatsheet.git-cheatsheet>li>div:first-child{width:50%;margin-right:0}
    .svg-wave-container{min-height:450px}
    .svg-wave-title{font-size:2rem}
    .btn-svg-wave-refresh{top:2.75rem}
    .keycode-display{border-left:1px solid #e8e8e8}
    .file-hash-result-box{padding:2rem 4rem;margin-top:1.25rem}
    .file-hash-result.file-hash-md5{font-size:2.15rem}
    .file-hash-result.file-hash-sha1,.file-hash-result.file-hash-sha256,.file-hash-result.file-hash-sha384{font-size:1.75rem}
    .file-hash-result.file-hash-sha224{font-size:2rem}
    .hot-left a{display:block}
}
@media only screen and (min-width:992px){
    .container{width:994px;max-width:100%;padding-right:0;padding-left:0}
    .container-fluid{padding-right:0;padding-left:0}
    .random-numbers>b{width:10%;font-size:1.2rem}
    .col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:8px;padding-left:8px}
    .col-lg{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}
    .col-lg-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}
    .col-lg-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}
    .col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}
    .col-lg-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}
    .col-lg-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}
    .col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}
    .col-lg-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}
    .col-lg-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}
    .col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}
    .col-lg-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}
    .col-lg-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}
    .col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}
    .col-lg-offset-0{margin-left:0}
    .col-lg-offset-1{margin-left:8.33333333%}
    .col-lg-offset-2{margin-left:16.66666667%}
    .col-lg-offset-3{margin-left:25%}
    .col-lg-offset-4{margin-left:33.33333333%}
    .col-lg-offset-5{margin-left:41.66666667%}
    .col-lg-offset-6{margin-left:50%}
    .col-lg-offset-7{margin-left:58.33333333%}
    .col-lg-offset-8{margin-left:66.66666667%}
    .col-lg-offset-9{margin-left:75%}
    .col-lg-offset-10{margin-left:83.33333333%}
    .col-lg-offset-11{margin-left:91.66666667%}
    .start-lg{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}
    .center-lg{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}
    .end-lg{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}
    .top-lg{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
    .middle-lg{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    .bottom-lg{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
    .around-lg{-ms-flex-pack:distribute;justify-content:space-around}
    .between-lg{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
    .first-lg{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}
    .last-lg{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
}
@media only screen and (min-width:1200px){
    .container{width:1202px;max-width:100%}
    .container.container-md{width:940px}
    .col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-offset-0,.col-xl-offset-1,.col-xl-offset-10,.col-xl-offset-11,.col-xl-offset-12,.col-xl-offset-2,.col-xl-offset-3,.col-xl-offset-4,.col-xl-offset-5,.col-xl-offset-6,.col-xl-offset-7,.col-xl-offset-8,.col-xl-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:8px;padding-left:8px}
    .col-xl{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}
    .col-xl-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}
    .col-xl-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}
    .col-xl-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}
    .col-xl-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}
    .col-xl-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}
    .col-xl-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}
    .col-xl-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}
    .col-xl-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}
    .col-xl-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}
    .col-xl-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}
    .col-xl-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}
    .col-xl-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}
    .col-xl-offset-0{margin-left:0}
    .col-xl-offset-1{margin-left:8.33333333%}
    .col-xl-offset-2{margin-left:16.66666667%}
    .col-xl-offset-3{margin-left:25%}
    .col-xl-offset-4{margin-left:33.33333333%}
    .col-xl-offset-5{margin-left:41.66666667%}
    .col-xl-offset-6{margin-left:50%}
    .col-xl-offset-7{margin-left:58.33333333%}
    .col-xl-offset-8{margin-left:66.66666667%}
    .col-xl-offset-9{margin-left:75%}
    .col-xl-offset-10{margin-left:83.33333333%}
    .col-xl-offset-11{margin-left:91.66666667%}
    .start-xl{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}
    .center-xl{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}
    .end-xl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}
    .top-xl{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
    .middle-xl{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    .bottom-xl{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
    .around-xl{-ms-flex-pack:distribute;justify-content:space-around}
    .between-xl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
    .first-xl{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}
    .last-xl{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
}
@media only screen and (max-width:576px){
    .hidden-xs{display:none!important}
    .hidden-md{display:block!important;margin-top:10px}
    .site-title{height:60px;position:relative;left:10px;top:10px;}
    .link-search{position: absolute; right: 70px; margin-top: 5px; padding: 0;}
    .link-category{position: absolute; right: 20px; margin-top: 5px; padding: 0;background-color: unset;}
    .link-search i,.link-category i{color: white;font-size: 25px !important;}
    .dropdown-panel.with-caret{margin-top: 45px;}
    .dropdown-panel{right: 50px;}
    .hero{padding-top:20px;}
    .tool-tips{margin-top: 10px;font-size: 12px;color: #ccc;font-weight: normal;}
    .category-title{font-size: 1.1rem}
    .btn-block-xs{display:block;width:100%;}
    .btn-block-xs+.btn-block-xs{margin-top:.7rem}
    .button-group>.btn.btn-block-xs{width:100%;margin-bottom:0}
    .tool-grid .tool-item-body{margin-bottom:1rem}
    hr{margin-top:15px;margin-bottom:15px}
    table{overflow-x: auto;}
    .category-info-header{padding:10px}
    .bx-cate dd{width:50%}
    .hot-left a{display: inline-block; width: 49%;}
    .setting-option2 {margin-top: 20px}
    .svg2png{margin-top: 20px;}
}
@media only screen and (min-width:576px) and (max-width:767px){
    .hidden-sm{display:none!important}
}
@media only screen and (min-width:576px){
    .hidden-gte-sm{display:none!important}
}
@media only screen and (min-width:768px) and (max-width:991px){
    .hidden-md{display:none!important}
}
@media only screen and (min-width:768px){
    .hidden-gte-md{display:none!important}
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .hidden-lg{display:none!important}
}
@media only screen and (min-width:992px){
    .hidden-gte-lg{display:none!important}
}
@media only screen and (min-width:1200px){
    .hidden-xl{display:none!important}
}
.tingle-modal *{box-sizing:border-box}
.tingle-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:-ms-flexbox;display:flex;visibility:hidden;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.8);opacity:0;cursor:pointer;transition:transform .2s ease}
.tingle-modal--noClose .tingle-modal__close,.tingle-modal__closeLabel{display:none}
.tingle-modal--confirm .tingle-modal-box{text-align:center}
.tingle-modal--noOverlayClose{cursor:default}
.tingle-modal__close{position:fixed;top:0;right:0;z-index:1000;padding:0;width:5rem;height:5rem;border:none;background-color:transparent;font-family:monospace;line-height:1;cursor:pointer;transition:color .3s ease}
.tingle-modal__close:hover{color:#000}
.tingle-modal-box{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:auto;margin-bottom:auto;width:60%;border-radius:4px;background:#fff;opacity:1;cursor:auto;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);-ms-transform:scale(.8);transform:scale(.8)}
.tingle-modal-box__content{padding:3rem}
.tingle-modal-box__footer{padding:1rem 1rem;width:auto;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:#f5f5f5;cursor:auto}
.tingle-modal-box__footer::after{display:table;clear:both;content:""}
.tingle-modal-box__footer--sticky{position:fixed;bottom:-200px;z-index:10001;opacity:1;transition:bottom .3s ease-in-out .3s}
.tingle-enabled{position:fixed;right:0;left:0;overflow:hidden}
.tingle-modal--visible .tingle-modal-box__footer{bottom:0}
.tingle-enabled .tingle-content-wrapper{filter:blur(8px)}
.tingle-modal--visible{visibility:visible;opacity:1}
.tingle-modal--visible .tingle-modal-box{-ms-transform:scale(1);transform:scale(1)}
.tingle-modal--overflow{overflow-y:scroll;padding-top:8vh}
.tingle-btn{display:inline-block;margin:0 .5rem;padding:1rem 2rem;border:none;background-color:grey;box-shadow:none;color:#fff;vertical-align:middle;text-decoration:none;font-size:inherit;font-family:inherit;line-height:normal;cursor:pointer;transition:background-color .4s ease}
.tingle-btn--primary{background-color:#3498db}
.tingle-btn--danger{background-color:#e74c3c}
.tingle-btn--default{background-color:#34495e}
.tingle-btn--pull-left{float:left}
.tingle-btn--pull-right{float:right}
@media (max-width:540px){
    .tingle-modal{top:0;display:block;padding-top:60px;width:100%}
    .tingle-modal-box{width:auto;border-radius:0}
    .tingle-modal-box__content{overflow-y:scroll}
    .tingle-modal--noClose{top:0}
    .tingle-modal--noOverlayClose{padding-top:0}
    .tingle-modal-box__footer .tingle-btn{display:block;float:none;margin-bottom:1rem;width:100%}
    .tingle-modal__closeLabel{display:none}
    .tingle-modal__closeIcon{display:inline-block;margin-right:.5rem;vertical-align:middle}
}
@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){
    .tingle-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
    @media (max-width :540px){
        .tingle-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
    }
    .tingle-enabled .tingle-content-wrapper{filter:none}
}
code[class*=language-],pre[class*=language-]{color:#242424;background:0 0;text-align:left;text-shadow:none;word-spacing:normal;tab-size:4;hyphens:none;font-family:Consolas,'Liberation Mono',Menlo,Courier,monospace;line-height:1.6;direction:ltr;cursor:text}
pre[class*=language-]{position:relative;margin-bottom:2em;background:#f9fbfc;padding:1.25em}
code[class*=language-]{display:block;font-size:.95em;margin:0;padding:0;overflow-x:auto;white-space:pre}
.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#afafac}
.token.atrule,.token.attr-value,.token.punctuation,.token.string{color:#183691}
.token.property,.token.tag{color:#63a35c}
.token.boolean,.token.function,.token.number{color:#005cc5}
.token.attr-name,.token.attr-value .punctuation:first-child,.token.keyword,.token.operator,.token.regex,.token.selector{color:#d73a49}
.token.function-variable{color:#6f42c1}
.language-css .token.string,.token.entity,.token.url{color:#a71d5d}
.token.entity{cursor:help}
.namespace{opacity:.7}
code[class*=language-]::before{content:'';position:absolute;top:6px;right:8px;color:rgba(0,0,0,.15);font-size:.85em}
code.language-c::before{content:'C'}
code.language-php::before{content:'PHP'}
code.language-java::before{content:'Java'}
code.language-html::before,code.language-markup::before{content:'HTML'}
code.language-javascript::before{content:'JS'}
code.language-css::before{content:'CSS'}
code.language-less::before{content:'LESS'}
code.language-sass::before{content:'SASS'}
code.language-xml::before{content:'XML'}
code.language-bash::before{content:'Bash'}
code.language-nginx::before{content:'Nginx'}
code.language-apacheconf::before{content:'Apache'}
code.language-python::before{content:'Python'}
.bx{width:50px;height:50px;line-height:50px;text-align:center;font-size:30px;background-color:#140d0d;color:#fff;border-radius:2px;opacity:.95;}
.bx-share{position:fixed;bottom:26%;right:1%;background-color: rgb(0 0 0 / 50%);cursor:pointer;}
.bx-qrcode{position:fixed;bottom:20.5%;right:1%;background-color: rgb(0 0 0 / 50%);cursor:pointer;}
.bx-top{position:fixed;bottom:15%;right:1%;display:none;background-color: rgb(0 0 0 / 50%);cursor:pointer;}
.bx-cate dd{display: inline-block;padding: 10px;font-size: 14px;}
.small-btn{font-size: .8rem;padding: 6px 6px; margin:0 0 5px 10px;}
.redtxt{color: red;font-weight: bold;}
.fl{float:left}
.fr{float:right}
table.query-table td{text-align:center}
.szj-table tr:nth-child(3n+2) {color: #d30312;font-size: 24px;font-weight: bold;letter-spacing: 7px;line-height: 35px;}
.szj-table td{text-align: center;}
.szj-table .fanyi{text-align: left;}
.api-color {color: red;}
.editor{padding:6px 0 0 0;font-size:14px;height:550px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;}
.editor .jsoneditor{border:none}
.editor .jsoneditor-statusbar{padding-left:15px}
.ace-jsoneditor .ace_gutter{background:0 0}
.ace-jsoneditor .ace_gutter-active-line{background:0 0}
table.periodic td {background-color: #fff!important;border: 1px solid #333;text-align: center}
table.periodic td.blank {border: none!important}
table.periodic td.metal {background-color: #a3d6f5!important}
table.periodic td.nonmetal {background-color: #64c0cb!important}
.full-names {width: 100%;padding: 10px;font-size: 1rem;border: 1px solid #ced4da;}
.full-names span.border {display: inline-block;border: 1px solid #ddd;width: 6rem;font-size: 1rem;margin: .35rem;padding: .375rem .75rem;border-radius: .15rem;background-color: #f7f9fb;text-align: center;}
.bg-secondary {color: #333;background-color: #fff !important;}
.p-3 {padding: 1rem !important;}
.fs-6 {font-size: 1rem !important;}
.bk-category{background: #000;color:#fff;height: 40px;line-height: 40px;text-align: center;border-radius: 2px;}
.hot-left a{padding: 10px;}
.hot-left a:hover{background-color: #fff;border-radius: 5px;}
.hot-left a.selected{background-color: #f1f1f1;border: 1px dashed #ddd;border-radius: 5px;}
.hot-left a img{display: inline-block; width: 30px; height: 30px; vertical-align: middle}
.hot-left a span{display: inline-block;margin-left: 10px; font-size: 14px; line-height: 30px;vertical-align: middle;}
.hot-right{border: 1px solid #ddd; min-height: 820px;}
.hot-right .hidden{display:none}
.hot-right .loading-text{text-align: center;position: absolute;top:50%;left:50%;}
.hot-right .news-title{font-size:1.2rem;font-weight: bold;margin-bottom: 10px;border-bottom: 1px dotted #ddd;padding-bottom: 10px;}
.hot-right .news-item a{display: block; padding: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.hot-right .news-item a:hover{background-color: #fff;border-radius: 5px;}
.hot-right .news-item a code{font-size:14px;border-radius: 12px;width: 24px;height: 24px;display: inline-flex;background-color: #efeff5;color:#999;justify-content: center;align-items: center;}
.hot-right .news-item a code.index-1{background-color: #ff0000;color:#fff;}
.hot-right .news-item a code.index-2{background-color: #FF7F24;color:#fff;}
.hot-right .news-item a code.index-3{background-color: #ffe600;color:#fff;}
.hot-right .news-item a span{margin-left: 10px;}
.obfuscate {border: 1px solid #dde0d8;}
.obfuscate .js-title{display:flex;width: calc(100% + 2px);max-width: calc(100% + 2px);margin-bottom: 10px;}
.obfuscate .js-title a{vertical-align: middle;flex: 0 0 auto;padding: .9375em 1.125em;color: rgba(0, 0, 0, .87);font-weight: 400;transition: background .1s ease, box-shadow .1s ease, color .1s ease;width: 33.333%;text-align: center;justify-content: center;display: flex;align-items: center;}
.obfuscate .js-title a.active{background: rgba(0, 0, 0, .05);color: rgba(0, 0, 0, .95);font-weight: 400;margin: 0 -1px !important;}
.obfuscate .js-content{padding: 0 10px 10px 10px;}
.obfuscate .drop-zone {border: 2px dashed #bbb;margin-bottom: 20px;border-radius: 5px;text-align: center;height: 200px;font: 20pt bold, "Vollkorn";color: #bbb;position: relative;display: flex;justify-content: center;align-items: center;cursor: pointer;user-select: none;}
.obfuscate .drop-zone .file-picker {position: absolute;top: 0;left: 0;height: 100%;width: 100%;opacity: 0;filter: alpha(opacity = 0);cursor: pointer;}
.obfuscate .drop-zone .tip-word {line-height: 1.8;text-align: center;}

.obfuscate-setting{padding:10px}
.obfuscate-setting input[type=checkbox],.obfuscate-setting input[type=radio]{margin:5px 0 0;line-height:normal}
.obfuscate-setting>h4{margin-bottom:0;font-size:16px}
.obfuscate-setting .t-mini-padding{padding-top:5px}
.obfuscate-setting .b-mini-margin{margin-bottom:5px}
.obfuscate-setting p{margin:0 0 10px}
.obfuscate-setting .setting-item{margin-bottom:10px}
.obfuscate-setting .setting-item2{margin-top:10px}
.obfuscate-setting .setting-item2 .setting-option2{padding:0 10px}
.obfuscate-setting .setting-item2 .setting-option2>p{font-weight:700;margin-bottom:10px}
.obfuscate-setting .setting-item2 .setting-option2 hr{margin:10px 0 15px 0}
.obfuscate-setting .setting-item2 .setting-option2 .input-group{padding-bottom:5px}
.obfuscate-setting .setting-item2 .setting-option2 .input-group-addon:hover{cursor:pointer}
.obfuscate-setting .setting-item2 .setting-option2 .label-box .label{display:inline-block;margin-bottom:5px;margin-right:5px}
.obfuscate-setting .setting-item2 .setting-option2 .label-box i{padding-left:5px}
.obfuscate-setting .setting-item2 .setting-option2 .label-box i:hover{cursor:pointer}
@font-face{font-family:ZenIcon;font-style:normal;font-weight:400;src:url(fonts/zenicon.eot?v=2.2.0);src:url(fonts/zenicon.eot?#iefix&v=2.2.0) format('embedded-opentype'),url(fonts/zenicon.woff?v=2.2.0) format('woff'),url(fonts/zenicon.ttf?v=2.2.0) format('truetype'),url(fonts/zenicon.svg#regular?v=2.2.0) format('svg')}
.checkbox-primary,.radio-primary{position:relative;display:block}
.checkbox-primary>input,.radio-primary>input{position:absolute;top:0;left:0;z-index:3;width:20px;height:100%;margin:0;opacity:0}
.checkbox-primary>label,.radio-primary>label{padding-left:25px;font-weight:400;cursor:pointer}
.checkbox-primary>label:after,.checkbox-primary>label:before,.radio-primary>label:after,.radio-primary>label:before{position:absolute;top:2px;right:0;left:0;display:block;width:16px;height:16px;line-height:16px;text-align:center;content:' ';border-radius:2px}
.checkbox-primary>label:after,.radio-primary>label:after{z-index:1;border:1px solid grey;-webkit-transition:.4s cubic-bezier(.175,.885,.32,1);-o-transition:.4s cubic-bezier(.175,.885,.32,1);transition:.4s cubic-bezier(.175,.885,.32,1);-webkit-transition-property:border,background-color;-o-transition-property:border,background-color;transition-property:border,background-color}
.checkbox-primary>label:before,.radio-primary>label:before{top:3px;z-index:2;font-family:ZenIcon;font-size:14px;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-transform:none;content:'\e60d';opacity:0;-webkit-transition:.2s cubic-bezier(.175,.885,.32,1);-o-transition:.2s cubic-bezier(.175,.885,.32,1);transition:.2s cubic-bezier(.175,.885,.32,1);-webkit-transition-property:opacity,-webkit-transform;-o-transition-property:opacity,-o-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform,-o-transform;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.checkbox-primary.checked>label:after,.checkbox-primary>input:checked+label:after,.radio-primary.checked>label:after,.radio-primary>input:checked+label:after{background-color:#3280fc;border-color:#3280fc;border-width:4px}
.checkbox-primary.checked>label:before,.checkbox-primary>input:checked+label:before,.radio-primary.checked>label:before,.radio-primary>input:checked+label:before{color:#fff;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.checkbox-primary.focus>label:after,.checkbox-primary>input:focus+label:after,.radio-primary.focus>label:after,.radio-primary>input:focus+label:after{border-color:#3280fc;-webkit-box-shadow:0 0 8px #3280fc;box-shadow:0 0 8px #3280fc}
.checkbox-primary input:disabled+label:after,.checkbox-primary.disabled>label:after,.radio-primary input:disabled+label:after,.radio-primary.disabled>label:after{background-color:#e5e5e5;border-color:#bbb}
.checkbox-primary input:disabled:checked+label:after,.checkbox-primary.checked.disabled>label:after,.radio-primary input:disabled:checked+label:after,.radio-primary.checked.disabled>label:after{background-color:#bbb}
.radio-primary>label:after{border-radius:50%}
.radio-primary>label:before{top:7px;left:5px;width:6px;height:6px;content:' ';border:none;border-radius:50%}
.radio-primary.checked>label:after,.radio-primary>input:checked+label:after{background-color:transparent;border-color:#3280fc;border-width:2px}
.radio-primary.checked>label:before,.radio-primary>input:checked+label:before{background-color:#3280fc}
.radio-primary input:disabled:checked+label:after,.radio-primary.checked.disabled>label:after{background-color:transparent;border-color:#bbb}
.radio-primary input:disabled:checked+label:before,.radio-primary.checked.disabled>label:before{background-color:#bbb}
.obfuscate-ins h4{font-size:16px}
.obfuscate-ins table{font-size:13px}
.obfuscate-ins table td,.obfuscate-ins table th{padding:8px;vertical-align:top}
.obfuscate-ins p{margin:0 0 10px}
.obfuscate-ins .alert{padding:15px;font-size:13px;border:none;margin:0 0 10px 0;vertical-align:middle}
.obfuscate-ins .alert-warning{color:#ed980f;background-color:#fff0d5}
.preview-png{border:1px #ccc dashed;height:270px;display:flex;justify-content:center;align-items:center;color:#ccc}
.preview-png img{max-height:260px}
.traffic .category span {padding: 5px 10px; border:1px solid #c2c2c2;border-radius:2px; margin:5px; background-color:#FFFAFA;cursor: pointer; display: inline-block;}
.traffic .category span.active {background-color: #FF7F24; color: #fff; border:1px solid #FF7F24;}
.traffic .items {margin-top: 20px; border: 1px solid #dde0d8; margin-left: 0; margin-right: 0;}
.traffic .items img {width: 50%; display:block; margin:10px auto;}
.traffic .items p {text-align: center; font-size: 12px; margin-bottom: 20px;}