/* reset */
html,body,div,p,ul,li,dl,dt,dd,em,i,span,a,img,input,h1,h2,h3,h4,h5 {margin:0;padding:0}
a,img,input {border:none;}
body{font: 14px/1.75  -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-tap-highlight-color: rgba(0,0,0,0);}
a {text-decoration:none;}
ul,li{list-style: none}
a, img {-webkit-touch-callout: none; /* 禁止长按链接与图片弹出菜单，根据需要选择是否删除 */}
html, body {
    -webkit-user-select: none;   /* 禁止选中文本（如无文本选中需求，此为必选项?? */
    user-select: none;
    width: 100%;
    height: 100%;
    padding-top:0 !important;
}
/* reset end */
div{
    -webkit-tap-highlight-color: transparent;
  -webkit-appearance:none;
}




*:focus {
    outline: none;
}

@font-face {
    font-family: syst;
    font-weight: bold;
    text-rendering: optimizeLegibility;
    font-style: normal;
    src:
        url('//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/font/SourceHanSerifCN-Bold.ttf.eot?#font-spider') format('embedded-opentype'),
        url('//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/font/SourceHanSerifCN-Bold.ttf.woff') format('woff'),
        url('//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/font/SourceHanSerifCN-Bold.ttf') format('truetype'),
        url('//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/font/SourceHanSerifCN-Bold.ttf.svg') format('svg');
}
@font-face {
    font-family: syst;
    font-weight: 600;
    text-rendering: optimizeLegibility;
    font-style: normal;
    src:
        url('//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/font/SourceHanSerifCN-SemiBold.ttf.eot?#font-spider') format('embedded-opentype'),
        url('//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/font/SourceHanSerifCN-SemiBold.ttf.woff') format('woff'),
        url('//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/font/SourceHanSerifCN-SemiBold.ttf') format('truetype'),
        url('//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/font/SourceHanSerifCN-SemiBold.ttf.svg') format('svg');
}


.pc{
    display: none !important;
}
@media (max-width: 1024px) {
    html,body {
        max-width: 1024px;
    }
}

.highlight{color: #fff21d;font-style: normal;}

/* 主体区域 */
.wrap{
    position: relative;
    width: 750px;
    height: 5072px;
    background-size: 750px 5072px;
    overflow: hidden;
}

.login {
    line-height: 30px;
}

/* 头部区域 start */
.kv{
    padding-top: 612px;
    width: 100%;
    height: 922px;
    text-align: center;
    font-size: 20px;
    color: #3e3e3e;
    box-sizing: border-box;
}
.go-box{
    position: absolute;
    top: 65px;
    right: 10px;
    display: flex;
    justify-content: space-between;
    width: 480px;
}
.btn-go-home{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/header-nav1.png) no-repeat;
    width: 147px;
    height: 44px;
    display: block;
    background-size: 100% 100%;
}
.btn-zl-home{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/header-nav2.png) no-repeat;
    width: 147px;
    height: 44px;
    display: block;
    background-size: 100% 100%;
}
.btn-xz-game{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/header-nav3.png) no-repeat;
    width: 147px;
    height: 44px;
    display: block;
    background-size: 100% 100%;
}
.logo{
    background:url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/logo.png) no-repeat;
    width: 200px;
    height: 200px;
    position: absolute;
    top: 22px;
    left: 16px;
    background-size: 100% 100%;
    display: block;
}
.kv-login{
    font-size: 25px;
    line-height: 22px;
    position: absolute;
    top: -248px;
    width: 100%;
    text-align: center;
    color: #038be4;
}
.kv-login a{
    color: #038be4;
    font-size: 25px;
}

.kv-time{
    position: relative;
    left: 10px;
    margin: 22px auto 0;
    width: 628px;
    font-family: syst;
    font-weight: bold;

    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    font-size: 22px;
    color: #FFFFFF;
    text-align: center;
    top: -650px;

    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/header-subtitle.png) no-repeat center;
    box-sizing: border-box;
}
/* 头部区域 end */



