/* 修改于W3.css v4.13 https://www.w3ccoo.com/w3css/ https://www.w3cschool.cn/w3css/ */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* css初始化 从normalize.css中提取 */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong,.加粗{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{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}
/* End extract */
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.衬线体{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.文字间距{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
.图片{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.基本表格,.表格{border-collapse:collapse;border-spacing:0;width:100%;display:table}.表格{border:1px solid #ccc}
.底边框 tr,.表格 tr{border-bottom:1px solid #ddd}.条纹 tbody tr:nth-child(even){background-color:#f1f1f1}
.表格 tr:nth-child(odd){background-color:#fff}.表格 tr:nth-child(even){background-color:#f1f1f1}
.悬停 tbody tr:hover,.列表.悬停 li:hover{background-color:#ccc}.居中 tr th,.居中 tr td{text-align:center}
.基本表格 td,.基本表格 th,.表格 td,.表格 th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.基本表格 th:first-child,.基本表格 td:first-child,.表格 th:first-child,.表格 td:first-child{padding-left:16px}
.按钮2,.按钮{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.按钮2:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.按钮2,.按钮{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.禁用,.按钮2:disabled,.按钮:disabled{cursor:not-allowed;opacity:0.3}.禁用 *,:disabled *{pointer-events:none}
.按钮2.禁用:hover,.按钮2:disabled:hover{box-shadow:none}
.徽章,.标签{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.徽章{border-radius:50%}
.列表{list-style-type:none;padding:0;margin:0}.列表 li{padding:8px 16px;border-bottom:1px solid #ddd}.列表 li:last-child{border-bottom:none}
.提示,.固定容器{position:relative}.提示 .提示内容{display:none}.提示:hover .提示内容{display:inline-block}
.涟漪:active{opacity:0.5}.涟漪{transition:opacity 0s}
.输入框{padding:8px;display:inline-block;border:none;border-bottom:1px solid #ccc;}
.选择列表{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.点击下拉,.悬停下拉{position:relative;display:inline-block;cursor:pointer}
.悬停下拉:hover .下拉容器{display:block}
.悬停下拉:first-child,.点击下拉:hover{background-color:#ccc;color:#000}
.悬停下拉:hover > .按钮:first-child,.点击下拉:hover > .按钮:first-child{background-color:#ccc;color:#000}
.下拉容器{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.复选,.单选{width:24px;height:24px;position:relative;top:6px}
.侧边栏{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.垂直分布 .悬停下拉,.垂直分布 .点击下拉{width:100%}
.垂直分布 .悬停下拉 .下拉容器,.垂直分布 .点击下拉 .下拉容器{min-width:100%}
.垂直分布 .悬停下拉 .按钮,.垂直分布 .点击下拉 .按钮{width:100%;text-align:left;padding:8px 16px}
.层叠侧边栏,#main{transition:margin-left .4s}
.弹窗{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.弹窗内容{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.水平分布{width:100%;overflow:hidden}.居中对齐 .水平分布{display:inline-block;width:auto}
.水平分布 .左浮动块{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.水平分布 .悬停下拉,.水平分布 .点击下拉{position:static;float:left}
.水平分布 .按钮{white-space:normal}
.垂直分布 .左浮动块{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.垂直分布.居中对齐 .左浮动块{text-align:center}.块{display:block;width:100%}
.行滚动{display:block;overflow-x:auto}
.容器:after,.容器:before,.面板:after,.面板:before,.行容器:after,.行容器:before,.内边距左右8:after,.内边距左右8:before,
.单元格容器:before,.单元格容器:after,.清除浮动:after,.清除浮动:before,.水平分布:before,.水平分布:after{content:"";display:table;clear:both}
.列宽,.一半,.三分之一,.三分之二,.四分之三,.四分之一{float:left;width:100%}
.列宽.x1{width:8.33333%}.列宽.x2{width:16.66666%}.列宽.x3{width:24.99999%}.列宽.x4{width:33.33333%}
.列宽.x5{width:41.66666%}.列宽.x6{width:49.99999%}.列宽.x7{width:58.33333%}.列宽.x8{width:66.66666%}
.列宽.x9{width:74.99999%}.列宽.x10{width:83.33333%}.列宽.x11{width:91.66666%}.列宽.x12{width:99.99999%}
@media (min-width:601px){.列宽.z1{width:8.33333%}.列宽.z2{width:16.66666%}.列宽.z3,.四分之一{width:24.99999%}.列宽.z4,.三分之一{width:33.33333%}
.列宽.z5{width:41.66666%}.列宽.z6,.一半{width:49.99999%}.列宽.z7{width:58.33333%}.列宽.z8,.三分之二{width:66.66666%}
.列宽.z9,.四分之三{width:74.99999%}.列宽.z10{width:83.33333%}.列宽.z11{width:91.66666%}.列宽.z12{width:99.99999%}}
@media (min-width:993px){.列宽.d1{width:8.33333%}.列宽.d2{width:16.66666%}.列宽.d3{width:24.99999%}.列宽.d4{width:33.33333%}
.列宽.d5{width:41.66666%}.列宽.d6{width:49.99999%}.列宽.d7{width:58.33333%}.列宽.d8{width:66.66666%}
.列宽.d9{width:74.99999%}.列宽.d10{width:83.33333%}.列宽.d11{width:91.66666%}.列宽.d12{width:99.99999%}}
.剩余宽度{overflow:hidden}.外边距左右-16{margin-left:-16px;margin-right:-16px}
.中心容器980,.中心容器{margin-left:auto;margin-right:auto}.中心容器980{max-width:980px}.中心容器{max-width:1140px}
.单元格容器{display:table;width:100%}.单元格{display:table-cell}
.上对齐{vertical-align:top}.垂直居中对齐{vertical-align:middle}.下对齐{vertical-align:bottom}
.隐藏块{display:none!important}.显示块,.显示{display:block!important}.显示内联块{display:inline-block!important}
@media (max-width:1205px){.中心容器{max-width:95%}}
@media (max-width:600px){.弹窗内容{margin:0 10px;width:auto!important}.弹窗{padding-top:30px}
.悬停下拉.小屏独行 .下拉容器,.点击下拉.小屏独行 .下拉容器{position:relative}
.小屏无外边距{margin:0!important}.小屏无内边距{padding:0!important}
.小屏隐藏{display:none!important}.小屏独行{display:block;width:100%!important}.左浮动块.小屏独行,.悬停下拉.小屏独行,.点击下拉.小屏独行{text-align:center}
.悬停下拉.小屏独行,.悬停下拉.小屏独行 .按钮2,.悬停下拉.小屏独行 .按钮,.点击下拉.小屏独行,.点击下拉.小屏独行 .按钮2,.点击下拉.小屏独行 .按钮{width:100%}}
@media (max-width:768px){.弹窗内容{width:500px}.弹窗{padding-top:50px}}
@media (min-width:993px){.弹窗内容{width:900px}.大屏隐藏{display:none!important}.侧边栏.小屏折叠{display:block!important}}
@media (max-width:992px) and (min-width:601px){.中屏隐藏{display:none!important}}
@media (max-width:992px){.侧边栏.小屏折叠{display:none}.层叠侧边栏{margin-left:0!important;margin-right:0!important}.中心容器{max-width:100%}}
.固定于顶部,.固定于底部{position:fixed;width:100%;z-index:1}.固定于顶部{top:0}.固定于底部{bottom:0}
.遮罩{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.左上{position:absolute;left:0;top:0}.右上{position:absolute;right:0;top:0}
.左下{position:absolute;left:0;bottom:0}.右下{position:absolute;right:0;bottom:0}
.中心{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.靠左{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.靠右{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.靠上{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.靠下{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.固定容器:hover .悬停时显示{display:block}.固定容器:hover span.悬停时显示{display:inline-block}.悬停时显示{display:none}
.绝对定位{position:absolute}
.圆形{border-radius:50%}
.圆角2{border-radius:2px}.圆角,.圆角4{border-radius:4px}.圆角8{border-radius:8px}.圆角16{border-radius:16px}.圆角32{border-radius:32px}
.内边距左右8,.内边距左右8>.一半,.内边距左右8>.三分之一,.内边距左右8>.三分之二,.内边距左右8>.四分之三,.内边距左右8>.四分之一,.内边距左右8>.列宽{padding:0 8px}
.容器,.面板{padding:0.01em 16px}.面板{margin-top:16px;margin-bottom:16px}
.代码,.突出显示{font-family:Consolas,"courier new";font-size:16px}
.代码{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.突出显示{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.卡片,.卡片2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.卡片4,.悬停阴影:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.旋转效果{animation:旋转效果 2s infinite linear}@keyframes 旋转效果{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.缓入效果{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.淡入效果{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.下移效果{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.右移效果{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.左移效果{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.上移效果{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.放大效果 {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.输入框效果{transition:width 0.4s ease-in-out}.输入框效果:focus{width:100%!important}
.透明60,.悬停朦胧:hover{opacity:0.60}.透明,.悬停透明:hover{opacity:1}
.透明25{opacity:0.25}.透明75{opacity:0.75}
.灰度3,.灰阶3,.悬停灰度:hover,.悬停灰阶:hover{filter:grayscale(100%)}
.灰度2,.灰阶2{filter:grayscale(75%)}.灰度1,.灰阶1{filter:grayscale(50%)}
.褐色2{filter:sepia(75%)}.褐色3,.悬停褐色:hover{filter:sepia(100%)}.褐色1{filter:sepia(50%)}
.字宽10{font-size:10px!important}.字宽12{font-size:12px!important}.字宽14{font-size:14px!important}.字宽18{font-size:18px!important}
.字宽{font-size:24px!important}.字宽32{font-size:36px!important}.字宽48{font-size:48px!important}.字宽64{font-size:64px!important}
.左对齐{text-align:left!important}.右对齐{text-align:right!important}.w3-justify{text-align:justify!important}.居中对齐{text-align:center!important}
.无边框{border:0!important}.边框{border:1px solid #ccc!important}
.上边框{border-top:1px solid #ccc!important}.下边框{border-bottom:1px solid #ccc!important}
.左边框{border-left:1px solid #ccc!important}.右边框{border-right:1px solid #ccc!important}
.加粗上边框{border-top:6px solid #ccc!important}.加粗底边框{border-bottom:6px solid #ccc!important}
.加粗左边框{border-left:6px solid #ccc!important}.加粗右边框{border-right:6px solid #ccc!important}
.外边距上下,.代码{margin-top:16px!important;margin-bottom:16px!important}
.外边距{margin:16px!important}.外边距上{margin-top:16px!important}.外边距下{margin-bottom:16px!important}
.外边距左{margin-left:16px!important}.外边距右{margin-right:16px!important}
.内边距4{padding:4px 8px!important}.内边距{padding:8px 16px!important}.内边距12{padding:12px 24px!important}
.内边距上下16{padding-top:16px!important;padding-bottom:16px!important}.内边距上下24{padding-top:24px!important;padding-bottom:24px!important}
.内边距上下32{padding-top:32px!important;padding-bottom:32px!important}.内边距上下48{padding-top:48px!important;padding-bottom:48px!important}
.内边距上下64{padding-top:64px!important;padding-bottom:64px!important}
.左浮动{float:left!important}.右浮动{float:right!important}
.按钮:hover{color:#000!important;background-color:#ccc!important}
.透明底色,.移除悬停:hover{background-color:transparent!important}
.移除悬停:hover{box-shadow:none!important}

/* 额外增加的 */
.弹性容器 {display:flex; align-items:center; justify-content:center;}/* 子元素浮动于中心聚集排列宽 */
.行居中{margin:auto}
.文字阴影{text-shadow:3px 3px 0 #444}
.无下划线,.无下划线:hover{text-decoration:none}
.回顶部{background:#64bfae;color:#fff;width:3rem;height:3rem;right:2rem;bottom:3rem;line-height:3rem;text-align:center;position:fixed;cursor:pointer;font-size:1rem}
.刻字 {font-size: 1.1em;font-family: Helvetica, KaiTi, sans-serif;text-shadow: 1px 1px white, -1px -1px #123;color: #bbb;}
.不换行块{display:inline-block}.文字换行{word-break: break-all;}
.自动宽度{width: auto;}.全宽{width: 100%;}
.外边距4{margin:4px!important}