body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer{margin:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a,a:hover{text-decoration:none}
img{border:0}
body{box-sizing: border-box; background: #08182e;}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
ul li{list-style:none;}
/* reset end */
/***底部***/
#afooter {position: relative;padding: 30px 0;text-align: center;font: normal 12px/19px Tahoma;z-index: 10;background-color: #222;}
#afooter, #afooter a {color: #c0c0c0;text-decoration: none;}

/* 针对火狐浏览器 */
@-moz-document url-prefix(){*{scrollbar-width:none;}}

/*去掉milo自动的滚动条样式*/
body{overflow-y: auto; min-width: 1400px;}
body.generating{overflow-x: hidden;}
body::-webkit-scrollbar {width:8px;height:8px;background-color:#08182e;}
body::-webkit-scrollbar-thumb{background-color:#f94654; border: 1px solid #f94654; border-radius:4px;}
body::-webkit-scrollbar-track{background-color:#08182e; border: 1px solid #f94654; border-radius:4px;}

.wrapper-scale{position: relative; overflow: hidden;}
.wrapper-scale .wrapper{ transform-origin: 0 0;}
.wrapper *{-webkit-box-sizing: border-box; box-sizing: border-box;}
.wrapper{position:relative; overflow:hidden; width: 100%; transition:opacity .2s cubic-bezier(.215,.61,.355,1); opacity: 0;}
.wrapper img{display: block;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:" ";font-size:0}
.clearfix{*zoom:1}

/* 精灵图 S */
.spr{ background:url(//game.gtimg.cn/images/val/act/a20251210fortunecard/spr.png) no-repeat;}
.spr.add-icon{ width:54px; height:53px; background-position:-927px -4px;}
.spr.blessing-bg{ width:593px; height:115px; background-position:-4px -4px;}
.spr.btn-bg1{ width:120px; height:39px; background-position:-440px -211px;}
.spr.btn-bg2.gray{ width:286px; height:84px; background-position:-4px -123px;}
.spr.btn-bg2{ width:286px; height:84px; background-position:-294px -123px;}
.spr.btn-bg3.gray{ width:322px; height:83px; background-position:-601px -4px;}
.spr.btn-bg3{ width:322px; height:83px; background-position:-601px -91px;}
.spr.focas-guide{ width:155px; height:37px; background-position:-851px -251px;}
.spr.give-icon{ width:22px; height:21px; background-position:-985px -4px;}
.spr.logo{ width:283px; height:36px; background-position:-564px -251px;}
.spr.pop-btn{ width:326px; height:69px; background-position:-584px -178px;}
.spr.pop-cancel{ width:214px; height:69px; background-position:-4px -211px;}
.spr.pop-close{ width:43px; height:42px; background-position:-927px -61px;}
.spr.pop-continue{ width:214px; height:69px; background-position:-222px -211px;}
.spr.pop-serial{ width:57px; height:28px; background-position:-927px -107px;}
.spr.pop-title{ width:48px; height:21px; background-position:-927px -139px;}
.spr.pop3-arrow.gray{ width:11px; height:32px; background-position:-985px -54px;}
.spr.pop3-arrow{ width:11px; height:32px; background-position:-1000px -54px;}
.spr.record-icon{ width:22px; height:21px; background-position:-985px -29px;}
/* 精灵图 E */

/* 通用 S */
.page1 .login-box a:hover,
.page1 .top-button a:hover,
.page1 .record-box > div:hover,
.page1 .button-container > a:hover,
.pop3 .pagination > .spr.pop3-arrow:hover,
.spr.pop-btn:hover,
.input-box > a:hover,
.pop10 .button-box a:hover,
.pop9 tbody .share-again:hover
{ filter: brightness(1.18); cursor: pointer; }
/* 通用 E */

@font-face { font-family: 'SSHeiFengTi'; src: url('//game.gtimg.cn/images/val/act/a20251210fortunecard/font/SSHeiFengTi.ttf') format('truetype'); font-style: normal; }
.page1 { width: 1920px; height: 963px; padding: 215px 172px 0 520px; background: url(//game.gtimg.cn/images/val/act/a20251210fortunecard/bg1.jpg) no-repeat; background-size: 100% 100%; position: relative; }
.page1 .official-logo { display: block; position: absolute; top: 15px; left: 26px; z-index: 1; }
.page1 .login-box { text-align: center; position: absolute; right: 45px; top: 50px; width: 550px; }
.page1 .login-box .login { font-size: 24px; color: #ebe8e1; }
.page1 .login-box a { color: #d41f6a; cursor: pointer; margin-left: 10px; }
.page1 .subtitle { display: flex; color: #fdf9f2; font-size: 27px; letter-spacing: 1px; }
.page1 .subtitle > span:first-of-type { letter-spacing: -2px; margin-right: 20px;}
.page1 .subtitle > p { color: #f5285a; }
.page1 .top-button { float: right; display: flex; align-items: center; justify-content: end; }
.page1 .top-button .spr.focas-guide { margin-right: 30px; display: flex; justify-content: center; align-items: center; color: #ebe8e1; font-size: 19px; letter-spacing: 2px; }
.page1 .top-button .spr.btn-bg1 { display: block; text-align: center; line-height: 39px; color: #ebe8e1; font-size: 19px; letter-spacing: 2px; }
.page1 .lottery { display: flex; margin-top: 70px; justify-content: space-between; align-items: center; perspective: 1500px; }
.page1 .card-box { width: 246px; height: 336px; position: relative; transition: transform 0.8s; transform-style: preserve-3d;}
.page1 .card-box.on { transform: rotateY(180deg); }
.page1 .lottery .card-fixed:first-of-type { display: block; width: 246px; height: 336px; background: url(//game.gtimg.cn/images/val/act/a20251210fortunecard/card-horse.jpg) no-repeat; background-size: 100% 100%; }
.page1 .lottery .card-fixed:nth-of-type(2) { display: block; width: 246px; height: 336px; background: url(//game.gtimg.cn/images/val/act/a20251210fortunecard/card-up.jpg) no-repeat; background-size: 100% 100%; }
.page1 .card-box .dark-side,
.page1 .card-box .surface-side { position: absolute;width: 100%; height: 100%; top: 0; left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: flex; justify-content: center; align-items: center; }
.page1 .card-box .dark-side { transform: rotateY(0deg); background: url(//game.gtimg.cn/images/val/act/a20251210fortunecard/card-flip.jpg) no-repeat; background-size: 100% 100%; }
.page1 .card-box .surface-side { transform: rotateY(180deg); flex-direction: column; background: url(//game.gtimg.cn/images/val/act/a20251210fortunecard/card-flip.on.jpg) no-repeat; background-size: 100% 100%; }
.page1 .card-text > p { color: #fefad5; font-size: 220px; text-align: center; font-family: SSHeiFengTi, serif; transform: scaleX(0.75); display: inline-block; }
.page1 .surface-side .val-text { width: 128px; height: 29px; background: url(//game.gtimg.cn/images/val/act/a20251210fortunecard/val-text.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: 56px; }
.page1 .bottom-box { width: 100%; display: flex; justify-content: start; align-items: end; margin-top: 42px; }
.page1 .bottom-box .lottery-chances { display: flex; justify-content: start; align-items: end; padding: 20px 0 27px 76px; }
.page1 .lottery-chances > p { color: #fdf9f2; font-size: 19px; letter-spacing: 1px; margin-right: 44px; }
.page1 .lottery-chances > span { display: flex; justify-content: center; align-items: center; padding-top: 13px; letter-spacing: 1px; box-sizing: border-box; width: 105px; height: 60px; font-family: Tungsten, serif; font-size: 55px; background-image: linear-gradient(to bottom, #f6f5a1, #ffffd5); -webkit-background-clip: text; background-clip: text;color: transparent; }
.page1 .bottom-box .lottery-button { flex: 1; }
.page1 .lottery-button .record-box { display: flex; align-items: center; justify-content: flex-end; }
.page1 .record-box > div { margin-left: 65px; display: flex; align-items: center; justify-content: center; }
.page1 .record-box a { color: #ebe8e1; margin-left: 6px; font-size: 19px; letter-spacing: 1px; border-bottom: 1px solid #ebe8e1; padding-bottom: 1px; }
.page1 .lottery-button .button-container { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; }
.page1 .button-container > a { font-weight: bold; display: flex; justify-content: center; align-items: center; font-size: 26px; letter-spacing: 2px; }
.page1 .button-container > a:first-of-type { color: #ebe8e1; }
.page1 .button-container > a:last-of-type { color: #f52850; }
.page1 .button-container .spr.btn-bg2.gray,
.page1 .button-container .spr.btn-bg3.gray { pointer-events: none; }
.page1 .button-container .spr.btn-bg2.gray { color: #ebe8e1; }
.page1 .button-container .spr.btn-bg3.gray { color: #111923; }
.overlay { display: none; }

/* 弹窗通用 S */
.dia, .dia * { box-sizing: border-box; }
.dia { position: relative; display: none;}
.dia .spr.pop-close { display: block; transition: all .3s;}
.dia .spr.pop-close:hover { transform: rotate(180deg);}
.dia .spr.pop-close { position: absolute; top: -50px; right: -50px;}
.dia .spr.pop-btn { display: flex; justify-content: center; align-items: center; font-size: 26px; color: #ebe8e1; letter-spacing: 2px; position: absolute; bottom: 75px; left: 50%; transform: translateX(-50%); }
.dia .title { display: flex; justify-content: center; align-items: center; }
.dia .title > p { color: #ebe8e1; font-size: 45px; font-weight: 600; letter-spacing: 1px; margin: 0 20px; }
.dia .title > i { display: block; }
.dia .tip-text { color: #d7d3c9; font-size: 26px; margin: 17px auto 0; text-align: center; letter-spacing: 5px; }
/* 弹窗通用 E */

.dia-tips { width: 936px; height: 527px; padding: 56px 0 0; background: url(//game.gtimg.cn/images/val/act/a20251210fortunecard/pop-bg1.jpg) no-repeat; background-size: 100% 100%; position: relative; }
.dia-tips .text-tip {  padding: 0 128px;  display: flex; justify-content: center; align-items: center; width: 100%; height: 262px }
.dia-tips .text-tip > p { color: #d7d3c9; font-size: 35px; letter-spacing: 2px; text-align: center; width: 100%; }

.pop1 { width: 936px; height: 527px; padding: 56px 0 0; background: url(//game.gtimg.cn/images/val/act/a20251210fortunecard/pop-bg1.jpg) no-repeat; background-size: 100% 100%; position: relative; }
.pop1 .input-box { display: flex; width: 100%; justify-content: center; align-items: center; margin-top: 50px; }
.pop1 .input-box > input { width: 460px; height: 63px; letter-spacing: 2px; font-size: 21px; background: #240326; border: 1px solid #eb3953; color: #ebe8e1; padding: 0 15px; }
.pop1 .input-box > a { display: flex; justify-content: center; align-items: center; width: 114px; height: 63px; padding: 1px; border: 1px solid rgba(236, 57, 85, 0.5); background: #ec3955; margin-left: 20px; color: #ebe8e1; font-size: 19px; text-align: center; line-height: 22px; letter-spacing: 2px; background-clip: content-box; }

@font-face { font-family: Tungsten; src: url('//game.gtimg.cn/images/val/act/a20251210fortunecard/font/Tungsten.ttf') format('truetype'); }
.pop2 { width: 936px; height: 527px; padding: 50px 60px 70px 80px; background: url(//game.gtimg.cn/images/val/act/a20251210fortunecard/pop-bg1.jpg) no-repeat; background-size: 100% 100%; position: relative; }
.pop2 .rules-box { height: 350px; margin: 30px auto 0; padding-bottom: 50px; overflow-y: auto; -webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 100%);mask-image: linear-gradient(to bottom, black 85%, transparent 100%); }
.pop2 .rules-box .rules-text { width: 100%; margin-top: 25px; display: flex; justify-content: start; align-items: start;}
.pop2 .rules-box .rules-text:first-of-type { margin-top: 0; }
.pop2 .rules-box::-webkit-scrollbar { width:4px;height:4px;background-color:#6b4346; }
.pop2 .rules-box::-webkit-scrollbar-thumb{ background-color:#f94654; }
.pop2 .rules-box::-webkit-scrollbar-track{ background-color:#6b4346; }
.pop2 .rules-text > p { color: #ebe8e1; font-weight: 600; font-family: Tungsten, serif; letter-spacing: 2px; font-size: 21px; text-align: center; line-height: 28px; margin-right: 25px; }
.pop2 .rules-text .rules-details { transform: translateY(-7px); width: 705px; color: #ebe8e1; }
.pop2 .rules-details .rules-margin { margin-top: 10px; }
.pop2 .rules-details > h4 { font-size: 20px; font-weight: 600; letter-spacing: 4px; }
.pop2 .rules-details > span { display: block; font-size: 16px; letter-spacing: 2px; }
.pop2 .rules-details > p { font-size: 15px; letter-spacing: 2px; font-weight: 100; }
.pop2 .rules-details .rules-table { width: 100%; border-collapse: collapse; color: #ebe8df; margin-top: 15px; text-align: center; table-layout: fixed; }
.pop2 .rules-table td { padding: 12px 20px; font-size: 14px; letter-spacing: 2px; }
.pop2 .rules-table .align-left { text-align: start; }
.pop2 .rules-table thead tr { background-color: #ff0c4a; }
.pop2 .rules-table thead td { font-size: 16px; font-weight: 600; letter-spacing: 1px; }
.pop2 .rules-table thead td:nth-of-type(2){ border-left: 1px solid #000; border-right: 1px solid #000; }
.pop2 .rules-table thead tr { border-left: 1px solid #ff0c4a; border-right: 1px solid #ff0c4a; }
.pop2  tbody td { border-top: none; }
.pop2  tbody td { border: 1px solid #ff0c4a;  }

.pop3 { width: 936px; height: 638px; padding: 50px 130px 0; background: url(//game.gtimg.cn/images/val/act/a20251210fortunecard/pop-bg2.jpg) no-repeat; background-size: 100% 100%; position: relative; }
.pop3 table { width: 100%; border-collapse: collapse; color: #ebe8df; margin-top: 15px; text-align: center; table-layout: fixed; }
.pop3 thead tr { background-color: #ff0c4a; border-left: 1px solid #f52a4f; border-right: 1px solid #f52a4f; }
.pop3 thead td { font-size: 16px; font-weight: 600; letter-spacing: 1px; padding: 12px 20px; }
.pop3 thead td:nth-child(2) { border-left: 1px solid #000; border-right: 1px solid #000; }
.pop3 tbody tr { border-top: none; }
.pop3 tbody tr { border-bottom: 1px solid rgb(235 232 255 / 38%); border-left: 1px solid #f52a4f; border-right: 1px solid #f52a4f; }
.pop3 tbody tr:last-of-type { border-bottom: 1px solid #f52a4f; }
.pop3 tbody td { font-size: 14px; letter-spacing: 2px; line-height: 16px; height: 50px; }
.pop3 tbody .share-again { color: #ebe8df; border-bottom: 1px solid #ebe8df; }
.pop3 .pagination { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); width: 100%; }
.pop3 .pagination > a { display: block; }
.pop3 .pagination > .spr.pop3-arrow:first-of-type { transform: rotate(180deg); }
.pop3 .pagination > .spr.pop3-arrow.gray { pointer-events: none; }
.pop3 .pagination > .spr.pop3-arrow.gray:first-of-type { transform: rotate(0); }
.pop3 .pagination > .spr.pop3-arrow.gray:last-of-type { transform: rotate(180deg); }
.pop3 .pagination .page-numbers { display: flex; border: 1px solid #ff0c4a; justify-content: center; align-items: center; margin: 0 20px; }
.pop3 .pagination .page-numbers a { font-size: 18px; color: #ebe8e1; background-color: transparent; padding: 2px 30px; border-left: 1px solid #ff0c4a; transition: background-color 0.3s, color 0.3s; }
.pop3 .pagination .page-numbers a:first-child { border-left: none; }
.pop3 .pagination .page-numbers a.on,
.pop3 .pagination .page-numbers a:hover { background-color: #f52a4f;color: #000; }

.pop4 { width: 936px; height: 527px; padding: 50px 130px 0; background: url(//game.gtimg.cn/images/val/act/a20251210fortunecard/pop-bg1.jpg) no-repeat; background-size: 100% 100%; position: relative; }
.pop4 .reward-box { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 10px; }
.pop4 .reward-box > div { width: 200px; height: 200px; }
.pop4 .reward-box img { width: 100%; height: 100%; object-fit: contain; margin: 0 auto; }
.pop4 .reward-box p { color: #d7d3c9; font-size: 20px; }

.pop5 { width: 936px; height: 527px; padding: 50px 60px 0; background: url(//game.gtimg.cn/images/val/act/a20251210fortunecard/pop-bg1.jpg) no-repeat; background-size: 100% 100%; position: relative; }
.pop5 > p { color: #d7d3c9; font-size: 35px; letter-spacing: 2px; margin-top: 86px; padding: 0 128px; text-align: center; }

.pop6 { width: 936px; height: 527px; padding: 50px 60px 0; background: url(//game.gtimg.cn/images/val/act/a20251210fortunecard/pop-bg1.jpg) no-repeat; background-size: 100% 100%; position: relative; }
.pop6  > input { display: block; width: 420px; height: 63px; letter-spacing: 2px; font-size: 21px; background: #240326; border: 1px solid #eb3953; color: #8d8989; padding: 0 15px; margin: 55px auto 0; text-align: center; }

.pop7 { width: 936px; height: 563px; padding: 50px 188px 0; background: url(//game.gtimg.cn/images/val/act/a20251210fortunecard/pop-bg3.jpg) no-repeat; background-size: 100% 100%; position: relative; }
.pop7 .pop7-verify { margin-top: 30px;}
.pop7 .pop7-verify > input { display: block; margin: 0 auto; width: 100%; height: 63px; letter-spacing: 2px; font-size: 21px; background: #240326; border: 1px solid #eb3953; color: #ebe8e1; padding: 0 15px; }
.pop7 .pop7-verify > input[type=number]::-webkit-outer-spin-button,
.pop7 .pop7-verify > input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.pop7 .pop7-verify > input[type=number] { -moz-appearance: textfield; }
.pop7 .pop7-verify .input-box { display: flex; width: 100%; justify-content: space-between; align-items: center; margin-top: 20px; }
.pop7 .input-box > input { width: 420px; height: 63px; letter-spacing: 2px; font-size: 21px; background: #240326; border: 1px solid #eb3953; color: #ebe8e1; padding: 0 15px; }
.pop7 .input-box .send-code { display: flex; justify-content: center; align-items: center; width: 124px; height: 63px; padding: 1px; border: 1px solid rgba(236, 57, 85, 0.5); background: #ec3955; margin-left: 20px; color: #ebe8e1; font-size: 19px; text-align: center; line-height: 63px; letter-spacing: 2px; background-clip: content-box; }
.pop7 .input-box .send-code.gray { background: #8c978f; pointer-events: none; background-clip: content-box; }

.pop8 { width: 936px; height: 527px; padding: 50px 70px 0; background: url(//game.gtimg.cn/images/val/act/a20251210fortunecard/pop-bg3.jpg) no-repeat; background-size: 100% 100%; position: relative; }
.pop8 .tip-text { margin-top: 70px; }
.pop8 .input-box { display: flex; width: 100%; justify-content: center; align-items: center; margin-top: 50px; }
.pop8 .input-box > input { width: 420px; height: 63px; letter-spacing: 2px; font-size: 21px; background: #240326; border: 1px solid #eb3953; color: #ebe8e1; padding: 0 15px; }
.pop8 .input-box > a { display: flex; justify-content: center; align-items: center; width: 114px; height: 63px; background: #ec3955; margin-left: 20px; color: #ebe8e1; font-size: 19px; text-align: center; line-height: 22px; letter-spacing: 2px; }

.pop9 { width: 936px; height: 638px; padding: 50px 130px 0; background: url(//game.gtimg.cn/images/val/act/a20251210fortunecard/pop-bg2.jpg) no-repeat; background-size: 100% 100%; position: relative; }
.pop9 table { width: 100%; border-collapse: collapse; color: #ebe8df; margin-top: 15px; text-align: center; table-layout: fixed; }
.pop9 thead tr { background-color: #ff0c4a; border-left: 1px solid #f52a4f; border-right: 1px solid #f52a4f; }
.pop9 thead td { font-size: 16px; font-weight: 600; letter-spacing: 1px; padding: 12px 20px; }
.pop9 thead td:nth-child(2) { border-left: 1px solid #000; border-right: 1px solid #000; }
.pop9 tbody tr { border-top: none; }
.pop9 tbody tr { border-bottom: 1px solid rgb(235 232 255 / 38%); border-left: 1px solid #f52a4f; border-right: 1px solid #f52a4f; }
.pop9 tbody tr:last-of-type { border-bottom: 1px solid #f52a4f; }
.pop9 tbody td { font-size: 14px; letter-spacing: 2px; line-height: 16px; height: 50px; }
.pop9 tbody .share-again { color: #ebe8df; border-bottom: 1px solid #ebe8df; }
.pop9 .pagination { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); width: 100%; }
.pop9 .pagination > a { display: block; }
.pop9 .pagination > .spr.pop3-arrow:first-of-type { transform: rotate(180deg); }
.pop9 .pagination > .spr.pop3-arrow.gray { pointer-events: none; }
.pop9 .pagination > .spr.pop3-arrow.gray:first-of-type { transform: rotate(0); }
.pop9 .pagination > .spr.pop3-arrow.gray:last-of-type { transform: rotate(180deg); }
.pop9 .pagination .page-numbers { display: flex; border: 1px solid #ff0c4a; justify-content: center; align-items: center; margin: 0 20px; }
.pop9 .pagination .page-numbers a { font-size: 18px; color: #ebe8e1; background-color: transparent; padding: 2px 30px; border-left: 1px solid #ff0c4a; transition: background-color 0.3s, color 0.3s; }
.pop9 .pagination .page-numbers a:first-child { border-left: none; }
.pop9 .pagination .page-numbers a.on,
.pop9 .pagination .page-numbers a:hover { background-color: #f52a4f;color: #000; }

.pop10 { width: 936px; height: 527px; padding: 56px 0 0; background: url(//game.gtimg.cn/images/val/act/a20251210fortunecard/pop-bg1.jpg) no-repeat; background-size: 100% 100%; position: relative; }
.pop10 .text-tip {  padding: 0 128px;  display: flex; justify-content: center; align-items: center; width: 100%; height: 235px }
.pop10 .text-tip > p { color: #d7d3c9; font-size: 28px; letter-spacing: 2px; text-align: center; width: 100%; }
.pop10 .button-box { position: absolute; bottom: 80px; display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 200px; }
.pop10 .button-box a { font-size: 26px; font-weight: bold; letter-spacing: 2px; display: flex; justify-content: center; align-items: center; }
.pop10 .button-box .spr.pop-continue { color: #ebe8e1; }
.pop10 .button-box .spr.pop-cancel { color: #eb3b55; }

.pop11 { width: 936px; height: 527px; background: url(//game.gtimg.cn/images/val/act/a20251210fortunecard/pop-bg4.jpg) no-repeat; background-size: 100% 100%; position: relative; }

.pop12 { width: 936px; height: 527px; padding: 50px 60px 0; background: url(//game.gtimg.cn/images/val/act/a20251210fortunecard/pop-bg1.jpg) no-repeat; background-size: 100% 100%; position: relative; }
.pop12 > p { height: 112px; display: flex; justify-content: center; align-items: center; color: #d7d3c9; font-size: 35px; letter-spacing: 2px; margin-top: 80px; padding: 0 55px; text-align: center; }