/* 课程区域 start */
.main-learn{
    padding-top: 48px;
    width: 100%;
    height: 2260px;
    margin: auto;
    box-sizing: border-box;
}
.learn-title{
    margin:0 auto 0;
    width: 540px;
    height: 117px;
    display: block;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/title-1.png) no-repeat;
}
.learn-txt{
    margin: 2px auto 10px;
    width: 680px;
    font-family: syst;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #edeeff;
    text-align: center;
}
.learn-box{
    margin: 0 auto 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    box-sizing: border-box;
}
.learn-cout{
    width: 225px;
    margin: 0 10px;
}
.learn-cout-info{
    margin: 0 auto;
    padding-top: 48px;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/box-1.png) no-repeat;
    width: 209px;
    height: 359px;
    box-sizing: border-box;
    position: relative;
}
.learn-cout-info.win::before{
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    width: 73px;
    height: 75px;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/success.png) no-repeat;
    background-size: 100% 100%;
    z-index: 100;
}
.learn-cout-info .tit{
    position: relative;
    font-family: syst;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    margin-bottom: 6px;
    letter-spacing: 4px;
    color: #fff4df;
}

.learn-cout-info .tit span {
    position: relative;
}

.learn-cout-info .tit span::before, .learn-cout-info .tit span::after {
    content: '';
    display: block;
    position: absolute;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/stars.png) no-repeat;
    background-position: -32px 0;
    z-index: 9990;
    width: 14px;
    height: 14px;
}

.learn-cout-info .tit span::before{
    top: 16px;
    left: -22px;
}
.learn-cout-info .tit span::after{
    top: 16px;
    right: -19px;
    transform: rotate(180deg);
}

.learn-cout-info img{

    margin: auto;
    width: 180px;
    display: block;
    margin: 0 auto;
}
.learn-cout-info .txt{
    font-family: syst;
    font-weight: 600;
    font-size: 18px;
    position: absolute;
    bottom: 48px;
    width: 100%;
    text-align: center;
    color: #ffffff;
    text-align: center
}
.learn-btn-box{
    display: flex;
    justify-content: space-around;
    width: 255px;
    column-gap: 0px;
    margin-bottom: 20px;
    margin-left: -20px;
}

.btn-lq{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/btn-2.png);
    width: 116px;
    height: 30px;
    display: block;
    border-radius: 5px;
}
.learn-box-2{
    width: 520px;
}

.learn-xkt{
    margin-top: 64px;
}
.learn-xbt{
    margin: auto;
    display: block;
    width: 434px;
    height: 61px;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/subtitle-1.png) no-repeat;
    background-size: 100% 100%;
}
.xkt-cout{
    margin: 36px auto 0;
    display: flex;
    justify-content: space-between;
    width: 740px;
    font-family: yh;
    font-size: 22px;
    color: #e5f2ff;
    text-align: center;
}

.xkt-name{
    font-size: 22px;
    font-family: syst;
    font-weight: 600;
    color: #412fbd;
}

/* 答题抽奖 start */
.main-answer{
    padding-top: 34px;
    width: 100%;
    height: 1890px;
    box-sizing: border-box;
}
.main-answer .answer-title{
    margin: 0 auto 0;
    display:block;
    width: 730px;
    height: 117px;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/title-2.png) no-repeat;
    background-size: 100% 100%;
}
.main-answer .answer-txt{
    margin: 10px auto 5px;
    font-family: syst;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    color: #edeeff;
    text-align: center;
}
.answer-box{
    position: relative;
    padding: 35px 64px 46px 62px;
    display: block;
    width: 786px;
    height: 368px;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/box-3.png) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    /*overflow: hidden;*/
}
.answer-box:before{
    content: "";
    position: absolute;
    right: -80px;
    bottom: -57px;
    width: 365px;
    height: 270px;
    transform: scale(0.6);
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/role-zy.png);
}
.answer-box ul li:hover{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/answer-bg2.png) no-repeat;
}
.answer-box .answer-bt{
    margin: 12px 20px 20px 15px;
    color: #4b52bb;
    font-size: 20px;
    font-family: syst;
    font-weight: bold;
    line-height: 23px;
}
.answer-box ul li{
    margin-left: 20px;
    margin-bottom: 12px;
    width: 482px;
    height: 36px;
    font-size: 18px;
    line-height: 35px;
    cursor: pointer;
    color: #4b52bb;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/answer-bg.png) no-repeat;
    box-sizing: border-box;
    font-family: syst;
    font-weight: bold;
}

.answer-box ul li p{
    width: 100%;
    margin: auto;
    height: 100%;
    padding-left: 42px;
    box-sizing: border-box;
}
.answer-info{
    margin-top: 10px;
    margin-left: 35px;
    width: 665px;
    font-family: syst;
    font-weight: 600;
    color: #e5e0fe;
    font-size: 18px;
}
.answer-info p {
    position: relative;
}

