/*
下载&视频模块
 */
.fs-xxl {
    font-weight: 600;
    font-size: 72px;
    line-height: 84px;
}
.fs-sm {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
}

.fs-xl {
    font-weight: 600;
    font-size: 60px;
    line-height: 70px;
}

.fs-md {
    font-size: 32px;
    line-height: 38px;
}

.fs-lg {
    font-size: 36px;
    line-height: 42px;
}

.item-txt.fs-lg {
    padding-bottom: 28px;
}

.item-txt.fs-xxl {
    padding-bottom: 24px;
}

.item-txt.fs-md {
    padding-bottom: 56px;
}

.item-txt.fs-sm {
    color: rgba(255, 255, 255, 0.7);
}
.pslink-download {
    padding-top: 78px;
}


.pslink-download .fs-sm {
    margin-top: 24px;
}
.pslink-download .fs-sm div{
    padding: 2px;
}
.pslink-download .download-btn {
    margin-top: 43px;
    margin-bottom: 32px;
}
.pslink-download .item-btn {
    width: 200px;
    height: 48px;
    /*background: rgba(255, 255, 255, 0.16);*/
    border-radius: 6px;
    /*border: 1px solid #FFFFFF;*/

    font-size: 14px;
    /*color: #FFFFFF;*/
    line-height: 16px;
    text-decoration: none;
    position: relative;
    background-color: transparent;
    background-image: linear-gradient(#fff,#fff),linear-gradient(#fff 50%,#fff9 80%,#0000),linear-gradient(90deg,hsl(0 100% 63%),hsl(90 100% 63%),hsl(210 100% 63%),hsl(195 100% 63%),hsl(270 100% 63%));
    background-origin: border-box;
    background-clip: padding-box, border-box, border-box;
    border: .08rem solid transparent;
    background-size: 200%;


    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    color: hsl(240 5.9% 10%);
    animation: rainbow  2s infinite linear;
}
.pslink-download .item-btn:before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
    content: "";
    filter: blur(.8rem);
    background-size: 200%;
    animation: rainbow  2s infinite linear;
    background-image: linear-gradient(90deg,hsl(0 100% 63%),hsl(90 100% 63%),hsl(210 100% 63%),hsl(195 100% 63%),hsl(270 100% 63%));
    transform: translate(-50%, 0) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1);
    width: 60%;
    height: 16%;
    left: 50%;
    bottom: -10%;
    position: absolute;
    z-index: 0;
}
/*.pslink-download .item-btn {*/
/*    display: block;*/
/*    width: 200px;*/
/*    height: 48px;*/
/*    background: rgba(255, 255, 255, 0.16);*/
/*    border-radius: 6px 6px 6px 6px;*/
/*    border: 1px solid #FFFFFF;*/

/*    font-size: 14px;*/
/*    color: #FFFFFF;*/
/*    line-height: 16px;*/
/*    text-decoration: none;*/
/*    position: relative;*/
/*}*/

/*.pslink-download .item-btn:hover {*/
/*    background: #3882FF;*/
/*    border: none;*/
/*}*/

/*.pslink-download .item-btn:active {*/
/*    background: #2D4D82;*/
/*    border: none;*/
/*}*/





