body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,tbody,tfoot,thead,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;box-sizing:border-box;user-select:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}table{border-spacing:0;border-collapse:collapse}fieldset,img{border:0;vertical-align:top}address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}abbr,acronym{border:0}body{font-family:"pingfang SC", Microsoft YaHei, SimSun, Verdana, Geneva, sans-serif}a{color:#595959;text-decoration:none;cursor:pointer}a:hover{color:#c91313}.hide{display:none}textarea{resize:vertical;overflow-y:auto;outline:0 none}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}*.clearfix{zoom:1}.clear{clear:both;overflow:hidden;height:0px;font-size:0}body{background:#272a2c;height:100%;overflow:hidden auto}body::-webkit-scrollbar{display:block !important;width:6px !important;height:6px !important;border-radius:6px}body::-webkit-scrollbar-corner{background:none}body::-webkit-scrollbar-thumb{background-color:#dddddd;border-radius:6px}body::-webkit-scrollbar-thumb:vertical:hover{background-color:#eaeaea}body::-webkit-scrollbar-thumb:vertical:active{background-color:#d0d0d0}body .container{width:1200px;margin:0 auto;flex-shrink:0}body header{height:56px;background:#ffffff;display:flex;align-items:center}body header .icon{display:flex;align-items:center;height:28px;line-height:normal;font-family:"Microsoft YaHei";font-weight:700;color:#1a203d;font-size:22px}body header .icon::before{width:38px;height:28px;background-image:url(../images/icon.png);background-size:100% 100%;content:"";margin-right:12px;margin-left:5px}body .page-container{flex:1;padding:18px 0 28px;overflow:hidden;background:#f0f3ff}body .page-container .page-container-wrapper{display:flex;flex-flow:column nowrap;gap:16px;height:100%;overflow:hidden auto}body .page-container .page-container-wrapper::-webkit-scrollbar{display:block !important;width:6px !important;height:6px !important;border-radius:6px}body .page-container .page-container-wrapper::-webkit-scrollbar-corner{background:none}body .page-container .page-container-wrapper::-webkit-scrollbar-thumb{background-color:#dddddd;border-radius:6px}body .page-container .page-container-wrapper::-webkit-scrollbar-thumb:vertical:hover{background-color:#eaeaea}body .page-container .page-container-wrapper::-webkit-scrollbar-thumb:vertical:active{background-color:#d0d0d0}body .page-container .page-container-wrapper>*{flex-shrink:0}body .page-container .page-container-wrapper .block{overflow:hidden;width:100%}body .page-container .page-container-wrapper .block .block-header{height:42px;font-weight:700;font-size:18px;padding-bottom:10px;padding-left:10px}body .page-container .page-container-wrapper .block .block-wrapper{display:flex;gap:12px;overflow:hidden;flex-wrap:wrap}footer{font-size:14px;background:#272a2c;color:#d2d2d2;padding:20px 0;text-align:center}footer .container>div,footer .container>dl,footer .container>section{line-height:22px;margin-top:5px}footer a{color:#d2d2d2}footer a:hover{text-decoration:underline}footer .friend-link{display:flex;align-items:center;flex-wrap:wrap;gap:0 15px;padding-bottom:8px}.p-pay body{background:linear-gradient(180deg, #96cbf7 0%, #fff 67.64%) no-repeat;min-height:100vh;min-height:100dvh}.p-pay body .container{width:716px}.p-pay body .banner{padding-top:46px;height:auto}.p-pay body .tab .title{height:22px;font-weight:700;color:#000000;font-size:16px;margin:23px 0 16px;flex-grow:1;width:100%}.p-pay body .tab ul{display:flex;justify-content:flex-start;align-items:center;gap:20px;flex-wrap:wrap}.p-pay body .tab ul li{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;width:112px;height:123px;background:#ffffff;border-radius:10px;position:relative;cursor:pointer}.p-pay body .tab ul li:hover{opacity:0.9}.p-pay body .tab ul li:before{width:40px;height:40px;background:url(../images/select.png) no-repeat 100% 100%;position:absolute;top:-1px;right:-1px;pointer-events:none}.p-pay body .tab ul li.on{border:2px solid;border-color:#00aaff}.p-pay body .tab ul li.on::before{content:""}.p-pay body .tab ul li .name{font-weight:700;font-size:16px;color:#000;height:22px;line-height:22px}.p-pay body .tab ul li .price{color:#ff4400;height:34px;line-height:34px;font-size:24px}.p-pay body .tab ul li .icon{width:50px;height:50px;margin-bottom:10px}.p-pay body .tab ul li .icon.alipay{background:url(../images/alipay.png) no-repeat 100% 100%}.p-pay body .tab ul li .icon.wechat{background:url(../images/wechat.png) no-repeat 100% 100%}.p-pay body .btns{display:flex;align-items:center;flex-direction:column;font-weight:700;font-size:16px;padding-top:23px}.p-pay body .btns .total{color:#000000;margin:20px 0 16px}.p-pay body .btns .total .price{color:#ff4400}.p-pay body .btns .btn{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:236px;height:42px;background:#00aaff;color:#ffffff;cursor:pointer}.p-pay body .btns .btn:hover{opacity:0.9}.p-article .page-container{padding-bottom:60px}.p-article .article-intro{background:#ffffff;border-radius:8px;display:flex;padding:28px 40px 32px}.p-article .article-intro dt{width:160px;height:160px;border-radius:36px;overflow:hidden;margin-right:32px;flex-shrink:0}.p-article .article-intro dt img{width:100%;height:100%;display:block}.p-article .article-intro dd.text .name{margin:10px 0 15px;line-height:28px;font-weight:700;color:#000000;font-size:20px}.p-article .article-intro dd.text p{line-height:26px;font-weight:500;color:#000000;font-size:14px}.p-article .article-intro .btns{margin-left:26px;flex-shrink:0}.p-article .article-intro .btns .btn-download{width:240px;height:64px;background:#2049ee;border-radius:57px;color:#ffffff;display:inline-flex;align-items:center;justify-content:center;font-size:20px}.p-article .article-intro .btns .btn-download::before{content:"";width:33px;height:30px;background-image:url(../images/btn-download.png);background-size:100% 100%;margin-right:12px;flex-shrink:0}.p-article .article-intro .btns .btn-download:hover{opacity:0.9}.p-article .article-summary{margin-top:16px;background:#ffffff;border-radius:8px;padding:0 30px 100px}.p-article .article-summary>dt{border-bottom:1px solid rgba(0,0,0,0.08);height:62px;display:flex;align-items:center;font-weight:500;color:#000000;font-size:16px}.p-article .article-summary>dt::before{width:5px;height:21px;background:#2049ee;border-radius:43px;overflow:hidden;content:"";margin-right:10px}.p-article .article-summary>dd{font-size:14px;padding-top:24px;line-height:28px;margin:0 10px;word-break:break-all}.banner{height:180px;width:100%;overflow:hidden;position:relative}.banner .banner-wrapper{height:100%;width:100%;overflow:hidden;font-size:0;border-radius:15px}.banner .banner-wrapper img{height:100%;width:100%}.banner .banner-prev,.banner .banner-next{position:absolute;top:50%;transform:translateY(-50%);height:28px;width:28px;background-position:center;background-size:contain;background-repeat:no-repeat;z-index:999;cursor:pointer}.banner .banner-prev.swiper-button-disabled,.banner .banner-next.swiper-button-disabled{opacity:0.3}.banner .banner-prev{background-image:url("../images/prev.png");left:5px}.banner .banner-next{background-image:url("../images/next.png");right:5px}.featured-games .block-wrapper{gap:16px !important}.featured-games .item{width:136px;height:210px;background:#ffffff;border:1px solid rgba(0,0,0,0.03);border-radius:12px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;overflow:hidden;font-size:16px;transition:all .3s}.featured-games .item img{width:94px;height:94px;border-radius:8px}.featured-games .item .name{margin-top:10px;font-weight:500;text-overflow:ellipsis;overflow:hidden;min-width:0;white-space:nowrap;max-width:calc(100% - 6px)}.featured-games .item .button{display:flex;align-items:center;justify-content:center;width:80px;height:32px;background:#2049ee;border-radius:70px;color:#fff;margin-top:16px;cursor:pointer;font-size:14px}.featured-games .item:hover{background:#ebefff}.tab-games .tab-header{display:flex;height:42px;padding-bottom:0;position:relative;z-index:1;margin-bottom:14px;border-bottom:1px solid rgba(0,0,0,0.08)}.tab-games .tab-header>li{height:42px;white-space:nowrap;font-weight:700;padding:0 22px;line-height:42px;margin-right:3px;cursor:pointer;position:relative;font-size:18px}.tab-games .tab-header>li.current,.tab-games .tab-header>li:hover{border-radius:10px 10px 0px 0px;color:#2049ee}.tab-games .tab-header>li.current:after,.tab-games .tab-header>li:hover:after{height:3px;background-color:#2049ee;width:100%;position:absolute;bottom:0;left:0;content:""}.tab-games .tab-header>li.current{cursor:default;font-weight:700}.tab-games .tab-container{background:#ffffff;border-radius:8px}.tab-games .tab-container .block-wrapper{padding:15px 15px;gap:18px 12px !important}.tab-games .tab-container .block-wrapper.hide{display:none !important}.tab-games .tab-container .block-wrapper .item,.tab-games .tab-container .block-wrapper .item>a{height:82px;width:223px;display:flex;flex-direction:row;border-radius:8px;overflow:hidden;align-items:center;cursor:pointer;transition:0.3s background-color linear;font-size:14px;color:#000}.tab-games .tab-container .block-wrapper .item:hover,.tab-games .tab-container .block-wrapper .item>a:hover{background:#ebefff}.tab-games .tab-container .block-wrapper .item img,.tab-games .tab-container .block-wrapper .item>a img{width:64px;height:64px;flex-shrink:0;margin:0 16px 0 10px}.tab-games .tab-container .block-wrapper .item .name,.tab-games .tab-container .block-wrapper .item>a .name{flex-grow:1;text-overflow:ellipsis;overflow:hidden;min-width:0;white-space:nowrap}.tab-games .pagination-container{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:8px}.tab-games .pagination-container a,.tab-games .pagination-container span{display:inline-flex;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 6px;border-radius:4px;font-size:14px;color:#333;text-decoration:none;background:#fff;border:1px solid #ddd;transition:all 0.2s;cursor:pointer;user-select:none}.tab-games .pagination-container a.current,.tab-games .pagination-container span.current{background:#2049ee;color:#fff;border-color:#2049ee;cursor:default}.tab-games .pagination-container a:hover:not(.current):not(.disabled):not(span),.tab-games .pagination-container span:hover:not(.current):not(.disabled):not(span){border-color:#2049ee;color:#2049ee}.tab-games .pagination-container a.disabled,.tab-games .pagination-container span.disabled{cursor:not-allowed;color:#ccc;background:#f5f5f5}.tab-games .pagination-container span{border:none;background:transparent;cursor:default}.tab-games .pagination-container .page-arrow{font-weight:bold;font-family:monospace}nav{display:flex;align-items:center;padding:0 18px 18px;line-height:20px;box-sizing:border-box;color:#000000}nav:before{content:"";width:16px;height:16px;background-image:url(../images/nav.png);background-size:100% 100%;margin-right:6px}nav a{color:#000000}nav a:hover{color:#2049ee;text-decoration:underline}
.p-article .article-summary > dd img { max-width: 100% !important; height: auto !important; display: block; }