.answer-info p::before {
    content: '';
    position: absolute;
    top: 9px;
    left: -20px;
    width: 14px;
    height: 14px;
    background-image: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/stars.png);
    background-position: -16px 0;
}

.answer-info .title {
    color: #fffdab;
}

.answer-btn-box{
    width: 576px;
    margin: 10px auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#getGiftPageContent_1090843{
    color: #ae401d;
    font-size: 20px;
    text-align: center;
    margin-top: 15px;
}
#getGiftPageContent_1090843 span{
    color: #ae401d;
     font-size: 20px;
}

#getGiftPageContent_1090843 a{
      color: #ae401d;
     font-size: 20px;
}
.answer-btn-box .btn-info-tx{
    display: block;
    width: 274px;
    height: 46px;
    font-size: 0;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/btn-info.png) no-repeat;
    background-size: 100% 100%;
}
.answer-btn-box .btn-hj-cx{
    width: 274px;
    height: 46px;
    display: block;
    font-size: 0;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/btn-record.png);
    background-size: 100% 100%;
}

/* 抽奖 */
.answer-lotter{
    margin: 200px auto 0;
    position: relative;
    width: 694px;
    height: 530px;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/lotter.png) no-repeat;
    background-size: 100% 100%;
}
.lottery{
    position: relative;
    z-index: 2;
}
.answer-lotter .answer{
    padding-top: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 170px;
    height: 137px;
    z-index: 3;
    box-sizing: border-box;
}
.answer-lotter .answer img{
    display: block;
    object-fit: contain;
    transform: translateY(6px) scale(0.6);
    max-width: fit-content;
}
.answer .award-img {
    width: 100%;
    height: 82px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.answer-lotter .answer span{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    line-height: 17px;
    text-align: center;
    font-size: 18px;
    font-family: syst;
    font-weight: 600;
    color: #eeedfb;
    height: 38px;
    margin-bottom: 2px;
}

.answer-lotter .answer:nth-of-type(1){  top: 0; left: 0;}
.answer-lotter .answer:nth-of-type(2){  top: 0; left: 175px;}
.answer-lotter .answer:nth-of-type(3){  top: 0; left: 350px;}
.answer-lotter .answer:nth-of-type(4){  top: 0; left: 525px;}
.answer-lotter .answer:nth-of-type(5){  top: 132px; left: 0;}
.answer-lotter .answer:nth-of-type(6){  top: 132px; left: 175px;}
.answer-lotter .answer:nth-of-type(7){  top:  132px; left: 350px;}
.answer-lotter .answer:nth-of-type(8){  top: 132px; left: 525px;}
.answer-lotter .answer:nth-of-type(9){  top: 262px; left: 0px;}
.answer-lotter .answer:nth-of-type(10){  top: 262px; left: 175px;}
.answer-lotter .answer:nth-of-type(11){  top: 262px; left: 350px;}
.answer-lotter .answer:nth-of-type(12){  top: 262px; left: 525px;}
.answer-lotter .answer:nth-of-type(13){  top: 392px; left: 0;}
.answer-lotter .answer:nth-of-type(14){  top: 392px; left: 175px;}
.answer-lotter .answer:nth-of-type(15){  top: 392px; left: 350px;}
.answer-lotter .answer:nth-of-type(16){  top: 392px; left: 525px;}

.answer-lotter .answer:nth-of-type(9) img,
.answer-lotter .answer:nth-of-type(10) img{
    transform: translateY(9px) scale(0.5);
}

.answer:nth-of-type(2) span {
    width: 107px;
}
.answer:nth-of-type(10) span {
    width: 108px;
}

.answer:nth-of-type(9) span,
.answer:nth-of-type(16) span {
    width: 127px;
}

.btn-lotter{
    margin: auto;
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: absolute;
    top: -617px;
    right: 0;
    bottom: 0;
    left: 0;
    width:250px;
    height:69px;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/btn-lotter.png) no-repeat;
    background-size: 100% 100%;
    text-decoration: none;
    line-height: 20px;
}
.btn-lotter:hover{
    filter: brightness(1.1);
}
.btn-lotter .start-text{
    font-size: 26px;
    color: #805327;
    width: 100%;
    text-align: center;
    font-family: syst;
    font-weight: bold;
    /* 设置背景为线性渐变 */
    background-image: linear-gradient(to bottom, #805327, #bb7d42);

    /* 文字裁剪为背景图 */
    -webkit-background-clip: text;
    
    /* 文字颜色设为透明，显示背景图 */
    color: transparent;

    /* 可选：增强渲染效果 */
    -webkit-text-fill-color: transparent;
}
.btn-lotter-txt{
    color: #805327;
    font-family: syst;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin-top: 7px;
}

.addressBook{
    width: 665px;
    height: 546px;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/tc-info.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    margin: 0 !important;
    padding: 35px 30px 20px 29px;
}
.addressBook-tit{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/tc-info-title.png) no-repeat;
    width: 312px;
    background-size: 100% 100%;
    height: 28px;
    display: block;
    margin: 18px auto;
}

