@charset "UTF-8";
/* 变量定义 */
/* 混合器定义 start */
/**
* 通用文字混合
*
*
*/
/**
* 元素大小混合
*
*
*/
/**
* flex布局混合
*
*
*/
/**
* 相对/绝对定位混合
*
*
*/
/**
* 显示或隐藏某个元素
* 
* @param {Booleans} $domObject 元素变量(你可以设置它为true或false，并对其进行其他操作)
*/
/**
* 文本溢出处理 
*
* @param {Number} $txtType 文本超出的处理方式（可选值为0：单行文本超出省略；1：超出换行,字符超出位置使用连字符；2：多行文本超出省略）
*/
/**
* 背景混合
*
*/
/**
* 图片混合器
*
* @param $bg-img 图片路径
* @param $bg-repeat 图片是否重复(repeat、repeat-x、repeat-y、no-repeat、inherit)
* @param $bg-size 图片的尺寸(cover、contain、percentage、length)
* @param $width 图片的长度
* @param $height 图片的高度
*/
/**
* 背景渐变混合器
*
* @param $width 背景的长度
* @param $height 背景的高度
* @param $color-before 前一个渐变颜色
* @param $color-after 后一个渐变颜色
*/
/**
* px to vw
* $screen-width: 屏幕宽度
* $pixels: 设计稿中元素的大小
*/
/* 混合器定义 end */
/* reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, em, button, blockquote { margin: 0; padding: 0; font-family: "Microsoft YaHei"; -webkit-box-sizing: border-box; box-sizing: border-box; }

* { outline: none; -webkit-tap-highlight-color: transparent; }

table { border-collapse: collapse; border-spacing: 0; }

td, th, ul, ol { padding: 0; }

img { border: 0; vertical-align: bottom; }

em, b { font-style: normal; font-weight: normal; }

ul, ol { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

i { font-style: normal; }

button, input, select, textarea { outline: none; font-family: 'Microsoft Yahei'; }

.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { *zoom: 1; }

/* link */
a { text-decoration: none; outline: none; border: none; }

a:hover { text-decoration: none; outline: none; }

a:focus { outline: none; }

.hide { display: none; }

.show { display: block; }

.float-l { float: left; }

