/* ========================================
 *    Update：1761635143
 *    Author：Repute
 * Copyright：Prestige International
 * ========================================
 * */

body.openModal{overflow:hidden}
.app-banner{height:780px;padding-top:88px;background:linear-gradient(180deg,#F0D7A8 0%,#FFF9EA 100%);position:relative}
.app-banner .banner-container{height:100%;max-width:1280px;width:100%;text-align:left}
.app-banner .banner-pic{position:absolute;top:80px;right:0;width:640px}
.app-banner .banner-pic img{display:block}
.app-banner .banner-pic p{margin-top:24px;font-size:12px;font-style:normal;font-weight:400;line-height:120%;color:var(--brand-178);text-align:center}
.app-banner .banner-pic p span:hover{color:var(--brand-aeb);cursor:pointer}
.app-banner .banner-pic p.pc-show{display:block}
.app-banner .banner-pic p.m-show{display:none}
.app-banner .banner-content{padding-top:100px;text-align:left}
.app-banner .banner-content .banner-title{font-size:60px;font-style:normal;font-weight:700;line-height:140%;color:var(--blue-11d)}
.app-banner .banner-content .banner-title span{color:var(--red-b54)}
.app-banner .banner-content .banner-title em{display:inline-block;vertical-align:middle;margin-left:11px;margin-top:-11px;width:42px;height:56px;background:url(/static/images/app/red-b.png) no-repeat 0 0/100% 100%;position:relative}
.app-banner .banner-content>p{margin-top:20px;font-size:20px;font-style:normal;font-weight:600;line-height:120%;color:var(--blue-11d)}
.banner-container .links-group{margin-top:56px;text-align:left;display:flex;gap:24px;justify-content:flex-start;align-items:center}
.banner-container .links-group a{padding:0 16px;border-radius:8px;background:var(--blue-11d);position:relative;height:56px;display:flex;justify-content:flex-start;align-items:center;gap:12px;width:208px;max-width:100%;font-size:16px;font-style:normal;font-weight:600;line-height:normal;color:var(--white);transition:all .4s ease-out}
.banner-container .links-group a:hover{background-color:var(--brand-c35)}
.banner-container .links-group a i{display:block;width:24px;height:24px;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat}
.banner-container .links-group a.down-link1 i{background-image:url(/static/images/app/download-ios-icon.svg)}
.banner-container .links-group a.down-link2 i{background-image:url(/static/images/app/download-android-icon.svg)}
.app-banner .app-scan-code{margin-top:24px}
.app-banner .app-scan-code span{display:block;margin-bottom:12px;font-size:16px;font-style:normal;font-weight:600;line-height:140%;color:var(--blue-11d)}
.app-banner .app-scan-code .appQrcode{border-radius:8px;border:1px solid var(--blue-11d);background:var(--white);padding:10px;overflow:hidden;width:112px;height:112px}
.app-banner .app-scan-code .appQrcode > *{width:90px;height:90px;display:block}
.app-content{padding:120px 0;position:relative;max-width:1280px;width:100%;margin:0 auto}
.app-content .title{text-align:center}
.app-content .title h3{margin-bottom:20px;font-size:48px;font-style:normal;font-weight:700;line-height:120%;color:var(--blue-11d)}
.app-content .title h3.pc-show{display:block}
.app-content .title h3.m-show{display:none}
.app-content .title span{display:inline-block;font-size:20px;font-style:normal;font-weight:600;line-height:120%;color:var(--blue-085);padding-bottom:5px;border-bottom:1px dashed var(--gray-39d);cursor:pointer}
.app-content .title span:hover{color:var(--brand-fe3);border-bottom-color:var(--brand-fe3)}
.app-downloads-infor{position:relative;margin:60px auto 0;padding:28px 0 28px 660px}
.app-downloads-infor .pic img{position:absolute;top:50%;width:584px;left:0;transform:translateY(-50%)}
.app-downloads-infor .app-downloads-wrap{display:flex;flex-direction:column;gap:40px;justify-content:center;align-items:center}
.app-downloads-wrap .item{height:172px;width:100%;border-radius:12px;border:1px solid var(--orange-386);background:linear-gradient(270deg,#FFECC2 0%,#FFFBEC 100%);padding:32px 32px 32px 190px;position:relative}
.app-downloads-wrap .item:before{content:"";position:absolute;left:164px;top:50%;transform:translateY(-50%);width:1px;height:calc(100% - 64px);background:var(--orange-386)}
.app-downloads-wrap .item span.je{position:absolute;top:50%;left:0;transform:translateY(-50%);width:164px;height:60px;font-size:30px;font-style:normal;font-weight:700;line-height:60px;letter-spacing:-1.5px;color:var(--red-b54);text-align:center}
.app-downloads-wrap .item span.je em{font-size:50px;font-style:normal}
.app-downloads-wrap .item .pannel h4{font-size:24px;font-style:normal;font-weight:700;line-height:140%;color:var(--blue-11d)}
.app-downloads-wrap .item .pannel h4 em{font-style:normal;color:var(--red-b54)}
.app-downloads-wrap .item .pannel p{margin-top:8px;margin-bottom:24px;font-size:16px;font-style:normal;font-weight:600;line-height:140%;color:var(--blue-11d)}
.app-downloads-wrap .item .pannel .text{font-size:14px;font-style:normal;font-weight:400;line-height:140%;color:var(--brown-d17)}
/* 活动细则 */
.pop-ups-junebonus{position:fixed;top:0;left:0;right:0;bottom:0;z-index:3001;display:none;width:100%;height:100%;overflow:hidden;outline:0;background-color:var(--black-000-5)}
.pop-ups-junebonus>div{height:812px;max-height:92%;width:704px;max-width:96%;padding:76px 10px 24px 24px;position:absolute;top:50%;left:50%;margin:0 auto;background-color:var(--white);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);border-radius:12px}
.pop-ups-layout > .title{position:absolute;top:24px;left:0;width:100%;line-height:28px;text-align:center;font-size:20px;font-style:normal;font-weight:600;color:var(--blue-11d)}
.pop-ups-layout .pop-ups-close{position:absolute;top:2px;right:18px;width:24px;height:24px;display:block;cursor:pointer;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.0004%2021.1716L33.8999%2011.2721L36.7283%2014.1005L26.8288%2024L36.7283%2033.8995L33.8999%2036.7279L24.0004%2026.8284L14.1009%2036.7279L11.2725%2033.8995L21.172%2024L11.2725%2014.1005L14.1009%2011.2721L24.0004%2021.1716Z%22%20fill%3D%22%23B2B7C2%22%2F%3E%0A%3C%2Fsvg%3E")}
.pop-ups-layout .pop-ups-close:hover{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.0004%2021.1716L33.8999%2011.2721L36.7283%2014.1005L26.8288%2024L36.7283%2033.8995L33.8999%2036.7279L24.0004%2026.8284L14.1009%2036.7279L11.2725%2033.8995L21.172%2024L11.2725%2014.1005L14.1009%2011.2721L24.0004%2021.1716Z%22%20fill%3D%22%23e33b54%22%2F%3E%0A%3C%2Fsvg%3E")}
.pop-ups-body{overflow-y:auto;height:100%;padding-right:10px;font-size:16px;font-style:normal;font-weight:400;line-height:160%;color:var(--blue-085)}
.pop-ups-body::-webkit-scrollbar{width:4px;height:6px}
.pop-ups-body::-webkit-scrollbar-track{background-color:var(--gray-fef);border-radius:2px}
.pop-ups-body::-webkit-scrollbar-thumb{background-color:var(--gray-888);border-radius:10px}
.pop-ups-body::-webkit-scrollbar-thumb:hover{background-color:var(--gray-333)}
.pop-ups-body::-webkit-scrollbar-corner{background-color:var(--green-a16)}
.pop-ups-body .activity-introduction .introduction-list li{font-size:14px;font-style:normal;font-weight:400;line-height:160%;color:var(--blue-085)}
.pop-ups-body .activity-introduction .introduction-list li strong{color:var(--blue-11d);font-weight:600}
.pop-ups-body > h3{font-size:14px;font-style:normal;font-weight:600;line-height:160%;color:var(--blue-11d);margin-top:22px}
.activity-section{margin-bottom:22px}
.pop-ups-body .activity-section:last-child{margin-bottom:0}
.activity-section>.title{margin-bottom:5px;font-size:14px;font-style:normal;font-weight:600;line-height:160%;color:var(--blue-11d)}
.activity-section>p{font-size:14px;font-style:normal;font-weight:400;line-height:160%;color:var(--blue-085)}
.activity-section .rule-list li{font-size:14px;font-style:normal;font-weight:400;line-height:160%;color:var(--blue-085)}
/* 弹窗 */
.pop-ups-appps{position:fixed;z-index:12345678;top:0;left:0;width:100%;height:100%;background-color:var(--black-000-8);display:none}
.pop-ups-appps>div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:auto auto;width:384px;height:auto;background-color:var(--white);border:1px solid var(--gray-1d1);border-radius:10px}
.pop-ups-appps .appps-close{position:absolute;top:8px;right:8px;width:30px;height:30px;background:url("https://www.pigold88.com/static/images/home/m-modal_close.png") no-repeat;background-size:100%;cursor:pointer;z-index:9}
.pop-ups-appps .title{padding:15px 50px 13px 35px;border-bottom:1px solid var(--gray-ccc);position:relative;line-height:19px}
.pop-ups-appps .title:before{content:"";position:absolute;top:13px;left:16px;height:19px;width:3px;background-color:var(--brown-b68)}
.pop-ups-appps ul{padding:15px 25px}
.pop-ups-appps ul li{line-height:20px;font-size:16px;padding:5px 0;color:var(--gray-666);background:url("https://www.pigold88.com/static/images/check_green.png") no-repeat 0 5px;padding-left:32px}
.fun-popups{position:fixed;z-index:12345678;top:0;left:0;width:100%;height:100%;background-color:var(--black-000-8);display:none}
.fun-popups>div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--white-9fb);padding:25px;width:600px;max-height:92%;overflow-y:auto;border-radius:6px}
.app-ps-popus3>div{width:440px}
.app-ps-popus>div{padding-top:68px;padding-right:6px;overflow:hidden;height:800px}
.app-ps-popus .title>h1{text-align:center;font-size:20px;line-height:28px;color:var(--blue-11d);position:absolute;top:25px;left:0;width:100%}
.fun-popups-close{position:absolute;top:8px;right:8px;width:30px;height:30px;background:url("https://www.pigold88.com/static/images/home/m-modal_close.png") no-repeat;background-size:100%;cursor:pointer;z-index:9}
.app-ps-popus .fun-popups-close{top:13px;right:13px}
.app-ps-popus .fun-popups-body{overflow-y:auto;height:100%;padding-right:8px}
.app-ps-popus .fun-popups-body::-webkit-scrollbar{width:6px;height:6px}
.app-ps-popus .fun-popups-body::-webkit-scrollbar-track{background-color:var(--gray-fef);border-radius:2px}
.app-ps-popus .fun-popups-body::-webkit-scrollbar-thumb{background-color:var(--gray-888);border-radius:10px}
.app-ps-popus .fun-popups-body::-webkit-scrollbar-thumb:hover{background-color:var(--gray-333)}
.app-ps-popus .fun-popups-body::-webkit-scrollbar-corner{background-color:var(--green-a16)}
.fun-popups-layout>h2{line-height:22px;font-size:17px;color:var(--gray-333);font-weight:bold;margin-bottom:16px}
.fun-popups-layout p{line-height:18px;font-size:13px;color:var(--gray-444);margin-bottom:12px}
.fun-popups-layout h4{line-height:21px;font-size:16px;color:var(--gray-333);margin-bottom:12px;margin-top:16px}
.app-ps-popus3 .fun-popups-layout h4{line-height:24px;font-size:20px}
.fun-popups-layout h5{line-height:18px;font-size:15px;color:var(--gray-333);margin-bottom:8px;margin-top:12px}
.fun-popups-layout h6{line-height:16px;font-size:13px;color:var(--gray-333);margin-bottom:6px;margin-top:8px}
.fun-popups-layout ul li{line-height:18px;font-size:13px;color:var(--gray-444);margin-bottom:6px}
.fun-popups-layout ul li a{color:var(--blue-efb);text-decoration:underline}
.fun-popups-layout ul li a:hover{color:var(--red-b54)}
.app-ps-popus3 .fun-popups-layout ul li{line-height:20px;font-size:15px}
.fun-popups-layout ul li ul li{line-height:14px;font-size:12px;color:var(--gray-666);margin-bottom:4px}
.fun-popups-layout ul>li>ul>li{padding-left:2em}
.fun-popups-layout ul>li>ul>li>ul>li{padding-left:2em;margin-bottom:6px}
.fun-popups-layout ul>li ul{padding:6px 0}
.fun-popups-layout ul li .red{color:var(--red-b54)}
.fun-popups-layout ul>li>ul>li strong,.fun-popups-layout ul>li>ul>li>ul>li strong{font-size:13px;font-weight:700}
@media screen and (max-width: 1359px) {
	.app-banner .banner-container,.app-content{max-width:1120px}
	.app-banner .banner-pic{top:110px;width:560px}
	.app-downloads-infor .pic img{width:511px}
	.app-downloads-infor{padding:28px 0 28px 525px}
}
@media screen and (max-width: 1199px) {
	.app-banner .banner-container,.app-content{max-width:944px}
	.app-banner .banner-content .banner-title{font-size:45px}
	.app-content .title h3{font-size:40px}
	.app-banner .banner-pic{top:110px;width:490px}
	.app-downloads-infor .pic img{width:447px}
	.app-downloads-infor{padding:28px 0 28px 445px}
	.app-downloads-wrap .item{padding:32px 15px 32px 150px}
	.app-downloads-wrap .item:before{content:"";left:124px}
	.app-downloads-wrap .item span.je{width:124px;font-size:22px}
	.app-downloads-wrap .item span.je em{font-size:40px}
	.app-downloads-wrap .item .pannel h4{font-size:22px}
}
@media screen and (max-width: 1023px) {
	.app-banner{height:auto;padding:100px 0 40px}
	.app-banner .banner-container{padding-bottom:0}
	.app-banner .banner-content{padding:0;text-align:center}
	.app-banner .banner-content .banner-title{font-size:32px;padding:0 16px}
	.app-banner .banner-content .banner-title em{margin-left:6px;margin-top:-2px;width:23px;height:30px}
	.app-banner .banner-content>p{margin-top:16px;font-size:14px;line-height:140%;padding:0 16px}
	.app-banner .banner-pic{position:relative;top:auto;left:auto;right:auto;bottom:auto;margin:28px auto;width:550px;max-width:100%;transform:translate(0)}
	.app-banner .banner-pic p{padding:0 16px}
	.app-banner .banner-pic p.pc-show{display:none}
	.app-banner .banner-pic p.m-show{display:block}
	.banner-container .links-group{margin:40px auto 24px;flex-direction:column;padding:0 24px}
	.banner-container .links-group a{width:686px;border-radius:8px}
	.app-banner .app-scan-code{width:686px;max-width:calc(100% - 48px);margin:0 auto;border-radius:8px;border:1px solid var(--black);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;height:110px;background-color:var(--white)}
	.app-banner .app-scan-code span{font-weight:500}
	.app-banner .app-scan-code .appQrcode{width:90px;height:90px;padding:0;border:0;border-radius:0}
	.app-content{padding:60px 0}
	.app-content .title h3.pc-show{display:none}
	.app-content .title h3.m-show{display:block}
	.app-content .title h3{margin-bottom:14px;font-size:24px;line-height:140%}
	.app-content .title span{font-size:14px}
	.app-downloads-infor{padding:30px 16px 0px 16px;margin:0 auto}
	.app-downloads-infor .pic img{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:660px;max-width:100%;transform:translate(0);margin:0 auto 28px;display:block}
	.app-downloads-infor .app-downloads-wrap{gap:16px}
	.app-downloads-wrap .item{max-width:686px;height:auto;border-radius:9px;padding:20px 8px 20px 79px}
	.app-downloads-wrap .item:before{content:"";left:69px;height:calc(100% - 40px)}
	.app-downloads-wrap .item span.je{width:69px;height:30px;font-size:15px;font-weight:600;line-height:30px}
	.app-downloads-wrap .item span.je em{font-size:25px}
	.app-downloads-wrap .item .pannel h4{font-size:17px}
	.app-downloads-wrap .item .pannel p{margin-top:4px;margin-bottom:12px;font-size:13px}
	.app-downloads-wrap .item .pannel .text{font-size:12px}
}
@media screen and (max-width: 768px) {
	.pop-ups-appps ul li{line-height:18px;font-size:15px;background-size:16px 15px;padding:2px 0 2px 23px}
	.pop-ups-junebonus>div{height:78%;max-height:85%;padding:60px 8px 16px 16px;position:absolute;bottom:0;left:0;top:auto;margin:0 auto;border-radius:12px 12px 0 0;transform:translate(0);width:768px;max-width:100%}
	.pop-ups-layout > .title{top:12px;line-height:36px}
}
@media screen and (max-width: 750px) {
	.fun-popups>div{min-width:300px;width:600px;max-width:94%}
}
@media screen and (max-width: 500px) {
	.pop-ups-appps>div{width:400px;max-width:94%}
	.pop-ups-appps ul{padding:12px 20px}
}
@media screen and (max-width: 400px) {
	.app-banner .banner-content .banner-title{font-size:28px}
	.app-downloads-wrap .item:before{height:calc(100% - 32px)}
	.app-downloads-wrap .item{padding:16px 8px 16px 79px}
}
@media screen and (max-width: 359px) {
	.pop-ups-appps>div{width:300px}
}