.addressBook-box{
    position: relative;
    width: 565px;
    margin: 15px auto 28px;
}
.addressBook-box>div{
    width: 530px;
    margin:0 auto 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.addressBook-box input{
    width: 422px;
    height: 35px;
    padding-left: 20px;
    font-family: syst;
    font-weight: 600;
    font-size: 18px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    outline: none;
    border: none;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/input-bg.png) no-repeat center;
    color: #a59df4;
    text-decoration: none;
    box-sizing: border-box;
}
.addressBook-box select{
    width: 422px;
    height: 35px;
    padding-left: 20px;
    font-family: syst;
    font-weight: 600;
    font-size: 18px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    outline: none;
    border: none;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/sel.png) no-repeat center;

    color: #a59df4;
    text-decoration: none;
    box-sizing: border-box;
}



.addressBook-box select{
    color: #a59df4;
}
.addressBook-box input::placeholder {
    color: #a59df4; /* 将placeholder的颜色改为灰?? */
}
.addressBook-name{
    font-family: syst;
    font-weight: bold;
    font-size: 20px;
    color: #6256db;
    width: 100px;
    text-align: center;
    display: block;
}


.winningRecords{
    width: 665px;
    height: 420px;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/tc-record.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    padding: 32px 30px 20px 28px;
    transform:translate(-50%,-50%);
    margin: 0!important;
    background-size: 100% 100%;
}
.winningRecords-tit{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/tc-record-title.png) no-repeat;
    background-size: 100% 100%;
    width: 197px;
    height: 27px;
    display: block;
    margin: 18px auto 15px;
}

.winningRecords-box{
    margin: 0 auto;
    margin-top: 20px;
    width: 583px;
    height: 253px;
    position: relative;
    overflow: hidden;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/winningRecords-box.png) no-repeat;
}
.wr-cont-foot {
    font-family: syst;
    font-weight: 600;
    color: #6256db;
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
}

.wr-cont-foot a {
    color: inherit;
}

.wr-cont-top .dialog-history__li{
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 20px;
}

.dialog-history__li > div,
.wr-cout-box .row > div {
    width: 25%;
}

.wr-cout-box div,
.wr-cont-top div{
    height: 50px;
    line-height: 50px;
    font-family: syst;
    color: #6256db;
    font-size: 18px;
    text-align: center;
    border-bottom: none;
    box-sizing: border-box;
}
.wr-cont-top div:nth-child(1) {
    border-radius: 15px 0px 0px 0px;
}
.wr-cont-top div:nth-child(4) {
    border-radius: 0px 15px 0px 0;
}
div::-webkit-scrollbar{
    display:none
}

.wr-cout-box div{
    display: flex;
    height: 50px !important;
    /*margin: 0;*/
    /*box-sizing: border-box;*/
}
.wr-cout-box div{
    height: 50px;
    font-size: 20px;
    line-height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/close.png) no-repeat;
    background-size: 100% 100%;
    width: 32px;
    height: 31px;
    position: absolute;
    transform: scale(0.7);
    right: 40px;
    top: 47px;
    display: block;
    z-index: 999;

}
.popAnswer .close{
    right: 50px;
    top: 50px;
}

.popInfo{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}
.popInfoBox{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/tc-msg.png) no-repeat;
    background-size: 100% 100%;
    width: 665px;
    height: 301px;
    padding: 33px 30px 20px 30px;
    box-sizing: border-box;
    line-height: 40px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.popInfoBox-div{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.popInfo-tit{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/popInfo-tit.png) no-repeat;
    width: 197px;
    height: 27px;
    background-size: 100% 100%;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}
