/* ---------dlg-------- */
.dlg-bg-none {
    width: 100%;
    height: 100%;
}
.dlg-bg-xl{
    width: 9.20rem;
    height: 5.00rem;
    background: url('//game.gtimg.cn/images/kazan/cp/a20251201subscribe/web/dlg/dlg_xl.png') no-repeat center / 100% 100%;
}
.dlg-bg-xxl {
    width: 9.20rem;
    height: 5.82rem;
    background: url('//game.gtimg.cn/images/kazan/cp/a20251201subscribe/web/dlg/dlg_xxl.png') no-repeat center / 100% 100%;
}
.dlg-bg-xxxl,.fx-dialog-mask-wrapper .dialog-content  {
    width: 9.20rem !important;
    height: 8.02rem !important;
    background: url('//game.gtimg.cn/images/kazan/cp/a20251201subscribe/web/dlg/dlg_xxxl.png') no-repeat center / 100% 100%;
}
.dlg-close,.fx-dialog-mask-wrapper .dialog-content .icon-close{
    width: 1.34rem;
    height: 0.92rem;
    background: url('//game.gtimg.cn/images/kazan/cp/a20251201subscribe/web/dlg/btn_close.png') no-repeat center / 100% 100%;
    right: -1.46rem;
    top: 0.12rem;
}
.dlg-bg-none .dlg-close{
    right: unset;
    top: 50%;
    margin-right: -10rem;
}

.dlg-box .btn-box{
    width: 2.49rem;
    height: 0.74rem;
    background: url('//game.gtimg.cn/images/kazan/cp/a20251201subscribe/web/dlg/btn_default.png') no-repeat center / 100% 100%;
    font-size: 0.35rem;
}
.dlg-title,.dlg-title-none,.fx-dialog-mask-wrapper .dialog-content .dialog-title{
    line-height: 0.40rem;
    font-size: 0.36rem;
}
.dlg-title:before,.fx-dialog-mask-wrapper .dialog-content .dialog-title:before{
    content: '';
    display: block;
    width: 1.00rem;
    height: 0.39rem;
    background: url('//game.gtimg.cn/images/kazan/cp/a20251201subscribe/web/dlg/tit_icon_1.png') no-repeat center / 100% 100%;
}
.dlg-title:after,.fx-dialog-mask-wrapper .dialog-content .dialog-title:after{
    content: '';
    display: block;
    width: 1.00rem;
    height: 0.39rem;
    background: url('//game.gtimg.cn/images/kazan/cp/a20251201subscribe/web/dlg/tit_icon_2.png') no-repeat center / 100% 100%;
}
.dlg-content .text-box{
    font-size: 0.24rem;
}
.dlg-box .text-tips{
    width: 7.74rem;
}
.dlg-box .btn-list {
    width: 6.52rem;
}
.dlg-rule .scroll-view{
    width: 8.00rem;
}
.dlg-prize-list .reward-list {
    /* border: 1px solid #d7c3a8; */
    width: 6.90rem;
}
.dlg-prize-list .operation {
    width: 4.8rem;
}
.dlg-box .share-plane{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.dlg-video .video-box {
    width: 12.80rem;
    height: 7.20rem;
}
.dlg-video .dlg-close {
    margin-right: -15rem;
}
.dlg-message .scroll-view{
    width: 7.74rem;
}
.dlg-share-poster .poster-page{
    width: 100%;
    height: 100%;
}

/* faq */
.faq {
    width: 924px;height: 100%;position: fixed;left: 0;top: 0;background:#efefef url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/faq_bg.png) no-repeat right bottom/100% auto;z-index: 99;transform: translateX(-2000px);-webkit-transform: translateX(-2000px);opacity: 0;
}
.faq.showOn {
    animation:faqMoveRight 0.5s ease both;-webkit-animation:faqMoveRight 0.5s ease both;
}
.faq.showOff {
    animation:faqMoveLeft 0.5s ease both;-webkit-animation:faqMoveLeft 0.5s ease both;
}
.faq-logo {
    width: 126px;height: 111px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/logo.png);position: absolute;left: 60px;top: 35px;text-indent: -9999px;
}
.faq-close {
    width: 180px;height: 104px;background-image: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/faq_close.png);position: absolute;left: 0;bottom: 0;z-index: 9;
}
.faq-content {
    width: 730px;height: 70%;position: absolute;left: 60px;top: 15%;padding-right: 100px;overflow-y: auto;overflow-x: hidden;
}
.faq-info {
    width: 690px;height: 200px;line-height: 50px;margin-left: 40px;font-size: 18px;color: #3e3e3e;
}
.faq-q {
    width: 100%;height: 50px;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/faq_q.png) no-repeat left center;line-height: 50px;color: #3e3e3e;font-size: 18px;text-indent: 26px;margin-top: 60px;
}
.faq-a {
    width: 100%;background: url(//game.gtimg.cn/images/kazan/act/a20241207index/pc/faq_a.png) no-repeat left top;line-height: 37px;color: #b55856;font-size: 18px;padding-left: 26px;
}
/* 滚动条整体 */
.faq ::-webkit-scrollbar {
    /* height: 20px; */
    width: 6px;
}
/* 两个滚动条交接处 -- x轴和y轴 */
.faq ::-webkit-scrollbar-corner {
    background-color: transparent;
}

/* 滚动条滑块 */
.faq ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #a9a9a9;
}

/* 滚动条轨道 */
.faq ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #e7e7e7;
}
@keyframes faqMoveRight {
    from{transform: translateX(-2000px);-webkit-transform: translateX(-2000px);opacity: 0;}
    to{transform: translateX(0);-webkit-transform: translateX(0);opacity: 1;}
}
@keyframes faqMoveLeft {
    from{transform: translateX(0);-webkit-transform: translateX(0);opacity: 1;}
    to{transform: translateX(-2000);-webkit-transform: translateX(-2000px);opacity: 0;}
}