.download {
    padding-top: 125px;
}
.download .item-btn {
    margin: 0 6px;
    width: 200px;
    height: 48px;
    /*background: rgba(255, 255, 255, 0.16);*/
    border-radius: 6px;
    /*border: 1px solid #FFFFFF;*/

    font-size: 14px;
    /*color: #FFFFFF;*/
    line-height: 16px;
    text-decoration: none;
    position: relative;

}
.download .android-btn:before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
    content: "";
    filter: blur(.8rem);
    background-size: 200%;
    animation: rainbow  2s infinite linear;

    width: 60%;
    height: 16%;
    left: 50%;
    bottom: -10%;
    position: absolute;
    z-index: 0;

    background-image: -webkit-linear-gradient(90deg,hsl(0 100% 63%),hsl(90 100% 63%),hsl(210 100% 63%),hsl(195 100% 63%),hsl(270 100% 63%));

    background-image: -moz-linear-gradient(90deg,hsl(0 100% 63%),hsl(90 100% 63%),hsl(210 100% 63%),hsl(195 100% 63%),hsl(270 100% 63%));

    background-image: -o-linear-gradient(90deg,hsl(0 100% 63%),hsl(90 100% 63%),hsl(210 100% 63%),hsl(195 100% 63%),hsl(270 100% 63%));
    background-image: linear-gradient(90deg,hsl(0 100% 63%),hsl(90 100% 63%),hsl(210 100% 63%),hsl(195 100% 63%),hsl(270 100% 63%));
    transform: translate(-50%, 0) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1);

}
.download .android-btn {
    background-color: transparent;

    background-origin: border-box;
    background-clip: padding-box, border-box, border-box;
    border: .08rem solid transparent;
    background-size: 200%;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    color: hsl(240 5.9% 10%);
    animation: rainbow  2s infinite linear;

    /*兼容问题*/
    background-image: -webkit-linear-gradient(#fff,#fff),-webkit-linear-gradient(#fff 50%,#fff9 80%,#0000),-webkit-linear-gradient(90deg,hsl(0 100% 63%),hsl(90 100% 63%),hsl(210 100% 63%),hsl(195 100% 63%),hsl(270 100% 63%));

    background-image: -moz-linear-gradient(#fff,#fff),-moz-linear-gradient(#fff 50%,#fff9 80%,#0000),-moz-linear-gradient(90deg,hsl(0 100% 63%),hsl(90 100% 63%),hsl(210 100% 63%),hsl(195 100% 63%),hsl(270 100% 63%));
    background-image: -o-linear-gradient(#fff,#fff),-o-linear-gradient(#fff 50%,#fff9 80%,#0000),-o-linear-gradient(90deg,hsl(0 100% 63%),hsl(90 100% 63%),hsl(210 100% 63%),hsl(195 100% 63%),hsl(270 100% 63%));
    background-image: linear-gradient(#fff,#fff),linear-gradient(#fff 50%,#fff9 80%,#0000),linear-gradient(90deg,hsl(0 100% 63%),hsl(90 100% 63%),hsl(210 100% 63%),hsl(195 100% 63%),hsl(270 100% 63%));
}




.download .item-btn.manager-btn {
    background-image: radial-gradient(circle at 50% 0%,hsl(0 0% 98%/10%) 0%,transparent 60%);
    color: #ffffffe5;
    border: 1px solid #ffffffe5;
}
@keyframes rainbow {
    0% {
        background-position: 0%
    }

    to {
        background-position: 200%
    }
}



/*.download .item-btn:hover {*/
/*    background: #3882FF;*/
/*    border: none;*/
/*}*/

/*.download .item-btn:active {*/
/*    background: #2D4D82;*/
/*    border: none;*/
/*}*/

.download .android-btn:hover .qrcode, .download .android-btn:active .qrcode {
    /*opacity: 1;*/
    display: flex !important;
}

.download .android-btn.mobile:hover .qrcode, .download .android-btn.mobile:active .qrcode {
    /*opacity: 1;*/
    display: none !important;
}

.download .qrcode {
    width: 150px;
    height: 150px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    left: 216px;
    /*opacity: 0;*/
    backdrop-filter: blur(20px);
    display: none !important;
}

.download .qrcode img {
    width: 120px;
    height: 120px;
    border-radius: 12px;

}

/**
游戏轮播
 */
.gaming {
    padding-top: 85px;
}

.gaming .item-txt.fs-xl {
    margin-bottom: 24px;

}

.gaming .item-txt.fs-sm {
    margin-bottom: 87px;
}
.lay-swipper {
    padding-bottom: 78px;
}

.swiper {
    overflow: unset;
}
.lay-swipper .swiper .swiper-slide {
    width: 314px;
    height: 420px;
    border-radius: 32px 32px 32px 32px;
    margin: 0 12px;
    cursor: pointer;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    will-change: transform;
}

.lay-swipper .swiper .swiper-slide a img{
    border-radius: 32px 32px 32px 32px;
}

.lay-swipper .swiper .swiper-slide.swiper-slide-active {
    width: 350px;
    height: 468px;
}

.lay-swipper #h-swiper .h-swiper-item {
    margin: 0 39px;
}

.lay-swipper .swiper .swiper-slide .rotate:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient( 0deg, #000000 0%, #00000021 100%);
    z-index: 99;
    filter: blur(20px);

}
.lay-swipper .swiper .swiper-slide .rotate {
    overflow: hidden;
    height: 141px;
    filter: blur(4px);
    opacity: 0.35;
    bottom: -185px;

}
.lay-swipper .swiper .swiper-slide .rotate img{
    width: 314px;
    height: 420px;
    border-radius: 32px 32px 32px 32px;
    transform: rotate(180deg);

}
.lay-swipper .swiper .swiper-slide.swiper-slide-active .rotate{
    bottom: -161px;
}

.lay-swipper .swiper .swiper-slide.swiper-slide-active .rotate img{
    width: 350px;
    height: 468px;
}

.b-video {
    margin-top: 46px;
    margin-bottom: 27px;
    width: 100%;
    height: 100%;
    max-height: 562px;
    max-width: 1000px;
    border-radius: 46px 46px 46px 46px;
}

/*
手柄
 */
.handle {
    padding-top: 97px;
}
.handle .item-txt.fs-xl {
    margin-bottom: 28px;

}

.handle .item-txt.fs-sm {
    margin-bottom: 49px;

}

.handle-item {
    position: relative;
    margin-bottom: 86px;
    margin-top: 58px;
}

.handle-bg {
    width: 1220px;
    flex-basis: 1220px;
    flex-grow: 0;
    flex-shrink: 0;
}
.handle-bg img {
    width: 100%;
}

.handle-screen {
    /*width: 714px;*/
    /*top: 44px;*/
    width: 705px;
    top: 46px;
}
.handle-screen video{
    border-radius: 21px;
    /*border-radius: 27px;*/
}
.handle-screen img {
    width: 100%;
}
.handle .lay-swipper {
    margin-bottom: 88px;
    padding: 0;
}

/**
游玩
 */

.playing {
    padding-top: 140px;
    overflow-x: hidden;
}

.playing .item-txt.fs-xl {
    margin-bottom: 64px;
}

.lay-pl-tabs {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
#playingTab {
    border: none;
    padding: 0 3.1%;
}
#playingTab .nav-item {
    flex-basis: calc(100% / 3);
    text-align: center;
}
#playingTab .nav-item a {
    display: block;
    font-weight: bold;
    font-size: 36px;
    color: rgba(206,212,222,0.5);
    line-height: 42px;
    text-decoration: none;
    border: none;
    padding-bottom: 24px;
}
#playingTab .nav-item a[aria-selected=true] {
    color: #FFFFFF;
    border-bottom: 3px solid #3882FF;;
}
.lay-pl-tabs {
    padding: 0 3.1%;
}
.lay-pl-tabs .pl-tab-item {
    margin: 95px 0 90px 0;
    display: flex;
    justify-content: space-between;
    background: rgba(42,64,107,0.46);
    flex-wrap: wrap;
    border-radius: 44px 44px 44px 44px;
    padding: 36px;
}
.lay-pl-tabs .pl-tab-item .pl-tab-img {
    max-width: 769px;
    width: 60%;
    flex-grow: 0;
    flex-shrink: 0;
}
.lay-pl-tabs .pl-tab-item .pl-tab-img video{
    border-radius: 24px;
}