.info-txt{
    font-family: syst;
    font-weight: 600;
    font-size: 18px;
    color: #6256db;
    width: 100%;
    text-align: center;
    padding-left: 23px;
    padding-right: 23px;
    box-sizing: border-box;
}
video::-webkit-media-controls{
    display:none !important;
}
.btn-submit{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/btn-tc-submitt.png) no-repeat;
    width: 253px;
    height: 50px;
    display: block;
    margin: 0 auto;
    background-size: 100% 100%;
}
.cartoon{
    width: 488px;
    height: 1056px;
    position: relative;
}

.cartoon video{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 999;
    display: block;
}



#tgTB{display: none;}
#afooter{
    background-color: #191219;
    text-align: center;
    font-size:22px;
    padding:22px 0;
    display: none;}
#afooter, #afooter a{color: #c0c0c0;text-decoration: none;}
/* 图片分离路径示例 */
/* .bg{background-image: url(//game.gtimg.cn/images/lol/act/a20190510battle/bg.jpg);} */

.cartoon-cout{
    position: absolute;
    top:50%;
    left: 80px;
    width: 320px;
    transform: translateY(-50%);
}
.cartoon-info{
    margin: 0 auto;
    padding-top: 15px;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/box-1.png) no-repeat;
    width: 209px;
    height: 359px;
    box-sizing: border-box;
    position: relative;
}
.cartoon-info .tit{
    position: relative;
    font-family: syst;
    font-weight: bold;
    font-size: 24px;
    margin-top: 36px;
    text-align: center;
    color: #fff4df;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    letter-spacing: 4px;
}

.cartoon-info .tit:before{
    display: none;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 60px;
    height: 5px;
}

.cartoon-info .tit span {
    position: relative;
}

.cartoon-info .tit span::before, .cartoon-info .tit span::after {
    content: '';
    display: block;
    position: absolute;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/stars.png) no-repeat;
    background-position: -32px 0;
    z-index: 9990;
    width: 14px;
    height: 14px;
}

.cartoon-info .tit span::before{
    top: 12px;
    left: -22px;
}
.cartoon-info .tit span::after{
    top: 12px;
    right: -19px;
    transform: rotate(180deg);
}

.cartoon-info img{
    display: block;
    margin: 0 auto;
        width: 145px;
        height: 180px;
    
}
.cartoon-info .txt{
    font-family: syst;
    font-weight: 600;
    font-size: 18px;
    position: absolute;
    bottom: 48px;
    width: 100%;
    text-align: center;
    color: #ffffff;
    text-align: center;
    line-height: 22px;
}
.cartoon-txt{
    width: 257px;
    font-family: syst;
    font-weight: 600;
    font-size: 18px;
    color: #edeeff;
    text-align: center;
    line-height: 22px;
}
.cartoon-box{
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 250px;
    justify-content: space-between;
}

.cartoon .btn-jx-xx{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/btn-jx-xx1.png) no-repeat;
    width: 116px;
    height: 30px;
    display: block;
}
.cartoon .btn-lj-jl .btn-pop-lq{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/btn-lq2.png) no-repeat;
    width: 116px;
    height: 30px;
    font-size: 0;
    display: block;
}
.cartoon .btn-lj-jl .btn-pop-zcxx{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/btn-zcxx.png) no-repeat;
    width: 116px;
    height: 30px;
    font-size: 0;
    display: none;
    background-size: 100% 100%;
}
.cartoon .btn-lj-jl.on .btn-pop-lq{display: none;}
.cartoon .btn-lj-jl.on .btn-pop-zcxx{display: block;}

.btn-lq.on{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/btn-lq-on.png) no-repeat;
    background-size: 100% 100%;
}

.popAnswer{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/tc-msg.png);
    width: 665px;
    height: 301px;
    position: relative;
    top: 50%;
    left: 50%;
    padding: 33px 29px 18px 29px;
    box-sizing: border-box;
  }


#nowAnswer{display: block ;font-size: 20px; margin-top: 16px;}
.popAnswer-txt{
    text-align: center;
    height: auto;
    padding-top: 30px;

    box-sizing: border-box;
    font-family: syst;
    color: #6256db;
    font-weight: 600;
    font-size: 20px;
}
.popAnswer-txt .title {
    font-size: 26px;
    font-weight: bold;
}
.popAnswer-btn{
    position: absolute;
    display: flex;
    width: 500px;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    /* margin-left: -310px; */
    justify-content: space-between;
}

