/*
*Description: FormToCSV CSS
*Author: toyean
*Website: https://www.toyean.com/
*Mail: toyean@qq.com
*Version: 1.0(2024-08-19)
*/
::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjSGAAgQ9gMgEAC94BsRoDbWkAAAAASUVORK5CYII=) no-repeat center center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}::-webkit-scrollbar-thumb:vertical:hover{background-color:#a8a8a8}::-webkit-scrollbar-thumb:vertical:active{background-color:#787878}::-webkit-selection{background-color:#006c68;color:#fff;text-shadow:none}::-moz-selection{background-color:#006c68;color:#fff;text-shadow:none}::selection{background-color:#006c68;color:#fff;text-shadow:none}a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;font-size:100%;border:0;vertical-align:baseline}body{font-size:16px;color:#333;font-family:Penrose,"PingFang SC","Hiragino Sans GB",Tahoma,Arial,"Lantinghei SC","Microsoft YaHei","simsun",sans-serif}h1,h2,h3,h4,h5,h6{font-weight:normal}a{color:#006c68;text-decoration:none;-webkit-transition:background-color .15s linear,color .15s linear;-moz-transition:background-color .15s linear,color .15s linear;-o-transition:background-color .15s linear,color .15s linear;-ms-transition:background-color .15s linear,color .15s linear;transition:background-color .15s linear,color .15s linear}a:hover{color:#006c68;text-decoration:none}i{font-style:normal}ul,ol{list-style-type:none}img{max-width:100%;height:auto;width:auto\9;border:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .2s ease 0s;transition:transform .2s ease 0s}input,textarea{font-size:16px;font-family:"PingFang SC",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Source Han Sans","Noto Sans CJK Sc","Microsoft YaHei","Microsoft Jhenghei",sans-serif;outline:0}.zoom{display:inline-block;vertical-align:top}.nowrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@font-face{font-family:'iconfont';src:url('fonts/iconfont.woff2') format('woff2'),url('fonts/iconfont.woff') format('woff'),url('fonts/iconfont.ttf') format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'DIN-B';src:url('fonts/DIN-Bold.woff') format('woff');font-weight:normal;font-style:normal}@font-face{font-family:'DIN-M';src:url('fonts/DIN-Medium.woff') format('woff');font-weight:normal;font-style:normal}.shadow{box-shadow:0 1px 2px rgba(0,0,0,0.08)}.hide{display:none !important}.wrap{width:60%;margin:0 auto;zoom:1}.wrap::after{content:"";display:block;clear:both}.wrapper{position:relative}.head{padding-left:200px;position:relative;zoom:1}.head::after{content:"";display:block;clear:both}.header{border-bottom:1px solid #eee;box-shadow:0 1px 4px 0 rgba(238,238,238,0.5);background:#f8f8f8;position:relative;z-index:100;zoom:1}.header::after{content:"";display:block;clear:both}.header .name{height:56px;float:left;display:inline;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:1}.header .name a{font-size:22px;color:#333;line-height:56px}.header .subname{float:left;display:inline;margin:30px 0 0 10px;font-size:16px;color:#333}.header.fixed{border-bottom:1px solid #eee;position:fixed;top:0;width:100%;z-index:100}.lazyline{height:2px;background-color:#006c68;position:absolute;top:0;top:2px\0;left:0;z-index:2}.lazynum{padding:0 10px;font-size:12px;color:#fff;line-height:20px;border-top-left-radius:10px;border-bottom-left-radius:10px;background:rgba(10,10,10,0.2);position:fixed;right:0;bottom:5px;z-index:100}.logo{height:56px;float:left;display:inline;overflow:hidden;position:relative;z-index:99}.logo a{width:100%;height:56px;display:table-cell;vertical-align:middle;transition:all ease .3s}.logo img{height:40px;margin:8px 10px 0 30px;display:inline-block;vertical-align:top}.logo span{margin-top:17px;font-size:18px;color:#333;display:inline-block;vertical-align:top}.logo.on a::before{content:'';position:absolute;top:0;left:-75%;z-index:2;display:block;width:50%;height:100%;background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 100%);-webkit-transform:skewX(-17deg);-moz-transform:skewX(-17deg);-o-transform:skewX(-17deg);-ms-transform:skewX(-17deg);transform:skewX(-17deg)}.logo a:hover::before{-webkit-animation:shine 1s;-moz-animation:shine 1s;animation:shine 1s}@-webkit-keyframes shine{100%{left:125%}}@keyframes shine{100%{left:125%}}.menu{float:right;display:inline;margin-right:30px;line-height:56px;position:relative}.menu ul{zoom:1}.menu ul::after{content:"";display:block;clear:both}.menu ul.nosch{padding:0}.menu li{float:left;display:inline;margin:0 20px 0 0;position:relative}.menu li a{font-size:16px;color:#333;position:relative;display:inline-block}.menu li a:hover{color:#006c68}.menu li::before{content:"";width:0;height:2px;border-radius:2px 2px 0 0;opacity:.1;background:#006c68;position:absolute;left:50%;bottom:0;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.menu li:hover::before,.menu li.on::before{width:22px;margin-left:-11px;opacity:1}.menu li:hover a,.menu li.on a{color:#006c68}.menu li .subnav{min-width:160px;padding:6px 0;line-height:40px;border-top:1px solid #006c68;box-shadow:0 1px 2px rgba(0,0,0,0.08);background:#fff;position:absolute;top:56px;left:-20px;z-index:99;display:none;-webkit-animation:fadeInUp .2s 0s ease both;-moz-animation:fadeInUp .2s 0s ease both}.menu li .subnav a{padding:0 30px 0 20px;font-size:14px;border-bottom:1px solid #f5f5f5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}.menu li .subnav a::after{content:"\e6a6";font-size:14px;color:#ccc;font-family:qaicon;font-weight:600;position:absolute;top:0;right:14px;vertical-align:top;-moz-transition:opacity .5s;-o-transition:opacity .5s;-webkit-transition:opacity .5s;transition:opacity .5s}.menu li .subnav a:hover::after{color:#006c68}.menu li .subnav a.on{color:#006c68}.menu li .subnav a.on::after{opacity:1}.menu li .subnav a:last-child{border:0}.menu li .subnav::before{content:"";width:0;height:0;margin:-18px 0 0 0;border:9px solid transparent;border-bottom-color:#006c68;position:absolute;top:0;left:27px;z-index:3}.menu li .subnav::after{content:"";width:0;height:0;margin:-16px 0 0 0;border:8px solid transparent;border-bottom-color:#fff;position:absolute;top:0;left:28px;z-index:3}.menu li.fontcate{margin-right:42px}.menu li.fontcate>a::after{content:"\e69b";margin-left:2px;color:#333;font-family:qaicon;position:absolute;-webkit-transition:color .15s linear;-moz-transition:color .15s linear;-o-transition:color .15s linear;-ms-transition:color .15s linear;transition:color .15s linear}.menu li.fontcate.on>a::after{color:#006c68}.menu li.fontcate .arrow{width:50px;text-align:center;display:none}.menu li.fontcate .arrow::before{content:"\e69b";margin-left:2px;font-size:15px;color:#333;font-family:qaicon}.menu li.fontcate .arrow.on::before{content:"\e6a4"}.menu li.fontcate:hover>a::after{color:#006c68}.menu li.fontcate:hover a{color:#006c68}.menu li.fontcate:hover::before{display:none}.menu li.fontcate:hover .subnav{display:block}.menu li.fontcate:hover .subnav a:hover{color:#006c68}.menu li.fontcate:hover .subnav a.on{color:#006c68}.menu li.fontcate:hover .subnav a.on::after{color:#006c68}.menu li.fontcate .subnav a{color:#333}.menu.on{width:100%;float:left;display:inline;margin:0 -20px;padding:10px 20px 0;border-top:1px solid #e4e8eb;background:#fff;position:absolute;top:56px;z-index:9;display:block}.menu.on li{width:100%;float:none;line-height:40px;border-bottom:1px dotted #e4e8eb;display:block}.menu.on li a{display:block}.menuico{width:38px;height:38px;float:right;display:inline;margin:9px 0 0 5px;border-radius:2px;cursor:pointer;position:relative;z-index:10;display:none;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}.menuico span{width:21px;height:2px;background-color:#006c68;position:absolute;top:50%;left:50%;display:block;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in}.menuico span:first-child{margin-top:-6px}.menuico span:last-child{margin-top:6px}.menuico.on span:first-child{width:20px;margin-top:-8px;margin-left:-7px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.menuico.on span:nth-child(2){opacity:0;width:2px;left:20px;-moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in}.menuico.on span{background-color:#333;-webkit-transform-origin:0;-moz-transform-origin:0;transform-origin:0}.menuico.on span:last-child{width:20px;margin-top:6px;margin-left:-7px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.fademask.on{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;top:0;right:0;bottom:0;left:0;z-index:3}.main{padding:20px 0 0}.intro h3{margin-bottom:10px;padding:0 14px;font-weight:600}.intro ol{padding:0 30px;font-size:16px;color:#666;list-style-type:decimal;list-style-position:outside}.intro li{font-size:14px;color:#666;line-height:2}.intro li img{height:100px;display:block}.fancybox{cursor:-webkit-zoom-in;cursor:zoom-in;display:contents}.qlist li{margin-top:20px;padding:24px;border:1px solid #eee;border-top-width:5px;border-radius:4px;background:#f8f8f8}.qlistname{position:relative}.qlistname .num{font-size:24px;color:#000;font-family:DIN-B;position:absolute;top:0;left:0;z-index:1}.qlistname .num.on::before{content:"\2a";font-size:16px;color:#f00;font-family:DIN-B;position:absolute;top:8px;left:-10px;z-index:1}.qlistname strong{padding-left:46px;font-size:16px;color:#000;font-weight:normal;line-height:28px;display:inline-block;vertical-align:top}.qlistname strong code{margin:0 4px;padding:0 4px;font-size:.95em;color:#000;font-family:'microsoft yahei';font-weight:bold;border-radius:2px;background:rgba(0,108,104,0.14)}.qlistintro,.qlistinput,.qlistselect{padding-left:46px}.qlistintro{margin-top:8px;font-size:12px;color:#999}.qlistintro img{height:100px;margin:10px 0;display:block}.qlistinput,.qlistselect{margin-top:16px}.qlistinput input{width:100%;height:50px;padding:0 14px;font-size:16px;color:#666;font-family:verdana,'microsoft yahei';letter-spacing:.05em;border:1px solid #eee;border-radius:4px;box-sizing:border-box}.qlistinput input:focus{color:#006c68;border-color:#006c68;outline:0;box-shadow:0 0 0 .2rem #cfeceb;background:#fff}.qlistselect{margin-left:-3%;font-size:0}.qlistselect label{width:30.3333%;height:50px;margin-left:3%;font-size:16px;border:1px solid #e5e5e5;border-radius:4px;box-sizing:border-box;cursor:pointer;background:#fff;display:inline-block;vertical-align:top}.qlistselect label::before{content:"\e633";width:18px;height:18px;margin:16px 10px 0 16px;font-size:20px;font-family:iconfont;line-height:18px;display:inline-block;vertical-align:top}.qlistselect label:hover{color:#006c68;border-color:#006c68}.qlistselect label:focus,.qlistselect label.on{color:#fff;border-color:#006c68;background:#006c68}.qlistselect label:focus::before,.qlistselect label.on::before{content:"\e632";color:#fff}.qlistselect label input{width:16px;height:16px;margin:0;margin-top:5px;display:inline-block;vertical-align:top}.qlistselect label span{line-height:48px}.qlistsubmit{text-align:center}.qlistsubmit .qlistbtn{width:400px;height:50px;font-size:18px;color:#006c68;border:1px solid #006c68;outline:0;border-radius:4px;cursor:pointer;background:#fff}.qlistsubmit .qlistbtn::before{content:"\e61a";margin-right:10px;font-size:24px;color:#006c68;font-family:iconfont;display:inline-block;vertical-align:top}.qlistsubmit .qlistbtn:hover{color:#fff;background:#006c68}.qlistsubmit .qlistbtn:hover::before{color:#fff}.footer{padding:20px 0}.footer p{font-size:14px;color:#ccc;text-align:center;line-height:1.8}.footer a{color:#ccc}.footer a:hover{color:#ccc}.edgebar{width:45px;position:fixed;_position:absolute;right:10px;bottom:30px;_bottom:30px;z-index:3}.edgebar a{margin-bottom:5px;display:inline-block;vertical-align:top}a#resetbtn{width:45px;height:45px;text-align:center;line-height:45px;border-radius:5px;cursor:pointer;background:rgba(10,10,10,0.2);overflow:hidden}a#resetbtn::after{content:"\e65e";font-size:32px;color:#fff;font-family:iconfont}a#resetbtn:hover{background:#006c68}a.lang{width:45px;height:45px;text-align:center;line-height:45px;border-radius:5px;cursor:pointer;background:rgba(10,10,10,0.2);overflow:hidden}a.lang::after{content:"\e609";font-size:36px;color:#fff;font-family:iconfont}a.lang.tw:after{content:"\e608"}a.lang:hover{background:#006c68}a.backtotop{width:45px;height:45px;text-align:center;line-height:45px;border-radius:5px;cursor:pointer;background:rgba(10,10,10,0.2);overflow:hidden}a.backtotop i::after{content:"\e600";font-size:32px;color:#fff;font-family:iconfont}a.backtotop:hover{background:#006c68}a.setnight{width:45px;height:45px;text-align:center;line-height:45px;border-radius:5px;cursor:pointer;background:rgba(10,10,10,0.2);overflow:hidden}a.setnight::after{content:"\e6e4";font-size:36px;color:#fff;font-family:iconfont}a.setnight.black:after{content:"\e635"}a.setnight:hover{background:#006c68}.toast{position:fixed;top:50%;left:50%;z-index:1001;transform:translate(-50%, -50%)}.toast.top{top:10px;transform:translate(-50%, 0)}.toast.bottom{top:auto;bottom:10px;transform:translate(-50%, 0)}.toasttext{padding:10px 20px;font-size:14px;color:#fff;text-align:center;line-height:22px;border-radius:2px;background:rgba(0,0,0,0.6);-webkit-animation-name:layer-bounceIn;animation-name:layer-bounceIn;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s}.toastclose{-webkit-animation-name:layer-bounceOut;animation-name:layer-bounceOut;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-webkit-keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}[data-ripple=ripple]{position:relative;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-webkit-user-select:none;-ms-user-select:none}[data-ripple=ripple] .ripple{display:block;width:100%;height:100%;border-radius:100%;position:absolute;top:0;left:0;z-index:888;background:rgba(255,255,255,0.5);transform:scale(0);animation:ripple .6s 0s linear}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.night{background:#1b1b1b}.night::-webkit-scrollbar{width:8px}.night::-webkit-scrollbar-track{background:#222}.night::-webkit-scrollbar-thumb{background:#555 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHAQMAAAAVq36TAAAABlBMVEUAAADMzMzIT8AyAAAAAXRSTlMAQObYZgAAABBJREFUCNdjSGAAgQ9gMgEAC94BsRoDbWkAAAAASUVORK5CYII=) no-repeat center center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.night::-webkit-scrollbar-thumb:vertical:hover{background-color:rgba(255,255,255,0.3)}.night::-webkit-scrollbar-thumb:vertical:active{background-color:rgba(255,255,255,0.4)}.night .wrapper{background:#191919}.night .header{border-bottom-color:#2d2d2d;box-shadow:0 1px 4px 0 #161616;background:#202020}.night .logo span{color:#fff}.night .menu li a{color:#ccc}.night .menu li.on a,.night .menu li:hover a{color:#00d1c9}.night .intro h3{color:#fff}.night .intro li{color:#ccc}.night .qlist li{border-color:#3c3c3c;background:#292929}.night .qlistname .num{color:#fff}.night .qlistname strong{color:#fff}.night .qlistname strong code{color:#65fffa;background:rgba(0,0,0,0.3)}.night .qlistinput input{color:#fff;border-color:#666;background:#202020}.night .qlistinput input:focus{border-color:#006c68;box-shadow:0 0 0 .2rem rgba(0,108,104,0.3)}.night .qlistselect label{border-color:#3c3c3c;background:#3c3c3c}.night .qlistselect label::before,.night .qlistselect label span{color:#fff}.night .qlistselect label:focus,.night .qlistselect label.on{border-color:#006c68;background:#006c68}.night .qlistsubmit .qlistbtn{color:#fff;border-color:#006c68;background:#006c68}.night .qlistsubmit .qlistbtn::before{color:#fff}.night .footer p,.night .footer a{color:#666}.night a#resetbtn,.night a.backtotop,.night .setnight,.night .lang,.night .lazynum{background:rgba(68,68,68,0.8)}.night a#resetbtn:hover,.night a.backtotop:hover{background:#006c68}@media screen and (max-width:1920px){.wrap{width:1000px}.wrapper{width:100%;min-width:100%}}@media screen and (max-width:1040px){.wrap{width:auto;padding:0 20px}.logo img{margin-left:20px}.intro ol{padding:0 5px 0 25px}.edgebar{width:36px;bottom:10px}.edgebar a{margin-bottom:8px}a#resetbtn{width:36px;height:36px;line-height:36px}a.lang{width:36px;height:36px;line-height:36px}a.lang::after{font-size:30px}a.backtotop{width:36px;height:36px;line-height:36px}a.backtotop i::after{font-size:26px}a.setnight{width:36px;height:36px;line-height:36px}a.setnight::after{font-size:30px}}@media screen and (max-width:750px){.wrap{width:auto;padding:0 10px}.qlistsubmit .qlistbtn{width:100%}.qlist li{margin-top:10px;padding:20px}.qlistintro,.qlistinput,.qlistselect,.qlistname strong{padding-left:36px}}