/* 通用样式 */
html{min-width: 320px;font-family:poppins, "Source Han Sans CN", "Microsoft Yahei", Arial,SimSun, "Helvetica Neue",Helvetica; text-size-adjust:none !important;outline:0;}
body,div,dl,dt,dd,ul,ol,li,tr,td,th, h1,h2,h3,h4,h5,h6,hr,br,img,table, input,form,a,p,textarea,span{position: relative;margin:0;padding:0;transition:inherit;}
input,textarea{border-radius: 4px;overflow: auto;}
input[disabled]{background-color: transparent;}
input[type="checkbox"]{margin-right: 4px;}
input[type="range"]{appearance: none;height: 4px;background: #f4f5f7;border: 0;}
input[type="range"]::-webkit-slider-thumb {appearance: none;background: #f37;}
/* input[type=range]::-webkit-slider-runnable-track { height: 4px;background: #f4f5f7; } */
input[type=range]::-webkit-slider-thumb { height: 20px;  width: 10px;  border-radius: 4px;  background: #f37; cursor: pointer; opacity: 1;}

/* input,select{appearance: none;} */
a{color:inherit;text-decoration: none;}
main {display: block; }
h1 {font-size: 2em; margin: 0.67em 0; }
hr {box-sizing: content-box; height: 0; overflow: visible; }
pre {font-family: monospace, monospace; font-size: 1em; }
a {background-color: transparent; }
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; }
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; }
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; }
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 {padding: 0.35em 0.75em 0.625em; }
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress {vertical-align: baseline; }
[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; }


input,textarea{padding: .5em;flex:1;line-height: 1.8; border:1px solid #d9e0e8;}
textarea{padding: 1em;min-width: 320px;min-height: 240px;}
input:focus,select:focus,textarea:focus{outline-color: #f37;}
input[readonly],select[readonly],textarea[readonly],.readonly{border: 0;background: #f4f5f7;border-radius: 4px;}
input[readonly]:focus,select[readonly]:focus,textarea[readonly]:focus{outline: 0;}
.btn_main,.btn_sub{padding:.8em 1em;background: #f37;color: #fff;border: 0;border-radius: 4px;cursor: pointer;}
.btn_main:hover{background: #d04;}
.btn_txt:hover{color: #f37;cursor: pointer;}
.btn_sub{background: #f4f5f7;color: #303030;}
.btn_sub:hover{background: #e8eaef;}


.cover{z-index: 10;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;opacity: 0;}

.hide{display: none;}
.show{display: block;}
.vhide{visibility: hidden;}
.vshow{visibility: visible;}
.hidei{display: none !important;}
.showi{display: block !important;}
.vhidei{visibility: hidden !important;}
.vshowi{visibility: visible !important;}

.aac{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);}
.ac{margin: 0 auto;}
.fb{position: fixed;left: 0;bottom: 0;}

.tac{text-align: center;}
.tar{text-align: right;}
.tal{text-align: left;}
.b{font-weight: bold;}

.df{display: flex;}
.fdc{flex-direction: column;}
.fdr{flex-direction: row;}
.jcsb{justify-content: space-between;}
.jcc{justify-content: center;}
.jcs{justify-content: start;}
.jce{justify-content: flex-end;}
.aic{align-items: center;}
.ais{align-items: stretch;}
.aie{align-items: flex-end;}
.aib{align-items: baseline;}
.fxs0{flex-shrink: 0;}
.fww{flex-wrap: wrap;}

.dg{display: grid;}

.bgcn{background-size: contain;background-position: center center;background-repeat: no-repeat;}
.bgc{background-size: cover;background-position: center center;}
.bxz{box-sizing: border-box;}
.pe,img,.img{pointer-events:none;}
.pea{pointer-events:auto;}
.op0{opacity: 0;}

.cd{cursor: default}
.cp{cursor: pointer}

/* cubic-bezier(0.4, 0.0, 0.2, 1)  */
.tss{transition:.16s ease;}
.notss{transition:none !important}

.usn,.body{user-select: none}
.usa{
	user-select: all;
	&::selection{background:#f37;color:#fff}
}

.fwh{width: 100%;height: 100%;}
.poa{position: absolute;}


/* --------------------- */
.redtxt{color: #f37;}
.greentxt{color: #0cb;}
.purpletxt{color: #33f;}
.bluetxt{color: #1FCAFF;}
.graytxt{color: #aaa;}

[etip]:after{content:attr(etip);z-index: 5;position: absolute;top: 50%;left: 50%;display: block;padding: 0 8px;font-size: 12px;line-height: 2;white-space: nowrap;color: #ccc;background: rgba(,.6);opacity: 0;transform: translate(-50%,-50%);backdrop-filter: blur(2px);border-radius:4px;pointer-events:none;}
[etip]:hover:after{top: calc(100% + 1.5em);opacity: 1;}


/* ------------------------------ */
.container{max-width: 1200px;padding: 2em;}

.subtxt{font-size: 12px;}
a.copyright, .copyright>a{padding: 12px 0;display: inline-block;font-size: 12px;color:#ccc;}
a.copyright:hover,.copyright>a:hover{text-decoration: underline;} 

.setting{padding: 1em 0;}
.setting label{padding: 4px 12px;border-radius: 4px;}
.setting label:hover{background: #f4f5f7;}
.copyright{padding: 12px 0;display: inline-block;font-size: 12px;color:#ccc;}