.btn-Answer-qr{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/btn-tc-1.png) no-repeat;
    width: 239px;
    height: 50px;
    display: block;
    background-size: 100% 100%;
}
.btn-Answer-qx{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/btn-tc-2.png) no-repeat;
    width: 239px;
    height: 50px;
    display: block;
    background-size: 100% 100%;
}
.tips{
    display: none;
}


/* 调整 */
.wrap{
    background: none;
    height: 100%;
}
.mySwiper{
    height: 100%;
}
/* 第一?? */
.kv{
    padding-top: 482px;
    position: relative;
    width: 750px;
    height: 100%;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/bg-header.jpg) no-repeat;
    /* background-size: 100% 100%; */
    background-position: bottom;
}
.slogan{
    position: absolute;
    top: -610px;
    left:50px;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/slogen.png);
    width:635px;
    height: 356px;
}
.home-box{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
/* 第二?? */
.main-learn{
    padding-top: 0;
    width: 750px;
    height: 1625px;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/bg-kt1.jpg) no-repeat;
}
.main-learn-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    /* top: 50%;
    -webkit-transform: scale(0.95) translateY(-50%);
    -ms-transform: scale(0.95) translateY(-50%);
    transform: scale(0.95) translateY(-50%); */
}
.learn-btn-box{
    margin-top: 5px;
}

.learn-box .btn-learn{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/btn-learn.png);
    width: 116px;
    height: 30px;
    display: block;
    border-radius: 5px;
}
.learn-cout-info img{
    width: 145px;
    height: 180px
}

/* 第三?? */

.learn-xkt{
    margin-top: 25px;
}
.xkt-cout{
    position: relative;
    margin-top: 26px;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 740px;
    row-gap: 25px;

}


.xkt-img img{
    width:421px;
}

.xkt-img{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 470px;
    height: 216px;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/box-2.png) no-repeat;
}


/* 第四?? */
.main-answer{
    padding-top: 0;
    width: 750px;
    height: 1625px;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/bg-kt1.jpg) no-repeat;
    background-size: 100% 100%;
}
.main-answer-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* overflow: hidden; */
    position: relative;
    top: 30%;
    -webkit-transform: scale(0.7) translateY(-50%);
    -ms-transform: scale(0.7) translateY(-50%);
    transform: scale(0.7) translateY(-50%);
}
.main-answer .answer-info p{
    margin-bottom: 5px;
}

.main-answer .answer-lotter{
    margin-top: 90px;
}

.cartoon{
    top: 0 !important;
    width: 100%;
    height: 100%;
}
.cartoon-cout{
    width: 100%;
    left: unset;
}
.cartoon-txt{
    margin: 0 auto;
}
.cartoon-box{
    margin: 0 auto;
    margin-top: 10px;

}
.swiper-slide{
    overflow: hidden;
}
/* .learn-xkt.pc{
    display: none;
} */

/* 修改 */

.cartoon .btn-lj-jl .btn-pop-zcxx{
    display: none;
}
.cartoon .btn-lj-jl.on .btn-pop-lq{
    display: none;
}
.cartoon .btn-lj-jl.on .btn-pop-zcxx{
    display: block;
}
.wr-cout-box td:nth-of-type(1){
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 20px;
}

.lotterycontent_hover {
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/lotter-active.png) no-repeat;
    box-shadow: none !important;
}



.pop-test{
    position: fixed;
    width: 200px;
    right: 0;
    top: 120px;
    z-index: 100;
    background: rgba(0, 0, 0, .5);
}
.pop-test a{
    display: block;
    width: 200px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 18px;
    color: #fff;
}




@media screen and (min-width:320px){

    .main-learn-box{
        top: 40%;
        -webkit-transform: scale(0.80) translateY(-50%);
        -ms-transform: scale(0.8) translateY(-50%);
        transform: scale(0.8) translateY(-50%);
    }
    .main-answer-box2{
        top: 30%;
        -webkit-transform: scale(0.70) translateY(-50%);
        -ms-transform: scale(0.7) translateY(-50%);
        transform: scale(0.7) translateY(-50%);
    }
}
.login *{
    display: inline-block;
}