.lay-pl-tabs .pl-tab-item .pl-tab-img img {
    position: relative;
    width: 100%;
}
.lay-pl-tabs .pl-tab-item .pl-tab-text {
    padding: 42px 26px 0 46px;
    width: 40%;
}

.lay-pl-tabs .pl-tab-item .pl-tab-title {
    font-weight: bold;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 42px;

}

.lay-pl-tabs .pl-tab-item .pl-tab-desc {
    padding-top: 24px;
    font-size: 24px;
    color: rgba(255,255,255,0.7);
    line-height: 28px;
}
.lay-pl-tabs .pl-tab-item .pl-tab-desc-mark {
    font-weight: 500;
    font-size: 12px;
    color: rgba(255,255,255,0.7);
    line-height: 14px;
    padding-top: 8px;
}

.answers {
    padding-top: 229px;
    overflow-x: hidden;
    padding-bottom: 80px;
}
.answers .item-txt.fs-xl {
    margin-bottom: 48px;
}
.answers .ans {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.answers .ans-item {
    padding-bottom: 36px;
}
.answers .ans-title a{
    display: block;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 28px;
    text-decoration: none;
    padding-right: 24px;
    background-image: url("../../images/new/add.png");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: right;
}
.answers .ans-title a[aria-expanded=true] {
    background-image: url("../../images/new/sub.png");
}
.answers .ans-desc {
    padding-top: 16px;
}

.answers .ans-desc .card-body{
    background-color: transparent;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    color: #B8BBC2;
    line-height: 19px;
    white-space: pre-wrap;
    border: none;
    transition: all .3s;
}
.lay-c-item {
    opacity: 0;
}
.lay-c-item.show {
    opacity: 1 !important;

}

/*.download .item-btn.mobile {*/
/*    background: #3882FF;*/
/*    border: none;*/
/*}*/
.ellipse {
    width: 100%;
    max-width: 740px;
}
.majordomo {
    top: 48.1818%;
}
.majordomo-item {
    margin: 0 auto;
    width: 88.65%;
    max-width: 656px;
}
.majordomo-item.opacity-0 img {
    width: 56% !important;
}

/*video::-webkit-media-controls {*/
/*    display: none; !important;*/
/*}*/

/*video::-webkit-media-controls-overlay {*/
/*    display: none; !important;*/
/*}*/
/*video::-webkit-media-controls-play-button {*/
/*    display: none; !important;*/
/*}*/
/*video::-webkit-media-controls-volume-slider {*/
/*    display: none; !important;*/
/*}*/