.float-r { float: right; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

html, body { background: #fff; font-size: 100px; font-size: 1rem; }

img { display: block; object-fit: cover; }

/* footer */
#afooter { background: #000; padding: 20px 0 !important; }

#afooter p, #afooter a { font-size: 18px; text-align: center; color: #6f6f6f; text-decoration: none; }

/* reset end */
/* font start */
@font-face { font-family: "fzyhj"; src: url("//game.gtimg.cn/images/hyrz/cp/a20230101festival/font/fzyhj.eot"); /* IE9 */ src: url("//game.gtimg.cn/images/hyrz/cp/a20230101festival/font/fzyhj.eot?#iefix") format("embedded-opentype"), url("//game.gtimg.cn/images/hyrz/cp/a20230101festival/font/fzyhj.woff") format("woff"), url("//game.gtimg.cn/images/hyrz/cp/a20230101festival/font/fzyhj.ttf") format("truetype"), url("//game.gtimg.cn/images/hyrz/cp/a20230101festival/font/fzyhj.svg#fzyhj") format("svg"); /* iOS 4.1- */ font-style: normal; font-weight: normal; }

@font-face { font-family: "fzyhj"; src: url("//game.gtimg.cn/images/hyrz/cp/a20230101festival/font/fzyhj-bak.ttf"); font-style: normal; font-weight: normal; }

/* 通用文字样式，使用@extend %col-txt;调用 */
.wrap .sec1 .kv-box1 .flex-box .login-box, .wrap .sec1 .kv-box2 .kv-switch .switch-label .tab-month.on, .wrap .sec2 .btn-package-details { text-shadow: -2px -2px 2px #000, 2px -2px 2px #000, -2px 2px 2px #000, 2px 2px 2px #000; }

.wrap .sec1 .kv-box2 .bar-label { text-shadow: -3px -3px 4px #000, 3px -3px 4px #000, -3px 3px 4px #000, 3px 3px 4px #000; }

.wrap .sec1 .kv-box2 .run-box .btn-run-up, .wrap .sec2 .award-box .award-list .award-item .btn-get, .wrap .sec2 .award-box .btn-share, .wrap .sec3 .btn-into-game, .dialog .dia-bg2 .dia-box2 .btn-invite, .dialog .dia-bg2 .dia-box3 .btn-see-date, .dialog .dia-bg2 .dia-box4 .btn-get-new-year-gift, .dialog .dia-bg2 .dia-box6 .btn-goto, .dialog .dia-bg8 .btn-box .btn-sure, .dialog .dia-bg9 .dia-box .btn-role, .dialog .dia-bg12 .dia-box .dia-btn-box .btn-sure-role { text-shadow: 0 3px rgba(0, 0, 0, 0.4), 0 3px rgba(0, 0, 0, 0.4), 0 5px 6px rgba(0, 0, 0, 0.4); }

.scroll-box { overflow-x: hidden; overflow-y: auto; direction: ltr; scrollbar-color: #9cdeff; scrollbar-width: thin; cursor: pointer; }

.scroll-box::-webkit-scrollbar { width: 2px; height: 16px; }

.scroll-box::-webkit-scrollbar-track { border-radius: 2px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #9cdeff; }

.scroll-box::-webkit-scrollbar-thumb { border-radius: 2px; background-image: -webkit-gradient(linear, left bottom, left top, from(#9cdeff), color-stop(99%, #9cdeff)); background-image: linear-gradient(0deg, #9cdeff 0%, #9cdeff 99%); -webkit-box-shadow: inset 2px 2px 5px 0 rgba(156, 222, 255, 0.5); box-shadow: inset 2px 2px 5px 0 rgba(156, 222, 255, 0.5); }

.wrap, .wrap .section, .wrap .section .main, .wrap .sec1 .kv-box1, .wrap .sec1 .kv-box2, .wrap .sec1 .kv-box2 .kv-switch, .wrap .sec1 .kv-box2 .kv-switch .switch-info, .wrap .sec2 .award-box, .wrap .sec3 .btn-rule, .dialog .dia-con .dia-box, .dialog .dia-bg1, .dialog .dia-bg2, .dialog .dia-bg3, .dialog .dia-bg4, .dialog .dia-bg6, .dialog .dia-bg7, .dialog .dia-bg8, .dialog .dia-bg9, .dialog .dia-bg12, .dialog .dia-bg13, .dialog .dia-bg14, .dialog .dia-bg15 { margin: 0 auto; }

/* font end */
@media screen and (min-width: 751px) { #hyPcVisit { display: block; } }

/* =============主体内容开始============= */
.wrap { position: relative; overflow: hidden; width: 100%; height: 100%; width: 750px; height: 2474px; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/bg_01.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; background-origin: initial; background-clip: initial; -webkit-background-clip: initial; background-attachment: initial; background-color: #000; }

.wrap .section { position: relative; overflow: hidden; width: 750px; height: auto; }

.wrap .section .main { position: relative; z-index: 10; width: 100%; height: auto; }

.wrap .sec1 .kv-box1 { position: relative; z-index: 4; overflow: hidden; width: 100%; height: 748px; }

.wrap .sec1 .kv-box1 .flex-box { margin: 40px auto 0; width: 686px; height: auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; }

.wrap .sec1 .kv-box1 .flex-box .logo { display: block; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/logo.png); background-repeat: no-repeat; background-size: 100% 100%; width: 188px; height: 58px; }

.wrap .sec1 .kv-box1 .flex-box .login-box { max-width: 490px; width: 100%; font-family: "fzyhj"; font-size: 20px; font-weight: normal; font-style: normal; line-height: 1; color: #ffdd8a; text-align: right; letter-spacing: normal; text-decoration: underline; }

.wrap .sec1 .kv-box1 .flex-box .login-box a, .wrap .sec1 .kv-box1 .flex-box .login-box span { display: inline-block; color: inherit; }

.wrap .sec1 .kv-box1 .flex-box .login-box #unlogin { font-family: "fzyhj"; font-size: 20px; font-weight: normal; font-style: normal; line-height: 1; color: #ffdd8a; text-align: right; letter-spacing: normal; text-decoration: underline; }

.wrap .sec1 .kv-box1 .flex-box .login-box #unlogin a { text-decoration: underline; }

.wrap .sec1 .kv-box1 .flex-box .login-box #logined a, .wrap .sec1 .kv-box1 .flex-box .login-box #logined span { display: inline-block; color: inherit; }

.wrap .sec1 .kv-box1 .kv-slogan { pointer-events: none; margin: 27px auto 363px; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/kv-slogan.png); background-repeat: no-repeat; background-size: 100% 100%; width: 513px; height: 186px; }

.wrap .sec1 .video-bg { pointer-events: none; overflow: hidden; position: absolute; top: 0; right: auto; bottom: auto; left: 0; transform: none; width: 750px; height: 748px; z-index: 3; }

.wrap .sec1 .video-bg .kv-bg2 { position: absolute; top: 0; right: auto; bottom: auto; left: 0; transform: none; width: 750px; height: 748px; z-index: 5; }

.wrap .sec1 .video-bg .bg-gradient { position: absolute; top: 0; right: auto; bottom: auto; left: 0; transform: none; z-index: 1; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/gradient1.jpg); background-repeat: no-repeat; background-size: 750px 748px; width: 750px; height: 748px; }

.wrap .sec1 .video-bg .kv-bg1 { position: absolute; top: 0; right: auto; bottom: auto; left: 0; transform: none; width: 750px; height: 748px; z-index: 2; }

.wrap .sec1 .video-bg .ball-box { margin: 0 auto; pointer-events: none; position: absolute; top: 264px; right: auto; bottom: auto; left: 50%; transform: translateX(-50%); z-index: 4; }

.wrap .sec1 .video-bg .ball-box img { width: 1026px; height: 1060px; animation: rotate1 12s linear infinite; transform-origin: 50% 584px; }

@keyframes rotate1 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); } }

.wrap .sec1 .video-bg .gka-wrap { position: absolute; top: 346px; right: auto; bottom: auto; left: 50%; transform: translateX(-50%); z-index: 6; width: 141px; height: 176px; }

.wrap .sec1 .video-bg .animation { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/sprites.png); background-repeat: no-repeat; background-size: 846px 176px; width: 141px; height: 176px; animation-name: keyframes-figure; animation-duration: 1s; animation-delay: 0s; animation-iteration-count: infinite; animation-fill-mode: forwards; animation-timing-function: steps(1); }

@keyframes keyframes-figure { 0% { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/sprites.png);
    background-repeat: no-repeat;
    background-size: 846px 176px;
    width: 141px;
    height: 176px; }
  16.67% { background-position: -141px 0px; }
  33.33% { background-position: -282px 0px; }
  50.00% { background-position: -423px 0px; }
  66.67% { background-position: -564px 0px; }
  83.33%, 100% { background-position: -705px 0px; } }

.wrap .sec1 .kv-box2 { position: relative; z-index: 3; overflow: hidden; margin-top: -109px; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/kv-box2-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 750px; height: 932px; }

.wrap .sec1 .kv-box2 .bar-label { margin: 0 auto; pointer-events: none; width: 182px; height: 54px; font-family: "fzyhj"; font-size: 28px; font-weight: normal; font-style: normal; line-height: 54px; color: #ffdd8a; text-align: center; letter-spacing: normal; text-decoration: none; }

.wrap .sec1 .kv-box2 .bar { position: relative; overflow: hidden; margin: -17px auto 0; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/bar-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 748px; height: 55px; }

.wrap .sec1 .kv-box2 .bar .growing-bar { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/bar-bg-on.png); background-repeat: no-repeat; background-size: cover; width: 0%; height: 55px; }

.wrap .sec1 .kv-box2 .btn-year-2022 { display: block; font-size: 0; position: absolute; top: 73px; right: auto; bottom: auto; left: 6px; transform: none; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/icon-left.png); background-repeat: no-repeat; background-size: cover; width: 69px; height: 160px; z-index: 3; }

.wrap .sec1 .kv-box2 .btn-new-year { display: block; font-size: 0; position: absolute; top: 73px; right: 6px; bottom: auto; left: auto; transform: none; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/icon-right.png); background-repeat: no-repeat; background-size: cover; width: 63px; height: 180px; z-index: 3; }

.wrap .sec1 .kv-box2 .kv-switch { position: relative; width: 100%; height: auto; }

.wrap .sec1 .kv-box2 .kv-switch .switch-label { margin: 28px auto 18px; width: 582px; height: auto; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; flex-direction: row; }

.wrap .sec1 .kv-box2 .kv-switch .switch-label .tab-month { box-sizing: border-box; padding: 0 12px; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/btn-tab-month.png); background-repeat: no-repeat; background-size: 100% 100%; width: 45px; height: 105px; font-family: "fzyhj"; font-size: 20px; font-weight: normal; font-style: normal; line-height: 1.2; color: #9b1d21; text-align: center; letter-spacing: normal; text-decoration: none; }

.wrap .sec1 .kv-box2 .kv-switch .switch-label .tab-month.on { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/btn-tab-month-on.png); background-repeat: no-repeat; background-size: 100% 100%; width: 45px; height: 105px; color: #fff; }

.wrap .sec1 .kv-box2 .kv-switch .switch-label .tab1, .wrap .sec1 .kv-box2 .kv-switch .switch-label .tab2, .wrap .sec1 .kv-box2 .kv-switch .switch-label .tab3, .wrap .sec1 .kv-box2 .kv-switch .switch-label .tab4, .wrap .sec1 .kv-box2 .kv-switch .switch-label .tab5, .wrap .sec1 .kv-box2 .kv-switch .switch-label .tab6, .wrap .sec1 .kv-box2 .kv-switch .switch-label .tab7, .wrap .sec1 .kv-box2 .kv-switch .switch-label .tab8, .wrap .sec1 .kv-box2 .kv-switch .switch-label .tab9, .wrap .sec1 .kv-box2 .kv-switch .switch-label .tab10 { padding-top: 26px; }

.wrap .sec1 .kv-box2 .kv-switch .switch-label .tab11, .wrap .sec1 .kv-box2 .kv-switch .switch-label .tab12 { padding-top: 18px; }

.wrap .sec1 .kv-box2 .kv-switch .switch-label .tab13 { display: none; }

.wrap .sec1 .kv-box2 .kv-switch .switch-info { position: relative; width: 636px; height: 422px; }

.wrap .sec1 .kv-box2 .kv-switch .switch-info .switch-item { width: 636px; height: auto; }

.wrap .sec1 .kv-box2 .kv-switch .switch-info .switch-item .greeting-img { width: 636px; height: 422px; }

.wrap .sec1 .kv-box2 .kv-switch .switch-info .label1, .wrap .sec1 .kv-box2 .kv-switch .switch-info .label2, .wrap .sec1 .kv-box2 .kv-switch .switch-info .label3, .wrap .sec1 .kv-box2 .kv-switch .switch-info .label4, .wrap .sec1 .kv-box2 .kv-switch .switch-info .label5, .wrap .sec1 .kv-box2 .kv-switch .switch-info .label6, .wrap .sec1 .kv-box2 .kv-switch .switch-info .label7, .wrap .sec1 .kv-box2 .kv-switch .switch-info .label8, .wrap .sec1 .kv-box2 .kv-switch .switch-info .label9, .wrap .sec1 .kv-box2 .kv-switch .switch-info .label10, .wrap .sec1 .kv-box2 .kv-switch .switch-info .label11, .wrap .sec1 .kv-box2 .kv-switch .switch-info .label12 { display: none; }

.wrap .sec1 .kv-box2 .kv-switch .switch-info .label1.on, .wrap .sec1 .kv-box2 .kv-switch .switch-info .label2.on, .wrap .sec1 .kv-box2 .kv-switch .switch-info .label3.on, .wrap .sec1 .kv-box2 .kv-switch .switch-info .label4.on, .wrap .sec1 .kv-box2 .kv-switch .switch-info .label5.on, .wrap .sec1 .kv-box2 .kv-switch .switch-info .label6.on, .wrap .sec1 .kv-box2 .kv-switch .switch-info .label7.on, .wrap .sec1 .kv-box2 .kv-switch .switch-info .label8.on, .wrap .sec1 .kv-box2 .kv-switch .switch-info .label9.on, .wrap .sec1 .kv-box2 .kv-switch .switch-info .label10.on, .wrap .sec1 .kv-box2 .kv-switch .switch-info .label11.on, .wrap .sec1 .kv-box2 .kv-switch .switch-info .label12.on { display: block; }

.wrap .sec1 .kv-box2 .kv-switch .switch-info .label13 { display: none; }

.wrap .sec1 .kv-box2 .run-box { margin: 3.33333vw auto 0; width: 577px; height: auto; position: relative; overflow: hidden; }

.wrap .sec1 .kv-box2 .run-box .btn-run-up { display: block; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/btn-run-up.png); background-repeat: no-repeat; background-size: 100% 100%; width: 577px; height: 71px; font-family: "fzyhj"; font-size: 36px; font-weight: normal; font-style: normal; line-height: 72px; color: #fde697; text-align: center; letter-spacing: normal; text-decoration: none; }

.wrap .sec1 .kv-box2 .run-box .run-up-desc { margin: 30px auto 0; width: 260px; height: auto; font-family: "fzyhj"; font-size: 24px; font-weight: normal; font-style: normal; line-height: 31px; color: #892c17; text-align: center; letter-spacing: normal; text-decoration: none; }

.wrap .sec2 { margin-top: 94px; overflow: initial; }

.wrap .sec2 .btn-package-details { display: block; width: 96px; height: auto; position: absolute; top: -44px; right: 31px; bottom: auto; left: auto; transform: none; font-family: "fzyhj"; font-size: 20px; font-weight: normal; font-style: normal; line-height: 1; color: #ffdd8a; text-align: right; letter-spacing: normal; text-decoration: underline; }

.wrap .sec2 .award-box { width: 688px; height: auto; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; flex-direction: row; }

.wrap .sec2 .award-box .award-list { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; flex-direction: row; width: 586px; height: auto; }

.wrap .sec2 .award-box .award-list .award-item { position: relative; overflow: hidden; width: 134px; height: 240px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; flex-direction: column; }

.wrap .sec2 .award-box .award-list .award-item.on .btn-get { display: block; display: block; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/btn-get-on.png); background-repeat: no-repeat; background-size: 100% 100%; width: 134px; height: 55px; color: #ccc; }

.wrap .sec2 .award-box .award-list .award-item .prop-box { position: relative; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/prop-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 134px; height: 175px; }

.wrap .sec2 .award-box .award-list .award-item .prop-box .prop-name { padding-top: 30px; font-family: "fzyhj"; font-size: 16px; font-weight: normal; font-style: normal; line-height: 1; color: #892c17; text-align: center; letter-spacing: normal; text-decoration: none; }

.wrap .sec2 .award-box .award-list .award-item .prop-box .prop-img { position: absolute; top: 0; right: auto; bottom: auto; left: 0; transform: none; width: 134px; height: 175px; }

.wrap .sec2 .award-box .award-list .award-item .btn-get { display: block; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/btn-get.png); background-repeat: no-repeat; background-size: 100% 100%; width: 134px; height: 55px; font-family: "fzyhj"; font-size: 26px; font-weight: normal; font-style: normal; line-height: 55px; color: #ffdd8a; text-align: center; letter-spacing: normal; text-decoration: none; }

.wrap .sec2 .award-box .award-list .award-item .btn-get.on { display: block; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/btn-get-on.png); background-repeat: no-repeat; background-size: 100% 100%; width: 134px; height: 55px; color: #ccc; }

.wrap .sec2 .award-box .btn-share { display: block; box-sizing: border-box; padding: 22px 28px; font-family: "fzyhj"; font-size: 28px; font-weight: normal; font-style: normal; line-height: 1; color: #ffdd8a; text-align: center; letter-spacing: normal; text-decoration: none; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/btn-share.png); background-repeat: no-repeat; background-size: 100% 100%; width: 84px; height: 240px; }

.wrap .sec2 .invite-box { margin: 60px auto 0; box-sizing: border-box; padding-left: 135px; padding-right: 26px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; flex-direction: row; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/invite-box-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 686px; height: 168px; }

.wrap .sec2 .invite-box .btn-invite-friend { display: block; width: 96px; height: auto; }

.wrap .sec2 .invite-box .btn-invite-friend:not(:last-child) { margin-right: 20px; }

.wrap .sec2 .invite-box .btn-invite-friend .friend-bg { margin: 0 auto; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/friend-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 87px; height: 84px; box-sizing: border-box; padding: 10px 11px; }

.wrap .sec2 .invite-box .btn-invite-friend .friend-img { width: 64px; height: 64px; }

.wrap .sec2 .invite-box .btn-invite-friend .friend-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; margin: 14px auto 0; font-family: "Microsoft YaHei"; font-size: 18px; font-weight: normal; font-style: normal; line-height: 1; color: #892c17; text-align: center; letter-spacing: normal; text-decoration: none; }

.wrap .sec3 { margin-top: 77px; }

.wrap .sec3 .btn-into-game { display: block; margin: 0 auto 30px; font-family: "fzyhj"; font-size: 36px; font-weight: normal; font-style: normal; line-height: 71px; color: #fde697; text-align: center; letter-spacing: normal; text-decoration: none; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/btn-into-game.png); background-repeat: no-repeat; background-size: 100% 100%; width: 317px; height: 71px; }

.wrap .sec3 .btn-rule { display: block; font-family: "fzyhj"; font-size: 36px; font-weight: normal; font-style: normal; line-height: 1; color: #892c17; text-align: center; letter-spacing: normal; text-decoration: underline; }

.person-icon { pointer-events: none; position: absolute; top: 620px; right: 2px; bottom: auto; left: auto; transform: none; z-index: 10; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/icon1.png); background-repeat: no-repeat; background-size: 100% 100%; width: 77px; height: 95px; }

.copyright { margin: 0 auto; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/copyright-img.png); background-repeat: no-repeat; background-size: cover; width: 750px; height: 217px; }

/* 通用弹窗样式 */
.pc-visit { display: none; outline: none; position: fixed; height: 100%; width: 100%; left: 0; top: 0; right: 0; bottom: 0; background: #000; z-index: 9997; }

.pc-visit .visit-content { width: 100%; position: absolute; top: 45%; right: auto; bottom: auto; left: 50%; transform: translateX(-50%); }

.pc-visit .visit-content .hyUrlCode { display: block; margin: 0 auto; width: 256px; height: 256px; }

.pc-visit .visit-tips { position: absolute; top: 40%; right: auto; bottom: auto; left: 50%; transform: translateX(-50%); font-family: "Microsoft YaHei"; font-size: 20px; font-weight: normal; font-style: normal; line-height: 1; color: #fff; text-align: center; letter-spacing: normal; text-decoration: none; }

#hyShare { width: 100%; height: 100%; }

#hyShare .dia-bg5 img { position: absolute; top: 0; right: 0; bottom: auto; left: auto; transform: none; width: 626px; height: 485px; }

.screenshots-html { position: absolute; top: 0; right: auto; bottom: auto; left: -100vw; transform: none; margin: 0 auto; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-share-bg.png); background-repeat: no-repeat; background-size: cover; width: 512px; height: 900px; }

.screenshots-html .screenshots-content { position: relative; width: 512px; height: 900px; }

.screenshots-html .screenshots-content .screenshot-img { display: block; position: absolute; top: 383px; right: auto; bottom: auto; left: 50%; transform: translateX(-50%); width: 419px; height: 286px; }

.screenshots-html .screenshots-content .shot-text { position: absolute; top: 762px; right: auto; bottom: auto; left: 48px; transform: none; width: 280px; height: auto; font-family: "fzyhj"; font-size: 20px; font-weight: normal; font-style: normal; line-height: 1; color: #892c17; text-align: left; letter-spacing: normal; text-decoration: none; }

.screenshots-html .screenshots-content .qr-code-box { position: absolute; top: 737px; right: auto; bottom: auto; left: 348px; transform: none; width: 100px; height: 100px; box-sizing: border-box; padding: 10px 10px; }

.screenshots-html .screenshots-content .qr-code-box .qrcode { display: block; width: 80px; height: 80px; }

.dialog { outline: none; margin-top: 0 !important; margin-left: 0 !important; position: fixed; top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%, -50%); }

.dialog .dia-pop-box { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap; flex-direction: row; }

.dialog .dia-con { position: relative; }

.dialog .dia-con .dia-box { width: 100%; height: auto; }

.dialog .dia-con .dia-box .dia-title { margin: 0 auto; }

.dialog .dia-close { display: block; position: absolute; top: 33px; right: 9px; bottom: auto; left: auto; transform: none; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-close.png); background-repeat: no-repeat; background-size: 100% 100%; width: 63px; height: 125px; }

.dialog .dia-bg1 { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg1.png); background-repeat: no-repeat; background-size: 100% 100%; width: 750px; height: 764px; }

.dialog .dia-bg1 .dia-box { padding-top: 108px; }

.dialog .dia-bg1 .dia-box .dia-title { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-title1.png); background-repeat: no-repeat; background-size: 100% 100%; width: 392px; height: 63px; }

.dialog .dia-bg1 .dia-box .info-show { margin: 24px auto 78px; display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; flex-direction: row; width: 650px; height: auto; }

.dialog .dia-bg1 .dia-box .info-show .icon { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg1-icon1.png); background-repeat: no-repeat; background-size: 100% 100%; width: 32px; height: 32px; margin-right: 20px; }

.dialog .dia-bg1 .dia-box .info-show .plat-info { font-family: "fzyhj"; font-size: 24px; font-weight: normal; font-style: normal; line-height: 1; color: #892c17; text-align: left; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg1 .dia-box .info-form { margin: 0 auto 132px; width: 500px; height: auto; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; flex-direction: column; gap: 30px; }

.dialog .dia-bg1 .dia-box .info-form li { position: relative; overflow: hidden; width: 100%; height: 56px; }

.dialog .dia-bg1 .dia-box .info-form li::after { content: ""; display: block; position: absolute; top: 50%; right: 0; bottom: auto; left: auto; transform: translateY(-50%); background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg1-icon2.png); background-repeat: no-repeat; background-size: 100% 100%; width: 18px; height: 13px; }

.dialog .dia-bg1 .dia-box .info-form li select { font-family: "fzyhj"; font-size: 24px; font-weight: normal; font-style: normal; line-height: 1; color: #892c17; text-align: left; letter-spacing: normal; text-decoration: none; width: 100%; height: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border: 0; outline: 0; background: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; }

.dialog .dia-bg1 .dia-box .info-form li select::-webkit-input-placeholder { color: #892c17; }

.dialog .dia-bg1 .dia-box .info-form li select::-moz-placeholder { color: #892c17; }

.dialog .dia-bg1 .dia-box .info-form li select:-ms-input-placeholder { color: #892c17; }

.dialog .dia-bg1 .dia-box .info-form li select::-ms-input-placeholder { color: #892c17; }

.dialog .dia-bg1 .dia-box .info-form li select::placeholder { color: #892c17; }

.dialog .dia-bg1 .dia-box .info-form li select option { background: #ece0c9; color: #892c17; }

.dialog .dia-bg1 .dia-box .btn { display: inline-block; font-family: "fzyhj"; font-size: 36px; font-weight: normal; font-style: normal; line-height: 71px; color: #892c17; text-align: center; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg1 .dia-box .btn-cancel { margin: 0 25px 0 105px; color: #892c17; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg1-btn-bg1.png); background-repeat: no-repeat; background-size: 100% 100%; width: 257px; height: 71px; }

.dialog .dia-bg1 .dia-box .btn-submit { color: #fde697; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg1-btn-bg2.png); background-repeat: no-repeat; background-size: 100% 100%; width: 257px; height: 71px; }

.dialog .dia-bg2 { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg2.png); background-repeat: no-repeat; background-size: 100% 100%; width: 750px; height: 469px; }

.dialog .dia-bg2 .dia-box1 { padding-top: 178px; margin: 0 auto; width: 650px; height: auto; }

.dialog .dia-bg2 .dia-box1 .dia-title { margin: 0 auto; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-title2.png); background-repeat: no-repeat; background-size: 100% 100%; width: 185px; height: 62px; }

.dialog .dia-bg2 .dia-box1 .dia-title-desc { margin: 28px auto 0; font-family: "fzyhj"; font-size: 24px; font-weight: normal; font-style: normal; line-height: 1; color: #892c17; text-align: center; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg2 .dia-box2 { padding-top: 114px; margin: 0 auto; width: 650px; height: auto; }

.dialog .dia-bg2 .dia-box2 .dia-title { margin: 0 auto; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-title3.png); background-repeat: no-repeat; background-size: 100% 100%; width: 188px; height: 59px; }

.dialog .dia-bg2 .dia-box2 .dia-title-desc { margin: 28px auto 56px; font-family: "fzyhj"; font-size: 24px; font-weight: normal; font-style: normal; line-height: 1; color: #892c17; text-align: center; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg2 .dia-box2 .btn-invite { display: block; margin: 0 auto; font-family: "fzyhj"; font-size: 32px; font-weight: normal; font-style: normal; line-height: 71px; color: #fde697; text-align: center; letter-spacing: normal; text-decoration: none; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg3-btn.png); background-repeat: no-repeat; background-size: 100% 100%; width: 577px; height: 71px; }

.dialog .dia-bg2 .dia-box3 { padding-top: 102px; margin: 0 auto; width: 650px; height: auto; }

.dialog .dia-bg2 .dia-box3 .dia-title { margin: 0 auto; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-title5.png); background-repeat: no-repeat; background-size: 100% 100%; width: 182px; height: 59px; }

.dialog .dia-bg2 .dia-box3 .dia-title-desc { margin: 28px auto 56px; width: 360px; height: auto; font-family: "fzyhj"; font-size: 24px; font-weight: normal; font-style: normal; line-height: 34px; color: #892c17; text-align: center; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg2 .dia-box3 .dia-title-desc .prop-name { display: inline-block; }

.dialog .dia-bg2 .dia-box3 .btn-see-date { display: block; margin: 0 auto; font-family: "fzyhj"; font-size: 32px; font-weight: normal; font-style: normal; line-height: 71px; color: #fde697; text-align: center; letter-spacing: normal; text-decoration: none; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg4-btn.png); background-repeat: no-repeat; background-size: 100% 100%; width: 477px; height: 71px; }

.dialog .dia-bg2 .dia-box4 { padding-top: 112px; margin: 0 auto; width: 650px; height: auto; }

.dialog .dia-bg2 .dia-box4 .dia-title { margin: 0 auto; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-title4.png); background-repeat: no-repeat; background-size: 100% 100%; width: 185px; height: 56px; }

.dialog .dia-bg2 .dia-box4 .dia-title-desc { margin: 28px auto 56px; font-family: "fzyhj"; font-size: 24px; font-weight: normal; font-style: normal; line-height: 1; color: #892c17; text-align: center; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg2 .dia-box4 .btn-get-new-year-gift { display: block; margin: 0 auto; font-family: "fzyhj"; font-size: 32px; font-weight: normal; font-style: normal; line-height: 71px; color: #fde697; text-align: center; letter-spacing: normal; text-decoration: none; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg4-btn.png); background-repeat: no-repeat; background-size: 100% 100%; width: 477px; height: 71px; }

.dialog .dia-bg2 .dia-box5 { padding-top: 0 !important; margin: 0 auto; width: 650px; height: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; flex-direction: row; }

.dialog .dia-bg2 .dia-box5 p { margin: 0 auto; width: 80%; height: auto; font-family: "fzyhj"; font-size: 24px; font-weight: normal; font-style: normal; line-height: 1; color: #892c17; text-align: center; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg2 .dia-box6 { padding-top: 158px; margin: 0 auto; width: 650px; height: auto; }

.dialog .dia-bg2 .dia-box6 .dia-title-desc { margin: 0 auto 56px; font-family: "fzyhj"; font-size: 24px; font-weight: normal; font-style: normal; line-height: 34px; color: #892c17; text-align: center; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg2 .dia-box6 .btn-goto { display: block; margin: 0 auto; font-family: "fzyhj"; font-size: 30px; font-weight: normal; font-style: normal; line-height: 71px; color: #fde697; text-align: center; letter-spacing: normal; text-decoration: none; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg1-btn-bg2.png); background-repeat: no-repeat; background-size: 100% 100%; width: 257px; height: 71px; }

.dialog .dia-bg3 { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg3.png); background-repeat: no-repeat; background-size: 100% 100%; width: 750px; height: 595px; }

.dialog .dia-bg3 .dia-box { padding-top: 93px; margin: 0 auto; width: 580px; height: auto; }

.dialog .dia-bg3 .dia-box .dia-title { margin: 0 auto 30px; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-title6.png); background-repeat: no-repeat; background-size: 100% 100%; width: 177px; height: 62px; }

.dialog .dia-bg3 .dia-box .prop-table { margin: 0 auto; width: 580px; height: auto; position: relative; overflow: hidden; }

.dialog .dia-bg3 .dia-box .prop-table .tr1 { width: 580px; height: 50px; }

.dialog .dia-bg3 .dia-box .prop-table .tr1 td { font-family: "fzyhj"; font-size: 20px; font-weight: normal; font-style: normal; line-height: 50px; color: #892c17; text-align: center; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg3 .dia-box .prop-table .tr2 { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; font-family: "Microsoft YaHei"; font-size: 20px; font-weight: normal; font-style: normal; line-height: 50px; color: #892c17; text-align: center; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg3 .dia-box .prop-table .tr2 .td1 { width: 186px; height: 50px; }

.dialog .dia-bg3 .dia-box .prop-table .tr2 .td2 { width: 394px; height: 50px; text-align: left; box-sizing: border-box; padding-left: 26px; }

.dialog .dia-bg3 .dia-box .prop-table .tr2:last-child { height: 72px; line-height: 28px; }

.dialog .dia-bg3 .dia-box .prop-table .tr3 .td1 { height: 72px; line-height: 72px; }

.dialog .dia-bg4 { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg4.png); background-repeat: no-repeat; background-size: 100% 100%; width: 750px; height: 1060px; }

.dialog .dia-bg4 .dia-box { padding-top: 96px; margin: 0 auto; width: 650px; height: auto; }

.dialog .dia-bg4 .dia-box .dia-title { margin: 0 auto; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-title7.png); background-repeat: no-repeat; background-size: 100% 100%; width: 180px; height: 55px; }

.dialog .dia-bg4 .dia-box .rule-box { margin: 16px auto 0; width: 632px; height: auto; max-height: 810px; overflow-x: hidden; overflow-y: auto; direction: ltr; scrollbar-color: #9cdeff; scrollbar-width: thin; cursor: pointer; }

.dialog .dia-bg4 .dia-box .rule-box::-webkit-scrollbar { width: 12px; height: 252px; }

.dialog .dia-bg4 .dia-box .rule-box::-webkit-scrollbar-track { width: 12px; border-radius: 6px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); background: #e1d3b8; }

.dialog .dia-bg4 .dia-box .rule-box::-webkit-scrollbar-thumb { border-radius: 6px; background-image: -webkit-gradient(linear, left bottom, left top, from(#892c17), color-stop(99%, #9cdeff)); background-image: linear-gradient(0deg, #892c17 0%, #892c17 99%); -webkit-box-shadow: inset 2px 2px 5px 0 rgba(137, 44, 23, 0.5); box-shadow: inset 2px 2px 5px 0 rgba(137, 44, 23, 0.5); }

.dialog .dia-bg4 .dia-box .rule-box .rule-info { width: 616px; height: auto; box-sizing: border-box; padding: 0 34px; }

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent1 { width: 100%; height: auto; }

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent1 .sub-title { font-family: "fzyhj"; font-size: 24px; font-weight: normal; font-style: normal; line-height: 1; color: #892c17; text-align: left; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent1 .rule-cent-info { margin-top: 28px; padding-left: 15px; }

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent1 .rule-cent-info li { font-family: "Microsoft YaHei"; font-size: 20px; font-weight: normal; font-style: normal; line-height: 28px; color: #892c17; text-align: left; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent1 .rule-cent-info li:not(:last-child) { margin-bottom: 26px; }

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent2 { margin-top: 66px; width: 100%; height: auto; }

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent2 .sub-title { font-family: "fzyhj"; font-size: 24px; font-weight: normal; font-style: normal; line-height: 1; color: #892c17; text-align: left; letter-spacing: normal; text-decoration: none; margin-bottom: 34px; }

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent2 .prop-table { margin: 0 auto; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg4-tab.png); background-repeat: no-repeat; background-size: 100% 100%; width: 545px; height: 564px; position: relative; overflow: hidden; }

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent2 .prop-table .tr1 { width: 545px; height: 50px; }

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent2 .prop-table .tr1 td { font-family: "fzyhj"; font-size: 20px; font-weight: normal; font-style: normal; line-height: 50px; color: #892c17; text-align: center; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent2 .prop-table .tr2 { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; font-family: "Microsoft YaHei"; font-size: 20px; font-weight: normal; font-style: normal; line-height: 50px; color: #892c17; text-align: center; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent2 .prop-table .tr2 .td1 { width: 184px; height: 50px; }

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent2 .prop-table .tr2 .td2 { width: 361px; height: 50px; text-align: left; box-sizing: border-box; padding-left: 26px; }

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent2 .prop-table .tr3 .td1 { height: 74px; line-height: 74px; }

.dialog .dia-bg4 .dia-box .rule-box .rule-info .rule-cent2 .prop-table .tr3 .td2 { padding-top: 10px; height: 74px; line-height: 28px; }

.dialog .dia-bg6 { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg5.png); background-repeat: no-repeat; background-size: 100% 100%; width: 750px; height: 764px; }

.dialog .dia-bg6 .dia-box { padding-top: 122px; margin: 0 auto; width: 650px; height: auto; }

.dialog .dia-bg6 .dia-box .dia-title { margin: 0 auto; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-title8.png); background-repeat: no-repeat; background-size: 100% 100%; width: 593px; height: 60px; }

.dialog .dia-bg6 .dia-box .dia-title-desc { margin: 24px auto 60px; font-family: "fzyhj"; font-size: 24px; font-weight: normal; font-style: normal; line-height: 1; color: #892c17; text-align: center; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg6 .dia-box .code-box { margin-left: 200px; width: 269px; height: 269px; }

.dialog .dia-bg6 .dia-box .code-box .hyUrlCode { margin: 0 auto; box-sizing: border-box; padding: 16px 16px; width: 100%; height: 100%; }

.dialog .dia-bg6 .dia-box .dia-text-tips { margin: 50px auto 0; font-family: "fzyhj"; font-size: 20px; font-weight: normal; font-style: normal; line-height: 1; color: rgba(137, 44, 23, 0.8); text-align: center; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg7 { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-login-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 750px; height: 469px; }

.dialog .dia-bg7 .dia-box { width: 276px; height: 106px; box-sizing: content-box; padding-top: 239px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; }

.dialog .dia-bg7 .dia-box .login-wx, .dialog .dia-bg7 .dia-box .login-qq { display: block; font-size: 0; width: 106px; height: 106px; }

.dialog .dia-bg8 { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg6.png); background-repeat: no-repeat; background-size: 100% 100%; width: 750px; height: 764px; }

.dialog .dia-bg8 .dia-box { padding-top: 103px; margin: 0 auto; width: 650px; height: auto; }

.dialog .dia-bg8 .dia-title { margin: 0 auto; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-title9.png); background-repeat: no-repeat; background-size: 100% 100%; width: 179px; height: 60px; }

.dialog .dia-bg8 .recent-box { margin: 54px auto 0; width: 508px; height: auto; max-height: 280px; overflow-x: hidden; overflow-y: auto; direction: ltr; scrollbar-color: #9cdeff; scrollbar-width: thin; cursor: pointer; }

.dialog .dia-bg8 .recent-box::-webkit-scrollbar { width: 2px; height: 16px; }

.dialog .dia-bg8 .recent-box::-webkit-scrollbar-track { border-radius: 2px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #fde697; }

.dialog .dia-bg8 .recent-box::-webkit-scrollbar-thumb { border-radius: 2px; background-image: -webkit-gradient(linear, left bottom, left top, from(#892c17), color-stop(99%, #892c17)); background-image: linear-gradient(0deg, #892c17 0%, #892c17 99%); -webkit-box-shadow: inset 2px 2px 5px 0 rgba(137, 44, 23, 0.5); box-shadow: inset 2px 2px 5px 0 rgba(137, 44, 23, 0.5); }

.dialog .dia-bg8 .recent-box .recent-list { width: 504px; height: auto; }

.dialog .dia-bg8 .recent-box .recent-list li { width: 504px; height: 92px; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; }

.dialog .dia-bg8 .recent-box .recent-list li.on .select-icon { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg1-icon3-on.png); background-repeat: no-repeat; background-size: 100% 100%; width: 36px; height: 34px; }

.dialog .dia-bg8 .recent-box .recent-list li .recent-text { width: 466px; height: 92px; }

.dialog .dia-bg8 .recent-box .recent-list li .recent-text em { display: block; padding-top: 26px; font-family: "fzyhj"; font-size: 24px; font-weight: normal; font-style: normal; line-height: 1; color: #892c17; text-align: left; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg8 .recent-box .recent-list li .recent-text span { display: block; padding-top: 8px; font-family: "fzyhj"; font-size: 20px; font-weight: normal; font-style: normal; line-height: 1; color: rgba(137, 44, 23, 0.8); text-align: left; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg8 .recent-box .recent-list li .select-icon { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg1-icon3.png); background-repeat: no-repeat; background-size: 100% 100%; width: 36px; height: 34px; }

.dialog .dia-bg8 .btn-box { margin: 104px auto 0; width: 546px; height: 71px; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; }

.dialog .dia-bg8 .btn-box a { display: block; font-family: "fzyhj"; font-size: 30px; font-weight: normal; font-style: normal; line-height: 71px; color: #fde697; text-align: center; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg8 .btn-box .btn-select { color: #892c17; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg1-btn-bg1.png); background-repeat: no-repeat; background-size: 100% 100%; width: 277px; height: 71px; }

.dialog .dia-bg8 .btn-box .btn-sure { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg1-btn-bg2.png); background-repeat: no-repeat; background-size: 100% 100%; width: 257px; height: 71px; }

.dialog .dia-bg9 { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg7.png); background-repeat: no-repeat; background-size: 100% 100%; width: 750px; height: 764px; }

.dialog .dia-bg9 .dia-box { padding-top: 98px; margin: 0 auto; width: 650px; height: auto; }

.dialog .dia-bg9 .dia-box .dia-title { margin: 0 auto; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-title10.png); background-repeat: no-repeat; background-size: 100% 100%; width: 593px; height: 60px; }

.dialog .dia-bg9 .dia-box .dia-title-desc { display: none; }

.dialog .dia-bg9 .dia-box .select-list { margin: 55px auto 0; width: 504px; height: auto; }

.dialog .dia-bg9 .dia-box .select-list li { display: flex !important; position: relative; width: 504px; height: 70px; display: flex !important; justify-content: flex-start; align-items: center; flex-wrap: nowrap; flex-direction: row; }

.dialog .dia-bg9 .dia-box .select-list li::after { content: ''; display: flex !important; position: absolute; top: 50%; right: 0; bottom: auto; left: auto; transform: translateY(-50%); background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg1-icon2.png); background-repeat: no-repeat; background-size: 100% 100%; width: 18px; height: 13px; }

.dialog .dia-bg9 .dia-box .select-list li span { display: block; width: 66px; height: 70px; font-family: "fzyhj"; font-size: 24px; font-weight: normal; font-style: normal; line-height: 70px; color: #892c17; text-align: left; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg9 .dia-box .select-list li select { display: block; width: 438px; height: 70px; font-family: "Microsoft YaHei"; font-size: 24px; font-weight: normal; font-style: normal; line-height: 70px; color: rgba(137, 44, 23, 0.8); text-align: left; letter-spacing: normal; text-decoration: none; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border: 0; outline: 0; background: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; }

.dialog .dia-bg9 .dia-box .select-list li select::-webkit-input-placeholder { color: #892c17; }

.dialog .dia-bg9 .dia-box .select-list li select::-moz-placeholder { color: #892c17; }

.dialog .dia-bg9 .dia-box .select-list li select:-ms-input-placeholder { color: #892c17; }

.dialog .dia-bg9 .dia-box .select-list li select::-ms-input-placeholder { color: #892c17; }

.dialog .dia-bg9 .dia-box .select-list li select::placeholder { color: #892c17; }

.dialog .dia-bg9 .dia-box .select-list li select option { background: #ece0c9; color: #892c17; }

.dialog .dia-bg9 .dia-box .btn-role { display: block; margin: 102px auto 0; font-family: "fzyhj"; font-size: 30px; font-weight: normal; font-style: normal; line-height: 71px; color: #fde697; text-align: center; letter-spacing: normal; text-decoration: none; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg1-btn-bg2.png); background-repeat: no-repeat; background-size: 100% 100%; width: 257px; height: 71px; }

.dialog .dia-bg10 { position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; }

.dialog .dia-bg10 .share-screenshots-image { width: 512px; height: 900px; }

.dialog .dia-bg10 .tips-text { margin: 30px auto 0; font-family: "fzyhj"; font-size: 24px; font-weight: normal; font-style: normal; line-height: 1.2; color: #fff; text-align: center; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg12 { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg8.png); background-repeat: no-repeat; background-size: 100% 100%; width: 750px; height: 564px; }

.dialog .dia-bg12 .dia-box { padding-top: 132px; margin: 0 auto; width: 650px; height: auto; }

.dialog .dia-bg12 .dia-box .dia-title { margin: 0 auto; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-title11.png); background-repeat: no-repeat; background-size: 100% 100%; width: 180px; height: 64px; }

.dialog .dia-bg12 .dia-box .dia-text1 { margin: 44px auto 0; font-family: "fzyhj"; font-size: 24px; font-weight: normal; font-style: normal; line-height: 1; color: #892c17; text-align: center; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg12 .dia-box .dia-text { margin: 19px auto 0; font-family: "fzyhj"; font-size: 24px; font-weight: normal; font-style: normal; line-height: 1; color: #892c17; text-align: center; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg12 .dia-box .dia-btn-box { margin: 58px auto 0; width: 548px; height: 71px; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; }

.dialog .dia-bg12 .dia-box .dia-btn-box a { display: block; font-family: "fzyhj"; font-size: 30px; font-weight: normal; font-style: normal; line-height: 71px; color: #fde697; text-align: center; letter-spacing: normal; text-decoration: none; }

.dialog .dia-bg12 .dia-box .dia-btn-box .btn-other-area { color: #892c17; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg1-btn-bg1.png); background-repeat: no-repeat; background-size: 100% 100%; width: 277px; height: 71px; }

.dialog .dia-bg12 .dia-box .dia-btn-box .btn-sure-role { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg1-btn-bg2.png); background-repeat: no-repeat; background-size: 100% 100%; width: 257px; height: 71px; }

.dialog .dia-bg13 { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg9.png); background-repeat: no-repeat; background-size: 100% 100%; width: 750px; height: 469px; }

.dialog .dia-bg13 .dia-box { padding-top: 238px; margin: 0 auto; width: 650px; height: auto; }

.dialog .dia-bg13 .dia-box .btn-box { margin: 0 auto; width: 278px; height: 134px; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; }

.dialog .dia-bg13 .dia-box .btn-box a { display: block; width: 106px; height: 134px; }

.dialog .dia-bg14 { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg10.png); background-repeat: no-repeat; background-size: 100% 100%; width: 750px; height: 469px; }

.dialog .dia-bg14 .dia-box { padding-top: 238px; margin: 0 auto; width: 650px; height: auto; }

.dialog .dia-bg14 .dia-box .btn-box { margin: 0 auto; width: 278px; height: 134px; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; }

.dialog .dia-bg14 .dia-box .btn-box a { display: block; width: 106px; height: 134px; }

.dialog .dia-bg15 { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-bg8.png); background-repeat: no-repeat; background-size: 100% 100%; width: 750px; height: 564px; }

.dialog .dia-bg15 .dia-box { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; margin: 0 auto; width: 650px; height: 100%; }

.dialog .dia-bg15 .dia-box .code-box { width: 220px; height: 220px; margin: 0 auto; }

.dialog .dia-bg15 .dia-box .code-box .hyUrlCode { width: 220px; height: 220px; }

.dialog .dia-bg15 .dia-box .dia-text-tips { margin: 20px auto 0; font-family: "fzyhj"; font-size: 34px; font-weight: normal; font-style: normal; line-height: 1; color: #892c17; text-align: center; letter-spacing: normal; text-decoration: none; }

#hyGameOpenReturn { display: block; position: fixed; top: 80px; right: 0; bottom: auto; left: auto; transform: none; background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/dia-btn-back.png); background-repeat: no-repeat; background-size: 100% 100%; width: 63px; height: 120px; z-index: 10; }

.amsdialog_modal { transform: scale(2); }

@keyframes gradientChange { 0% { background-image: url(//game.gtimg.cn/images/hyrz/cp/a20230101festival/sp-gradient.jpg);
    background-repeat: no-repeat;
    background-size: 3000px 748px;
    width: 750px;
    height: 748px; }
  33.3% { background-position: -750px 0px; }
  66.6% { background-position: -1500px 0px; }
  100% { background-position: -2250px 0px; } }