html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0;height:100%}
.mi{font-size:unset}
main{display:block}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
img{height:auto;width:auto;max-width:500px}
a{background-color:transparent}
th{text-align:inherit;text-align:-webkit-match-parent}
a{color:#5e72e4;font-weight:300;text-decoration:none}
code{padding:2px 4px;font-size:90%;color:#f56d8f;border-radius:4px}
pre code{display:block;overflow-x:auto;padding:1em;background:#282c34;color:#abb2bf;font-family:monospace,monospace;font-size:12px;line-height:1.8}
.f-w{font-weight:700}
td{border-color:rgba(255,255,255,.1);padding:5px 5px;vertical-align:middle;color:#555!important;display:table-cell; font-size: 14px;}
table{caption-side:bottom;border-collapse:collapse}
.table{--bs-table-color:#7b809a;--bs-table-bg:transparent;--bs-table-border-color:#f0f2f5;--bs-table-accent-bg:transparent;--bs-table-striped-color:#7b809a;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#7b809a;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#7b809a;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:var(--bs-table-color);vertical-align:top;border-color:var(--bs-table-border-color)}
.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}
.table>tbody{vertical-align:inherit}
.table>thead{vertical-align:bottom}
.table-group-divider{border-top:2px solid currentColor}
.caption-top{caption-side:top}
.table-sm>:not(caption)>*>*{padding:.25rem .25rem}
.table-bordered>:not(caption)>*{border-width:1px 0}
.table-bordered>:not(caption)>*>*{border-width:0 1px}
.table-borderless>:not(caption)>*>*{border-bottom-width:0}
.table-borderless>:not(:first-child){border-top-width:0}
.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}
.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}
.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}
.table-hover>tbody>tr:hover>*{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}
.table-primary{--bs-table-color:#000;--bs-table-bg:#fbd2e0;--bs-table-border-color:#e2bdca;--bs-table-striped-bg:#eec8d5;--bs-table-striped-color:#000;--bs-table-active-bg:#e2bdca;--bs-table-active-color:#000;--bs-table-hover-bg:#e8c2cf;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-secondary{--bs-table-color:#000;--bs-table-bg:#e5e6eb;--bs-table-border-color:#cecfd4;--bs-table-striped-bg:#dadbdf;--bs-table-striped-color:#000;--bs-table-active-bg:#cecfd4;--bs-table-active-color:#000;--bs-table-hover-bg:#d4d5d9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-success{--bs-table-color:#000;--bs-table-bg:#dbefdc;--bs-table-border-color:#c5d7c6;--bs-table-striped-bg:#d0e3d1;--bs-table-striped-color:#000;--bs-table-active-bg:#c5d7c6;--bs-table-active-color:#000;--bs-table-hover-bg:#cbddcc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-info{--bs-table-color:#000;--bs-table-bg:#d1e3fa;--bs-table-border-color:#bccce1;--bs-table-striped-bg:#c7d8ee;--bs-table-striped-color:#000;--bs-table-active-bg:#bccce1;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d2e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-warning{--bs-table-color:#000;--bs-table-bg:#fee8cc;--bs-table-border-color:#e5d1b8;--bs-table-striped-bg:#f1dcc2;--bs-table-striped-color:#000;--bs-table-active-bg:#e5d1b8;--bs-table-active-color:#000;--bs-table-hover-bg:#ebd7bd;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-danger{--bs-table-color:#000;--bs-table-bg:#fdd9d7;--bs-table-border-color:#e4c3c2;--bs-table-striped-bg:#f0cecc;--bs-table-striped-color:#000;--bs-table-active-bg:#e4c3c2;--bs-table-active-color:#000;--bs-table-hover-bg:#eac9c7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-light{--bs-table-color:#000;--bs-table-bg:#f0f2f5;--bs-table-border-color:#d8dadd;--bs-table-striped-bg:#e4e6e9;--bs-table-striped-color:#000;--bs-table-active-bg:#d8dadd;--bs-table-active-color:#000;--bs-table-hover-bg:#dee0e3;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-dark{--bs-table-color:#fff;--bs-table-bg:#344767;--bs-table-border-color:#485976;--bs-table-striped-bg:#3e506f;--bs-table-striped-color:#fff;--bs-table-active-bg:#485976;--bs-table-active-color:#fff;--bs-table-hover-bg:#435572;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:575.98px){
    .table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width:767.98px){
    .table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width:991.98px){
    .table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width:1199.98px){
    .table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width:1399.98px){
    .table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
/*.table-box {width: 100%; overflow-x: auto; margin-bottom:1em 0;}
.table{border-collapse:collapse; white-space: nowrap; min-width: 100%; border:1px solid #ddd;}
.table td{padding: 5px; font-size: 14px; color: #333;}*/
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em;line-height:1.5em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
li,ul{list-style:none}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto;height:auto;border:0;resize:none}
textarea:focus{outline:0}
#fixed-block{height:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
body{font:14px/1.5 Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Hiragino Sans GB W3,Microsoft YaHei UI,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif}
body *{padding:0;margin:0;box-sizing:border-box}
body.whole-screen{position:relative;height:100vh;overflow:hidden}
[data-flex]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
[data-flex~="flex:wrap"]{flex-wrap:wrap}
[data-flex~="flex:nowrap"]{flex-wrap:nowrap}
[data-flex]>*{display:block}
[data-flex]>[data-flex]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
[data-flex~="dir:left"]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
[data-flex~="dir:right"]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end}
[data-flex~="dir:top"]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
[data-flex~="dir:bottom"]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:end}
[data-flex~="main:left"]{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
[data-flex~="main:right"]{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
[data-flex~="main:justify"]{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
[data-flex~="main:center"]{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
[data-flex~="cross:top"]{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
[data-flex~="cross:bottom"]{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}
[data-flex~="cross:center"]{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
[data-flex~="cross:baseline"]{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}
[data-flex~="cross:stretch"]{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}
[data-flex~="box:first"]>*,[data-flex~="box:justify"]>*,[data-flex~="box:last"]>*,[data-flex~="box:mean"]>*{width:0;height:auto;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}
[data-flex~="box:first"]>:first-child,[data-flex~="box:justify"]>:first-child,[data-flex~="box:justify"]>:last-child,[data-flex~="box:last"]>:last-child{width:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
[data-flex~="dir:bottom"][data-flex~="box:first"]>*,[data-flex~="dir:bottom"][data-flex~="box:justify"]>*,[data-flex~="dir:bottom"][data-flex~="box:last"]>*,[data-flex~="dir:bottom"][data-flex~="box:mean"]>*,[data-flex~="dir:top"][data-flex~="box:first"]>*,[data-flex~="dir:top"][data-flex~="box:justify"]>*,[data-flex~="dir:top"][data-flex~="box:last"]>*,[data-flex~="dir:top"][data-flex~="box:mean"]>*{width:auto;height:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}
[data-flex~="dir:bottom"][data-flex~="box:first"]>:first-child,[data-flex~="dir:bottom"][data-flex~="box:justify"]>:first-child[data-flex~="dir:bottom"][data-flex~="box:justify"]>:last-child,[data-flex~="dir:bottom"][data-flex~="box:last"]>:last-child,[data-flex~="dir:top"][data-flex~="box:first"]>:first-child,[data-flex~="dir:top"][data-flex~="box:justify"]>:first-child,[data-flex~="dir:top"][data-flex~="box:justify"]>:last-child,[data-flex~="dir:top"][data-flex~="box:last"]>:last-child{height:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
[data-flex-box="0"]{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
[data-flex-box="1"]{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}
[data-flex-box="2"]{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2}
[data-flex-box="3"]{-webkit-box-flex:3;-webkit-flex-grow:3;-ms-flex-positive:3;flex-grow:3;-webkit-flex-shrink:3;-ms-flex-negative:3;flex-shrink:3}
[data-flex-box="4"]{-webkit-box-flex:4;-webkit-flex-grow:4;-ms-flex-positive:4;flex-grow:4;-webkit-flex-shrink:4;-ms-flex-negative:4;flex-shrink:4}
[data-flex-box="5"]{-webkit-box-flex:5;-webkit-flex-grow:5;-ms-flex-positive:5;flex-grow:5;-webkit-flex-shrink:5;-ms-flex-negative:5;flex-shrink:5}
[data-flex-box="6"]{-webkit-box-flex:6;-webkit-flex-grow:6;-ms-flex-positive:6;flex-grow:6;-webkit-flex-shrink:6;-ms-flex-negative:6;flex-shrink:6}
[data-flex-box="7"]{-webkit-box-flex:7;-webkit-flex-grow:7;-ms-flex-positive:7;flex-grow:7;-webkit-flex-shrink:7;-ms-flex-negative:7;flex-shrink:7}
[data-flex-box="8"]{-webkit-box-flex:8;-webkit-flex-grow:8;-ms-flex-positive:8;flex-grow:8;-webkit-flex-shrink:8;-ms-flex-negative:8;flex-shrink:8}
[data-flex-box="9"]{-webkit-box-flex:9;-webkit-flex-grow:9;-ms-flex-positive:9;flex-grow:9;-webkit-flex-shrink:9;-ms-flex-negative:9;flex-shrink:9}
[data-flex-box="10"]{-webkit-box-flex:10;-webkit-flex-grow:10;-ms-flex-positive:10;flex-grow:10;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}
input{text-rendering:auto;letter-spacing:normal;word-spacing:normal;line-height:normal;text-transform:none;text-indent:0;text-shadow:none;display:inline-block;text-align:start;appearance:auto;cursor:text;margin:0;padding:1px 2px;border:none;text-indent:0;background:0 0;resize:none;outline:0;-webkit-appearance:none;line-height:normal}
.input:focus{outline:0;border-color:none}
html{--zhuluan-white-color:#fff;--zhuluan-black-3-color:#333;--zhuluan-black-6-color:#666;--zhuluan-black-80-color:#808080;--zhuluan-custom-e8-color:#e8e8e8;--zhuluan-custom-d8-color:#d8d8d8;--zhuluan-custom-b8-color:#b8b8b8;--zhuluan-custom-ff-color:#f5f6f7;--zhuluan-white-f2-color:#f2f2f2;--zhuluan-white-f5-color:#f5f5f5;--zhuluan-primary-color:#1781ea;--zhuluan-neighbor-color:#5A9AF9;--zhuluan-primary-color-hover:#3385ff;--zhuluan-primary-color-active:#096dd9;--zhuluan-primary-rgba-10:rgba(31, 130, 242, .08);--zhuluan-primary-rgba-20:rgba(31, 130, 242, .2);--zhuluan-border-color:#e2e2e2;--zhuluan-border-rgba-4:rgba(225, 225, 225, .4);--zhuluan-warning-color:#FD6A53;--zhuluan-warning-rgba-10:rgba(253, 106, 83, .08);--zhuluan-warning-rgba-20:rgba(253, 106, 83, .2);--zhuluan-shadow-color:51 133 255;--zhuluan-switch-size:15px;--zhuluan-switch-box:30px;--zhuluan-primary-border-radius:5px}
body{background-color:var(--zhuluan-custom-ff-color)}
@font-face{font-family:iconfont;src:url('iconfont.woff2') format('woff2'),url('iconfont.woff') format('woff'),url('iconfont.ttf') format('truetype')}
.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;width:100%}
.input-group>.form-control,.input-group>.form-select{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:10}
.form-control{display:block;width:100%;height:25px;padding:0 5px;font-size:15px;line-height:1.42857143;color:#555;background-color:#fff;border:1px solid #000;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-shuaxin:before{content:"\ec08"}
.icon-codelibrary:before{content:"\ebdb"}
.icon-jiance:before{content:"\e674"}
.icon-text-add:before{content:"\e614"}
.icon-close:before{content:"\e607"}
.icon-menu:before{content:"\e608"}
.icon-copy:before{content:"\e617"}
.icon-wuguan:before{content:"\ec5f"}
.icon-clear-all:before{content:"\e8b6"}
.icon-wenda:before{content:"\e60e"}
.icon-bangzhu:before{content:"\e600"}
.icon-baobiao:before{content:"\e601"}
.icon-rizhi:before{content:"\e602"}
.icon-pishi:before{content:"\e603"}
.icon-xinwen:before{content:"\e604"}
.icon-yewu:before{content:"\e605"}
.icon-tixing:before{content:"\e606"}
.switch-container{height:var(--zhuluan-switch-size);width:var(--zhuluan-switch-box)}
.switch-container label,.switch-container label:after,.switch-container label:before{display:block}
.switch-container label{position:relative;background-color:var(--zhuluan-custom-e8-color);height:100%;width:100%;cursor:pointer;border-radius:25px}
.switch-container label:after,.switch-container label:before{content:''}
.switch-container label:before{border-radius:25px;height:100%;width:var(--zhuluan-switch-size);background-color:var(--zhuluan-white-color);opacity:1;box-shadow:1px 1px 1px 1px rgba(0,0,0,.08);-webkit-transition:all .2s}
.switch-container label:after{position:absolute;top:0;right:0;left:var(--zhuluan-switch-size);border-radius:25px;height:100%;width:var(--zhuluan-switch-size);background-color:#fff;opacity:0;box-shadow:1px 1px 1px 1px rgba(0,0,0,.08);transition:opacity .2s ease}
.switch:checked~label:after{opacity:1}
.switch:checked~label:before{opacity:0}
.switch:checked~label{background-color:var(--zhuluan-primary-color)}
#tooltip{display:none}
#tooltip[data-show]{display:block}
.toast{top:50%;left:50%;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:5px;background:rgba(0,0,0,.6);color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;padding:10px 14px;z-index:999999;-webkit-animation-duration:.5s;animation-duration:.5s}
.toast.in{-webkit-animation-name:contentZoomIn;animation-name:contentZoomIn}
.toast .iconfont{font-size:30px;color:rgba(255,255,255,.8);margin-bottom:10px;display:block}
.toast .iconfont.icon-loading:before{display:block;-webkit-transform:rotate(360deg);animation:rotation 2.7s linear infinite}
.toast .text{text-align:center;max-width:300px;color:#fff;font-size:14px}
@-webkit-keyframes rotation{
    from{-webkit-transform:rotate(0)}
    to{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes contentZoomIn{
    0%{-webkit-transform:translate(-50%,-70%);transform:translate(-50%,-70%);opacity:0}
    100%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1}
}
@keyframes contentZoomIn{
    0%{opacity:0}
    100%{opacity:1}
}
@-webkit-keyframes contentZoomOut{
    0%{opacity:1}
    100%{opacity:0}
}
@keyframes contentZoomOut{
    0%{opacity:1}
    100%{opacity:0}
}
a.unlinks-deco{color:var(--zhuluan-primary-color);text-decoration:none}
.layout-header{height:40px;display:flex;align-items:center;background-color:var(--zhuluan-white-color)}
.layout-header h2{font-size:1.2em}
@media (min-width:700px){
    .layout-header{height:50px!important;line-height:50px}
    .layout-header h2{font-size:18px}
}
.layout-header .logo .links{cursor:pointer;display:block}
.layout-header .logo .links img{height:100%}
.layout-header .icon-menu{display:none}
.layout-header .nav .list{font-size:16px;font-weight:600;margin-left:32px}
.layout-header .nav .list .links{color:var(--zhuluan-black-6-color);transition:all .4s}
.article-box .links:hover,.layout-header .nav .list.active .links,.layout-header .nav .list:hover .links{color:var(--zhuluan-primary-color)}
.layout-header .nav .nav-btn{padding-left:35px}
.layout-header .nav .btn{padding:6px 12px;margin:0 0 0 14px;font-size:12px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;border-radius:var(--zhuluan-primary-border-radius);color:var(--zhuluan-black-3-color);background-color:var(--zhuluan-white-f2-color);transition:all .4s}
.layout-header .nav .btn.sign{color:var(--zhuluan-white-color);background-color:var(--zhuluan-primary-color);background:linear-gradient(90deg,var(--zhuluan-primary-color),var(--zhuluan-primary-color-hover));box-shadow:0 4px 8px 0 rgb(var(--zhuluan-shadow-color) / 12%)}
.layout-header .nav .btn:hover{opacity:.8;box-shadow:none}
.layout-content{padding:22px 0 50px;background-color:#343541}
.layout-bar{font-size:14px;color:var(--zhuluan-black-80-color)}
.layout-bar .num span{margin:0 6px;font-size:24px;font-weight:300;font-family:Open Sans,Arial,sans-serif}
.layout-bar .btn{width:100px;margin-left:14px;text-align:center;height:36px;line-height:36px;font-size:14px;border-radius:var(--zhuluan-primary-border-radius);color:var(--zhuluan-primary-color);cursor:pointer;transition:all .4s}
.layout-bar .layout-bar-left{margin-right:-14px}
.layout-bar .layout-bar-left .btn{margin:0 14px 0 0}
.layout-bar .btn .iconfont{margin-right:3px}
.layout-bar .btn .iconfont.icon-wuguan{margin-right:5px}
.layout-bar .btn .iconfont.icon-text-add{margin-right:5px;font-size:17px}
.layout-bar .bright-btn{color:var(--zhuluan-white-color);background-color:var(--zhuluan-primary-color);background:linear-gradient(90deg,var(--zhuluan-primary-color),var(--zhuluan-primary-color-hover));box-shadow:0 4px 8px 0 var(--zhuluan-shadow-color)}
.precast-block{padding:5px 12px;min-height:50px;border:1px solid;border-radius:var(--zhuluan-primary-border-radius)}
.precast-block .title{width:65px;text-indent:10px;color:var(--zhuluan-black-80-color)}
.precast-block .voice-bar{font-size:14px;outline:unset;border:0;display:none;align-items:center;justify-content:center;margin:-12px 0 0;position:absolute;z-index:1;width:calc(100% - 50px);padding:0!important;line-height:40px;height:40px;background-color:#fff}
.precast-block.voice #kw-target{opacity:0}
.precast-block.voice .voice-bar{display:flex}
.kw-text{padding-top:10px}
#kw-box{margin-right:20px}
.kw-btn.btn{line-height:100%;color:var(--zhuluan-primary-color);cursor:pointer}
.kw-btn.btn .iconfont{margin-right:4px}
.precast-block .box{flex:1}
#kw-target-box{border-radius:var(--zhuluan-primary-border-radius) var(--zhuluan-primary-border-radius) 0 0}
#kw-target-box #kw-target{display:block;width:100%;padding-left:13px;font-size:16px;font-weight:500;color:#fff;background:0 0;height:auto}
#kw-target::-webkit-input-placeholder{color:var(--zhuluan-custom-b8-color)}
#kw-tags{border-top:none;height:28px;margin-bottom:-6px}
#kw-tags #tags-clear-all{margin-left:10px}
#kw-box{margin-bottom:-8px}
#kw-list{font-weight:500;font-size:12px;color:var(--zhuluan-black-80-color)}
#xiezuo-h1{color:var(--zhuluan-black-3-color);line-height:160%;margin-bottom:12px}
#kw-list .kw,.locked-kw-tags .tag{display:inline-block;padding:6px 25px 4px 10px;border-radius:22px;margin:0 0 8px 8px;word-break:keep-all;position:relative;color:var(--zhuluan-primary-color);background-color:var(--zhuluan-primary-rgba-10);transition:all .4s}
#kw-list .kw .icon-close,.locked-kw-tags .tag .icon-close{cursor:pointer}
#kw-list .kw:hover,.locked-kw-tags .tag:hover{background-color:var(--zhuluan-primary-rgba-20)}
#kw-list .kw .iconfont,.locked-kw-tags .tag .iconfont{font-size:12px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}
.article .is-created-none,.article:not(.created) .is-created-block{display:none}
.article .is-created-block,.article:not(.created) .is-created-none{display:block}
.layout-bar .line-btn{color:var(--zhuluan-primary-color)}
.article.created .xiezuo-header{border-radius:0;border-bottom:none}
.layout-bar .line-btn:hover{box-shadow:0 4px 8px -2px rgb(51 51 51 / 8%)}
.layout-bar .bright-btn:hover{background-color:var(--zhuluan-neighbor-color);box-shadow:none;opacity:.8}
.layout-bar .item{padding:0 5px;margin-left:5px;text-align:center;color:#333;font-size:22px}
.layout-bar .item.active{color:#0e2b7c}
.magnitude #word-count{margin-right:4px}
.magnitude #word-count .warning{color:var(--zhuluan-warning-color)}
.article{width:100%;position:relative}
.article .creating-loading{display:none;position:absolute;z-index:10008;left:0;top:0;right:0;bottom:0;background-color:rgba(52,53,65,.68)}
.article .creating-loading.isLoading{display:flex}
.article .creating-loading .tips{margin-top:10px;color:var(--zhuluan-primary-color)}
.article .layout-article{min-height:420px;border-radius:0 0 var(--zhuluan-primary-border-radius) var(--zhuluan-primary-border-radius);border:1px solid var(--zhuluan-border-color);background-color:var(--zhuluan-white-color);position:relative}
.layout-article .w-e-text-container,.layout-article .w-e-toolbar{border:none!important}
.layout-article .w-e-toolbar{border-bottom:1px solid var(--zhuluan-border-color)!important}
.article-footer-bar{padding:12px 12px 6px;height:15px;color:var(--zhuluan-black-80-color)}
.article-footer-bar .switch-container{margin-right:8px}
.article-footer-bar .magnitude{text-align:right;font-size:14px}
.bar-fast-tool .iconfont{color:var(--zhuluan-custom-d8-color);transition:all .4s;cursor:pointer}
.bar-fast-tool .iconfont:hover{color:var(--zhuluan-primary-color)}
#think-kw{position:absolute;left:0;top:0;width:100%;border-top:1px solid var(--zhuluan-border-color);background-color:var(--zhuluan-white-color);box-shadow:0 3px 5px rgba(30,30,30,.02)}
#think-kw .list{padding:12px 10px;line-height:100%;border-bottom:1px solid var(--zhuluan-border-rgba-4);transition:all .4s;cursor:pointer}
#think-kw .list.pitch,#think-kw .list:hover{background-color:var(--zhuluan-warning-rgba-10)}
#think-kw .list:last-child{border:none}
#think-kw .list .text span{color:var(--zhuluan-warning-color)}
#think-kw .list .num{color:var(--zhuluan-black-80-color)}
.bar-fast-tool .iconfont{font-size:20px;margin-left:5px}
.bar-fast-tool .magnitude{margin-left:20px}
.layout-site-details{padding-top:70px;font-size:14px;color:var(--zhuluan-black-6-color)}
.layout-site-details h2{font-size:28px;line-height:120%;padding:0 20px;margin:0 0 60px;font-weight:500;text-align:center}
.layout-site-details p{line-height:200%}
.locked-kw{position:relative;border:1px solid var(--zhuluan-border-color);border-top:none;border-bottom:none}
.locked-kw .locked-kw-tags{display:block;width:100%;border-color:var(--zhuluan-white-color);border-radius:var(--zhuluan-primary-border-radius);background-color:var(--zhuluan-white-color);overflow:hidden}
.locked-kw-tags .tag{margin:0 7px 7px 0;font-size:12px}
.locked-kw .locked-kw-tags #locked-kw_addTag{padding-left:15px;padding-bottom:15px}
#kw-tags #tags-clear-all,.locked-kw .locked-kw-tags #clear-all{color:var(--zhuluan-black-80-color);font-size:12px;cursor:pointer;transition:all .4s}
#kw-tags #tags-clear-all:hover,.locked-kw .locked-kw-tags #clear-all:hover{color:var(--zhuluan-black-3-color)}
.locked-kw .locked-kw-tags .tags_clear{display:block;margin-bottom:-7px}
.locked-kw #locked-kw_tag{font-size:12px;font-weight:400;padding:8px 0}
.footer{padding-bottom:15px}
.footer p{text-align:center;margin-bottom:8px}
.footer .links,.footer p{color:var(--zhuluan-black-80-color)}
.footer .foot-menu{font-size:16px}
.footer .links{margin:0 6px;word-break:keep-all;transition:all .4s}
.footer .links:hover{color:var(--zhuluan-black-3-color)}
.content-list{padding-bottom:20px}
.content-list li{font-size:16px;line-height:200%;text-indent:32px;color:var(--zhuluan-black-80-color)}
.zhuluan-cms{border-bottom:none;border-top:none}
.zhuluan-cms img{width:30%;vertical-align:top}
.anchor-box{position:fixed;z-index:9999;left:0;top:0;width:100vw;height:100vh}
.anchor-box .anchor-content{position:absolute;width:420px;height:220px;left:50%;top:50%;padding:35px 25px;transform:translate(-50%,-50%);background-color:var(--zhuluan-white-color);box-shadow:3px 3px 38px rgba(0,0,0,.1),-3px -3px 38px rgba(0,0,0,.1)}
.anchor-box .anchor-content .icon-close{position:absolute;right:12px;top:8px;font-size:14px;color:var(--zhuluan-black-80-color);cursor:pointer}
.anchor-box .anchor-content .h4{margin-bottom:12px;font-size:15px}
.anchor-box .anchor-content .h4 span{color:var(--zhuluan-black-80-color);margin-left:10px;font-size:12px}
.anchor-box .anchor-content em{font-style:normal}
.anchor-box .anchor-content em.warning{color:var(--zhuluan-warning-color)}
.anchor-content .input-list{margin-bottom:10px}
.anchor-content .input{border:solid 1px var(--zhuluan-border-color);padding:8px 10px;width:100%;border-radius:2px;display:block}
.anchor-content .input:focus{border-color:var(--zhuluan-primary-color)}
.anchor-content .btn-box{color:var(--zhuluan-black-80-color)}
.anchor-content .btn-box .btn{margin-left:12px;cursor:pointer;transition:all .4s}
.anchor-content .btn-box .btn:hover{opacity:.6}
.anchor-content .btn-box .btn.add{color:var(--zhuluan-primary-color)}
.switch-bar .tips{margin-left:10px}
.anchor-box{position:absolute;z-index:99998;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,.5)}
.banner{padding-top:40px;height:460px}
.banner .images{width:582px;height:424px}
.banner .images img{width:100%;height:auto}
.banner .title{padding-left:55px}
.banner h2,.title h2{font-size:26px;font-weight:400;padding-bottom:10px}
.banner p{margin-top:6px;color:var(--zhuluan-black-6-color)}
.banner .btn{display:block;margin-top:22px;width:120px;height:42px;line-height:42px;border-radius:5px;text-align:center;color:var(--zhuluan-white-color);font-size:16px;background-color:var(--zhuluan-primary-color);box-shadow:0 6px 18px 0 rgb(var(--zhuluan-shadow-color) / 20%);cursor:pointer;transition:all .4s}
.banner .btn .iconfont{font-size:18px;margin-right:5px}
.banner .btn:hover{background-color:var(--zhuluan-primary-color-hover);box-shadow:none}
.xiezuo{background-color:var(--zhuluan-white-color);padding:65px 0}
.xiezuo .title{text-align:center}
.xiezuo .title h2{padding-bottom:6px}
.xiezuo .title p{color:var(--zhuluan-black-80-color)}
.xiezuo .content{margin-left:-20px;box-sizing:border-box;width:100%}
.xiezuo .list .icon,.xiezuo .list .icon img{margin:0 auto;width:120px;height:120px}
.xiezuo .list .icon{margin-bottom:12px}
.xiezuo .list .icon img{opacity:.9}
.xiezuo .content .list{border:1px solid var(--zhuluan-custom-ff-color);border-radius:5px;padding:25px 10px;text-align:center;width:calc(19.999999% - 22px);margin:0 0 20px 20px;box-sizing:border-box}
.xiezuo .list a{display:block}
.xiezuo .content .list:last-child{display:none}
.xiezuo .content .list .h3{font-size:24px;font-weight:400;color:var(--zhuluan-black-3-color)}
.xiezuo .content .list p{font-family:sans-serif;font-size:18px;color:var(--zhuluan-black-80-color);text-transform:uppercase}
.xiezuo .content .list,.xiezuo .content .list .h3,.xiezuo .content .list img,.xiezuo .content .list p{transition:all .35s}
.xiezuo .content .list:hover{border-style:dashed;border-color:var(--zhuluan-primary-color)}
.xiezuo .content .list:hover img{opacity:.6}
.xiezuo .content .list:hover .h3{color:var(--zhuluan-primary-color)}
.xiezuo .content .list:hover p{color:var(--zhuluan-black-3-color)}
.relevance{padding-top:50px}
.relevance .ve-clever{margin-left:-20px;padding-top:25px}
.relevance .list{border:1px dashed var(--zhuluan-custom-ff-color);margin:0 0 20px 20px;width:calc(24.999999% - 22px)}
.relevance .list dt{padding:14px;border-bottom:1px dashed var(--zhuluan-custom-ff-color);text-align:center;font-size:16px;color:var(--zhuluan-black-6-color)}
.relevance .list dd{padding:20px 0;text-align:center;color:var(--zhuluan-black-80-color)}
.relevance .list dd p{width:49.99999%;padding:8px 35px}
.xiezuo-header{text-align:center;padding:25px 18px;border-radius:var(--zhuluan-primary-border-radius);-webkit-border-radius:var(--zhuluan-primary-border-radius);-moz-border-radius:var(--zhuluan-primary-border-radius);-ms-border-radius:var(--zhuluan-primary-border-radius);-o-border-radius:var(--zhuluan-primary-border-radius)}
.xiezuo-header span{color:var(--zhuluan-black-80-color)}
.xiezuo-header h3{padding:10px;font-size:24px;font-weight:400}
.xiezuo-header li{margin:0 2px 4px 2px}
.xiezuo-header li span{position:relative;margin-left:3px}
.xiezuo-header li span:before{content:"#";color:var(--zhuluan-custom-d8-color);margin-right:3px}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;width:95%}
@media (max-width:1444px) and (min-width:993px){
    .xiezuo .content .list{width:calc(33.333333% - 22px)}
    .xiezuo .content .list:last-child{display:block}
    .relevance .list dd p{padding:8px 15px}
}
@media (max-width:992px){
    .layout-header{position:relative}
    .layout-header .logo .links img{width:auto}
    .layout-header .icon-menu{display:block}
    .header-nav .nav{display:none}
    .header-nav.open-menu .nav{display:block;position:absolute;z-index:10008;left:0;right:0;top:60px;width:100%;padding:15px 0 25px;border-top:1px solid var(--zhuluan-custom-d8-color);background-color:var(--zhuluan-white-color);box-shadow:0 6px 6px rgba(30,30,30,.06)}
    .layout-header .nav .list{height:35px;line-height:35px}
    .layout-header .nav .nav-btn{padding-left:32px;padding-top:15px}
    .layout-header .nav .btn{margin:0 14px 0 0}
    .layout-content{padding:18px 0 32px}
    .article .creating-loading{bottom:50%}
    .layout-content .article{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
    .article .layout-article{width:100%;margin-bottom:12px}
    .anchor-box .anchor-content{width:92vw}
    .banner{display:block;padding-top:0;height:400px}
    .banner .images{width:300px;height:200px;margin:0 auto}
    .banner h2,.title h2{font-size:24px}
    .banner .title{padding-left:25px}
    .xiezuo .content .list{width:calc(49.999999% - 22px)}
    .xiezuo{padding:40px 0 25px}
    .xiezuo .content{padding-top:30px;margin-left:-10px}
    .xiezuo .content .list{padding:15px 10px}
    .xiezuo .content .list .icon,.xiezuo .content .list .icon img{width:20vw;height:20vw}
    .xiezuo .content .list .h3{font-size:20px}
    .xiezuo .content .list p{font-size:16px}
    .layout-site-details{padding-top:45px}
    .layout-site-details h2{margin-bottom:40px}
    .xiezuo .content .list:last-child{display:block}
    .relevance .list{width:calc(49.999999% - 22px)}
    .relevance .list dd p{padding:4px 5px}
    .zhuluan-cms img{width:80%}
    #xiezuo-h1{font-size:18px}
    #kw-tags{height:auto}
    #kw-box{margin-bottom:4px}
    .article-box{margin:0 -10px}
}
.semi-circle-spin{position:relative;width:35px;height:35px;overflow:hidden}
.semi-circle-spin:after{content:'';position:absolute;border-width:0;border-radius:100%;-webkit-animation:spin-rotate .6s 0s infinite linear;animation:spin-rotate .6s 0s infinite linear;background-image:-webkit-linear-gradient(transparent 0,transparent 70%,var(--zhuluan-primary-color) 30%,var(--zhuluan-primary-color) 100%);background-image:linear-gradient(transparent 0,transparent 70%,var(--zhuluan-primary-color) 30%,var(--zhuluan-primary-color) 100%);width:100%;height:100%}
@-webkit-keyframes spin-rotate{
    0%{-webkit-transform:rotate(0);transform:rotate(0)}
    50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin-rotate{
    0%{-webkit-transform:rotate(0);transform:rotate(0)}
    50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.ball-clip-rotate-multiple{position:relative}
.ball-clip-rotate-multiple>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;left:0;top:0;border:2px solid #fff;border-bottom-color:transparent;border-top-color:transparent;border-radius:100%;height:35px;width:35px;-webkit-animation:rotate 1s 0s ease-in-out infinite;animation:rotate 1s 0s ease-in-out infinite}
.ball-clip-rotate-multiple>div:last-child{display:inline-block;top:10px;left:10px;width:15px;height:15px;-webkit-animation-duration:.5s;animation-duration:.5s;border-color:#fff transparent #fff transparent;-webkit-animation-direction:reverse;animation-direction:reverse}
.codebutton{float:right;width:50px;text-align:center;line-height:22px;font-size:14px;border-radius:var(--zhuluan-primary-border-radius);cursor:pointer;transition:all .4s;color:var(--zhuluan-black-3-color);background:linear-gradient(90deg,var(--zhuluan-custom-e8-color),var(--zhuluan-custom-d8-color))}
.bg-white{background-color:#fff}
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.flex-1{flex:1}
.flex-2{flex:2}
.flex-3{flex:3}
.flex-4{flex:4}
.flex-5{flex:5}
.flex-box{flex:1}
.flex-dir-row{flex-direction:row}
.flex-row{flex-flow:row wrap}
.flex-dir-column{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.flex-x-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.flex-x-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.flex-x-around{justify-content:space-around}
.flex-x-end{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}
.flex-y-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.flex-y-start{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
.flex-y-end{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}
.flex-y-stretch{align-items:stretch}
.lh-0{line-height:0!important}
.lh-10{line-height:1!important}
.lh-15{line-height:1.5!important}
.lh-16{line-height:1.6!important}
.lh-17{line-height:1.7!important}
.lh-18{line-height:1.8!important}
.lh-19{line-height:1.9!important}
.lh-20{line-height:2!important}
.f-0{font-size:0!important}
.f-10{font-size:10px!important}
.f-11{font-size:11px!important}
.f-12{font-size:12px!important}
.f-13{font-size:13px!important}
.f-14{font-size:14px!important}
.f-15{font-size:15px!important}
.f-16{font-size:16px!important}
.f-17{font-size:17px!important}
.f-18{font-size:18px!important}
.f-20{font-size:20px!important}
.f-22{font-size:22px!important}
.f-24{font-size:24px!important}
.f-26{font-size:26px!important}
.f-28{font-size:28px!important}
.f-30{font-size:30px!important}
.f-w{font-weight:700!important}
.f-n{font-weight:400!important}
.text-ellipsis-1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.text-ellipsis-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.text-ellipsis-3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.text-ellipsis-4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.text-ellipsis-5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.text-ellipsis-6{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.text-ellipsis-7{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical}
.text-nowrap{white-space:nowrap}
.text-normal{white-space:normal}
.m-0{margin:0}
.m-5{margin:5px}
.m-10{margin:10px}
.m-15{margin:15px}
.m-20{margin:20px}
.m-25{margin:25px}
.m-30{margin:30px}
.m-35{margin:35px}
.m-40{margin:40px}
.m-45{margin:45px}
.m-50{margin:50px}
.p-0{padding:0}
.p-5{padding:5px}
.p-10{padding:10px}
.p-15{padding:15px}
.p-20{padding:20px}
.p-25{padding:25px}
.p-30{padding:30px}
.p-35{padding:35px}
.p-40{padding:40px}
.p-45{padding:45px}
.p-50{padding:50px}
.mt-0{margin-top:0}
.mt-5{margin-top:5px}
.mt-10{margin-top:10px}
.mt-15{margin-top:15px}
.mt-20{margin-top:20px}
.mt-25{margin-top:25px}
.mt-30{margin-top:30px}
.mt-35{margin-top:35px}
.mt-40{margin-top:40px}
.mt-45{margin-top:45px}
.mt-50{margin-top:50px}
.mb-0{margin-bottom:0}
.mb-5{margin-bottom:5px}
.mb-10{margin-bottom:10px}
.mb-15{margin-bottom:15px}
.mb-20{margin-bottom:20px}
.mb-25{margin-bottom:25px}
.mb-30{margin-bottom:30px}
.mb-35{margin-bottom:35px}
.mb-40{margin-bottom:40px}
.mb-45{margin-bottom:45px}
.mb-50{margin-bottom:50px}
.ml-0{margin-left:0}
.ml-5{margin-left:5px}
.ml-10{margin-left:10px}
.ml-15{margin-left:15px}
.ml-20{margin-left:20px}
.ml-25{margin-left:25px}
.ml-30{margin-left:30px}
.ml-35{margin-left:35px}
.ml-40{margin-left:40px}
.ml-45{margin-left:45px}
.ml-50{margin-left:50px}
.mr-0{margin-right:0}
.mr-5{margin-right:5px}
.mr-10{margin-right:10px}
.mr-15{margin-right:15px}
.mr-20{margin-right:20px}
.mr-25{margin-right:25px}
.mr-30{margin-right:30px}
.mr-35{margin-right:35px}
.mr-40{margin-right:40px}
.mr-45{margin-right:45px}
.mr-50{margin-right:50px}
.mx-0{margin-left:0;margin-right:0}
.mx-5{margin-left:5px;margin-right:5px}
.mx-10{margin-left:10px;margin-right:10px}
.mx-15{margin-left:15px;margin-right:15px}
.mx-20{margin-left:20px;margin-right:20px}
.mx-25{margin-left:25px;margin-right:25px}
.mx-30{margin-left:30px;margin-right:30px}
.mx-35{margin-left:35px;margin-right:35px}
.mx-40{margin-left:40px;margin-right:40px}
.mx-45{margin-left:45px;margin-right:45px}
.mx-50{margin-left:50px;margin-right:50px}
.my-0{margin-top:0;margin-bottom:0}
.my-5{margin-top:5px;margin-bottom:5px}
.my-10{margin-top:10px;margin-bottom:10px}
.my-15{margin-top:15px;margin-bottom:15px}
.my-20{margin-top:20px;margin-bottom:20px}
.my-25{margin-top:25px;margin-bottom:25px}
.my-30{margin-top:30px;margin-bottom:30px}
.my-35{margin-top:35px;margin-bottom:35px}
.my-40{margin-top:40px;margin-bottom:40px}
.my-45{margin-top:45px;margin-bottom:45px}
.my-50{margin-top:50px;margin-bottom:50px}
.pt-0{padding-top:0}
.pt-5{padding-top:5px}
.pt-10{padding-top:10px}
.pt-15{padding-top:15px}
.pt-20{padding-top:20px}
.pt-25{padding-top:25px}
.pt-30{padding-top:30px}
.pt-35{padding-top:35px}
.pt-40{padding-top:40px}
.pt-45{padding-top:45px}
.pt-50{padding-top:50px}
.pb-0{padding-bottom:0}
.pb-5{padding-bottom:5px}
.pb-10{padding-bottom:10px}
.pb-15{padding-bottom:15px}
.pb-20{padding-bottom:20px}
.pb-25{padding-bottom:25px}
.pb-30{padding-bottom:30px}
.pb-35{padding-bottom:35px}
.pb-40{padding-bottom:40px}
.pb-45{padding-bottom:45px}
.pb-50{padding-bottom:50px}
.pl-0{padding-left:0}
.pl-5{padding-left:5px}
.pl-10{padding-left:10px}
.pl-15{padding-left:15px}
.pl-20{padding-left:20px}
.pl-25{padding-left:25px}
.pl-30{padding-left:30px}
.pl-35{padding-left:35px}
.pl-40{padding-left:40px}
.pl-45{padding-left:45px}
.pl-50{padding-left:50px}
.pr-0{padding-right:0}
.pr-5{padding-right:5px}
.pr-10{padding-right:10px}
.pr-15{padding-right:15px}
.pr-20{padding-right:20px}
.pr-25{padding-right:25px}
.pr-30{padding-right:30px}
.pr-35{padding-right:35px}
.pr-40{padding-right:40px}
.pr-45{padding-right:45px}
.pr-50{padding-right:50px}
.px-0{padding-left:0;padding-right:0}
.px-5{padding-left:5px;padding-right:5px}
.px-10{padding-left:10px;padding-right:10px}
.px-15{padding-left:15px;padding-right:15px}
.px-20{padding-left:20px;padding-right:20px}
.px-25{padding-left:25px;padding-right:25px}
.px-30{padding-left:30px;padding-right:30px}
.px-35{padding-left:35px;padding-right:35px}
.px-40{padding-left:40px;padding-right:40px}
.px-45{padding-left:45px;padding-right:45px}
.px-50{padding-left:50px;padding-right:50px}
.py-0{padding-top:0;padding-bottom:0}
.py-5{padding-top:5px;padding-bottom:5px}
.py-10{padding-top:10px;padding-bottom:10px}
.py-15{padding-top:15px;padding-bottom:15px}
.py-20{padding-top:20px;padding-bottom:20px}
.py-25{padding-top:25px;padding-bottom:25px}
.py-30{padding-top:30px;padding-bottom:30px}
.py-35{padding-top:35px;padding-bottom:35px}
.py-40{padding-top:40px;padding-bottom:40px}
.py-45{padding-top:45px;padding-bottom:45px}
.py-50{padding-top:50px;padding-bottom:50px}
.voice-box{position:fixed;z-index:100;top:0;left:-100vw;width:100vw;height:100vh;background-color:rgba(255,255,255,.05)}
.voice-box.show{left:0}
.voice-body{background-color:#fff;width:70vw;max-width:300px;padding:20px 20px 25px;border-radius:20px;box-shadow:0 0 30px rgba(0,0,0,.1);text-align:center}
.voice-tip{padding:10px 0 20px}
.voice-body .v-btn{display:block;width:40%;height:35px;background-color:#f8f8f8;color:#333;outline:unset;border:1px solid #ddd;border-radius:5px}
.voice-body .v-btn.active{background-color:#1781ea;border-color:#1781ea;color:#fff}
.voice-body .v-btn+.v-btn{margin-left:15px}
#waveCanvas{width:100%;height:60px}
.article-voice{position:relative}
.article-voice span{display:inline-block}
.article-voice span.mi{margin-right:3px}
.article-voice .voice-time-unit{width:45px}
.article-voice-tips{position:absolute;bottom:-20px;right:2px;font-size:12px;color:#999;line-height:1;white-space:nowrap}
.article-files{background-color:transparent!important}
.article-files .item{background-color:#fff;color:#333;font-size:14px;padding:2px 10px}
.voice-player{position:absolute;z-index:1;left:-150vw;top:100px}
.rotating{animation:rotate360 2s linear infinite}
@keyframes rotate360{
    from{transform:rotate(0)}
    to{transform:rotate(360deg)}
}
.message-box{width:80%;max-width:250px;margin:80px auto 0;text-align:center;font-size:15px;line-height:2}
.message-box img{display:block;width:185px;margin:0 auto 30px}
.message-box a{display:inline-block;line-height:1;margin-top:30px;border:1px solid rgba(14,43,124,.1);color:#0e2b7c;border-radius:100px;padding:10px 30px;font-size:14px}
.layui-layer-btn .layui-layer-btn0{background-color:#0e2b7c;border-color:#0e2b7c}
.layer-alert .layui-layer-content{font-size:12px!important;line-height:2!important}
.layui-layer.layer-shadow{box-shadow:0 0 24px rgba(0,0,0,.2);border-radius:5px;border:0!important}
.layout-header{position:relative;background-color:#fff;height:auto!important;padding:5px 10px;box-shadow:0 0 10px rgba(0,0,0,.1)}
.layout-header .header-left{position:absolute;z-index:2;left:0;top:0;width:40px;height:100%;font-size:18px;text-align:center}
.layout-header .header-button{position:absolute;z-index:2;top:0;height:100%;display:flex}
.layout-header .header-button .item{width:40px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:18px}
.layout-header .header-button.left{left:0}
.layout-header .header-button.right{right:0}
.layout-header img{display:block;height:50px}
.layout-header .header-text{height:40px;line-height:40px;font-weight:700;font-size:15px; max-width: calc(100% - 70px);}
.layout-header.dark{background-color:#0e2b7c;color:#fff}
.layout-header.fixed{position:fixed;z-index:10;top:0;left:0;width:100%}
.layer-dark .layui-layer-title{background-color:#0e2b7c;color:#fff}
.layer-dark .layui-layer-setwin span{color:#fff}