.winningRecords-box tfoot{
    font-size: 20px;
    margin-top: 20px;
}
.winningRecords-box tfoot .c3{
    color: #fff;

}
.winningRecords-box tfoot a{
    display: inline-block;
    color: #fff;
    font-size: 22px;
}
.winningRecords-box tfoot tr{
    width: 300px;
    display: block;
                margin-top: 20px;
    margin: 0 auto;
}
.winningRecords-box tfoot td *{
    margin: 0 5px
}
.cartoon .close{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/close-1.png) no-repeat;
    right: 30px;
    top: 40px;
}
.main-answer2 {
    padding-top: 0;
    width: 750px;
    height: 1625px;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/bg-kt3.jpg) no-repeat;
    background-size: 100% 100%;
}
.answer-title2{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/title-3.png) no-repeat;
    background-size: 100% 100%;
    width: 730px;
    height: 117px;
    margin: 0 auto;
}
.answer-info2{
    font-size: 18px;
    text-align: left;
    width: 666px;
    margin:0 auto;
    line-height: 25px;
    font-family: syst;
    font-weight: 600;
    color: #edeeff;
}

.answer-info2 p {
    position: relative;
}

.answer-info2 p::before {
    content: '';
    position: absolute;
    top: 7px;
    left: -21px;
    width: 14px;
    height: 14px;
    background-image: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/stars.png);
    background-position: -49px 0;
}
.answer-info2 .highlight {
    font-weight: bold;
}
.lott-bor1 {
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/bor-bg2.png) no-repeat;
    width: 782px;
    height: 364px;
    margin-top: 10px;
    box-sizing: border-box;
    padding: 43px 60px 35px 62px;
}
.lott-bor1::after {
    content: '';
    position: absolute;
    bottom: -45px;
    right: -53px;
    width: 203px;
    height: 231px;
    transform: scale(0.65);
    background-image: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/kt-6.png);
}

.lott-bor2 {
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/bor-bg.png) no-repeat;
    width: 623px;
    height: 253px;
    margin: 0 auto;
    font-family: syst;
    font-weight: 600;
    margin-top: 17px;
}
.bor2-top tr {
    display: flex;
    font-weight: bold;
}
.bor2-top th:nth-child(1) {
    border-radius: 15px 0px 0px 0px;
}
.bor2-top th:nth-of-type(1){
    width: 35%;
}
.bor2-top th:nth-of-type(2){
    width: 35%;
}
.bor2-top th {
    height: 44px;
    /* width: 215px; */
    display: block;
    line-height: 44px;
    color: #4b52bb;
    font-size: 22px;
    text-align: center;
    border-bottom: none;
}

.wr-cont-main, .bor2-box tr {
    display: flex;
    margin-bottom: 2px;
}
.bor2-box td, .wr-cont-main td {
    padding: 0;
    height: 38px;
    display: block;
    line-height: 38px;
    color: #2c2e6d;
    width: 30%;
    font-size: 18px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bor2-box td:nth-child(1){
    width: 35%;
}
.bor2-box td:nth-child(2){
    width: 35%;
}
.bor2-box td:nth-child(3){
    width: 30%;
}



.answer-title3{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/small-tit.png) no-repeat;
    background-size: 100% 100%;
    width: 462px;
    height: 86px;
    margin: 0 auto;
    margin-top: 10px;
}
.asnwer-tip {
    font-family: syst;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    color: #edeeff;
    width: 690px;
    text-align: left;
    margin: 0 auto;
    margin-top: -10px;
    line-height: 23px;
}
.lott-num {
    position: relative;
    font-size: 18px;
    font-family: syst;
    font-weight: 600;
    color: #412fbd;
    text-align: center;
    margin-bottom: 20px;
    z-index: 10;
}
.main-answer2 .answer-btn-box {
    margin: 10px auto 20px;
    z-index: 10;
}


.lott2{
    position: relative;
    height: 560px;
    margin-top: -50px;
}

.lott2::before {
    content: '';
    position: absolute;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/zp-bg2.png) no-repeat;
    width: 1066px;
    height: 1062px;
    /* background-size: 80%;
    width: 852px;
    height: 849px; */
    pointer-events: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)  scale(0.68);
    z-index: -999;
}

#swfswfcontent_container {
    /* left: 142px; */
    left: -234px;
    top: 39px;
    pointer-events: all;
}

#swfcontent_start {
    width: 136px;
    height: 154px;
}

.bor-btn{
    display: block;
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/bor-btn.png) no-repeat;
    background-size: 100% 100%;
    width: 103px;
    height: 26px;
}
.bor-btn.gray{
    background: url(//game.gtimg.cn/images/sg/cp/a20250520sgfdfp/m/bor-btn2.png) no-repeat;

}