/*# zfa 2025/11/28 18:53:56 yandex */

html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,head,nav,main,footer{margin:0;padding:0}
body{font:62.5%/1.5 -apple-system,BlinkMacSystemFont,"Nunito","PingFang SC","Helvetica Neue",STHeiti,Tahoma,Simsun,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;min-width:320px}
h1,h2,h3,h4,h5,h6{font-size:100%}
img{vertical-align:middle;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
em,i{font-style:normal}
img{max-width:100%;border:0}
input:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,ul,li{list-style:none}
textarea{resize:none}
a{text-decoration:none;color:#333}
.cf:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
.cf{min-height:1%}
.fl{float:left}
.fr{float:right}
.hide{display:none}
.show{display:block}
.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.break{word-break:break-all;word-wrap:break-word}
input,button,textarea{font-family:Nunito}
@font-face{font-family:"Fredoka";src:url(../images/Fredoka.woff2)}
@font-face{font-family:"Montserrat";src:url(../images/Montserrat.ttf)}
body{background:#2d2d2f;font-family:"Montserrat",Arial,Helvetica,sans-serif}
.background{height:100vh;position:fixed;-webkit-box-sizing:inherit;box-sizing:inherit;left:0;right:0;z-index:-1}
.background-img{width:860px;height:500px;overflow:hidden;position:absolute;-webkit-box-sizing:inherit;box-sizing:inherit;left:0;right:0;background:radial-gradient(88% 100% at 11% 0%,#5c5476,#2d2d2f) no-repeat left top;background-position:left top}
.pc-home-head{max-width:100%;position:-webkit-sticky;position:sticky;top:0;left:0;right:0;z-index:100;background:#2d2d2f radial-gradient(88% 100% at 11% 0%,#5c5476,#2d2d2f) no-repeat top left;background-size:860px 500px}
.pc-home-head .inner{max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 36px 0 14px;height:70px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,0.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.pc-home-head .head-logo{height:30px;min-width:190px}
.pc-home-head .head-logo img{display:block;height:30px}
.pc-home-head .head-search{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:400px;min-width:220px;width:100%;padding:0 12px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.pc-home-head .head-search .sch-con{-webkit-box-flex:1;-ms-flex:1;flex:1;background:rgba(255,255,255,0.2);border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.pc-home-head .head-search .sch-con .sp-ico{-ms-flex-negative:0;flex-shrink:0;width:40px;height:40px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Ccircle cx='8' cy='8' r='7' stroke='%23fff' stroke-width='2'/%3E%3Cpath fill='%23fff' d='m12 13.414 5.879 5.88 1.414-1.415L13.414 12z'/%3E%3C/svg%3E") no-repeat center;background-size:16px auto}
.pc-home-head .head-search .sch-con .sp-txt{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0%;height:40px;background:none;border:none;color:#fff;font-size:14px}
.pc-home-head .head-search .sch-con .sp-txt::-webkit-input-placeholder{color:rgba(255,255,255,0.5)}
.pc-home-head .head-search .sch-con .sp-txt::-moz-placeholder{color:rgba(255,255,255,0.5)}
.pc-home-head .head-search .sch-con .sp-txt:-ms-input-placeholder{color:rgba(255,255,255,0.5)}
.pc-home-head .head-search .sch-con .sp-txt::-ms-input-placeholder{color:rgba(255,255,255,0.5)}
.pc-home-head .head-search .sch-con .sp-txt::placeholder{color:rgba(255,255,255,0.5)}
.pc-home-head .head-search .sch-con .sp-cls{display:none;-ms-flex-negative:0;flex-shrink:0;width:40px;height:40px;background:url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.8 7.298a.988.988 0 0 0-1.414 0 1.03 1.03 0 0 0 0 1.439l3.2 3.256-3.214 3.27a1.03 1.03 0 0 0 0 1.439.988.988 0 0 0 1.414 0L12 13.432l3.213 3.27a.988.988 0 0 0 1.415 0 1.03 1.03 0 0 0 0-1.439l-3.214-3.27 3.2-3.256a1.03 1.03 0 0 0 0-1.439.988.988 0 0 0-1.414 0L12 10.554 8.8 7.298z' fill='%23FFF'/%3e%3c/svg%3e") no-repeat center;background-size:16px auto;cursor:pointer}
.pc-home-head .head-search .sch-btn{display:none;-ms-flex-negative:0;flex-shrink:0;padding:0 16px;height:40px;line-height:40px;font-size:14px;background:rgba(255,255,255,0.2);color:#fff;border:none;border-radius:6px;margin-left:8px}
.pc-home-head .head-menu{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.pc-home-head .head-menu a{display:block;height:32px;line-height:32px;font-size:13px;color:#fff;background:#6b58ff;border-radius:6px;padding:0 14px;font-weight:bold}
.mb-home-head{display:none}
.mb-home-head .inner{padding:0 10px 5px}
.mb-home-head .lb-content{height:44px}
.mb-home-head .lb-content .hold{display:-webkit-box;display:-ms-flexbox;display:flex;height:44px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.mb-home-head .lb-content .hold .m-l{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.mb-home-head .lb-content .hold .m-r{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.mb-home-head .lb-content .hold .head-logo{height:26px}
.mb-home-head .lb-content .hold .head-logo img{display:block;height:26px}
.mb-home-head .lb-content .hold .head-menu{-ms-flex-negative:0;flex-shrink:0;width:44px;height:44px;-webkit-mask-image:url(../images/menu.svg);mask-image:url(../images/menu.svg);-webkit-mask-size:28px auto;mask-size:28px auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background:#fff;margin-right:8px}
.mb-home-head .lb-content .hold .head-side{display:block;height:32px;line-height:32px;font-size:13px;font-weight:bold;color:#fff;background:#6b58ff;border-radius:6px;padding:0 14px}
.mb-home-head .lb-search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;background:rgba(255,255,255,0.2);border-radius:6px;position:relative}
.mb-home-head .lb-search .sp-ico{-ms-flex-negative:0;flex-shrink:0;width:40px;height:40px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Ccircle cx='8' cy='8' r='7' stroke='%23fff' stroke-width='2'/%3E%3Cpath fill='%23fff' d='m12 13.414 5.879 5.88 1.414-1.415L13.414 12z'/%3E%3C/svg%3E") no-repeat center;background-size:16px auto;position:absolute;left:0;top:0}
.mb-home-head .lb-search .sp-txt{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0%;height:40;line-height:40px;background:none;border:none;color:#fff;font-size:14px;text-align:center}
.mb-home-head .lb-search .sp-txt::-webkit-input-placeholder{color:rgba(255,255,255,0.5)}
.mb-home-head .lb-search .sp-txt::-moz-placeholder{color:rgba(255,255,255,0.5)}
.mb-home-head .lb-search .sp-txt:-ms-input-placeholder{color:rgba(255,255,255,0.5)}
.mb-home-head .lb-search .sp-txt::-ms-input-placeholder{color:rgba(255,255,255,0.5)}
.mb-home-head .lb-search .sp-txt::placeholder{color:rgba(255,255,255,0.5)}
.mb-search{position:fixed;left:0;top:0;bottom:0;width:100%;height:100%;display:none;background:#312f2e;z-index:100}
.mb-search .flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;width:100%;height:100vh}
.mb-search .search-head{-ms-flex-negative:0;flex-shrink:0;height:64px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.mb-search .search-head .lb-hide{-ms-flex-negative:0;flex-shrink:0;width:40px;height:40px;background:#fff;-webkit-mask-image:url(../images/arrow.svg);mask-image:url(../images/arrow.svg);-webkit-mask-size:28px auto;mask-size:28px auto;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-transform:rotate(180deg);transform:rotate(180deg);margin-left:-8px}
.mb-search .search-head .lb-form{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.mb-search .search-head .lb-form .sch-con{-webkit-box-flex:1;-ms-flex:1;flex:1;background:rgba(255,255,255,0.2);border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.mb-search .search-head .lb-form .sch-con .sp-ico{-ms-flex-negative:0;flex-shrink:0;width:40px;height:40px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Ccircle cx='8' cy='8' r='7' stroke='%23fff' stroke-width='2'/%3E%3Cpath fill='%23fff' d='m12 13.414 5.879 5.88 1.414-1.415L13.414 12z'/%3E%3C/svg%3E") no-repeat center;background-size:16px auto}
.mb-search .search-head .lb-form .sch-con .sp-txt{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0%;height:40px;background:none;border:none;color:#fff;font-size:14px}
.mb-search .search-head .lb-form .sch-con .sp-txt::-webkit-input-placeholder{color:rgba(255,255,255,0.5)}
.mb-search .search-head .lb-form .sch-con .sp-txt::-moz-placeholder{color:rgba(255,255,255,0.5)}
.mb-search .search-head .lb-form .sch-con .sp-txt:-ms-input-placeholder{color:rgba(255,255,255,0.5)}
.mb-search .search-head .lb-form .sch-con .sp-txt::-ms-input-placeholder{color:rgba(255,255,255,0.5)}
.mb-search .search-head .lb-form .sch-con .sp-txt::placeholder{color:rgba(255,255,255,0.5)}
.mb-search .search-head .lb-form .sch-con .sp-cls{-ms-flex-negative:0;flex-shrink:0;width:40px;height:40px;background:url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.8 7.298a.988.988 0 0 0-1.414 0 1.03 1.03 0 0 0 0 1.439l3.2 3.256-3.214 3.27a1.03 1.03 0 0 0 0 1.439.988.988 0 0 0 1.414 0L12 13.432l3.213 3.27a.988.988 0 0 0 1.415 0 1.03 1.03 0 0 0 0-1.439l-3.214-3.27 3.2-3.256a1.03 1.03 0 0 0 0-1.439.988.988 0 0 0-1.414 0L12 10.554 8.8 7.298z' fill='%23FFF'/%3e%3c/svg%3e") no-repeat center;background-size:16px auto}
.mb-search .search-head .lb-form .sch-con .sp-btn{height:40px;line-height:40px;padding:0 10px;color:#fff;background:#58d854;font-size:14px;border-radius:6px}
.mb-search .search-head .lb-form .sch-btn{display:none;-ms-flex-negative:0;flex-shrink:0;padding:0 16px;height:40px;line-height:40px;font-size:14px;background:rgba(255,255,255,0.2);color:#fff;border:none;border-radius:6px;margin-left:8px}
.mb-search .search-body{-webkit-box-flex:1;-ms-flex:1;flex:1;height:0%;overflow-x:auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 12px}
.mb-search .search-body li{height:32px}
.mb-search .search-body li a{display:-webkit-box;display:-ms-flexbox;display:flex;height:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;font-size:14px;color:#fff}
.mb-search .search-body li a img{-ms-flex-negative:0;flex-shrink:0;width:20px;height:20px;margin-right:8px}
.mb-menu{position:fixed;left:0;top:0;bottom:0;width:100%;height:100%;display:none;z-index:100}
.mb-menu .menu-mask{background:rgba(0,0,0,0.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute;left:0;top:0;right:0;bottom:0}
.mb-menu .menu-main{width:188px;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:#312f2e;padding-top:48px;position:relative}
.mb-menu .menu-main .lb-hide{width:32px;height:32px;position:absolute;left:8px;top:8px;background:#fff;-webkit-mask-image:url(../images/close.svg);mask-image:url(../images/close.svg);-webkit-mask-size:26px auto;mask-size:26px auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.menu-cont{padding:0 6px;height:100%;overflow:auto}
.menu-cont::-webkit-scrollbar{display:none}
.menu-cont .i-list{padding:3px 0}
.menu-cont .i-list li{height:32px}
.menu-cont .i-list li a{display:-webkit-box;display:-ms-flexbox;display:flex;height:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;font-size:14px;color:#fff;padding:0 10px}
.menu-cont .i-list li a img{-ms-flex-negative:0;flex-shrink:0;width:20px;height:20px;margin-right:8px}
.menu-cont .i-item{height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;color:#fff;margin-top:6px;padding:0 10px}
.menu-cont .i-link{padding:3px 0}
.menu-cont .i-link li{height:32px}
.menu-cont .i-link li a{display:-webkit-box;display:-ms-flexbox;display:flex;height:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;font-size:12px;color:#fff;padding:0 10px}
.menu-cont .i-tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px;padding:0 10px}
.menu-cont .i-tags a{background:#4d4d51;border-radius:6px;padding:4px 8px;height:24px;line-height:24px;color:rgba(255,255,255,0.5)}
.selArea{position:relative}
.selArea.active .sel-hd::after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.selArea.active .sel-bd{display:block;-webkit-animation:selAni 0.8s ease forwards;animation:selAni 0.8s ease forwards}
@-webkit-keyframes selAni{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}
100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}
@keyframes selAni{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}
100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}
.selArea .sel-hd{height:32px;background:rgba(255,255,255,0.1);border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 12px;line-height:32px;color:#fff;font-size:12px;position:relative;cursor:pointer}
.selArea .sel-hd::after{content:"";width:18px;height:18px;background:#fff;position:absolute;right:7px;top:7px;-webkit-mask-image:url(../images/fold.svg);mask-image:url(../images/fold.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:80% auto;mask-size:80% auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-transition:all 0.5s;transition:all 0.5s}
.selArea .sel-bd{display:none;position:absolute;width:100%;left:0;top:36px;background:#4d4d51;border-radius:6px;padding:6px 0;-webkit-transition:all 0.5s;transition:all 0.5s}
.selArea .sel-bd ul{max-height:180px;overflow:auto}
.selArea .sel-bd ul::-webkit-scrollbar{display:none}
.selArea .sel-bd ul li{height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px;font-size:13px;color:#fff;cursor:pointer}
.selArea .sel-bd ul li.on{background:#6a6b70}
.menu-area{padding:0 6px;height:100%;overflow:auto}
.menu-area::-webkit-scrollbar{display:none}
.menu-area .i-line{display:block;height:1px;overflow:hidden;background:rgba(255,255,255,0.1);margin:12px 0}
.menu-area .i-list li{text-transform:capitalize}
.menu-area .i-list li a{display:block;height:32px;padding:6px 12px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;color:#999;font-size:12px;border-radius:8px}
.menu-area .i-list li a img{float:left;width:20px;height:20px;margin-right:5px}
.menu-area .i-list li a:hover{background-color:#6a6b70;color:#cfcfd2}
.menu-area .i-item{display:block;height:32px;padding:6px 12px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;color:#999;font-size:14px}
.menu-area .i-item img{float:left;width:20px;height:20px;margin-right:5px}
.menu-area .i-tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;gap:4px;margin-top:10px;text-transform:capitalize}
.menu-area .i-tags a{-ms-flex-negative:0;flex-shrink:0;height:24px;line-height:16px;font-size:12px;color:#fff;border-radius:12px;padding:4px 8px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#4d4d51}
.menu-area .i-tags a:hover{background-color:#6a6b70;color:#fff}
.menu-area .i-link{margin-top:20px;padding:0 12px}
.menu-area .i-link li{margin-bottom:16px;font-size:13px}
.menu-area .i-link li a{color:#aeafb2}
.menu-area .i-link li a:hover{color:#fff}
.menu-area .selArea{margin:12px 12px}
.footer{padding:23px 0 36px}
.footer ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.footer li{margin-right:10px;font-size:15px}
.footer a{display:block;color:#bcb3ff;-webkit-transition:all 0.5s;transition:all 0.5s}
.footer a:hover{color:#fff}
.mainArea{display:-ms-grid;display:grid;-ms-grid-columns:188px 1fr;grid-template-columns:188px 1fr;height:100%;-webkit-transition:grid-template-columns 0.2s ease;transition:grid-template-columns 0.2s ease;transition:grid-template-columns 0.2s ease,-ms-grid-columns 0.2s ease}
.mainArea .main-l{height:calc(100vh - 70px);overflow:hidden;overscroll-behavior-y:contain;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:70px;display:-webkit-box;display:-ms-flexbox;display:flex}
.mainArea .main-l .left-panel{padding-top:8px;border-right:1px solid rgba(255,255,255,0.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.mainArea .main-l .left-panel > div{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;overflow-y:scroll;overscroll-behavior-y:contain;padding:0 6px 6px;scrollbar-width:none;-webkit-transition:padding 0.15s ease;transition:padding 0.15s ease}
.mainArea .main-r{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;padding-top:16px}
.mainArea .main-r .right-panel{padding:0 22px}
.mainArea .main-r .right-panel section{margin-top:24px;margin-bottom:-12px}
.mainArea .main-r .right-panel section:first-child{margin-top:0}
.section-head{height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px}
.section-head em{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:20px;color:#fff;font-family:"Fredoka"}
.section-cate{margin-bottom:24px}
.section-cate em{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:32px;color:#fff;font-family:"Fredoka"}
.section-cate .lb-desc{font-size:14px;line-height:1.4;color:#fff}
.panelPages{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:50px 0}
.panelPages a,.panelPages span{display:block;height:50px;line-height:50px;font-size:16px;color:#fff;padding:0 20px;border-radius:10px;text-align:center;background:#61A3FF;margin:0 4px}
.panelPages a:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.panelPages span,.panelPages .current{background:#eee;color:#000;cursor:default}
@media screen and (max-width:640px){.panelPages a,.panelPages span{height:40px;line-height:40px;padding:0 15px;font-size:14px}}
.gameArea{--grid-gap:16px;--grid-list-tiles-per-line:2;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 calc(var(--grid-gap)/2*-1)}
.gameArea li{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:calc(100%/(var(--grid-list-tiles-per-line)) - var(--grid-gap));width:100%;margin:0 calc(var(--grid-gap)/2);margin-bottom:12px}
@media (min-width:1286px){.gameArea{--grid-list-tiles-per-line:4}}
@media (max-width:1285px) and (min-width:973px){.gameArea{--grid-list-tiles-per-line:3}}
.gameArea li:hover .gameCard::after{border:2px solid #58d854;border-radius:8px;bottom:0;content:"";left:0;overflow:visible;pointer-events:none;position:absolute;right:0;top:0;z-index:1}
.gameArea li:hover .gameCard .lk span{opacity:1}
.gameArea li:hover .gameCard .tag{display:none}
.gameCard{cursor:pointer;display:inline-block;position:relative;vertical-align:top;min-width:160px;width:100%}
.gameCard .in{min-width:160px;width:100%;height:auto;padding-top:56.26%;position:relative}
.gameCard .img{position:absolute;top:0;width:100%;height:100%;overflow:hidden;border-radius:8px}
.gameCard .img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.gameCard .img::after{content:"";background:-webkit-gradient(linear,left top,left bottom,color-stop(25%,transparent),to(rgba(0,0,0,0.5)));background:linear-gradient(transparent 25%,rgba(0,0,0,0.5));border-radius:inherit;bottom:-1px;left:-1px;right:-1px;top:-1px;contain:strict;content:"";position:absolute;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}
.gameCard .lk{border-radius:8px;bottom:0;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;left:0;margin:0;position:absolute;right:0;top:0}
.gameCard .lk span{-webkit-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in;padding:0 6px 8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;color:#e6e6e7;font-size:14px;font-weight:500;overflow:hidden;-webkit-text-decoration:none;text-decoration:none;text-overflow:ellipsis}
.gameCard .tag{position:absolute;left:-2px;top:-2px;height:24px;line-height:24px;font-size:12px;font-weight:700;padding:0 8px;border-radius:10px 0;background:#5c5476;-webkit-box-shadow:2px 2px 0 0 rgba(0,0,0,0.5);box-shadow:2px 2px 0 0 rgba(0,0,0,0.5);color:#fff}
.gameCard .tag.tag-new{background:#58d854}
.gameCard .tag.tag-hot{background:#f60}
.gameName{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;color:#fff;font-size:14px;line-height:1.4;overflow:hidden;-webkit-text-decoration:none;text-decoration:none;text-overflow:ellipsis;margin:8px 0 2px}
.gameName a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;-webkit-text-decoration:none;text-decoration:none;text-overflow:ellipsis;color:#fff}
.content-head{padding:16px 24px;display:-webkit-box;display:-ms-flexbox;display:flex}
.content-head .lb-logo{height:40px}
.content-head .lb-logo img{display:block;height:40px}
.content-body{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:932px;margin:0 auto;padding:24px 16px}
.content-body .lb-cont{font-size:15px;line-height:1.4;color:rgba(255,255,255,0.6)}
.content-body .lb-cont h1{margin-bottom:24px;font-size:24px;line-height:1.4;color:#fff}
.content-body .lb-cont h2,.content-body .lb-cont h3{margin:16px 0;font-size:20px;font-weight:500;line-height:1.2;color:#fff}
.content-body .lb-cont a{color:#fff}
.content-foot{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:932px;margin:0 auto;padding:16px 16px 32px;font-size:15px}
.content-foot .copyright{margin-bottom:12px;color:#aeafb2}
.content-foot .links{display:-webkit-box;display:-ms-flexbox;display:flex}
.content-foot .links a{margin-right:16px;color:#58d854}
.inHead{width:calc(100% + -300px);-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#312f2e;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:32px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;visibility:visible;z-index:50}
.inHead .lb-logo{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px 12px;-webkit-box-sizing:border-box;box-sizing:border-box;height:32px}
.inHead .lb-logo img{display:block;height:100%}
.inHead .lb-name{font-size:12px}
.inHead .lb-menu{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.inHead .lb-menu a{-ms-flex-negative:0;flex-shrink:0;width:30px;height:30px;overflow:hidden;line-height:99;background:#fff;margin:0 5px;-webkit-mask-size:80% auto;mask-size:80% auto;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.inHead .lb-menu .sp-menu{-webkit-mask-image:url(../images/menu.svg);mask-image:url(../images/menu.svg)}
.inHead .lb-menu .sp-full{-webkit-mask-image:url(../images/fullscreen-expand.svg);mask-image:url(../images/fullscreen-expand.svg)}
.inHead .lb-menu .sp-full.on{-webkit-mask-image:url(../images/fullscreen-shrink.svg);mask-image:url(../images/fullscreen-shrink.svg)}
.inWrap{position:absolute;top:32px;left:0;width:100%;height:calc(100vh - 32px )}
.inWrap .game-side{position:absolute;right:0;top:0;bottom:0;z-index:10}
.inWrap .game-side .ads{width:300px;padding-top:32px;margin-top:-32px;background-color:#312f2e;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;isolation:isolate;position:absolute;right:0;top:0}
.inWrap .game-side .ads .btn{height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;left:0;width:100%;padding:4px 4px 4px 0}
.inWrap .game-side .ads .btn a{display:block;height:24px;background:#58d854;border-radius:2px;text-align:center;line-height:24px;font-size:14px;color:#fff}
.inWrap .game-side .ads > div{width:100%;height:100%}
.inWrap .game-root{width:calc(100% + -300px);height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto}
.inWrap .game-root::-webkit-scrollbar{display:none}
.gameArticle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 32px}
.gameArticle .lb-back{-ms-flex-negative:0;flex-shrink:0;font-size:14px;color:#58d854;margin:0 10px;height:32px;line-height:32px;width:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.gameArticle .lb-back::before{content:"";-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:0;flex-direction:0;background:#58d854;width:20px;height:20px;margin-right:4px;-webkit-mask-image:url(../images/arrow.svg);mask-image:url(../images/arrow.svg);-webkit-mask-size:100% auto;mask-size:100% auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.gameArticle .lb-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1}
.gameArticle .g-show{height:33vw;min-height:380px;overflow:hidden;border-radius:10px;margin-bottom:20px;position:relative}
.gameArticle .g-show .img{height:33vw;min-height:380px;overflow:hidden;position:relative}
.gameArticle .g-show .img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.gameArticle .g-show .img::after{content:"";background:linear-gradient(240deg,#14141400 40%,#1414149e 60%,#141414db 70%,#141414ed);border-radius:12px;bottom:0;left:0;margin:-1px;position:absolute;right:0;top:0;z-index:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.gameArticle .g-show .con{position:absolute;left:20px;right:20px;bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;grid-gap:15px;gap:15px}
.gameArticle .g-show .con .sp-logo{width:96px;height:96px;overflow:hidden;border-radius:10px}
.gameArticle .g-show .con .sp-logo img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.gameArticle .g-show .con .sp-name{display:block;height:32px;line-height:32px;font-size:18px;color:#fff}
.gameArticle .g-show .con .sp-val{font-size:12px;color:#fff}
.gameArticle .g-show .con .sp-val span{margin-right:10px}
.gameArticle .g-show .con .sp-tag{font-size:12px;color:#fff}
.gameArticle .g-show .con .sp-tag a{color:#fff;margin-right:10px}
.gameArticle .g-show .con .sp-play{display:block;background:#58d854;color:#2d2d2f;width:140px;height:40px;text-align:center;line-height:40px;font-size:16px;border-radius:10px;overflow:hidden}
.gameArticle .g-show .con .sp-play:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.gameArticle .g-info{background:rgba(0,0,0,0.1);padding:16px;overflow:hidden;border-radius:10px;margin-top:24px}
.gameArticle .g-info .lb-desc{margin-top:18px;color:#fff}
.gameArticle .g-info .lb-desc:first-child{margin-top:0}
.gameArticle .g-info .lb-desc .desc-hd{font-size:18px;line-height:1.6;font-weight:bold;font-family:"Fredoka"}
.gameArticle .g-info .lb-desc .desc-bd{font-size:14px;line-height:1.4;margin-top:10px;color:rgba(255,255,255,0.6)}
.gameArticle .g-info .lb-tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;gap:4px;margin-top:20px}
.gameArticle .g-info .lb-tags a{-ms-flex-negative:0;flex-shrink:0;height:32px;line-height:24px;font-size:14px;color:#fff;border-radius:16px;padding:4px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#4d4d51}
.gameArticle .g-info .lb-tags a:hover{background-color:#6a6b70;color:#fff}
.gamePC{display:none;width:100%;min-height:500px;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-sizing:border-box;box-sizing:border-box}
.gamePC .lb-play{padding:10px 16px 0;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}
.gamePC .lb-play > div,.gamePC .lb-play iframe{width:100%;height:100%}
.gamePC .lb-play .area-adv{position:absolute;left:0;top:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.gamePC .lb-play .area-adv .lb-cont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.gamePC .lb-play .area-adv .lb-cont .sp-logo{width:96px;height:96px;overflow:hidden;border-radius:20px}
.gamePC .lb-play .area-adv .lb-cont .sp-logo img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.gamePC .lb-play .area-adv .lb-cont .sp-ad{width:300px;height:300px;background:rgba(255,255,255,0.1);margin-top:30px}
.gamePC .lb-play .area-adv .lb-loading{height:12px;border-radius:6px;background:#383838;width:80%;margin-top:30px}
.gamePC .lb-play .area-adv .lb-loading .bar{height:100%;border-radius:6px;overflow:hidden;background:#0069c1}
.gamePC .lb-play .area-adv .lb-loading .bar::after{content:"";display:block;height:100%;width:20%;border-radius:0 6px 6px 0;background:-webkit-gradient(linear,left top,right top,from(#00b6f7),to(#0069c1));background:linear-gradient(to right,#00b6f7,#0069c1);-webkit-animation:1s ease 0s infinite normal none running loading;animation:1s ease 0s infinite normal none running loading}
.gamePC .lb-play .area-adv .lb-text{text-align:center;font-size:14px;color:#fff;line-height:34px}
.gamePC .lb-game{width:100%;height:110px;-ms-flex-negative:0;flex-shrink:0;position:relative;padding:10px 30px;-webkit-box-sizing:border-box;box-sizing:border-box}
.gamePC .lb-game .list{height:90px;overflow:hidden}
.gamePC .lb-game .list ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box}
.gamePC .lb-game .list li{-ms-flex-negative:0;flex-shrink:0;width:112px;height:90px;overflow:hidden;margin-right:10px}
.gamePC .lb-game .list li:last-child{margin-right:0}
.gamePC .lb-game .list li .img{display:block;width:112px;height:66px;position:relative}
.gamePC .lb-game .list li .img img{display:block;width:100%;height:100%;border-radius:10px}
.gamePC .lb-game .list li .txt{height:20px;line-height:20px;font-size:12px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:4px}
.gamePC .lb-game .lb-prev,.gamePC .lb-game .lb-next{width:30px;height:30px;background:rgba(0,0,0,0.5);border-radius:50%;position:absolute;top:24px;padding:5px;color:#fff;cursor:pointer}
.gamePC .lb-game .lb-prev:hover,.gamePC .lb-game .lb-next:hover{background:rgba(0,0,0,0.4);color:#58d854}
.gamePC .lb-game .lb-prev svg,.gamePC .lb-game .lb-next svg{display:block;width:30px;height:30px}
.gamePC .lb-game .lb-prev{left:10px}
.gamePC .lb-game .lb-prev svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.gamePC .lb-game .lb-next{right:10px}
.gameMB{display:none;position:absolute;left:0;top:0;right:0;bottom:0;z-index:100}
.gameMB .lb-bar{background:#000;height:44px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 8px}
.gameMB .lb-bar .sp-logo{height:26px}
.gameMB .lb-bar .sp-logo img{display:block;height:100%}
.gameMB .lb-bar .sp-menu,.gameMB .lb-bar .sp-full{-ms-flex-negative:0;flex-shrink:0;width:30px;height:30px;overflow:hidden;line-height:99;background:#fff;-webkit-mask-size:80% auto;mask-size:80% auto;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.gameMB .lb-bar .sp-menu{-webkit-mask-image:url(../images/menu.svg);mask-image:url(../images/menu.svg)}
.gameMB .lb-bar .sp-full{-webkit-mask-image:url(../images/fullscreen-expand.svg);mask-image:url(../images/fullscreen-expand.svg)}
.gameMB .lb-bar .sp-full.on{-webkit-mask-image:url(../images/fullscreen-shrink.svg);mask-image:url(../images/fullscreen-shrink.svg)}
.gameMB .lb-con{position:absolute;top:44px;bottom:0;left:0;right:0;background:#4b4b4b}
.gameMB .lb-con .area-url{display:none;width:100%;height:100%}
.gameMB .lb-con .area-url iframe{width:100%;height:100%}
.gameMB .lb-con .tipRotate{display:none;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;position:absolute;left:0;top:0}
.gameMB .lb-con .tipRotate .img{display:block;width:160px}
.gameMB .lb-con .tipRotate .txt{font-size:14px;line-height:1.6;margin-top:15px;color:#fff}
.gameMB .lb-con .area-adv{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}
.gameMB .lb-con .area-adv .lb-cont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.gameMB .lb-con .area-adv .lb-cont .sp-logo{width:96px;height:96px;overflow:hidden;border-radius:20px}
.gameMB .lb-con .area-adv .lb-cont .sp-logo img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.gameMB .lb-con .area-adv .lb-cont .sp-ad{width:300px;height:300px;background:rgba(255,255,255,0.1);margin-top:30px}
.gameMB .lb-con .area-adv .lb-loading{height:12px;border-radius:6px;background:#383838;width:80%;margin-top:30px}
.gameMB .lb-con .area-adv .lb-loading .bar{height:100%;border-radius:6px;overflow:hidden;background:#0069c1}
.gameMB .lb-con .area-adv .lb-loading .bar::after{content:"";display:block;height:100%;width:20%;border-radius:0 6px 6px 0;background:-webkit-gradient(linear,left top,right top,from(#00b6f7),to(#0069c1));background:linear-gradient(to right,#00b6f7,#0069c1);-webkit-animation:1s ease 0s infinite normal none running loading;animation:1s ease 0s infinite normal none running loading}
.gameMB .lb-con .area-adv .lb-text{text-align:center;font-size:14px;color:#fff;line-height:34px}
@-webkit-keyframes loading{0%{width:5%}
10%{width:25%}
90%{width:75%}
100%{width:100%}}
@keyframes loading{0%{width:5%}
10%{width:25%}
90%{width:75%}
100%{width:100%}}
@media screen and (orientation:landscape){.gameMB .lb-bar{bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:100%;left:0;max-height:none;max-width:44px;top:0;width:44px;padding:8px 0}
.gameMB .lb-bar > div{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.gameMB .lb-bar .sp-logo{height:26px}
.gameMB .lb-bar .sp-logo img{display:block;height:100%;max-width:initial}
.gameMB .lb-con{left:44px;top:0}
.gameMB .lb-con .area-adv .lb-cont{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row}
.gameMB .lb-con .area-adv .lb-cont .sp-logo{margin-right:30px}
.gameMB .lb-con .area-adv .lb-cont .sp-ad{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:250px;height:250px;margin-top:0}
.gameMB .lb-con .area-adv .lb-loading{margin-top:24px}}
@media (max-width:1000px) and (min-width:750px){.gameArea{--grid-list-tiles-per-line:3}
.game-side{display:none}
.inHead,.inWrap .game-root{width:100%}
.gameArticle{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}
.gameArticle .lb-back{margin-bottom:10px}}
@media (max-width:750px){.gameArea{--grid-list-tiles-per-line:2}
.game-side{display:none}
.inHead,.inWrap .game-root{width:100%}
.mainArea .main-r .right-panel{padding:0 12px}
.gameArticle{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}
.gameArticle .lb-back{margin-bottom:10px}
.gameCard .img::after{content:"";background:-webkit-gradient(linear,left top,left bottom,color-stop(25%,transparent),to(rgba(0,0,0,0.5)));background:linear-gradient(transparent 25%,rgba(0,0,0,0.5));border-radius:inherit;bottom:-2px;contain:strict;content:"";height:102%;left:0;position:absolute;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;width:100%}
.gameCard .lk span{opacity:1;font-size:12px;line-height:1.2;padding:0 5px 5px;color:#fff;margin-bottom:0}
.gameArticle .g-info .lb-tags a{height:28px;line-height:24px;font-size:12px;padding:2px 6px}
.content-foot{font-size:14px}
.inHead .lb-name{display:none}}
@media (max-width:800px){.pc-home-head{display:none}
.mb-home-head{display:block}
.mainArea .main-l{display:none}
.mainArea{-ms-grid-columns:auto;grid-template-columns:auto}
.gameArticle{padding:10px 16px}
.gameArticle .g-show{height:350px}
.gameArticle .g-show .con{left:16px;right:16px;bottom:16px;grid-gap:8px;gap:8px}}