@import url("page.css");
@import url("element2.css");
.pages{clear:both;width:100%;min-height:450px;text-align:left}
.pages>h2{display:block;font-size:1.5em;font-weight:bold;text-align:center;padding:6px 0;margin-bottom:var(--pad)}
.pages>h2 t{text-shadow:2px 2px 0 #FFF,-2px -2px 0 #FFF,3px 3px 1px #CCC}
.pages>h2 a,.pages>h2 a:hover,.pages>.layer{padding:0 0 0 var(--pad)}
.pages>.title,.pages>.topic,.pages>h3{display:block;color:#18a98c;font-size:16px;font-weight:bold}
.pages>.title t,.pages>.topic t,.pages>h3 t{display:inline-block;padding-bottom:10px;margin-bottom:-2px;text-shadow:1px 1px 3px #ddd}
.pages>h4,.pages>.subtopic{color:#16967c;font-weight:bold;padding:3px 0}
.pages>.content,.pages>content,.pages>article{margin-bottom:10px}
.pages>.content:last-child{margin-bottom:0}
.pages>.content>p{margin:8px 0}
.pages>.indent{padding-left:var(--pad)}
.pages ul{margin-left:var(--pads)}
.pages ul li{margin:5px 0}
.pages p{padding:0;margin:var(--pad) 0;line-height:1.8}
.pages img{border:0}
.pages h3 t{padding:0;margin:0;border:0}
.pages h4{font-size:1em}
.pages blockquote{color:#777;border-left:4px solid #ddd;padding:0 var(--pad);margin:var(--pad) 0}
.pages .links li{list-style:none;margin:6px 0 0 10px;float:left;padding:0 10px}
.pcd,.bg_img{overflow:hidden;background-repeat:no-rpeat;background-size:cover;background-position:50%}
.pcd.fixed,.bg_img.fixed{background-attachment:fixed}
.pcd_cap{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(13%, transparent), color-stop(97%, rgba(0,0,0,0.65)));background-image:linear-gradient(-180deg, transparent 13%, rgba(0,0,0,0.65) 97%)}
.pcd{height:40vw;min-height:200px}
.pcd{position:relative}
.pcd .title{position:absolute;left:var(--pad);bottom:var(--pad);color:rgba(255,255,255,0.8);font-size:1.5em;font-weight:bold;text-shadow:2px 2px 0 rgba(0,0,0,0.3),2px 2px 1px rgba(255,255,255,0.3)}
h1.sub,h2.sub,h3.sub,h4.sub,h5.sub,h6.sub{display:block;line-height:2em;color:#444;font-size:18px;ine-height:20px;text-shadow:-1px -1px #f0f0f0;margin-bottom:10px;position:relative}
h1.sub span,h2.sub span,h3.sub span,h4.sub span,h5.sub span,h6.sub span{display:inline-block;*display:inline;*zoom:1;font-size:90%;background-color:#fefefe;padding:0 15px 0 0;position:relative}
h1.sub:before,h2.sub:before,h3.sub:before,h4.sub:before,h5.sub:before,h6.sub:before{content:'';height:1px;background-color:#ccc;position:absolute;top:50%;left:0;right:0}
#headbar{margin:var(--pad) 0}
#headbar>.inners{text-align:center}
#footbar{margin:var(--pads) 0 var(--pad) 0}
#footbar>.inners{text-align:center}
body{background-color:var(--bcolor)}
.elogo{display:inline-block;width:150px;height:50px;background:url('../image/logo@2x.png') 0 0 no-repeat;background-size:150px 100px;text-indent:-999px;overflow:hidden}
.elogo.anti{background-position:0 -50px}
#sider{width:300px}
.ibox{padding:var(--pad)}
.ibox{margin-top:1.5rem;position:relative}
.ibox:has(h2)>div{margin-top:1.5rem}
.ibox h2{border-radius:.3125rem;background-color:var(--mcolor);color:#fff;font-size:1rem;font-weight:700;box-shadow:0 .3125rem .5rem rgba(36,159,253,0.302);padding:.5rem .9375rem;position:absolute;top:-1.125rem;left:1.875rem}
.ieditor{--editor_height:400px;overflow:hidden}
.btn [class*=" el-icon-"]{margin-right:var(--padi)}
.btn{height:40px;line-height:40px;font-size:var(--size2);color:var(--mcolor);letter-spacing:1px;padding:0 24px;box-shadow:0 3px 4px 0 rgba(0,0,0,0.15),inset 0 -2px 0 0 rgba(0,0,0,0.15);transition:all .2s}
.btn.m{color:var(--bcolor);background-color:var(--mcolor);background:linear-gradient(180deg, var(--mcolor) 0%, var(--mcolor2) 60%, var(--mcolor3) 100%);box-shadow:0 3px 4px 0 var(--lcolor2),inset 0 -2px 0 0 var(--mcolor)}
.btn.m.dark{box-shadow:0 3px 4px 0 rgba(0,0,0,0.15),inset 0 -2px 0 0 var(--mcolor2)}
.btn:hover{box-shadow:0 4px 12px 0 rgba(0,0,0,0.15),inset 0 -2px 0 0 rgba(0,0,0,0.15);transform:scale(1.02) translateY(-2px)}
.btn.m:hover{box-shadow:0 4px 12px 0 var(--lcolor2)}
.btn.m.dark:hover{box-shadow:0 4px 12px 0 rgba(0,0,0,0.5)}
.tcards{display:flex;flex-wrap:wrap;justify-content:center}
.tcards:before,.tcards:after{clear:both;display:table;content:""}
.tcards .card{flex:0 0 auto;text-align:left;position:relative}
.tcards .card pic{width:40px;height:40px;float:left}
.tcards .card pic svg,.tcards .card pic img{max-width:100%;max-height:100%}
.tcards .card h2,.tcards .card h3,.tcards .card h4{font-size:1em;margin-left:50px;margin-bottom:var(--padi)}
.tcards .card h2{font-size:2em}
.tcards .card h3{font-size:1.2em}
.tcards .card h4{color:rgba(0,0,0,0.6);line-height:1.5em;margin-bottom:0}
.tcards.block3 .card{width:33.33333333%}
.tcards.block4 .card{width:25%}
.tcards.block5 .card{width:20%}
.tcards.block6 .card{width:16.66666667%}
.tcards .card{border-radius:var(--rc);box-shadow:var(--shadow_thin)}
.tcards .card a{text-decoration:none}
.tcards .card a{display:block;padding:var(--pad)}
.tcards.popup .card{transition:all ease-in-out 200ms}
.tcards.popup .card:hover{transform:translateY(-6px) !important}
.ibox:has(.pads) .pads{padding:0}
.tcards.pad{--_pad:var(--pad);--_padi:var(--padi);padding:var(--_pad) var(--_padi) 0 var(--_padi)}
.tcards.pad .card{margin:0 var(--_padi) var(--_pad) var(--_padi)}
.tcards.pad.block3 .card{width:calc(33.33333333% - var(--_pad))}
.tcards.pad.block4 .card{width:calc(25% - var(--_pad))}
.tcards.pad.block5 .card{width:calc(20% - var(--_pad))}
.tcards.pad.block6 .card{width:calc(16.66666667% - var(--_pad))}
.tcards.pads{--_pad:var(--pads);--_padi:var(--pad);padding:var(--_pad) var(--_padi) 0 var(--_padi)}
.tcards.pads .card{margin:0 var(--_padi) var(--_pad) var(--_padi)}
.tcards.pads.block3 .card{width:calc(33.33333333% - var(--_pad))}
.tcards.pads.block4 .card{width:calc(25% - var(--_pad))}
.tcards.pads.block5 .card{width:calc(20% - var(--_pad))}
.tcards.pads.block6 .card{width:calc(16.66666667% - var(--_pad))}
@media screen and (max-width:600px){.tcards{padding:var(--padi) var(--pad) !important}
.tcards .card{width:100%!important;margin:var(--padi) !important}
}
@media screen and (max-width:600px){.ibox{width:calc(100% - var(--pads));margin:0 auto}
}

/* Process in 0.032 s. */